/*
Theme Name: Finesse1
Theme URI: http://finessefx.com/
Description: The custom Wordpress theme built for <a href="http://finessefx.com/">FinesseFX<a/> by Karl Sneath
Version: 0.1
Author: Karl J. Sneath
Author URI: http://finessefx.com/
Tags: Started with Starkers 2.6.2, don't know yet, haven't finished, just getting started
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/dropdownmenu.css";

/******* GLOBAL STYLES *******/

body {background: url(style/images/bg_base.png) repeat-y center scroll #081116;}

a:link {color: #305266; text-decoration: none;}
a:visited {color: #305266; text-decoration: none;}
a:hover { color:#b10000; text-decoration: none; }
hr { color: #aaa; }
p {font-size: 14px; line-height: 22px; color: #102029; margin: 0px 0px 20px 0px; }

/* #master-container {background: url(style/images/bg_texture.png) no-repeat top center fixed;} */

/******* HEADER STYLES *******/
	
#header { width: 960px; margin: 0 auto; }

#header_top { width:960px; height: 220px; }
	
.header-logo	{
	background: url(style/images/logo.png) no-repeat;
	width: 220px;
	height: 200px;
	margin: 20px 0px 0px 0px;
	float: left;
	}
	
.header-titledesc	{
	float:left;
	margin: 0px 0px 0px 20px;
	}
		
.header-title {
	width: 274px;
	height: 53px;
	margin: 40px 0px 0px 0px;
	}
	
.header-description	 {
	background: url(style/images/header_description.png) no-repeat;
	width:400px;
	height:30px;
	text-indent: -9999px;
	margin: 10px 0px 0px 0px;
	}
	
.header-search {
	float:right;
	margin: 40px 20px 0px 0px; 
	}	
	
.headersearchinput {
	width: 164px;
	height: 34px;
	background: url(style/images/header_search_box.png) no-repeat;
	border: 0;
	margin: 0;
	color: #a6b9c4;
	font-size: 14px;
	outline: none;
	padding: 19px 10px 0px 10px; /* Align the text in the search box. */
	}
	
.headersearchsubmit {
	width: 57px;
	height: 53px;
	background: url(style/images/header_search_send.png) no-repeat;
	border: 0;
	margin: 0px 0px 0px -30px; /* Butt the search button up against the search field. */
	text-indent: -9999px;
	cursor: pointer;
	}		

/* ----- Navigation ----- */

#nav { height: 40px; width: 945px; background: #ccc; border-bottom: 1px solid #aaa; margin: 0; padding-left: 15px; }
	
/*** These styles not used with dropdown menu -- only with a Wordpress wp_list_pages() menu (used previously in "header oldmenu.php")

ul.header-nav {
	float:left;
	font-size: 18px;
	text-decoration: none;
	margin: 10px 0px 0px 18px;
	}

li.page_item {			This class is assigned to each list item by Wordpress when wp_list_pages is called.
	display: inline;
	}	
li.page_item a { margin: 0px 2px; padding: 5px 6px 4px 6px; }	
li.page_item a:hover { background: #b10000; color:#e5e5e5; }	
li.current_page_item a { background: #b10000; color:#e5e5e5; }	  This class is assigned by Wordpress to the active page list item 

/* RSS & Email Styles */

#header_rss_box { float:right; display:inline; width:auto; height:1px; margin-bottom:-1px;}
#header_rss_box span { position:absolute; top:-16px; right: 180px; font-size:12px; font-weight:bold; color:#888; text-transform:uppercase;  }
.header_rss_link a { position:absolute; width:95px; height:95px; top:-70px; right: 80px; background:url(style/images/rss_icon.png); text-indent:-9999px; z-index: 1; }
.header_rss_link a#rss_link:hover { background: url(style/images/rss_icon_over.png); }
.header_email_link a { position:absolute; width:95px; height:95px; top:-70px; right: 20px; background:url(style/images/email_icon.png); text-indent:-9999px; z-index:0; }
.header_email_link a#email_link:hover { background: url(style/images/email_icon_over.png); }
	
/******* CONTENT LAYOUT STYLES *******/

#content {
	width: 960px;
	margin: 0 auto;
	background: url(style/images/bg_content.png) repeat-y #cccccc;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	z-index:2;
	}

#content .post-column{
	width: 620px;
	margin: 40px 20px 40px 20px;
	float:left;
}

#content .sidebar-column{
	width: 260px;
	margin: 40px 20px 40px 20px;
	float:left;
}

input#name, input#author, input#email, input#url { 
	background: #d1d6d8; 
	height: 22px; 
	width: 280px; 
	margin: 2px 0px 20px 0px;
	border: 1px solid #aaa;
	color: #102029;
	font-size: 14px;
	padding: 8px 10px 0px 10px;
	display: block;
	 }
	 
textarea#comment { 
	background: #d1d6d8;
	height: 180px;
	width: 90%;
	border: 1px solid #aaa;
	color: #102029;
	font-size: 14px;
	margin-bottom: 20px;
	padding: 8px 10px 8px 10px;
	}
	
input#submit { 
	width: 120px;
	height: 30px;
	background: url(style/images/content_button.png);
	margin-bottom: 20px;
	border:none;
	font-size: 14px;
	font-weight: bold;
	color: #102029;
	cursor: pointer;
	}			

/******* POST CONTENT COLUMN STYLES *******/

.post-column h2 {
	font-size: 42px;
	color: #102029;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	}
	
.post-column h2 a:link, .post-column h2 a:visited {color: #102029;}
.post-column h2 a:hover {color:#900000;}

.post-column h3 {
	margin: 30px 0px 10px 0px;
	font-size: 24px;
	color: #102029;
	}	
	
.post ul { margin: 10px 0px 20px 0px; }	
.post li { list-style: disc; font-size: 14px; margin: 0px 0px 10px 40px; color: #102029; line-height: 20px; }

.post blockquote p { 
	width: 85%; 
	padding: 15px 10px 10px 30px; 
	margin-bottom: 20px; 
	margin-left: 10px; 
	background: url(style/images/blockquote-start.png) no-repeat top left;
	font-style: oblique; color: #666;
	}	
	
/* Styles that go above the Unique Post Content */

.post_heading_pic img{
	width: 220px;
	height: 220px;
	background: #ccc;
	margin-bottom: 10px;
	padding: 9px;
	border: 1px solid #aaa;
	overflow: hidden;
	float: left;
	}		
	
.post_heading_info {
	width: 360px;
	margin: 0px 0px 10px 20px;
	float: right;
	}
	
.post p.post_info {font-size: 12px;}	

.post_info a, .post_info a:link, .post_info a:visited {
	color: #e5e5e5;
	padding: 3px 5px 2px 5px;
	background: #42677c;
	text-decoration: none;
	font-weight: bold;
	}
	
.post_info a:hover, post_info a:active { background: #b10000; }

.post ul.post_tags {font-size: 12px; margin: -6px 0px 4px 0px;}

.post ul.post_tags li { 
	display:inline; 
	margin: 0px 6px 0px 0px;
	padding-left: 20px; 							/* Offsets bullet image */
	padding-bottom: 4px;
	background: url(style/images/tag.png) no-repeat;
	}

.post p.edit_post { font-size: 12px; margin: 0; }

.post .more-link { line-height: 30px; }	

/* Styles for the Unique Post Content */

.post { margin: 0px 0px 60px 0px; }

.gallery { font-size:12px; color: #102029; }
/* Styles for gallery images, but other styles are applied elsewhere (by wordpress?) -- specifically a 2px border */
.gallery-icon img { background: #222; padding: 9px; border: 1px solid #aaa; }

.post p {
	font-size: 14px;
	line-height: 22px;
	color: #102029;
	margin: 0px 0px 20px 0px;
	}
	
.post h4 { font-size: 16px; font-weight: bold; color: #102029; margin: 20px 0px 6px 0px; }

/* Styles for download and buy buttons */

input#pay_submit {
	background: url(style/images/button_buy_bg.png) repeat-x;
	font-size:  24px;
	color: #e5e5e5;
	margin: 20px 0 0 0;
	font-weight: bold;
	height: 74px;
	width: 200px;
	cursor: pointer;
	border: 2px solid #fff;
	}
	
input#pay_submit:hover {
	background:  url(style/images/button_buy_bg_over.png) repeat-x;
	}		

.post li.download {
	list-style-type: none;
	margin: 0;
	padding-top: 30px;
	font-weight: bold;
	}

.post li.download a {
	list-style-type: none;
	font-size:  24px;
	color: #e5e5e5;
	background: url(style/images/button_dl_bg.png) repeat-x;
	padding: 15px;
	border:  2px solid #fff;
	margin: 0;
	}
	
.post li.download a:hover {
	background:  url(style/images/button_dl_bg_over.png) repeat-x;
	}
	
/* Styles that go beneath the Unique Post Content */	
	
.post_preview_footer {
	width: 660px;
	height: 60px;
	margin-left: -20px;
	background: #ccc;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-align: left;
	}
.post_preview_footer ul { margin-left: 20px; margin-top: 20px; }	
.post_preview_footer li { display: inline; margin: 0px; padding: 6px 10px; font-size: 16px; }
.comments_link { background: #42677c; color:#e5e5e5; }
.comments_link a { margin: 0px -10px; padding: 6px 10px; color: #e5e5e5; }
.comments_link a:hover { background: #a10000; }
	
/* ----- page_postlist.php specific ----- */

h3 span.h3_supplement { font-size: 16px; margin-left: 10px; }

.snippet_section .alignleft{
	width: 100px;
	overflow: hidden;
	margin-bottom: 20px;
}

.snippet_section .alignright{
	width: 520px;
}
	
.snippet_section img {
	background: #ccc;
	padding: 5px;
	border: 1px solid #aaa;
	}	
	
.snippet_section span.title_snippet {
	font-size: 16px;
	font-weight: bold;
	color: #102029;
}	

.snippet_section p.post_snippet {
	font-size: 13px;
	line-height: 19px;
	color: #102029;
	margin: 2px 0px 0px 0px;
	}
	
.snippet_section span.readmore_snippet {
	font-size: 13px;
	}

.snippet_section a:link, .snippet_section a:visited { color: #305266; }
.snippet_section a:hover { color: #b10000; }

/* ----- single.php specific ----- */

.post_footer {
	width: 100%;
	margin: 60px 0px 60px 0px;
	background: url(style/images/gray_line.png) repeat-x top;
	}	

.post_footer ul { padding: 20px 0px 10px 0px; margin-left: -30px; }	
.post_footer li { display: inline; margin: 0px; padding: 10px; }	

.premium_banner {
	width: 588px;
	height: 138px;
	background: #ccc;
	border: 1px solid #aaa;
	margin: 0;
	padding: 15px;
	}

.premium_sticker { 
	position: absolute;
	top: -40px;
	left: -20px; 
	width: 257px; 
	height: 152px; 
	background:url(style/images/premium_sticker.png) no-repeat;
	z-index: 5;
	}	
	
.premium_banner h3 { font-size: 24px; margin: 0px 0px 6px 0px; }	
.premium_banner p { font-size: 18px; font-style: oblique; }
.premium_banner p span { font-weight: bold; }
	
.premium_banner_col1{
	width: 340px;
	height: 74px;
	float: right;
	overflow: hidden;
	}	
	
.premium_banner_col2{
	width: 588px;
	height: 64px;
	float: left;
	
	}
	
.premium_banner_col2 img {
	padding: 4px;
	background: #e5e5e5;
	border: solid #aaa 1px;
	margin: 0px 6px 0px 0px;
	}	

.premium_banner_col2 span a { position: absolute; top: 79px; left: 500px; }	
.premium_banner_col2 span a:link, .premium_banner_col2 span a:visited { 
color: #900000; 
background: #ccc; 
padding: 5px 5px 4px 5px;
border-left: 1px solid #aaa; 
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa; 
text-decoration: none;
}
.premium_banner_col2 span a:hover { color: #e5e5e5; background: #900000; }

/* ----- comments.php specific ----- */

#respond p { font-size: 14px; color:#102029; line-height: 22px; margin: 0px 0px 10px 0px; }
#respond h4 { font-size: 16px; color:#102029; margin: 0px 0px 10px 0px; }
#respond h4 a:link, #respond h4 a:visited { color:#305266; }
#respond h4 a:hover { color:#b10000; }
h3#comments { color:#102029; }


/* Wordpress-generated comment classes */

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #aaa; border-radius:8px; min-height: 80px; height:1%; margin:0px 0px 30px 140px; padding:10px; 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:#305266; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#b10000; }
ol.commentlist li div.vcard img.avatar { background: #ccc; padding: 9px; border: 1px solid #aaa; left:-140px; position:absolute; top:-10px; }
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 {}
ol.commentlist li div.reply a { color: #e5e5e5; font-size: 12px; padding: 4px 5px 2px 5px; background: #42677c; text-decoration: none; font-weight: bold; }
ol.commentlist li div.reply a:hover { background:#b10000;}
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:#d1d6d8; }
ol.commentlist li.odd { background:#d1d6d8; }
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 {}

/* search.php specific */	

.search_post_info { font-size: 12px; }
hr.search_list { margin: 20px 0px 30px 0px; }

/* archive.php specific */
h3.archive_title { background: #ccc; padding: 10px; border: 1px solid #aaa; margin: 0px 0px 40px 0px; }

/* 404.php specific */

#content_404 {	
	width: 960px;
	margin: 0 auto;
	text-align: center;
	padding: 150px 0px 20px 0px;
	}
	
#content_404 p { padding: 20px; color: #e5e5e5; }
	
#content_404 a { color: #a6b9c4; text-decoration: underline; }
	
#content_404 a:hover { font-style: oblique; }		


/******* SIDEBAR STYLES *******/

.sidebar-column ul{ margin-bottom: 20px; }

.sidebar-column ul h2 {
	width: 258px;
	border: 1px solid #fff;
	background: #e5e5e5;
	color: #555;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
	padding: 7px 0px;
	margin-bottom: 20px;
	}
	
.sidebar-column li {
	margin: 6px 0px 6px 0px;
	}
	
.sidebar-column p { font-size: 14px; color: #102029; line-height: 22px; text-indent: 0px; margin-bottom: 20px; }	
	
.sidebar-column a:link, .sidebar-column a:visited, .sidebarcolumn a:hover { text-decoration:none; }
	
.sidebar-column a:link, .sidebar-column a:visited { color:#004268; }
.sidebar-column a:hover, .sidebar-column a:active { color: #b10000; }

.inline { display: inline; }	

li.premium_featured { 
	display: inline; 
	width: 50px;
	height: 50px;
	background: #ccc;
	margin: 0px 12px 15px 0px;
	border: 1px solid #fff;
	overflow: hidden;
	float: left; }	

li.sidebar_text_button { margin-bottom: 20px; }
li.sidebar_text_button a { padding: 5px; }	
li.sidebar_text_button span { padding:5px; background: #42677c; color: #e5e5e5; }
li.sidebar_text_button span a:link, li.sidebar_text_button span a:visited { color: #e5e5e5; margin: 0px -5px; }
li.sidebar_text_button span a:hover { background: #b10000; }						


/******* FOOTER STYLES *******/

#footer {
	width: 960px;
	height: 520px;
	color: #e5e5e5;
	margin:  40px auto 40px auto;
	}
	
#footer_col1 {
	width: 420px;
	margin: 0px 40px 0px 20px;
	float:left;
	}
	
#footer_col1 h2 {
	font-size: 24px;
	font-weight: normal;
	margin: 15px 0px 0px 90px ;
	}
	
#footer_col1 h2 img {
	position: absolute;
	top: 0px;
	left: -30px;
	}
	
#footer h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 50px 0px 6px 0px;
	}
	
#footer p { color: #e5e5e5; }		
	
#footer_col1 p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 20px;
	}

#footer_col1 p.footer_ownership {
	font-size: 12px;
	margin-left: 90px;
	}
			

#footer_col2 {
	width: 420px;
	margin: 0px 20px 0px 40px;
	float: right;
	}
	
#footer_col2 h3 {
	font-size: 18px; 
	font-weight: normal;
	margin: 20px 0px 10px 0px;
	}
	
#footer_col2 p { 
	font-size:14px;
	margin: 20px 5px 5px 5px;
	}	
	
#footer_col2 .footertextfield {
	width: 227px;
	height: 25px;
	background: url(style/images/footer_textfield.png) no-repeat;
	border: 0;
	outline: none;
	font-size: 14px;
	color: #a6b9c4;
	padding: 8px 10px 0px 10px;
	}	
	
#footer_col2 .footertextarea {			
	width: 365px;
	height: 123px;
	background: url(style/images/footer_textarea.png) no-repeat;
	border: 0;
	outline: none;
	font-size: 14px;
	color: #a6b9c4;
	padding: 8px 10px 15px 10px;
	}
	
#footer_col2 .footerbutton {
	width: 120px;
	height: 30px;
	background: url(style/images/footer_button.png) no-repeat;
	border: 0;
	outline: none;
	margin: 20px 0px 0px 0px;
	}
	
input.footerbutton {
	color: #e5e5e5;
	font-size: 14px;
	cursor: pointer;
	}