/*
Theme Name: Cars Toys Blog Professional
Theme URI: http://carstoysblog.com
Description: Outrigger child theme for Cars Toys Blog. Fixed Width Theme for Displaying Ads on Cars Toys Blog.
Author: Jonathan Kemp
Author URI: http://carstoysblog.com
Template: outrigger
Version: 2.0
*/

/* clrfix for clearing floats */

.clrfix { zoom:1;}
.clrfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* font reset styles */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* begin custom CSS */

body { color: #666; background: #FFF; font-family: Verdana;}
ul, ol { margin-bottom: 1em;}
em { font-style: italic;}
strong { font-weight: bold;}
small { font-size: 0.85em;}
a:link, a:visited { color: #003F87;}
a:hover { color: #CCC;}
a:active { color: #003F87;}

/* topnav */
#topnav { margin: 0 auto; text-align: center; width: 100%; background-color: #333; height: 2.2em; border-top: 2px solid #333;}
#topnav ul { margin-bottom: 0;}
#topnav li { display: inline; line-height: 2.2em; font-weight: bold; color: #FFF; margin-right:2em; font-size:93%;}
#topnav a:link, #topnav a:visited { color: #69C; text-decoration:none;}
#topnav a:hover { color: #CCC; text-decoration:none;}
#topnav a:active { color: #69C; text-decoration:none;}

/* doc */
#doc { margin: 0 auto; background-color: #FFF; width: 974px;}

/* header */
#hd { background: url(images/CTB_header.jpg) scroll no-repeat 0 0; height: 120px; margin-top:0.5em; text-indent: -999em; overflow: hidden;}
#hd a { display:block; height:120px;}

/* nav */
#nav { border-bottom: 1px solid #CCC;}
#nav li { float: left; margin-right: 0.5em;}
#nav a { display: block; padding: 0 1em; background: #CCC; line-height: 2; font-weight:bold;
	-webkit-border-top-left-radius:4px;  /*Top Left Corner Rounded*/
	-webkit-border-top-right-radius:4px;  /*Top Right Corner Rounded*/
	-moz-border-radius-topleft:4px;  /*Top Left Corner Rounded*/
	-moz-border-radius-topright:4px;  /*Top Right Corner Rounded*/}
#nav a:link, #nav a:visited { text-decoration: none;}
#nav a:hover { color: #EEE; text-decoration: none;}
#nav a:active { text-decoration: none;}

#bd {background: url(images/tilebg.png) repeat-y scroll 0 0; padding-top:1.5em;}

/* content */
#content { background-color: #FFF; float: left; text-align: left; width: 714px; margin:0 1.5em 0 0; *margin-right:1.5em; _margin-right:18px;}
#content h2 { font-size: 1.385em; color: #003F87; font-weight: bold; font-family: Helvetica, Arial;}
#content h2 a:link, #content h2 a:visited { color: #003F87; text-decoration: none;}
#content h2 a:hover { color: #EEE; background: #003F87;text-decoration: none;}
#content h2 a:active { color: #003F87; text-decoration: none;}
#content h3 { font-size: 1.231em; margin-bottom: 0.5em; clear: both; font-weight: bold; font-family: Arial;}
#content h4 { font-size: 1.16em; margin-bottom: 0.5em; font-weight: bold; font-family: Arial;}
#content p, #content .navigation { margin-bottom: 1em;}
#content ul { margin-left: 1em;}
#content ul li { list-style-type: disc;}
#content ol { margin-left: 2em;}
#content ol li { list-style-type: decimal;}
#content blockquote { margin: 0 2em 1em; padding: 1em 1em 0.1em; background: #EEE;}
#content .gallery {margin-bottom:1em;}
.img-style-lt, .alignleft { float: left; margin-right: 1em; margin-bottom: 1em; padding: 1px; border: 1px solid #B7B7B7;}
.img-style-rt, .alignright { float: right; margin-left: 1em; margin-bottom: 1em; padding: 1px; border: 1px solid #B7B7B7;}
.post { border-bottom: 1px solid #CCC; margin-bottom: 1em; clear: both;}
.postmetadata, .posttags, .postfooter, #comment_alert { font-size:0.85em;}
.wp-caption img {margin-bottom: 0.5em; padding: 1px; border: 1px solid #B7B7B7;}
.wp-caption-text, .gallery-caption {font-size:0.85em; font-weight:bold;}
.postfooter {clear: both;}
.wpu-user, #wpu-profile { border-bottom: 1px solid #CCC; margin-bottom: 1em;}
.wpu-avatar, .wpu-id, .wpu-about { margin-bottom: 0.5em;}
#searchform { margin-bottom: 1em; padding-top: 1em;}
#searchform #s { width: 100%; border: 1px solid #999; margin-bottom: 0.5em; font-size:1.385em;}

/* comments */
/*#commentform p { font-size:0.85em;}*/
#commentform #author, #commentform #email, #commentform #url { border: 1px solid #999;}
#commentform textarea { border: 1px solid #999;}
/*.commentlist { margin-bottom: 1em; border-top: 1px solid #CCC;}
.commentlist .alt { background: #EEE;}
.commentlist .authcomment { background: #E4F2FD;}
.commentlist div { padding: 1em 1em 0; border-bottom: 1px solid #CCC; overflow: hidden;}
.commentlist img { display: inline;}
.commentlist .avatar { margin: 0 0 0.5em 0.5em; float: right;}
.commentlist cite { font-weight: bold;}
.commentlist .commentmetadata { font-size: 93%;}*/
.commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.alt{margin:0;padding:10px;}
#content ol.commentlist{text-align:justify;padding:0;margin-left:0;}
#content .commentlist li{list-style:none;margin:15px 0 10px;padding:5px 5px 10px 10px; overflow:hidden;}
.commentlist li ul li{}
.commentlist p{margin:10px 5px 10px 0;}
#content ul.children{padding:0;margin-left:0;}
.thread-alt{background-color:#f8f8f8;}
.thread-even{background-color:#FFF;}
.comment-author-admin, .comment-author-admin-2 {background-color:#EEE;}
.depth-1{border:1px solid #ddd;}
.even,.alt{border-left:1px solid #ddd;}
.commentmetadata{margin-bottom:10px;}

/* formwrap */
#formwrap { border: 1px solid #CCC; padding: 1em;}
#formwrap #mainlegend { margin-bottom: 0;}
#formwrap legend { font-size:0.875em; margin-bottom: 1em;}
#formwrap fieldset { margin-bottom: 1em;}
#gb_form_div h2 {color:#666; font-size: 1.231em; margin-bottom: 0.5em; clear: both; font-weight: bold; font-family: Arial;}

/* feed */
#feed img { display: inline;}

/* sidebar */
#sidebar { float: left; text-align: left; width: 214px; padding:0 13px; font-size:0.93em;}
#sidebar h2, #sidebar h3 { margin-bottom: 0.5em; font-size: 1.16em; font-weight: bold; border-bottom: 1px solid #CCC;}
#sidebar ul { padding-left:16px;}
#sidebar li { margin-bottom: 0.4em; font-weight: bold; font-family: Arial; list-style-type:disc;}
#sidebar ul.badge { padding-left:0;}
#sidebar .badge li { list-style-type:none;}
#sidebar p { margin-bottom: 0.4em; font-family: Arial;}
#sidebar p.submit { margin-bottom: 1em;}
#sidebar #tag-cloud { padding-left:6px; margin-bottom: 1em;}

/* footer */
#ft { clear: both; padding: 1em 0; font-size:0.85em; border-top: 1px solid #CCC;}
#ft h3 { font-size: 1.16em; margin-bottom: 0.5em; font-weight:bold;}
#ft p { margin: 1em 0;}
#ft ul { margin-bottom: 0.5em;}
#ft li { display: inline; margin-right: 0.1em; line-height: 1.7;}
#ft table { border-top: 1px solid #CCC; width: 100%;}
#ft td, #ft th { vertical-align: middle; padding: 1em 1.5em 1em 0; border-bottom: 1px solid #CCC; line-height: 1.5em;}
#ft th { font-weight: bold; padding: 0.5em 1em 0.5em 0;}

/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP FIXED width
     DEFAULT.CSS made by Mike Cherim - http://green-beast.com 
    Designed and built to work with the Default WordPress theme
================================================================== */


#gb_form fieldset { 
  border : 1px solid #CCC;
  padding : 0.5em 0.5em 1em;
}

#gb_form fieldset fieldset { 
  border : none;
  padding : 0.5em 0.5em 1em;
}

#gb_form textarea { 
  width : 450px;
}

/* End DEFAULT CSS */

/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.6 Plugin: WP-PageNavi 2.40									|
|	Copyright (c) 2008 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					|
|																							|
+----------------------------------------------------------------+
*/

.wp-pagenavi {
	margin-bottom: 2em;	
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #CCC;
	color: #003F87;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #CCC;
	color: #003F87;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #CCC;
	color: #CCC;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #CCC;
	color: #003F87;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #666;
	border: 1px solid #CCC;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #CCC;
	color: #666;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #CCC;
	color: #666;
	background-color: #FFFFFF;
}


/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){

body{-webkit-text-size-adjust:none; padding:0 10px; }

#topnav {margin: 1em 0; text-align: left; width: auto; background-color: #FFF; height: auto; border-top: none;}
#topnav ul { margin-bottom: 0;}
#topnav li { display: inline; line-height: 1.7em; font-weight: bold; color: #333; margin-right:1em; font-size:93%;}
#topnav a:link, #topnav a:visited { color: #003F87; text-decoration:underline;}
#topnav a:hover { color: #CCC; text-decoration:underline;}
#topnav a:active { color: #003F87; text-decoration:underline;}
	
#doc {background-color: #FFF; width:auto;}

#hd {background:none; height:auto; margin-top:0; text-indent:0; overflow: visible;}
#hd h1 {font-weight: normal;}
#hd a {display:inline; height:auto;}
#hd a:link, #hd a:visited {text-decoration:none;}
#hd a:hover {text-decoration:none;}
#hd a:active {text-decoration:none;}

#nav {margin-bottom:1em;}
#nav a {margin-bottom:0.5em; -webkit-border-radius:4px;}

#bd {background:none; padding-top:0;}

#content, #sidebar {float:none; width:auto;}
.img-style-lt, .alignleft, .img-style-rt, .alignright {float: none; margin-left:0; margin-right:0; margin-bottom:0; /*padding:0; border:none;*/}
.post img {max-width:100%; height:auto;}
/*.wp-caption img {padding:0; border:none;}*/
#commentform textarea, .pds-box {max-width:100%;}
#gb_form textarea {width:100%;}
#ft table img {display:none;}

}
