/*
Theme Name: Twc
Theme URI: http://www.tuwheelsco.com
Description: Theme for TWC.
Version: 1
Author: Chris Winch.
Author URI: http://dilatemedia.co.uk
*/

/* TU WHEELS CO ---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------Body Elements */
body {
	font-family: Arial, Helvetica, sans-serif;
	font: 14px "Helvetica Neue", Arial, sans-serif;
	color: #000;
	background-color: #e6e3dc;
	text-shadow: #333 0 0 0;
}
a:link, a:visited {
	color: #000;
}
a:hover, a:active {
	color: #F60;
}
.clear {
	clear: both;	
}
img {
	border: 0px;	
}
.hidden {
	display: none;	
}
p {
	padding: 0px 0px 10px;	
}
img.icon {
	padding-right: 5px	
}
img.diagLogo1 {
	position: absolute;
	top: -103px;
	left: 650px;
	z-index: -1;
}
img.diagLogo2 {
	position: absolute;
	top: -140px;
	left: 650px;
	z-index: -1;
}

/* --------------------------------------------------------------Typography */
h1 {
	padding: 0px;
	margin: 0px;
	font: 36px "Helvetica Neue", Arial, sans-serif;
	letter-spacing: -1px;
}
h2 {
	padding: 0px;
	margin: 0px;
	font: bold 20px "Helvetica Neue", Arial, sans-serif;
}
h3 {
	padding: 0px;
	margin: 0px;
	font: bold 18px "Helvetica Neue", Arial, sans-serif;
}
h4 {
	padding: 0px;
	margin: 0px 0px 0px 4px;
	font: 16px "Helvetica", Arial, sans-serif;
}
.pinkText {
	color: #F06;	
}
/* --------------------------------------------------------------Div Elements */
#siteContainer {
	width: 960px;
	margin: 0 auto;
}

/* --------------------------------------------------------------Header Elements */
	#header {
		background-color: #000;
		/*background-image: url(siteImages/headBg.jpg);
		background-repeat:repeat-x;*/
		overflow: auto;
		width: 100%;
		color: #fff;
		-webkit-border-bottom-left-radius:20px;
		-webkit-border-bottom-right-radius:20px;		 
		-khtml-border-radius-bottomleft:20px;
		-khtml-border-radius-bottomright:20px;		 
		-moz-border-radius-bottomleft:20px;
		-moz-border-radius-bottomright:20px;
	}
		#logo {
			padding: 20px;
			/* Pre-load Hover Image */
			background-image: url('siteImages/twc_logo_orange.png');
			background-repeat: no-repeat;
			background-position: -1000px -1000px;
		}
			/* Logo Image Replacement */
			#logo a:link, #logo a:visited {
				background-image: url('siteImages/twc_logo_white.png');
				background-repeat: no-repeat;
				float: left;
				height: 157px;
				width: 258px;
				display: block;
			}
				#logo a:hover, #logo a:active {
					background-image: url('siteImages/twc_logo_orange.png');
					background-repeat: no-repeat;	
				}
		#tagLine {
			float: right;
			padding: 115px 20px 20px 20px;
		}
		input.search-text {
			width: 200px;
			padding: 5px;
			background: #fff url(siteImages/searchIcon.png) no-repeat right;
			background-position: 190px;
			border: 1px solid #f60;
		}
		input.search-text:focus {
			background-color: #feffba;
			outline: none;	
		}
		.searchResults {
			margin-bottom: 10px;	
		}
		
		#middleBar {
			background-image: url(siteImages/videoBg.jpg);
			background-repeat: no-repeat;
			height: 300px;
			width: 960px;
			margin-bottom: 20px;
			-moz-border-radius: 20px;
			-khtml-border-radius: 20px;
			-webkit-border-radius: 20px;
		}
/* -------------------------------------------------------------- Navigation Elements */
	#nav {
		padding: 20px 20px;
		position: relative;
	}
		#nav ul {
			list-style: none;
			float: left;
		}
			#nav li {
				display: inline;	
			}
			#nav a:link, #nav a:visited {
				/*background-color: #000;
				border: 1px solid #000;
				padding: 5px 8px;*/
				margin-right: 10px;
				font: 20px "Helvetica Neue", Arial, sans-serif;
				text-decoration: none;
			}
			/*#nav a:hover, #nav a:active {
				background-color: #000;
				color: #fff;
			}*/
		#search {
			float: right;
		}
	.navigation {
		padding-bottom: 0px;	
	}

/* -------------------------------------------------------------- Content Elements */

	#content {
		background-color: #fff;
		padding: 20px 20px 80px 20px;
		overflow: auto;
		-webkit-border-top-left-radius:20px;
		-webkit-border-top-right-radius:20px;		 
		-khtml-border-radius-topleft:20px;
		-khtml-border-radius-topright:20px;		 
		-moz-border-radius-topleft:20px;
		-moz-border-radius-topright:20px;
		z-index: -1000;
	}
		#leftCol {
			width: 540px;
			float: left;
			margin-right: 30px;
		}
			#videoBox {
				margin-left: 215px;
			}
			
/* -------------------------------------------------------------- Blog Post Elements */

			.blogPost {
				border-bottom: 1px dotted #181818;
				padding-bottom: 20px;
			}
				.blogPost h1 a:link, .blogPost h1 a:visited {
					text-decoration: none;
					color: #f60;
				}
				.blogPost h1 a:hover, .blogPost h1 a:active {
					color: #000;	
				}
				.bp_content .postHead { margin-top: 5px;}
					.bp_content .date {
						margin-left: 3px;
						background-color: #000;
						color: #fff;
						margin-right: 5px;
						padding: 5px;
						font: 12px "Helvetica", Arial, sans-serif;;
					}
					.bp_content .date a:link, .bp_content .date a:visited {
						color: #fff;
						text-decoration: none;
						}
					.bp_content .date a:hover, .bp_content .date a:active {
						color: #f60;
					}
				.bp_post {
					margin-top: 20px;
					padding-left: 3px;
				}
					.bp_post img {
						padding: 10px;	
					}
					.bp_post blockquote {
						padding: 10px;
						margin: 0 10px 10px;
						border: 1px solid #181818;
						background: #CCC;
					}				
				.bp_foot {
					margin-bottom: 20px;
					padding: 10px 10px 0 0;
					font-size: 12px;
					text-align: right;
				}
/* --------------------------------------------------------------Page Elements */
		#pageCell {
		}
			#pageCell img {
				padding-top: 20px;	
			}
			.pageContent {
				margin-top: 20px;	
			}
/* --------------------------------------------------------------About Page Elements */

/* --------------------------------------------------------------Team Page Elements */

		.teamList {
			padding: 20px 0px 0px 0px;
		}
			.teamList li {
				display: inline;
			}
			.teamList a:link, .teamList a:visited {
				color: #fff;
				background-color: #000;
				padding: 3px;
				margin-right: 2.5px;
				font-size: 11px;
				text-decoration: none;
				border: 1px solid #000;
			}
			.teamList a:hover, .teamList a:active {
				background-color: #F60;	
			}
		#teamGallery {
			margin-top: 20px;	
		}

/* --------------------------------------------------------------Side Bar Element */

		#rightCol {
			width: 350px;
			float: left;
			padding-top: 10px;
		}
			.shop {
				background-image: url('siteImages/shop.jpg');
				background-repeat: no-repeat;
				height: 200px;
				width: 350px;
				-moz-border-radius: 20px;
				-khtml-border-radius: 20px;
				-webkit-border-radius: 20px;
			}
			#featured {	}
				#featured ul {
					list-style: none;
					margin-top: 5px;
				}
				#featured a:link, #featured a:visited {
					background-color: #f60;
					color: #fff;
					display: block;
					padding: 5px;
					text-decoration: none;
					border: 1px solid #000;
					margin-bottom: 5px;
				}
				#featured a:hover, #featured a:active {
					background-color: #CCC;
					color: #000;
				}
			.sideCell, #archives {
				margin-bottom: 20px;	
			}
			.arch_list {
				width: 115px;
				float: left;
			}
				#archives ul {
					list-style: none;
					padding: 5px 0px 0px 5px;
				}
				#archives a:link, #archives a:visited {
					background-color: #000;
					color: #fff;
					display: block;
					padding: 3px;
					text-decoration: none;
					border: 1px solid #000;
					margin-bottom: 5px;
					font-size: 12px;
				}
				#archives a:hover, #archives a:active {
					background-color: #F60;
					color: #FFF;
				}
				
/* --------------------------------------------------------------Bottom Bar Elements */
	#bottomBar {
		background-color: #000;
		color: #fff;
	}
		#bottomWrap {
			position: relative;
			width: 920px;
			margin: 0 auto;
			padding: 20px;
			z-index: 1;
		}
			.bottomCell {
				float: left;
				width: 295px;
				margin-right: 10px;
			}
				ul.flickr {
					list-style: none;
				}
					ul.flickr li {
						display: inline;
						margin: 5px;
					}
					ul.flickr img {
						border: 1px solid #f60;
					}
	
/* --------------------------------------------------------------Comments Elements */
.comments {
	margin-top: 30px;	
}
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#181818; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#F60; }
ol.commentlist li div.vcard img.avatar { border:5px solid #d5d5d5; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { display: none; }
ol.commentlist li div.reply:hover {  }
ol.commentlist li div.reply a { }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}