/* @override http://www.torinknorr.com/wp-content/themes/folio/style.css */

/* @override http://www.torinknorr.com/wp-content/themes/folio/style.css */



/*  



Theme Name: TK Portfolio



Theme URI: http://www.themeforest.net



Description: A Customized Portfolio Theme For Wordpress



Version: 1.1



Author: Theme Forest with Mods



Author URI: http://www.torinknorr.com



*/











/* ----------------------------------------------------------------



* BROWSER RESET



 * ---------------------------------------------------------------- 



*/ 



html, body, div, span, applet, object, iframe



a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 



small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 



fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0;



	padding: 0;



	outline: 0;



	font-size: 100%;



	vertical-align: baseline;



	background: transparent;



}



body { line-height: 1; background: silver scroll; }



ol, ul { list-style: none; }



blockquote, q { quotes: none; }



blockquote:before, blockquote:after, q:before, q:after { content: ''; }



:focus { outline: 0; }



ins { text-decoration: none; }



del { text-decoration: line-through; }



table { border-collapse: collapse; border-spacing: 0; }







/* ---------------------------------------------------------------- 



 *  GLOBAL



 * ---------------------------------------------------------------- 



*/ 



html, body { height: 100%; }



html { font-size: 76%; }



body { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 1.4em; }



.clear { clear: both; width: 1px; height: 1px; margin: 0; padding: 0; }



#left, #right { float: left;
	height: 3999px;
}







/* ---------------------------------------------------------------- 



*  WRAPPER



* ---------------------------------------------------------------- 



*/ 



#wrapper {



	width: 1080px;



	margin: 0 auto;



	background: #4d4d4d;



	min-height: 100%;



	height: auto !important;



	height: 100%;



}







/* ---------------------------------------------------------------- 



*  LEFT



* ---------------------------------------------------------------- 



*/ 



#left {



	width: 335px;



	margin: 0;



	background-color: #191919;
	padding: 0;
}







#left div.widget {



	padding: 0;



	background-color: #191919;
	margin: 0 30px;
}







#left div.search_widget {



	margin-bottom: -10px;



}



#left div.widget.widget_tag_cloud {

	display: block;

}



#left div.widget.widget_tag_cloud h2 {

	display: block;

}







#left h1 {



	color: #ffffff;



	text-transform: lowercase;



	letter-spacing: -1px;



	background: url(images/sidebar.gif) repeat-x;
	padding: 0 0 0 24px;
	margin-top: 16px;
}







#left h1 a {



	color: #ffffff;



	text-decoration: none;



	text-transform: lowercase;



	font: bold 56px Arial, Helvetica, sans-serif;
}







#left h1 a:hover {



	text-decoration: none;



}







#left h2 {



	color: #ffffff;



	letter-spacing: -1px;



	margin-bottom: 24px;



	background: #191919 no-repeat right top;



	font: 20px Arial, Helvetica, sans-serif;
	padding-bottom: 0;
	padding-right: 0;
}







#left p {



	color: #6f7575;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



	line-height: 18px;
	background-color: #191919;
	width: 90%;
}







#left a {



	color: #6f8182;



	text-decoration: none;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



}







#left a:hover {



	text-decoration: underline;



}







#left input {



	width: 212px;



	color: #6f8182;



	font: 10px Arial, Helvetica, sans-serif;



	background: #191919;



	position: relative;



	top: -13px;

	border: thin dotted #404040;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 2px;
	margin-right: 10px;
}







#left input.submit {



	top: 0px;



	border: none;



	width: 33px;



	color: #101010;



	cursor: pointer;



	background: #191919 url(images/input_search.gif) no-repeat right top;



}







#left div.hr {



	border: 0;



	color: #191919;



	background: #191919;



	height: 8px;



	margin: 0;



}







#left div.hr hr {



	display: none;



}







#left img.about {



	width: 272px;



	height: 160px;
}







#left ul {



	color: #6f8182;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;
	width: 95%;
	margin-left: 12px;
}







#left li {



	margin-bottom: 11px;



	line-height: 0px;



}







#left li a {



	color: #6f8182;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



}







/* ---------------------------------------------------------------- 



*  LEFT > FLICKRRSS



* ---------------------------------------------------------------- 



*/ 



#left #flickrrss {



	padding: 0 0 20px 20px;



}







#left #flickrrss img {



	margin: 0 20px 20px 0;



}







#left #flickrrss h2, #left #flickrrss hr {



	margin-left: -20px;



}







/* ---------------------------------------------------------------- 



*  RIGHT



* ---------------------------------------------------------------- 



*/ 



#right {



	width: 744px;



	border-right: 1px solid #191919;



	margin: 0;



	padding: 0;



	background: #4d4d4d;
	float: right;
}







/* ---------------------------------------------------------------- 



*  HEADER



* ---------------------------------------------------------------- 



*/ 



#right #header {



	width: 680px;



	height: 59px;



	padding: 0 14px 0 49px;



	background: #4d4d4d none repeat-x;
	margin-top: 18px;
	border-bottom: 0 double #747474;
}







#right #header li {



	display: inline;



}







#right #header a {



	float: left;



	color: #cbcbcb;



	margin-top: 38px;



	margin-right: 32px;



	text-decoration: none;



	font: 12px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}







#right #header a.rss {



	float: right;



	margin-right: 0;



	padding-right: 20px;



	background: url(images/rss.gif) right center no-repeat;



}







/* ---------------------------------------------------------------- 



*  CONTENT > BUTTON TEMPLATE



* ---------------------------------------------------------------- 



*/ 



#content .button {



	display: inline;



	padding: 6px 10px;



	text-align: center;



	background: #dde2bc;



}







#content .button a {



	color: #212121;



	text-decoration: none;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



}







/* ---------------------------------------------------------------- 



*  CONTENT



* ---------------------------------------------------------------- 



*/ 



#content {
	background-color: #4d4d4d;
	padding-top: 12px;
	padding-bottom: 20px;
	margin-right: 7%;
	margin-left: 7%;
}







#content p {



	font: 14px/26px Arial, Helvetica, sans-serif;



}







#content img.featured {



	padding: 7px;



	margin-bottom: 25px;



	border: 1px solid #e9e9e9;



	width: 589px;



	height: 315px;



	background-color: #f2f2f1;



}







#content h1 {



	color: #191919;



	font: 28px Arial, Helvetica, sans-serif;
}







#content h1.single {



	padding-bottom: 10px;



}







#content span.featured-tag {



	padding: 6px 12px;



	font-size: 10px;



	text-transform: uppercase;



	color: #FFFFFF;



	background: #212121;



	letter-spacing: normal;



	position: relative;



	top: 280px;



	left: 0;



	line-height: 0;



}







#content h2 {



	color: #d8d8d8;



	padding-bottom: 6px;



	font: bold 20px Arial, Helvetica, sans-serif;



}

#content div.post_content h3 {
	color: #d8d8d8;
}







#content h1 a, #content h2 a {



	color: #191919;



	text-decoration: none;



}







#content div.hr {



	border: 0;



	margin: 0 0 20px;



	height: 1px;
	background: transparent url(images/hr.gif) repeat-x;
}







#content hr {



	display: none;



}







#content .info {



	padding: 20px 0 20px;



	position: relative;



        margin-left: 0;



}







#content .single {



	padding: 0px 0 20px;



}







#content .info span {



	color: #666666;



	cursor: default;



	margin-right: 8px;



	padding-right: 8px;



	text-decoration: none;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



	background: url(images/separator.gif) right center no-repeat;



}







#content .info a {



	color: #666666;



	margin-right: 8px;



	padding-right: 8px;



	text-decoration: none;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



	background: url(images/separator.gif) right center no-repeat;



}







#content .info a:hover {



	text-decoration: underline;



}







#content .info a.last, #content .info span.last, #content .info .right a {



	background: none;



}







#content .info .right {



	display: inline;



	position: absolute;



	right: 0;



}







#content .quote {



	width: 72px;



	height: 31px;



	overflow: hidden;



	margin-top: -6px;



	margin-right: 8px;



	padding: 6px 0 0 12px;



	background: url(images/quote.gif) right top no-repeat;



}







#content .quote a {



	color: #212121;



	margin: 0;



	padding: 0;



	text-decoration: none;



	text-transform: uppercase;



}







/* ---------------------------------------------------------------- 



*  CONTENT > POST CONTENT



* ---------------------------------------------------------------- 



*/ 



#content div.post_content p {
	margin: 0 0 12px;
	color: silver;
}

#content div.post_content div {
}







#content div.post_content a {



	color: #191919;



	text-decoration: underline;



}







#content div.post_content blockquote {



	background: url(images/blockquote.gif) no-repeat left top;



	border-left: 5px solid #e9e9e9;



	margin-bottom: 20px;



	padding: 12px 0 13px 46px;



}







#content div.post_content blockquote p {



	padding-bottom: 0;



}







#content div.post_content ol, #content div.post_content ul {



	padding-bottom: 20px;



}







#content div.post_content ol {



	margin-left: 20px;



	list-style-type: decimal;



}







#content div.post_content ul {



	margin-left: 15px;



	list-style-type: disc;



}







/* ---------------------------------------------------------------- 



*  CONTENT > POST



* ---------------------------------------------------------------- 



*/ 



#content .post {

	padding-left: 20px;

}







#content .post div.img {



	border: 6px solid #e9e9e9;



	background-color: #f2f2f1;



}







#content .post div.img div {



	float: left;



	overflow: hidden;



}

#content div.post_content img {
	display: block;
	margin: 6px auto 20px;
	border-style: solid;
	border-width: 0;
}

#content .post h1, #content .post p, #content .post .info {



	margin-left: 20px;



}







#content .post_noimage h1, #content .post_noimage p, #content .post_noimage .info {



	margin-left: 0px;



}







/* ---------------------------------------------------------------- 



*  CONTENT > COMMENTS



* ---------------------------------------------------------------- 



*/ 



#content .comment {



	margin-bottom: 20px;



}







#content .comment .author {



	float: left;



	width: 80px;



	margin-right: 20px;



	text-align: right;



}







#content .comment .author img {



	width: 80px;



	height: 80px;



	margin-bottom: 10px;



	padding: 0;



}







#content .comment .author a {



	color: #000000;



	text-decoration: underline;



	font: 13px Arial, Helvetica, sans-serif;



}







#content .comment .author div {



	color: #949494;



	margin-top: 5px;



	font: 10px Arial, Helvetica, sans-serif;



}







#content .comment .box {



	float: left;



	width: 464px;



	min-height: 105px;



	background: #f9f9f9;



	border: 1px solid #e9e9e9;



	padding: 18px;



}







#content .alt .box {



	background: #ffffff;



}







#content .comment .box a {



	color: #191919;



	text-decoration: underline;



}







/* ---------------------------------------------------------------- 



*  CONTENT > LEAVE COMMENT



* ---------------------------------------------------------------- 



*/ 



#content #leave_comment {



	border: 1px solid #e9e9e9;



	background: #f9f9f9;



	padding: 20px 20px 0;



	margin-bottom: 20px;



}







#content #leave_comment div {



	margin-bottom: 20px;



}







#content #leave_comment p {



	margin-bottom: 20px;



}







#content #leave_comment p a {



	color: #191919;



	text-decoration: underline;



}







#content #leave_comment input, #content #leave_comment textarea {



	width: 344px;



	padding: 12px;



	border: 1px solid #e9e9e9;



}







#content #leave_comment textarea {



	height: 62px;



}







#content #leave_comment label {



	float: right;



	width: 176px;



	color: #191919;



	margin-top: 12px;



	font: 13px Arial, Helvetica, sans-serif;



}







/* ---------------------------------------------------------------- 



*  CONTENT > PAGE NAVIGATION



* ---------------------------------------------------------------- 



*/



#content ul.page_navigation {



	float: left;



	overflow: hidden;



	padding-bottom: 20px;



}







#content .page_navigation li {



	float: left;



	margin-right: 8px;



	padding: 4px 0;



}







#content .page_navigation li a {



	color: #212121;



	text-decoration: none;



	text-transform: uppercase;



	font: 10px Arial, Helvetica, sans-serif;



}







#content .page_navigation li a:hover {



	text-decoration: underline;



}







#content .page_navigation li.active {



	text-align: center;



	background: #dde2bc;



	padding: 4px 10px;



}







#content .page_navigation li.active a:hover {



	text-decoration: none;



}







#content .page_navigation a.prev:before {



	content: '\00AB';



	font-family: Georgia, "Times New Roman", Times, serif;



	margin-right: 2px;



	vertical-align: text-top;



}







#content .page_navigation a.next:after {



	content: '\00BB';



	font-family: Georgia, "Times New Roman", Times, serif;



	margin-left: 2px;



	vertical-align: text-top;



}







/* ---------------------------------------------------------------- 



*  FOOTER



* ---------------------------------------------------------------- 



*/ 



#footer {



	color: #727272;



	padding-top: 15px;



	text-align: right;



	text-transform: uppercase;



	height: 31px;



	width: 1070px;



	background: #343434;



	font: 10px Arial, Helvetica, sans-serif;
	padding-right: 10px;
}