@charset "utf-8";
/* CSS Document */

/*   
Theme Name: I got this for 30P
Theme URI: www.30penceontheside.co.uk
Description: a 2 column blog template with a clean feel. 
Author: JimRam
Author URI: www.jimram.com
Version: 1.0
.
Copyright 2009 JimRam
.
*/


body {border-top:#721734 solid 7px; background:#181822; margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida grande", Arial; color:#69697E; font-size:12px; line-height:20px;}

a {color:#B9B9CF; text-decoration:none; font-size:inherit; letter-spacing:3px; text-transform:uppercase;}
a:hover {text-decoration:none; color:#e6e6e6;}
img {border:none;}
h1, h2, h3, h4 { font-weight:normal;margin:0; padding:0;}
span {letter-spacing:2px;}
i {margin:0px 0px}
i a{color:#B9B9CF; text-transform:lowercase; letter-spacing:0px;}
i a:hover{color:#e6e6e6;}
p{padding:0; margin:0;}
h4 {letter-spacing:2px; font-size:16px; text-transform:uppercase; color:#B9B9CF;}
input {border:none;text-indent:4px;}
.clear {clear:both;}

#topNavContainer {width:100%; height:60px; background:#3B3A4C; margin:10px 0 30px 0;}
.topNav {width:960px; margin:0 auto; height:60px;}
.rss {width:100px; float:left; font-size:14px; letter-spacing:3px; background: url(images/rssIcon.gif) 40px 23px no-repeat; padding:20px 20px 0 0;}
.nav {width:630px; float:right; letter-spacing:3px; text-transform:uppercase; margin-top:20px; font-size:14px;}
.nav ul{display:block;list-style:none; list-style-image:none; list-style-type:none; list-style-position:outside;padding:0; margin:0}
.nav li {float:left; margin:0 60px 0 0}

#header {width:960px; margin:0 auto 20px auto; height:200px;}
.logo {width:270px; height:170px; float:left;}
.heading {width:630px; height:170px; float:right; padding-top:10px;}
.latestPostLabel {width:35px; height:170px; float:left; background: url(images/latestBg.gif) no-repeat; margin-left:10px;}
.heading h1 {letter-spacing:2px; color:#e6e6e6; font-size:24px; font-weight:normal;}
.heading h3 {font-size:16px; line-height:24px; margin-bottom:20px}
.meta {margin:10px 0;}
.meta i {margin:0px 5px}
.readLrg {width:100px; height:22px; font-size:16px; background: url(images/readBtnLrg.gif) 0 -22px no-repeat; padding-left:30px;}
.readLrg:hover {background: url(images/readBtnLrg.gif) 0 0 no-repeat;}


#container {width:990px; margin:0 auto;}
#rightCol {width:660px; float:right; margin-bottom:50px;}
#leftCol {width:270px; float:left; margin-left:15px;margin-bottom:50px;}

.postBox {width:300px; height:360px; border-top:#38384C 5px solid; margin:0px 15px 30px 15px; float:left;}
.postBoxImg {width:300px; height:100px; background:#38384C; overflow:hidden;}
.postBoxImg {margin-bottom:-100px;}
.mask {width:300px; height:90px;border:5px solid #000011; background:#38384C; position:relative;top:0px;z-index:1;border-style:solid none; opacity:0.7; filter: progid XImageTransform.Microsoft.Alpha(Opacity=70); -MS-filter: "progid XImageTransform.Microsoft.Alpha(Opacity=70)";}
.mask:hover {opacity: 1; border:5px #721734; background:none; border-style:solid none;}
.postBox h2 {text-transform: none; font-size:21px; text-transform: capitalize; margin:10px 0 20px;height:50px;line-height:30px;}
.read {width:100px; height:16px; font-size:14px; background: url(images/readBtn.gif) 0 -16px no-repeat; padding-left:20px; margin-top:20px; float:left; line-height:15px;}
.read:hover {background: url(images/readBtn.gif) 0 0 no-repeat;}
.postBox p{}

#post {margin:0 0 0 15px;width:630px;}
.borderTop {border-top:#38384C 5px solid;}
#postImg {width:300px; height:200px; float:right;}
#titleBox {width:630px; height:170px; float:right;}
#titleBox h1 {letter-spacing:2px; color:#e6e6e6; font-size:36px; font-weight:normal; margin-bottom:10px; min-height:30px;line-height:46px;}
#titleBox h2 {font-size:16px; line-height:24px;color:#81819C}
#metaBox {width:300px; float:left; border-top:#38384C 5px solid; padding-top:10px;}
.metaLabel {width:60px; float:left; height:24px; margin:0px 20px 10px 0; font-size:14px; font-style:italic; }
.metaEntry {width:220px; margin: 0 0 10px 0; height:24px; color:#B9B9CF;float:right;}
#content {padding:30px 0px; font-size:14px; margin-bottom:20px;}
#content p {font-size:14px; line-height:30px; color:#81819C; padding:10px 0px;}
#content img {padding:15px 0px;}
#content a{text-transform:none; letter-spacing:normal;}
#catTitle{width:630px; height:170px; float:right;}
#catTitle h1{color:#E6E6E6;font-size:60px;font-weight:normal;height:65px;letter-spacing:2px;line-height:46px;margin-bottom:10px;min-height:30px;border-bottom:5px solid #38384C;text-transform:uppercase;}
#catTitle h2 {font-size:16px; line-height:24px;color:#69697E;font-style:italic;}
#pageTitle{width:630px; height:170px; float:right;}
#pageTitle h1{color:#E6E6E6;font-size:60px;font-weight:normal;height:65px;letter-spacing:2px;line-height:46px;margin-bottom:10px;min-height:30px;text-transform:uppercase;}

.links {width:630px; float:right; letter-spacing:3px; text-transform:uppercase; margin-top:20px; font-size:12px;}
.links ul{display:block;list-style:none; list-style-image:none; list-style-type:none; list-style-position:outside;padding:0; margin:0}
.links li {float:left; margin:0 60px 0 0; width:250px;}
.links a{font-size:12px;color:#69697E;}
.links a:hover{color:#B9B9CF;}

#comments {margin:0;width:630px;}
#commentForm {clear:both;}
#commentForm .input {background:#38384C;color:#B9B9CF;font-size:14px;padding-top:8px;text-indent:4px; width:300px; clear:both; float:left; height:24px;}
#commentList{clear:both; margin-bottom:50px;}
#commentList ol{list-style-image:none;list-style-position:outside;list-style-type:none;margin:30px 0;padding:0;}
#commentList li{background:#38384C; color:#B9B9CF}
#commentList .name {background:#181822 url(images/commentBg.gif) bottom center no-repeat; padding-bottom:20px;color:#69697E; padding-left:235px;text-align:left;font-size:10px;}
#commentList li p{padding:10px 15px 15px;}
.metadata {color:#69697E;}
#commentForm .textarea {background:#38384C;color:#B9B9CF;font-size:14px;height:182px;padding-top:8px;text-indent:4px; width:300px; border:none;}
#commentForm label{float:left; margin:20px 0 5px; font-size:12px; font-style:italic;}
#commentForm small {padding:0 5px; font-style:normal;}
#right {margin:0 0 0 30px; width:300px; float:right;}
#left {margin:0; width:300px;float:left;}
#commentForm .submitBtn {color:#B9B9CF; text-decoration:none; font-size:12px; letter-spacing:3px; text-transform:uppercase; background:#721734; padding:5px; cursor:pointer; width:75px; float:right; margin-top:20px;}
#commentForm .submitBtn:hover {color:#e6e6e6;background:#db1c3b;}

#sidebar {margin-bottom:50px;}
.widget2 {background:url(images/widgetBg.gif) repeat-y top left; width:210px; padding-left:50px; color:#69697E; min-height:135px;margin-bottom:30px; float:left;}
.widget {background:url(images/titleComments.gif) repeat-y top left; width:210px; padding-left:50px; color:#69697E; min-height:165px;margin-bottom:30px; float:left;}
.widgetTitle {float:right;left:-225px;position:relative;width:35px;}
.myPic {float:left; padding:1px 10px 10px 0;}
.widget ul{list-style:none;padding:0;margin:0;}
.widget li{float:none; padding-bottom:15px;}
.widget li a{color:#69697E;}
.widget li a:hover{color:#B9B9CF;}
.widget h3 {display:none;}
.widget p {}

#footerContainer {width:100%; height:85px; border-bottom:#721734 solid 7px; clear:both;}
#footer {width:960px; margin:0 auto;}
#topBtn {width:35px; height:83px; background:url(images/topBtn.gif) top left no-repeat; float:left; margin:2px 0 0 10px;}
#topBtn:hover {background:url(images/topBtn.gif) top right no-repeat}
#copyright {width:630px; margin-top:31px; float:right; color:#595970;}
#search{width:270px; height:70px; float:left;}
#search .input {background:#38384C; color:#B9B9CF;font-size:14px;height:24px;margin-top:15px;padding-top:8px;text-indent:4px;width:170px;}
.submitBtn {color:#B9B9CF; text-decoration:none; font-size:12px; letter-spacing:3px; text-transform:uppercase; background:#721734; padding:8px; cursor:pointer; width:80px;}
.submitBtn:hover {color:#e6e6e6;background:#db1c3b;}

#twitter {width:77px; height:20px; background:url(images/twitter.gif) top left no-repeat; float:left; margin:0 10px 10px 0px;}
#twitter:hover {background-position:bottom left;}
#redbullet {width:77px; height:20px; background:url(images/redbullet.gif) top left no-repeat;float:left;margin:0 10px 10px 0px;}
#redbullet:hover {background-position:bottom left;}
#linkedin {width:77px; height:20px; background:url(images/linkedin.gif) top left no-repeat;float:left;margin:0 10px 10px 0px;}
#linkedin:hover {background-position:bottom left;}
#facebook {width:77px; height:20px; background:url(images/facebook.gif) top left no-repeat;float:left;margin:0 10px 10px 0px;}
#facebook:hover {background-position:bottom left;}

/* Error Message START */
#error {width:480; float:left; margin:0 0 0 10px;}
#error .title {color:#E6E6E6;font-size:60px;font-weight:normal;height:65px;letter-spacing:2px;line-height:46px;margin-bottom:10px;min-height:30px;border-bottom:5px solid #38384C;text-transform:uppercase;}
#error .message {font-size:18px; font-weight:bold; color:#69697E; padding-left:3px; padding-top:30px}
/* Error Message END */


/* PAGE NAVI START */
#postnav {margin:50px 15px 20px 0px;padding:0px;width:630px; float:right;}
.prev {width:100px; height:22px; font-size:16px; background: url(images/readBtnLrg.gif) 0 -22px no-repeat; padding-left:4px; float:left;}
.prev:hover {background: url(images/readBtnLrg.gif) 0 0 no-repeat;}
.next {width:100px; height:22px; font-size:16px; background: url(images/readBtnLrg.gif) right -22px no-repeat; padding-right:1px;
text-align:right; float:right;}
.next:hover {background: url(images/readBtnLrg.gif) right 0 no-repeat;}
.wp-pagenavi {width:auto;}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px; color:#B9B9CF;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px;}
.wp-pagenavi a:hover {background:#DB1C3B; color:#E6E6E6}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin:2px 2px 2px 2px;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px;background:#721734;color:#B9B9CF;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px;}
/* PAGE NAVI END */