/* @override http://localhost:8888/hottub/02_wp/wp-content/themes/hotstudiov3/style.css */

/*
THEME NAME: Hot Studio
THEME URI: http://hottub.hotstudio.com/
DESCRIPTION: Theme for the Hot Studio blog, based on the visual styles of <a href="http://www.hotstudio.com">hotstudio.com</a>. This theme is a mod of <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a> super awesome Sandbox theme.
VERSION: 3.0
AUTHOR: <a href="mailto:ken.hanson@hotstudio.com">Ken Hanson</a>
AUTHOR URI: http://hottub.hotstudio.com/
TAGS: hotstudio, design, sandbox, microformats, hcard, hatom, xoxo, widgets
*/

/* From Eric Meyer's Resetting Again */
@import url('reset.css');

/*	-------------------------------------------------------------
	Base Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	* { margin:0; padding:0; }
	
	html { 
		height: 100%;
	}
	
	body {
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		color: #514e4e;
		height: 100%;
		background: #000 url(_img/v3/bg.jpg) repeat-y fixed center center;
	}
	
	body.alt { background: #1e1e1e url(_img/v3/bg_alt.jpg) no-repeat fixed 50% 0; }
	
	a {
		color: #336699;
		text-decoration: none;
	}
	
	a:hover {
		color: #003366;
	}
	
	p, pre {
		padding: 0 0 15px 0;
	}

	#wrapper {
		background: url('_img/v3/bg_content.png') ;
		width: 901px;
		margin: 30px auto;
		padding: 12px 47px 30px 45px;
		margin-bottom: 50px;
	}
	
/*	-------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header { position: relative; }
	
	.skip-link, #access, #blog-description {
		display: none;
	}
	
	h1#blog-title {
		text-indent:-9009px;
		margin: 0 0 -16px 0;
		z-index: 2;
		position: relative;
	}
	
	h1#blog-title a {
		display:block;
		width: 292px;
		height: 94px;
		outline:none;
		background: url('_img/v3/ir_logo.png') no-repeat;
	}
	
	#home-link {
		float: left;
		margin: -18px 0 0 138px;
	}
	
	#home-link a, #home-link a:visited {
		color: #ff0b01;
	}
	
	#home-link a:hover {
		text-decoration: underline;
	}
	
	#alert {
		background: #efefef;
		border-bottom: 1px solid #ccc;
		padding: 8px 0 0 0;
		text-align: center;
		top: auto;
		margin-bottom: 75px;
	}
	
	#websiteLink { position: absolute; top: 28px; left: 657px; font-size: 12px; font-family: Verdana; text-transform: uppercase; color: #ff0b01; text-indent: -9999px; width: 131px; height: 9px; background: url(_img/v3/ir_back.png); z-index: 89;}
	
/* 	Auxilary Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#auxilary {
		margin-bottom: 15px; padding-bottom: 16px; border-bottom: solid 1px #868686;
	}
	
		#auxilary span, span.twitter, span.flickrFollow, #auxilary div { display: block; margin-bottom: 8px;}
		
		span.twitter, span.flickrFollow { margin-bottom: 32px; margin-top: -24px;}
		span.twitter { padding: 0 1px 0 20px; background: url(_img/v3/icon_twitter.png) no-repeat top left; height: 16px; line-height: 16px;}
		span.flickrFollow { padding: 0 1px 0 20px; background: url(_img/v3/icon_flickr.png) no-repeat top left; height: 16px; line-height: 16px;}
		
	#auxilary .meta-sep {
		display: none;
	}
	
	#auxilary .rss {
		background: url('_img/v3/icon_rss.png') no-repeat left center;
		padding:0 1px 0 16px;
		display: block;
	}
		#auxilary .rss a,
		#auxilary .newsletter a, 
		#auxilary .widget-facebook a, 
		span.twitter a, 
		span.flickrFollow a { color: #adc8da; font-size: 11px; }
		
		#auxilary .rss a:hover,
		#auxilary .newsletter a:hover, 
		#auxilary .widget-facebook a:hover, 
		span.twitter a:hover, 
		span.flickrFollow a:hover { text-decoration: underline; }
		
	#auxilary .newsletter {
		background: url('_img/v3/icon_newsletter.png') no-repeat 0 2px;
		padding:0 1px 0 17px;
		display: block;
	}
		#auxilary .newsletter a { display: block; margin-bottom: 10px; }
		
	
	#slickbox{
		width:185px;
		height:20px;
		z-index:10;
		font-size: 1.1em;
		position: relative;
		left: -17px;
	}
	
/*	-------------------------------------------------------------
	Post Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#container {
		padding-top: 0;
		float: left;
		width: 631px; 
		z-index: 1;
		position: relative;
	}
	
	.post, .page #content, .author #content {
		margin: 0 0 -3px 0;
	}
	
	.postHead { height: 18px; background: url(_img/v3/bg_postHead.png); }
	.postWrapper { background: url(_img/v3/bg_postCenter.png); overflow: hidden; padding: 7px 42px 0 27px;}
	.postFooter { height: 49px; background: url(_img/v3/bg_postFooter.png); }
	
	.single .post {
		margin-bottom: 15px;
	}	
	
	h2.page-title {
		color: #fff;
		font-weight: normal;
		font-size: 22px;
		margin: 20px 0 10px 0;
	}
		h2.page-title span { color: #ccc; text-decoration: underline; }
	
	
	h2.entry-title, h3.entry-title, .author h2 {
		border-bottom: 1px solid #ddd;
		color: #336699;
		font-size: 32px;
		line-height: 34px;
		font-weight: normal;
		padding-right: 40px;
		padding-bottom: 9px;
		margin-bottom: 12px;		
	}
	
	h2.entry-title a:hover, h3.entry-title a:hover, .author h2 a:hover { color: #003366; }
	
	abbr.published { font-size: 11px; text-transform: uppercase; color: #757575; margin-bottom: 8px; display: block;}
	
	h2.entry-title a, h2.entry-title a:visited, h3.entry-title a, h3.entry-title a:visited {
		color: #336699;
		text-decoration: none;
	}
	
	h2.entry-title a:hover, h3.entry-title a:hover {
		color: #514e4e2
	}
	
	.subcol{
		width: 123px;
		font-size: 1.1em;
		line-height: 1.3em;
		float: left;
	}
	
	.avatar img{
		margin: 0 5px 10px 0;
		display: block;
	}
	
	.author a.url, .author a.url:visited {
		color: #336699;
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
	}
	
	.author a.url:hover {
		color: #003366;
	}
	
	.subcol li {
		list-style: none;
		
	}
	
	.subcol li .author { display: block; margin-bottom: 11px; width: 92px; line-height: 15px;}
	
	.subcol li .comments-link { padding-left: 22px; line-height: 19px; display: block; background: url(_img/v3/icon_comment.jpg) no-repeat top left; position: relative; font-size: 11px; margin-bottom: 8px;}
		.subcol li .comments-link a { color: #333; }
			.subcol li .comments-link a:hover { text-decoration: underline; }
		.comments-link .count { position: absolute; left: 0px; display: block; width: 18px; height: 15px; line-height: 15px; text-align: center; color: #fff; font-size: 11px;}
	.subcol li .stbutton { display: block; padding-left: 22px; line-height: 19px; background: url(_img/v3/icon_share.jpg) no-repeat top left !important; font-size: 11px; color: #333;}
		.subcol li .stbutton:hover { text-decoration: underline; }
	
	.entry-content {
		font-size: 13px;
		line-height: 18px;
		color: #252525;
		margin-left: 123px;
		width: 440px;
	}
	
		.author .entry-content h3 { 		
			border-bottom: 1px solid #ddd;
			font-weight: normal;
			font-size: 18px;
			line-height: 21px;
			display: block;
			text-align: left;
			margin-bottom: 8px;
			padding-bottom: 4px;
		 }
		 .author .postHistory { color: #336699;}
		
	.readMoreLink { display: block; float: left; padding-right: 10px; background: url(_img/v3/icon_continueReading.jpg) no-repeat center right; margin-bottom: 10px; font-size: 12px;}
		.readMoreLink:hover { color: #003366; }
	
	.entry-meta {
		padding-top: 12px;
		border-top: solid 1px #ddd;
		font-size: 1.1em;
		line-height: 1.2em;
		color: #999;
	}
	
	.entry-meta a, .entry-meta a:visited {
		color: #999;
	}
	
	.entry-meta a:hover {
		text-decoration: underline;
	}
	
	.entry-meta .author {
		display: none;
	}
	
	.single .entry-meta {
		padding-bottom: 24px;
	}

	abbr {
		border: none;
	}
	
	.entry-meta .categories,
	.entry-meta .tags { font-size: 12px; }
	
	

	.entry-meta .categories strong,
	.entry-meta .tags strong { color: #797979;}
	
	.entry-meta .categories a,
	.entry-meta .tags a { color: #2a2a2a;}

	.entry-content ul{
		margin: 0 0 15px 20px;
		list-style: disc;
		line-height: 1.8em;
	}
	
	.entry-content ol{
		margin: 0 0 15px 22px;
		list-style: decimal;
		line-height: 1.8em;
	}
	
	.entry-content h1, h2, h3, h4, h5, h6 {
		margin: 4px 0 6px 0;
	}
	
	.entry-content h1 {
		font-size: 18px;
		font-weight: normal;
	}
	
	.entry-content h2 {
		font-size: 15.6px;
		font-weight: normal;
	}
	
	.entry-content h3 {
		font-size: 15.6px;
		font-weight: normal;
		color: #888;
	}
	
	.entry-content h4 {
		font-size: 15px;
	}
	
	.entry-content h5 {
		font-size: 15px;
		color: #888
	}
	
	blockquote {
		margin: 5px 0 5px 20px;
		font-size: 1.2em;
		line-height: 1.4em;
		color: #888;
	}
	
	.locationHeader { height: 53px; line-height: 37px; text-align: right; background: url(_img/v3/bg_catHeader.png) no-repeat; color: #959595; font-weight: normal; font-size: 14px; padding-right: 28px; margin-bottom: -6px;}
		.locationHeader a, .locationHeader span { font-weight: bold; color: #959595 !important; }
		
	
/*	Comment Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#respond {
	margin: -11px 0 0 0;
	}
	
	#comments-list #respond{
		padding: 20px 0 20px 70px;
		background: #fff;
	}
	
	#comments-list #respond h3 {
		margin-bottom: 10px;
	}
	
	#comments {
		
	}
	
	#comments ul {
		line-height: 1.38em;
	}
	
	.single #comments {
	}
	
	
	#comments h3 {
		border-bottom: 1px solid #ccc;
		padding: 0 0 10px 0;
		font-size: 18px;
		font-weight: normal;
		color: #757575;
	}
	
	#comments-list h3, #trackbacks-list h3 { color: #ff0b01; }
	#respond h3 { border-bottom: none; padding-bottom: 0px; }
	
	#comments-list {
		margin-bottom: 30px;
	}
	
	#comments-list li, 
	#trackbacks-list li{
		border-bottom: 1px solid #e4e4e4;
		padding: 21px 0 0 0;
		margin: 0;
		overflow: hidden;
	}
		
	.comment-content { margin:0 0 -30px 67px; clear: left; position: relative; top: -30px; font-size: 13px; color: #252525;}
	
	.comment-author img {
		border: 1px solid #ccc;
		overflow: hidden; 
		margin-bottom: 8px;
		float: left;
	}
	
	.comment-author .fn {
		font-weight: normal;
		display: block;
		float: left;
		margin-left: 14px;
		font-size: 12px;
		color: #336699;
	}
	
	.comment-author .fn a { color: #336699; }
	
	.comment-meta {
		color: #999;
		font-size: 10px;
		float: right;
	}
	
	#trackbacks-list .comment-content { margin: 0px; top: 0px; margin-bottom: 0px;}
	#trackbacks-list .comment-author { font-size: 10px; overflow: hidden; margin-bottom: 3px;}
	#trackbacks-list .comment-author .url { display: block; width: 50%; float: left; height: 12px; line-height: 12px; overflow: hidden;}
	#trackbacks-list .comment-author .date { display: block; width: 50%; float: right; text-align: right; color: #757575; text-transform: uppercase;}
	
	form#commentform .form-label{margin: 16px 0 4px 0; color: #797979;}
	form#commentform span.required{background:#fff; color: #e32208;}
	form#commentform,form#commentform p{padding:0;}
	form#commentform { margin-top: -12px; margin-bottom: 33px;}
	form#commentform.loggedIn { margin-top: 0px; }
	input#author,input#email,input#url{width:50%;}
	input#author,input#email,input#url,textarea#comment{padding:0.2em; border: 1px solid #ccc;}
	.comments ol li{margin:0 0 10px 0; list-style: none; border-bottom: 1px solid #ddd; padding: 0; font-size: 1.1em; line-height: 1.4em;}
	textarea#comment{height:13em; overflow:auto ;width:66%; margin-bottom: 12px;}
	
	.form-submit input {
		border: none;
		background: #5f6f9f;
		font-size: 11px;
		line-height: 11px;
		text-transform:uppercase;
		color: #fff;
		font-weight: bold;
		padding: 8px 6px;
		cursor:pointer;
	}
	
	.form-option {
		margin: 10px 0 0 0;
	}
	
	.form-option label {
		padding: 0 0 0 6px;
	}
	
	/*#respond h3 {
		margin-left: 145px;
	}
	
	#respond .formcontainer{
		margin: 20px 0 10px 145px;
	}
	
	.comment-reply-link #respond h3 {
		margin-left: 0 !important;
	}
	
	.comment-reply-link #respond .formcontainer{
		margin: 20px 0 10px 0 !important;
	}*/
	
	.bypostauthor  {
		background :#F7F7F7;
	}
	
	.comment-reply-link {
		font-size: 1.0em;
		margin: 0 0 10px 36px;
	}

	p#comment-notes {
		display: none;
	}
	
/*	Image Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	
	img.alignright {
		margin: 0 0 10px 10px;
		display: inline;
		}
	
	img.alignleft {
		margin: 0 10px 10px 0;
		display: inline;
		}
	
	.alignright {
		float: right;
		margin-left: 10px;
		}
	
	.alignleft {
		float: left;
		margin-right: 10px;
	}
	
	.wp-caption-text {
		text-align: left;
		color: #999;
		font-size: 0.9em;
		line-height: 1.2em;
		padding: 4px 10px 10px 0;
	}

	
/*	Pagination Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#nav-above {
		display: none;
	}
	
	#nav-below {
		overflow: hidden;
		width: 599px;
		height: 21px;
		background: url(_img/v3/bg_prevNext.png);
		margin: 0 auto;
		padding: 0 10px;
	}
	
	.nav-next {
		float: right;
		padding-right: 15px;
		background: url(_img/v3/icon_arrowRight.png) no-repeat center right;
	}
	
	.nav-previous {
		float: left;
		padding-left: 15px;
		background: url(_img/v3/icon_arrowLeft.png) no-repeat center left;
	}
	
	.navigation div {
		
	}
		.navigation div a { display: block; height: 21px; line-height: 21px; font-size: 11px; color: #ccc;}
	
	

/*	-------------------------------------------------------------
	Sidebar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.sidebarWrapper { margin-left: 657px; position: relative; z-index: 80; color: #ccc;}
		.sidebarWrapper a { color: #ccc; }
		
		.sidebarWrapper #primary { margin-top: 0px; }
		
		.sidebarWrapper .widget { margin-bottom: 32px; }
		#text-3, #text-372527082, .secondary .xoxo .widget_text, .secondary .textwidget { margin-bottom: 0; }
		
	.sidebar {
		overflow:hidden;
		color: #232323;
	}
		
	#primary {
		margin-top: 40px;
	}
		
	#secondary {
		clear:right;
		padding: 10px 0 0 0;
	}
	
	#tertiary {
		clear: right;
		margin-bottom: 50px;
	}
	
	
	
	#secondary ul {
	}
	
	.sidebar h3,
	.widget-twitter,
	#flickrrss .lnk-flickr {
				
		border-bottom: 1px solid #868686;
		font-weight: normal;
		color: #fff;
		font-size: 18px;
		line-height: 21px;
		display: block;
		text-align: left;
		padding-bottom: 4px;
	}
	
	.sidebar li li, 
	.twitter li,
	.car-list li span
	{
		color: #ccc;
		font-size: 12px;
		line-height: 16px;
		padding: 7px;
		border-bottom: dotted 1px #727272;
		display: block;
		position: relative;
	}
	
	.car-list li span span, .car-monthlisting li span { padding: 0; border: none; position: absolute; top: 7px; right: 10px; }
	
	.car-monthlisting li { padding-left: 20px !important; }
		.car-monthlisting li span, .car-toggler { display: none; }
	
		.sidebar li li a { color: #ccc; }
	
	.sidebar li li:hover { background: #1c1c1c; }
	
	.widget_archive li, 
	.cat-item { text-align: right; padding-right: 10px !important;}	
	
	.widget_archive a, 
	.cat-item a { float: left; }
	
	.four04 .cat-item a { float: none; }
	
/*	Search Widget Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#search { margin-bottom: 32px; }
	
	#search h3 {
		border-bottom: none;
		font-size: 13px;
		line-height: 15px;
		color: #ccc;
		margin: 0 0 9px 0;
		padding: 0;
	}
	
	#search #s, #slickbox input.text {
		width: 189px;
		border: 1px solid #d0d0d0;
		padding: 3px;
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		float: left;
		margin-right: 8px;
	}
	
	#slickbox input.text { margin-bottom: 10px; }
	
	#search .button, #slickbox input.button {
		border: none;
		background: #5f6f9f;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		display: block;
		padding: 5px 8px;
		color: #fff;
		font-weight: normal;
		cursor:pointer;
		text-transform: uppercase;
	} 
	
/*	Secondary Widgets Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#secondary a {
	}
	.widget-facebook {
		background: url('_img/icon-facebook-trans.png') no-repeat left center;
		padding-left: 17px;
	}
	
	li .widget-facebook{
		border-bottom: 1px dotted #776827;
		padding-bottom: 10px;
		magin-bottom: 50px;
	}
	
	.widget-twitter {
	}
	
	.widget-youtube a {
		background: url('_img/icon-youtube-trans.png') no-repeat left center;
		padding: 4px 50px 0 23px;
		font-size: 1.1em;
		margin-bottom: 50px !Important;
	}
	
	li .widget-youtube {
		border-bottom: 1px dotted #776827;
		padding: 10px 0 13px 0;
	}
	
	.widget-youtube object {
		padding: 10px 0 0 25px;		
	}
	
	
		
	li#text-3 .textwidget { margin-bottom: 0px !important; }
	
	#secondary h3 {
		border: none;
	}
	
	#secondary h3 a, #secondary h3 a:visited, #secondary h3 a:hover {
		color: #cb853b;
		font-size: 0.9em;
		margin: 0 0 0 24px;
		font-weight: normal;
	} 	

	#secondary a.twitter-link {
		font-weight: normal;
	}
		
	#flickrrss {
	}
	
	#flickrrss a.lnk-flickr {
	}
	
	#flickrrss img {
		margin: 0 7px 7px 0;
		height: 72px;
		width: 72 px;
		padding: 1px;
	}
	
		#flickrrss a:hover img { background: #ccc; }
	
	#flickrrss .flickr-roll {
		margin-top: 15px;
	}


/*	-------------------------------------------------------------
	Search Page Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.search .no-results .entry-content, .error404 .entry-content {
		margin: 0 28px;
	}
	
	.search .post {
		pading-bottom: 50px;
	}
	
	.search .post input, .error404 input {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		padding:0.2em;
		border: 1px solid #ccc;
		margin: 0 0 30px 0;
	}
	
	.search .post input.button, .error404 input.button {
		border: 1px solid #ccc;
		background: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		text-transform:uppercase;
		color: #999;
		font-weight: bold;
		padding: 6px 6px 3px 6px;
		cursor:pointer;
	}
	
	.search .post input.button:hover, .error404 input.button:hover {
		background: #e32208;
		color: #fff;
	}
	
	#archives-page li {
		list-style: none;
		display: inline;
		line-height: 1.6em;
	}
	#archives-page ul {
		margin: 0 0 20px 0;
	}
	#archives-page li li:after {
		content: ' /';
		padding: 0 4px;
		color: #999;
	}
	.wp-tag-cloud a {
		font-size: 1.0em !important;
	}

	
/*	-------------------------------------------------------------
	Footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	div#footer {
		clear:both;
		width:100%;
	}