/*  



Theme Name: Portfolio



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



Description: A Portfolio Theme For Wordpress



Version: 1.0



Author: Theme Forest



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



*/











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



* BROWSER RESET



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



*/ 



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 



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;



	border: 0;



	outline: 0;



	font-size: 100%;



	vertical-align: baseline;



	background: transparent;



}



body { line-height: 1; background: url(images/blueback.gif); }



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; }







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



*  WRAPPER



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



*/ 



#wrapper {



	width: 980px;



	margin-right: auto;

	margin-left: auto;



	background: #ffffff;



	min-height: 100%;



	height: auto !important;



	height: 100%;



}







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



*  LEFT



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



*/ 



#left {



	width: 334px;



	margin: 0;



	background-color: #ffffff;



         



}







#left div.widget {



	margin: 0 20px 0 0;



	padding: 0;



	background-color: #ffffff;



}







#left div.search_widget {



	margin-bottom: -10px;



}







#left h1 {



	height: 175px;



	color: #7c8449;



	padding: 2px 0 0 20px;



	margin-right: -20px;



	text-transform: lowercase;



	letter-spacing: -3px;



	background: url(images/sidebar.gif) no-repeat;



}







#left h1 a {



	color: #7c8449;



	text-decoration: none;



	text-transform: lowercase;



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



}







#left h1 a:hover {



	text-decoration: none;



}







#left h2 {



	color: #525452;



	letter-spacing: -1px;



	padding: 8px 0 19px 20px;



	margin-bottom: 9px;



	background: #ffffff;



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



}







#left p {



	color: #8b8f8b;



	padding: 20px;



	margin-right: 20px;



	text-transform: uppercase;



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



	line-height: 18px;



}







#left a {



	color: #8b8f8b;



	text-decoration: none;



	text-transform: uppercase;



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



}







#left a:hover {



	text-decoration: underline;



}







#left input {



	border: none;



	width: 234px;



	color: #8b8f8b;



	margin-left: 20px;



	padding: 10px 2px;



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



	background: ##ffffff;



	position: relative;



	top: -13px;



}







#left input.submit {



	top: 0px;



	border: none;



	width: 33px;



	height: 17px;



	color: ##8b8f8b;



	cursor: pointer;



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



}







#left div.hr {



	border: 0;



	color: #8b8f8b;



	background: #ffffff;



	height: 20px;



	margin: 0;



}







#left div.hr hr {



	display: none;



}







#left img.about {



	width: 273px;



	height: 158px;



	margin-left: 20px;



}







#left ul {



	padding: 0 20px 20px;



	margin-right: 20px;



	color: #6f8182;



	text-transform: uppercase;



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



}







#left li {



	margin-bottom: 11px;



	line-height: 0px;



}







#left li a {



	color: #8b8f8b;



	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: 646px;



	border-right: 0px solid #191919;



	margin: 0;



	padding: 0;



	background: #ffffff;



}







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



*  HEADER



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



*/ 



#right #header {



	width: 604px;



	height: 60px;



	padding: 0 20px;



	background: url(images/header_bck.gif) repeat-x;



	border-bottom: 1px solid #e9e9e9;



}







#right #header li {



	display: inline;



}







#right #header a {



	float: left;



	color: #191919;



	margin-top: 24px;



	margin-right: 32px;



	text-decoration: none;



	text-transform: uppercase;



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



}







#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 {



	width: 604px;



	padding: 28px 20px 12px;



}







#content p {



	color: #212121;



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



	line-height: 20px;



}







#content img.featured {



	padding: 7px;



	margin-bottom: 25px;



	border: 1px solid #e9e9e9;



	width: 589px;



	height: 315px;



	background-color: #f2f2f1;



}







#content h1 {



	color: #191919;



	letter-spacing: -1px;



	padding-bottom: 15px;



	font: 24px 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: #191919;



	padding-bottom: 20px;



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



}







#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) no-repeat;



}







#content hr {



	display: none;



}







#content .info {



	padding: 20px 0 20px;



	position: relative;



}







#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 {



	padding-bottom: 20px;



}







#content div.post_content a {



	color: #191919;



	text-decoration: underline;



}







#content div.post_content blockquote {



	background: #f2f2f2 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 {



	height: 174px;



}







#content .post div.img {



	float: left;



	padding: 7px;



	width: 134px;



	height: 134px;



	border: 1px solid #e9e9e9;



	background-color: #f2f2f1;



}







#content .post div.img div {



	float: left;



	width: 134px;



	height: 134px;



	overflow: hidden;



}







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



	margin-left: 172px;



}







#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: #c8c9cd;



	padding-top: 15px;



	text-align: right;



	text-transform: uppercase;



	height: 250px;



	width: 980px;



	background: url(images/footerback.gif) repeat-x;



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



}