/*
	CSS files kept in the 'styles' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 versions as well as debug any potential
	problems.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name		: 	Ben Walker
	Author Site		: 	http://www.surfacedetail.com
	Style Name		: 	Surface Detail
	Style URI		:	http://www.surfacedetail.com
	Version			:	2.0
	Header Height	:	260
	Comments		:	Based on the k2 style 'Vader' at http://binarybonsai.com
						License: http://creativecommons.org/licenses/by-nc-sa/2.5/
*/




/*	----------------
Main body
----------------	*/

body
	{
	background: #000; /*url('background.jpg') no-repeat scroll top center;*/
	font: 75% 
	}
	
#page
	{
	color: #fff;
	background: #000;
	padding: 0;
	border: 1px solid #333;
	position: relative;
	}
	

/*	----------------
Header
----------------	*/

#header 
	{
	height: 400px;
	margin: 0 auto;
	/*background: #111 url('header.jpg') no-repeat scroll top center !important;*/
	color: #aaa;
	}

#header h1
	{
	color: #ddd;
	
	display:none;
	}
#header h1 a
	{
	color: #ddd;
	text-decoration: none;
		display:none;
	}
#header .description
	{
	font-size: 1em;
	margin: 0 0 0 40px;
	color: #ccc !important;
		display:none;
	}
#header .description a
	{
	color: #ccc !important;
		display:none;
	}
	
#header ul.menu {
		display:none;
	}
	
ul.menu li a
	{
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	text-transform: lowercase;
	color: #ccc;
	background-color: #111;
	opacity:.40;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	}
ul.menu li a:hover
	{
	background: #333;
	color: #999 !important;
	text-decoration: none;
	opacity:.60;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	}
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover
	{
	background: #ccc;
	color: #333 !important;
	text-decoration: none;
	opacity:.50;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	}


/*	This positions the navigation menu at the top of the header.	*/
ul#menu-top
	{
	display: inline !important;	/*	This line prevents the top menu from showing up in styles that don't support it.	*/
	position: absolute;
	top: -2px;
	left: 25px;
	}
ul#menu-top li a
	{
	background: #333;
	color: #ccc !important;
	opacity:.50;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	}
ul#menu-top li a:hover
	{
	background: #000;
	color: #ccc !important;
	opacity:.60;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	}
	
	/*Columns Layout*/
	
	
	.columns-one #page {
		width: 560px;
		}

	.columns-two #page {
		width: 780px;
		}

	.columns-three #page {
		width: 950px;
		}

	#header {
		padding: 0;
		margin: 0;
		position: relative;
		height: 260px;
		background: #3371A3;
		}

	.content {
		padding: 0 20px;
		}

	#primary {
		position: relative;
		float: left;
		width: 450px;
		padding: 10px;
		padding-top:20px;
		}

	* html #primary {
		display: inline;
		}

	.columns-three #primary {
		margin-left: 170px;
		padding: 10px;
		}

	.columns-one #sidebar-main,
	.columns-one #sidebar-alt {
		width: 240px;
		padding: 0 10px;
		}

	.columns-one .secondary {
		border-top: 1px solid #eee;
		}

	.columns-two #sidebar-main,
	.columns-three #sidebar-main {
		width: 150px;
		padding: 10px 10px 0;
		}

	.columns-two #sidebar-alt {
		width: 200px;
		padding: 0 10px;
		}

	.columns-three #sidebar-alt {
		width: 150px;
		padding: 10px;
		left: -740px;
		margin-left: -170px;
		}

	.secondary {
		float: right;
		font-size: 1em;
		line-height: 1.5em;
		color: #666;
		position: relative;
		margin-top:65px;
		}
		
/* Meta Information for blog entries */
		
		.entry-meta { /* Time and category for blog entries */
			font-size: 1em;
			line-height: 1.6em;
			display: block;
			padding: 5px;
			color: #bbb;
			background-color:#222;
			}

		.entry-meta div {
			display: inline;
			}

		.meta-start {
			padding: 0px ;
			background: none;
			}

		.entry-date abbr {
			border: 0;
			color: #777;
			}

		.entry-author {
			display: none;
			}

		.entry-author address {
			display: inline;
			font-style: normal;
			}

		.entry-category {
			text-transform: lowercase;
			margin-right: 10px;
			}

		.entry-meta a, .comment-meta a {
			color: #777;
			}

		.commentslink {
			padding: 0px ;
			background: none;
			}

		.quoter_comment {
			padding: 0px ;
			background: none;
			}

		.entry-tags {
			padding: 0px ;
			background: none;
			}

		.entry-tags a {
			text-transform: lowercase;
			}

/*	----------------
Post images
----------------	*/

.primary img
	{
	margin-left: -5px;
	padding: 4px;
	border: 0px;
	max-width: 100%;
	}
	
img.center
	{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright
	{
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft
	{
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
img.noborder
	{
	border: solid 1px #111;
	}


a img {
	border:1px solid #333333;
	margin: 2px;
	padding: 5px;
	}


/*	----------------
Headers
----------------	*/

h1, 
h2, 
h3, 
h4 
	{
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, Sans-Serif;
	font-weight:thin;
	text-align: left;
	letter-spacing: 0.1em;
	}
	
h1, 
h1 a, 
h1 a:hover, 
h1 a:visited,
#header .description
	{
	text-decoration: none;
	color: #aaa;
	}
	

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited
	{
	color: #888;
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, Sans-Serif;
	font-weight:normal;
	text-decoration: none;
	letter-spacing: 0.1em;
	}
	
h2 a:hover,
h3 a:hover,
h4 a:hover
	{
	color:#999;
	text-decoration: none;	
	}
	
/*------ added to fix page alignment heading issue ----*/

h4 {
	font-size: 2.0em;
	font-weight: normal;
	}

.entry-title {
	margin-right: 60px;
	}

.four04 .entry-title,
body.page .entry-title {
	text-align: left;
	}


/*	----------------
Meta info
----------------	*/	

.entry-meta
	{
	font-size: 1em;
	display: block;
	color: #555;
	}

/*	I went ahead and dropped the icon for post time, since I found it annoying.	*/

.chronodata
	{
	background: none !important;
	padding: 2px 0 !important;
	}
.chronodata abbr
	{
	font: inherit;
	}
.commentslink
	{
	padding: 2px 0 2px 17px;
	margin: 0 10px 0 5px;
	}
.entry-edit a
	{
	padding: 2px 0 2px 17px;
	margin: 0;
	}

/*	----------------
Main content
----------------	*/

.entry-content
	{
	color: #888;
	}

a:hover,
a:visited:hover 
	{
	text-decoration: underline;
	}
h2 a:hover,
h2 span a:hover
	{
	color: #ccc !important;
	}
a
	{
	color: #fff;
	text-decoration: none;
	}
.entry-content a:visited
	{
	color: #bbb;
	text-decoration: none;
	}
	
.entry-content a
	{
	color: #fff;
	text-decoration: underline;
	}
		
.entry-content a: hover
		{
		color: #ccc;
		text-decoration: none;
				}

blockquote {
		margin: 20px 0;
		padding: 0 20px 0 20px;
		color: #333;
		background: url('quote.png') no-repeat 10px 0;
		border: none;
					}
				

	
/*	----------------
Quick posts
Any post with the category of "quick" will follow these styles.
----------------	*/

.category-quick h3.entry-title
	{
	font-size: 2em !important;
	display: inline;
	}
.category-quick .entry-meta
	{
	font-size: .9em;
	display: inline;
	margin-left: 10px;
	}
.category-quick .entry-category
	{
	display: none;
	}
.category-quick .entry-content
	{
	font-size: 1.1em;
	line-height: 1.3em;
	}
.category-quick .entry-content p,
.category-quick .entry-content ul,
.category-quick .entry-content ol,
.category-quick .entry-content div,
.category-quick .entry-content blockquote
	{
	margin: 8px 0;
	}

/*	 Restores normal styling to quick posts on individual pages.	*/

body.single .category-quick h3.entry-title
	{
	font-size: 2.4em !important;
	}
body.single .category-quick .entry-meta
	{
	font-size: 1em;
	display: block;
	margin-left: 0;
	}
body.single .category-quick .entry-category
	{
	display: inline;
	}
body. single .category-quick .entry-content
	{
	font-size: 1.2em;
	line-height: 1.8em;
	}
body.single .category-quick .entry-content p,
body.single .category-quick .entry-content ul,
body.single .category-quick .entry-content ol,
body.single .category-quick .entry-content div,
body.single .category-quick .entry-content blockquote
	{
	margin: 13px 0;
	}

#footer
	{
	color: #ccc;
	}
#footer a
	{
	font-weight: normal;
	color: #ccc;
	text-decoration: underline;
	}
#footer a:hover
	{
	color: #fff;
	}
	
	
	/*- Rolling Archives 

	#rollingarchives {
		position: absolute;
		padding: 20px 0;
		display: block;
		width: 500px;
		top: 0;
		}

	#rollingarchives a:hover {
		text-decoration: underline;
		}

	#rollnavigation {
		position: relative;
		}

	#rollnavigation a:active, #rollnavigation a:focus {
		outline: none;
		}

	#rollprevious,
	#rollnext,
	#rollload,
	#rollhome,
	#rollpages,
	#rolldates {
		position: absolute;
		top: 3px;
		}

	#rollprevious:hover,
	#rollnext:hover,
	#rollhome:hover {
		text-decoration: underline;
		cursor: pointer;
		}

	#rollhome {
		display: none;
		left: 54px;
		background: url('../images/house.png') no-repeat center center;
		width: 16px;
		height: 16px;
		}

	#rollload {
		background: url('../images/spinner.gif') no-repeat center center;
		top: 1px;
		left: 50%;
		margin-left: -8px;
		width: 16px;
		height: 16px;
		}

	#rollload span,
	#rollhome span {
		display: none;
		}

	#rollnext,
	#rollprevious {
		color: #666;
		font-weight: bold;
		}

	#rollpages {
		top: 3px;
		left: 55px;
		color: #aaa;
		}

	#rollhover {
		position: absolute;
		top: 7px;
		left: -47px;
		z-index: 100;
		height: 45px;
		background: url('../images/rollhover.png') no-repeat center top;
		}

	#rollhover,
	#rolldates {
		width: 100px;
		margin-left: 5px;
	}

	#rollhover {
		top: 11px;
		}

	#rolldates {
		position: absolute;
		color: #999;
		text-align: center;
		font-size: .9em;
		top: 22px;
		margin: 0;
		}

	#rollprevious {
		left: 0;
		text-align: left;
		}

	#rollnext {
		right: 0;
		text-align: right;
		}

	.emptypage #rollnavigation {
		visibility: hidden;
		}

	.firstpage #rollprevious {
		visibility: visible;
		}


	.firstpage #rollnext,
	.firstpage #rollhome {
		visibility: hidden;
		}

	.nthpage #rollnext,
	.nthpage #rollprevious,
	.nthpage #rollhome {
		visibility: visible;
		}

	.lastpage #rollnext,
	.lastpage #rollhome {
		visibility: visible;
		}

	.lastpage #rollprevious {
		visibility: hidden;
		}

	#pagetrackwrap {
		position: absolute;
		top: 6px;
		left: 130px;
		width: 240px;
		padding-right: 9px;
		background: url('../images/sliderbgright.png') no-repeat right center;
		}

	#pagetrack {
		width: 240px;
		height: 7px;
		background: url('../images/sliderbgleft.png') no-repeat left center;
		}

	#pagehandle {
		top: -5px;
		width: 17px;
		height: 17px;
		background: url('../images/sliderhandle.png') no-repeat center center;
		cursor: col-resize;
		}

	#primarycontent {
		clear: both;
		}

	div.trimmed .hentry {
		background: #f5f5f5;
		}

	div.trimmed .hentry.alt {
		background: transparent;
		}

	#texttrimmer {
		position: absolute;
		width: 55px;
		height: 15px;
		top: 10px;
		right: 55px;
		}

	.firstpage #texttrimmer,
	.firstpage #pagetrackwrap {
		visibility: hidden;
		}

	.nthpage #texttrimmer,
	.nthpage #pagetrackwrap,
	.lastpage #texttrimmer,
	.lastpage #pagetrackwrap {
		visibility: visible;
		}

	#trimmertrackwrap {
		background: url('../images/sliderbgright.png') no-repeat right center;
		height: 7px;
		width: 50px;
		top: 6px;
		padding-right: 4px;
		position: absolute;
		display: none;
		}

	#trimmertrack {
		background: url('../images/sliderbgleft.png') no-repeat left center;
		width: 50px;
		height: 7px;
		}

	#trimmerhandle {
		width: 7px;
		height: 7px;
		background: url('../images/sliderhandle.png') no-repeat center center;
		cursor: col-resize;
		}

	#trimmermore,
	#trimmerless {
		display: none;
		position: absolute;
		top: 0;
		height: 16px;
		width: 16px;
		}

	#trimmermore span,
	#trimmerless span {
		display: none;
		}

	#trimmermore:hover,
	#trimmerless:hover {
		cursor: pointer;
		}

	#trimmermore {
		right: 0;
		background: url('../images/trim_more.png');
		}

	#trimmerless {
		left: 0;
		background: url('../images/trim_less.png');
		}

	#trimmertrim:hover, #trimmeruntrim:hover {
		text-decoration: underline;
		}

	#trimmertrim, #trimmeruntrim {
		cursor: pointer;
		position: absolute;
		top: 13px;
		width: 50px;
		text-align: center;
		color: #999;
		}

	.trimmed #trimmertrim {
		display: none;
		}

	#trimmeruntrim {
		display: none;
		}

	.trimmed #trimmeruntrim {
		display: block;
		}
		
		*/

	body.smartposition #rollingarchives {
		position: fixed;
		top: 0px;
		background: #000;
		border-bottom: 1px solid #eee;
		width: 500px;
		z-index: 10;
		padding-top: 10px;
		padding-bottom: 30px;
		}
		
/*		
	body.smartposition #trimmertrim, body.smartposition #trimmeruntrim {
		top: 3px;
		}

	#dynamic-content { /* Make room for the rolling archives */
		padding-top: 10px;
		}

	body.onepageonly #dynamic-content { /* For the rare case of having only one page of content on the frontpage */
		padding-top: 0;
		} */

	
/*----------------
Comments
----------------	*/
li.byuser
	{
	background: #000;
	color: #000;
	}

li.bypostauthor
	{
	background: #111;
	color: #000;
	}
	
	.byuser
	{
	background-color: #111;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	}

	.bypostauthor
	{
	background-color: #111;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	}

/*------------
Search Form and Livesearch 
-------------------*/

	#search {
		margin-top: 20px;
		margin-bottom: 20px;
		}

	#search h4 {
		display: none;
		}

	#searchform {
		display: block;
		position: relative;
		height: 20px;
		}

	input[type=text], textarea {
		color: #666;
		padding: 3px;
		margin: 0;
		background-color:#000;
		border: 1px solid;
		border-color:#333;
		}

	#s {
		width: 79%;
		font-size: 1.1em;
		}

	#s.livesearch {
		position: absolute;
		top: 0;
		width: 88%;
		}

	.columns-three #s.livesearch {
		width: 145px;
		}


	.livesearchform input[type=submit] {
		margin: 0;
		}

	#searchcontrols {
		text-align: center;
		padding: 1px;
		background: #ddd;
		}

	#searchcontrols small {
		margin: 0;
		padding: 0;
		}

/*------------
Flexi Sidebar Widget
-------------------*/