/*
Theme Name: MadeByPi™ Blog
Theme URI:
Description: Design by <a href="http://www.madebypi.co.uk">MadeByPi&trade;</a>
*/

/* Generic CSS for all sites by Mike Franklin */
html,body,
div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            font-style: normal;
            font-size: 100%;
            line-height: 1.2em;
            font-family: inherit;
            text-align: left;
}
body {color: #FFFFFF;}
em {font-style: italic;}
table {border-collapse: collapse; border-spacing: 0;}
ol,ul {list-style: none;}
hr {display: none;}

/* Generic CSS for all sites by Mike Franklin */

/*--- PAGE LAYOUT ---*/

body{background:url(images/bg.gif) top left repeat-x #1A1A1A; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}
a{color:#80C7FC; text-decoration:none; border-bottom:1px solid #014266;}
a:hover{background-color:#FFFFFF; border-bottom:1px solid #FFFFFF; color:#6D6F71 !important;}
#content-wrap{width:960px; margin-left:auto; margin-right:auto; background:url(images/bg_page.jpg) bottom center no-repeat; overflow:hidden;}
#mainCol{width:600px; float:left; background:url(images/bg_header.jpg) no-repeat top left;}
#sidebar{width:312px; float:right; background:#000000 url(images/bg_sidebar.gif); padding:48px 24px 48px 24px; margin-bottom:48px;}
* html #sidebar{padding:48px 0px 48px 24px;}


/*--- HEADER + NAV ---*/

#header{padding:48px 24px 48px 24px; overflow:hidden; width:500px;}
#main{padding:24px 24px 48px 24px;}
#nav{padding:0px 24px 0px 24px;}
h1{width:195px; height:66px; text-indent:-9999px; background:url(images/logo.gif) no-repeat; float:left;}
#nav ul{overflow:hidden; width:500px;}
#nav ul li{float:left;}
#nav ul li a{display:block; background:url(images/bg_nav.gif) repeat-x top #323232; padding:10px; font-size:1.3em; margin-right:4px; border:none;}
#nav ul li.current_page_item a, #nav ul li a:hover{color:#FFFFFF !important;}
.title{width:532px; overflow:hidden; margin:0px 0px 24px 0px;}
.title h2, .title p{font-size:1.3em; background-color:#323232; padding:3px 5px 4px 5px; color:#FFFFFF; float:left; clear:both;}
.title p{color:#C8CACC;}
.title p span{color:#FFFFFF;}



/*--- POSTS ---*/

h2 a{font-size:2.6em; font-weight:bold; color:#FFFFFF; border:none; line-height:0.9em;}
.post{border-top:1px solid #4D4D4D; no-repeat bottom center; padding:20px 0px 48px 0px; overflow:hidden; width:552px;}
.post p{color:#C8CACC; font-size:1.3em; line-height:1.3em; padding:5px 0px 5px 0px;}

.post p a img.size-medium, .post p a img.size-large, .post p a img.size-small{border:1px solid #4D4D4D; background-color:#000000;}
.post p a:hover img.size-medium, .post p a:hover img.size-large, .post p a:hover img.size-small{border:1px solid #FFFFFF;}

div.post-info{padding:15px 0px 10px 0px; color:#C8CACC; font-size:1.1em;}
div.post-info a{border:0px;}

/*These two styles stop the AddThis styles changing the appearance of post links*/
div.post-info a, div.post-footer a{display:inline !important;}
div.post-info a:hover, div.post-footer a:hover{background-color:#FFFFFF !important;}

div.post-footer{padding-top:10px;}
div.post-footer a{border:0px; font-size:1.1em;}
div.post-footer a.comments, div.post-footer a.readmore{margin-right:20px;}
.single{background-image:none; border-bottom:1px solid #4D4D4D;}
.post-content{float:right; width:432px;}
.date{float:left; display:block; background:url(images/date.gif) no-repeat top left; font-size:1.1em; width:86px; height:20px; text-align:center; padding:5px 10px 0px 0px; color:#C8CACC; margin-top:2px;}
.post-content h3{font-size:1.6em; margin-top:12px;}

.float-left a, .float-right a{
	font-size:1.3em;
}

.float-right{
	float:right;
}

.float-left{
	float:left;
}

pre{
	font-size:1.3em;
	color:#010101;	
	background-color:#FFFFFF;
	padding:14px;
	
	margin:14px 0px 14px 0px;
	display:block;
	overflow:auto;
	width:402px;
	max-height:18em;
}

.post ol, .post ul{
	font-size:1.3em;
	color:#C8CACC;
	padding-left:20px;
	margin-top:5px;
}

.post ol li{
	list-style:decimal;
	padding-bottom:5px;
	
}

.post ul li{
	list-style:disc;
	padding-bottom:5px;
	
}

dd{
	padding:10px 0px 5px 0px;
	color:#C8CACC;
	font-size:1.1em;
	
}


/*--- ADD THIS button ---*/

div.post-content div a{ margin-top:12px; display:block; width:125px; text-decoration:none; border:none;}
div.post-content div a:hover{background:none;}





/*--- COMMENTS ---*/

#main input{border:none; background:url(images/bg_input.gif) repeat-x top left #FFFFFF; font-size:1.3em; font-family:Arial, Helvetica, sans-serif;}

h3#comments, h3#respond{font-size:1.3em; background-color:#323232; padding:3px 5px 4px 5px; color:#FFFFFF; float:left; clear:both; margin:24px 0px 24px 0px;}
ol.commentlist{clear:both;}
ol.commentlist li{overflow:hidden; width:552px; margin-bottom:24px;}
ol.commentlist li img{float:left;}
ol.commentlist li div.commentinfo{float:right; width:432px; ont-size:1.1em;}
ol.commentlist li div.commentinfo p{font-size:1.3em; margin-bottom:5px;}
ol.commentlist li div.commentinfo .author{font-size:1.3em; margin-bottom:5px; color:#C8CACC; display:block;}
ol.commentlist li div.commentinfo small, ol.commentlist li div.commentinfo em{padding-bottom:10px; display:block; ont-size:1.1em;}

#commentform{clear:both; width:552px; overflow:hidden;}
.loggedin{width:96px; margin-right:24px; font-size:1.1em; color:#C8CACC;}
#commentform textarea{width:416px; float:right; border:none; background:url(images/bg_input.gif) repeat-x top left #FFFFFF; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; padding:6px 8px 5px 8px; }
#commentform p.row{margin-bottom:15px; width:552px; overflow:hidden;}
#commentform p label{font-size:1.1em; float:left; width:96px; color:#C8CACC; margin-right:24px;}
#commentform p input{width:224px; height:16px; padding:6px 8px 5px 8px;}
#commentform p input#submit{font-size:1.3em; font-family:Arial, Helvetica, sans-serif; height:27px!important; border:none; background:url(images/bg_button.gif) repeat-x top left #323232; color:#80C7FC; width:120px!important; margin:0px 0px 0px 120px;}

/*--- CAPTCHA ON COMMENTS ---*/

#zrx_captcha table{margin:0px 0px 24px 120px; color:#C8CACC; font-size:1.1em;}

#zrx_captcha div{font-size:1.1em; float:left; width:96px; color:#C8CACC; margin-right:24px;}

#zrx_captcha input{background:url(images/bg_input.gif) repeat-x top left #FFFFFF; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#1a1a1a; padding:6px 8px 5px 8px; line-height:1em;}

#zrx_captcha td{padding-right:10px;}


/*--- recaptcha ON COMMENTS ---*/

#recaptcha-submit-btn-area input{font-size:1.3em; font-family:Arial, Helvetica, sans-serif; height:27px!important; border:none; background:url(images/bg_button.gif) repeat-x top left #323232; color:#80C7FC; margin-left:120px;}

#recaptcha_widget_div{margin-left:120px; line-height:0em !important;}

/*--- SIDEBAR ---*/

ul.feeds{width:312px; overflow:hidden; margin-right:24px;}
ul.feeds li{float:right; padding:0px !important; font-size:0px !important;}
ul.feeds li a.entries{text-indent:-9999px; height:11px; display:block; border:none; margin-left:5px; background:url(images/rss.gif) no-repeat top left #000000; width:20px;}
ul.feeds li a.entries:hover{background-position:0px -11px; border:none; padding:0px;}

ul.links{float:left; padding-top:0px; margin:41px 0px 0px 2px; font-size:1.1em; color:#C8CACC;}
ul.links li{float:left;}

.searchform{margin-top:102px; width:312px; overflow:hidden;}
.searchform input.textbox{color:#1a1a1a; width:312px; height:16px; padding:6px 8px 5px 8px; border:none; background:url(images/bg_input.gif) repeat-x top left #FFFFFF; font-size:1.3em; font-family:Arial, Helvetica, sans-serif;}
.searchform input{margin-bottom:5px; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; height:27px; width:66px; border:none; background:url(images/bg_button.gif) repeat-x top left #323232; color:#80C7FC;}

#sidebar h3{font-size:1.6em; padding:24px 0px 24px 0px; background:url(images/linedot.gif) 24px 0px repeat-x; margin-top:24px; clear:both;}
#sidebar ul li{padding-bottom:10px; font-size:1.3em;}
#sidebar  a{margin-right:2px;}

/* These styles are for the the FlickR images */

div.flickr a img{width:66px; height:66px; padding:0px; margin:0px; }
div.flickr a{padding-bottom:0px !important; border:0px; background-color:white; display:block; width:70px; height:70px; float:left; padding:4px 0px 0px 4px; margin-right:4px !important; margin-bottom:4px; }
div.flickr a:hover{ border-bottom:none; background-color:#C8CACC; }

.widget_flickrRSS h3{width:94px; height:14px; background:url(images/madebypir.gif) no-repeat top left; text-indent:-9999px;}

.wp_widget_tag_cloud a{display:block; float:left; clear:both; margin-bottom:10px;}
.wp_widget_tag_cloud h3{background:url(images/tagsicon.gif) no-repeat 0px 2px; padding-left:18px;}



/*Styles for Twitter feed*/

#sidebar h3 a.twitter_title_link{display:block; background:url(images/twitter_logo.gif) top right no-repeat; border:none; color:#FFFFFF;}
#sidebar h3 a.twitter_title_link:hover{color:#80C7FC !important;}
ul.twitter li span.twitter-timestamp{display:block; padding-top:7px;}
ul.twitter li span.twitter-timestamp abbr{color:#C8CACC; font-size:0.8em;}


/*--- FOOTER ---*/

#footer-wrap{clear:both; background:url(images/bg_footer.jpg) no-repeat top center #000000; width:100%; overflow:hidden;}
#footer-content{width:912px; margin-left:auto; margin-right:auto; padding:24px 24px 48px 24px;}
#footer-columns{width:912px; overflow:hidden;}

.col1, .col2, .col3{border-top:1px solid #4D4D4D; padding:24px 0px 24px 0px; margin-top:24px;}
.col1, .col2{width:276px; float:left; margin-right:24px;}
.col3{width:312px; float:right;}

#footer-columns h3{font-size:1.6em; padding-bottom:24px;}
#footer-columns ul li{font-size:1.3em; padding-bottom:10px; color:#C8CACC;}
#footer-bottom p{font-size:1.1em; color:#4D4D4D; text-align:right;}

/*--- CALENDAR ---*/

#wp-calendar{ background-color:#1a1a1a;}
table#wp-calendar{border:2px solid #1a1a1a !important;}
#wp-calendar th{padding:4px 6px 4px 6px; border:1px solid #1a1a1a; background-color:#000000;}
#wp-calendar td{padding:4px 6px 5px 6px; border:1px solid #000000; color:#C8CACC; font-size:1.1em; text-align:center;}
#wp-calendar caption{font-size:1.3em; color:#C8CACC; margin-bottom:15px;}


/* --- TOP BUTTONS --- */


#topLinks {
    position: relative;
	float: right;
	right: 20px;
	top: 0px;
}

#topLinks a
{
    background-position: bottom left;
    background-repeat: repeat-x;
    padding: 8px 20px;
    color: #333;
    font-size: 1.2em;
    margin-right: 1px;
    line-height: 1.4em;
    display: block;
    float: left;
    border-bottom: 0px;
	background-color: #FFF;
}

#topLinks a.blue 
{
    background-image: url(images/button_blue.gif);
} 

#topLinks a.green 
{  
    background-image: url(images/button_green.gif);
}

#topLinks a:hover, #topLinks a:Hover  
{
    background-color: #fff;
    background-image: none;
    color: #000;
    border-bottom: 0px;
}