/*
Theme Name: Clover Road 3 - Blog
Theme URL: http://www.techdesigns.co.uk
Description: Very clean, professional looking and fast loading theme by <a href="http://www.techdesigns.co.uk" title="Website Design">Techdesigns.co.uk</a>.<br/><br/>You can easily customise the design by changing the blue header image - simply upload your own image - 770px by 145px.<br/><br/>Complete with a javascript facility to show and hide the categories/archives/links/meta content.<br/><br/>Valid XHTML strict and tested in IE, Firefox and Netscape.<br/><br/>Ideal for a personal blog or a company website. 
Version: v1.0
Author: Joey Robinson
Author URI: http://www.techdesigns.co.uk
Latest updated: 22nd May 2007
*/

/*Colours

Orange: #ff9900
Green: #8cc63f
Green 50%: #c5e29f
Green 25%: #e2f1cf
Dark Gray: #333
Light Gray: #999

*/



/* CSS for Body */
*{margin:0; padding:0;}
body{color:#999999; background: url(img/back.gif); font:75% Helvetica, Arial, sans-serif;}
#page{color:#999999; background: url(img/bg.gif) top center repeat-y; width:100%;}
#bg{background: url(img/main_bg.gif) top repeat-y; color:#666; margin:0 auto; width:100%; }
#top{color:#999999; margin: auto; width:820px; height:233px; background: url(img/top.gif) no-repeat;}
#topimg{margin: auto; width:770px; height:215px; background: url(img/top_img.jpg) no-repeat bottom center; }
#wrap{h5 color:#999999; margin:0 auto; width:760px; }
#m1, #m2, #m3, #m4, #m5{display: none;}
p{font-family: Georgia,"Times New Roman",Times,serif;}

/* CSS for Links */
a{background-color:inherit; color:#ff9900; font-weight: none; text-decoration:none;}
a:hover{background-color:inherit; color:#999999; font-weight: none; text-decoration:underline;}
a img{border:0;}


/* CSS for Header */
#header{margin:5px 0 5; }
#header h1{ color:#8cc63f; float:left; font-size:1em; margin:10 0 10 0px; width:760px; font-weight: none; font-family: Helvetica, Arial, sans-serif;}
#header h1 a{background-color:inherit; color:#71B8FF; text-decoration:none;}
#header p a{background-color:inherit; color:#808080; float:right; font-size:1em; font-weight:none; line-height:1.3em; margin:6px 0 0; text-align:center;}
#frontphoto{margin:0 0 10px;}
#header_title{color:#71B8FF; font-size:15px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; padding-left:13px; padding-top:155px; letter-spacing:1px; text-transform:uppercase;  }
#header_title a{background-color:inherit; color:#FFFFFF; text-decoration:none;}
#header_title a:hover{background-color:inherit; color:#999999; text-decoration:none;}
#header_title2{ color:#FFFFCC; letter-spacing:1px; font-size:13px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; padding-left:13px; padding-top:0px; text-transform:uppercase; }
#header_title {visibility:hidden;}
#header_title2 {visibility:hidden;}
h1 {color:#8cc63f; line-height: 1.5em; border-bottom:#CCC 1px solid; padding-bottom:10px;margin-bottom:10px;}

/* CSS for Sidebars */
#leftside{clear:right; float:right; line-height:1.4em; margin:0 0 10px; width:145px;}
#extras{float:right; line-height:1.4em; margin:0 0 5px; width:145px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget{font-size:1em; margin:0 0 18px;}
#leftside li, #extras li{line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul{margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li{margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a{font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist{font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul{margin:0 0 18px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a{font-weight:none;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3{background-color:inherit; color:#999999; font-size:1.1em; margin:0 0 10px;}
#leftside label, #extras label{display:none;}

/* CSS for Main menu */
ul.page{list-style:none; margin:0 0 18px; width:144px;}
ul.page li{display:inline; line-height:1.4em; width:144px; text-transform:none; font-weight:bold;}
ul.page li a{background-color:#f4f4f4; border:0px; color:#999999; float:left; font-weight:none; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:134px;}
ul.page li a:hover, ul.page li.current_page_item a{background-color:#c5e29f; border:0px; color:#FFFFFF; text-decoration:none;}
ul.page ul{font-size:0.9em;margin:0 0 0 15px;padding:0 0 5px;width:129px;}
ul.page ul a{padding:3px 1px 3px 5px;width:119px;}
ul.page ul ul{width:117px;}
ul.page ul ul a{width:104px;}

/* CSS for Content */
#content{line-height:1.8em;margin:0px 173px 5px 5px;padding:0; letter-spacing:1px; }
#contentwide{line-height:1.6em;margin:0px 163px 5px 5px;padding:0;}
#content h2,#contentwide h2 {font-size:2em;margin:0 0 10px; color: #8cc63f; /*text-transform:capitalize;*/font-family: Helvetica, Arial, sans-serif;}
#content h3,#contentwide h3{font-size:1.2em;margin:0 0 10px; color: #666;/*text-transform:capitalize;*/ font-family: Helvetica, Arial, sans-serif;}
#content img,#contentwide img{border:0px;margin:0px 0px 10px 10px;}
#content ul,#contentwide ul,#content ol,#contentwide ol{margin:0 0 16px 30px;}
#content li,#contentwide li{padding:0 0 0 5px; font-family: Georgia,"Times New Roman",Times,serif;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol{margin:0 0 0 16px;}
.alignright {float:right;}
.alignleft {float:left;}

/* CSS for Footer */
#footer{background: url(img/base_bg.gif) top center repeat-y; border-top:0px;clear:both;color:#808080;font-size:0.9em;font-weight:normal;line-height:1.3em;margin:0 auto;padding:13px 0;text-align:center;width:100%; height: 60px;}
#footer p{margin:0;padding:0;}
#footer a{background-color:inherit;color:#808080;font-weight:normal;text-decoration:none;}
#footer a:hover{background-color:inherit;color:#999999;text-decoration:underline;}


/* CSS for Submenu */
#subpages {border-bottom:0px; border-left:0px; font-weight:none;line-height:1.3em;float:right;margin:0 0 8px 15px;padding:0 0 10px 10px;width:150px;}
#subpages h2{font-size:1em;font-weight:bold; margin:0 0 10px; padding-top: 5px; color:#999;}
/*#subpages h2{padding-bottom:-15px;visibility:hidden; }*/

#subpages ul.submenu{font-size:1.2em; line-height:1.4em;list-style:none; margin:0;}
#subpages ul.submenu li{display:inline; line-height:1.4em; width:140px; padding:0; text-transform:capitalize; font-weight:normal;}
#subpages ul.submenu li a{font-size:0.9em; background-color:#f4f4f4; border:0px;color:#999999;float:left;margin-bottom:5px;margin-right: 6px;padding:3px 1px 3px 5px;text-decoration:none;width:140px;}
#subpages ul.submenu li ul{margin:0 0 5px 10px;width:120px;}
#subpages ul.submenu li ul li a{width:120px;}
#subpages ul.submenu li ul ul{margin:0 0 5px 10px;width:110px;}
#subpages ul.submenu li ul ul li a{width:110px;}
#subpages ul.submenu li ul ul ul{margin:0 0 5px 10px;width:100px;}
#subpages ul.submenu li ul ul ul li a{width:100px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a{background-color:#c5e29f;border:0px;color:#FFFFFF;}
#subpages ul.submenu li.current_page_item ul li a{background-color:#f4f4f4;border:0px;color:#999999;}

/* CSS for Tags */
p,ul,ol{margin:0 0 16px;}
blockquote{border:1px solid #e0e0e0;margin-bottom:20px;padding:8px 8px 0px 8px; background-color:#f8f8f8; background-image:url(img/bq-bg.gif); background-position:bottom; background-repeat:repeat-x;}
blockquote p{color:#000000;font-size:1em;line-height:1.5em;}
blockquote p a{color:#4a8f4a;font-size:1em;line-height:1.5em;}
label{background-color:inherit;color:#999999;}
table#wp-calendar{margin:0 0 18px;width:140px;}

/* CSS for Forms */
#s,#submit{background-color:#ffffff;border:1px solid #cccccc;color:#999999;font-size:0.9em;margin:0 0 5px;padding:4px;width:130px;}
#searchsubmit{background-color:#ffffff;border:1px solid #cccccc;color:#999999;font-size:0.9em;margin:0 0 0px;padding:2px;width:50px;}
#author,#email,#url,#comment{border:1px solid #cccccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px;}
#commentsection{margin:25px 0 0;}
#commentsection p{margin:0 0 6px;}

/* CSS for Float fix */
.contenttext{overflow:hidden;}
* html .contenttext{height:1px;overflow:visible;}
* html .contenttext p{overflow:hidden;width:99%;}

/* CSS for Various classes */
.left{border:1px solid #cccccc;float:left;margin:10px 15px 10px 0;}
.right{border:1px solid #cccccc;float:right;margin:10px 0 5px 10px;}
.center{border:1px solid #aaaaaa;margin:5px auto 12px;text-align:center;}
.textright{text-align:right;}
.sub{width: 99%;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.hide{display:none;}
.post{margin:0 0 25px;}
.divider{height: 25px; width:99%; background: url(img/divider.jpg) no-repeat; text-align:center;}
.postinfo{background-color:#ffffff;border:0px;color:#999999;font-size:0.9em;font-weight:bold;line-height:1.5em;margin:1px 0 20px;padding:0px;}
.comment{background-color:#ffffff;border:0px;color:#999999;margin:0 0 10px;padding:0px 0px 0 0px;}
.comment p.commenthead{line-height:1.6em;}
.comment p{font-size:0.9em;line-height:1.3em;margin:0 0 6px;padding-bottom:5px;}
.navigation{display:block;margin:10px 0;padding:0 0 15px;text-align:center;}
.navigation p{margin:0;padding:0;}
.prevlink{margin-right:20px;}
.nextlink{margin-left:20px;}

/*CSS for next button*/

.nextbutton {
	border:#8cc63f 1px solid;
	padding: 5px;
	margin-top: 20px;
}

/*Making form text white*/
.whitetext {color:#FFF;}

iframe {border:none;
}

/* Pageflip code from http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/ */
img { behavior: url(iepngfix.htc) }

#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	right: 0; top: 0;
	background: url(http://www.cloverroad.ca/wp-content/uploads/2009/07/subscribe-299x300.png) no-repeat right top;
	text-indent: -9999px;
}