/* 

Theme Name: YourFolio

Description: A Personal Blog & Portfolio Theme

Author: Maximus

Author URI: http://themeforest.net?ref=Maximus

*/



*								{ margin: 0px; padding: 0px; }

body, html						{ height: 100%; }

body							{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; }

a								{ outline: none; text-decoration: none; }

a:hover							{ text-decoration: underline; }

a img							{ border: none; }

.clearfix:after					{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }

* html .clearfix				{ height: 1%; }

*+html .clearfix				{ height: 1%; }



/* -------- Page Structure -------- */



#container						{ width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0px 0px -70px; min-width: 970px; }



#header_wrap, #project_wrap, #content_wrap, #footer_wrap { font-size: 1em; width: 100%; position: relative; }

#header, #project, #content, #footer { width: 960px; margin: 0px auto; font-size: 1.1em; }



#header_wrap					{ padding-top: 11px; }

#header							{ padding: 30px 0px 30px 5px; position: relative; }



#project						{ position: relative; z-index: 101; }



#content_wrap					{ padding: 35px 0px; }

#home #content_wrap				{ padding: 75px 0px 35px; }



#sidebar						{ width: 350px; float: left; }

#main							{ width: 565px; float: right; }



#footer_wrap, .push				{ height: 69px; min-width: 970px; }

#footer							{ padding: 28px 0px 0px; text-transform: uppercase; }



.logoarea						{ float: left; }

h1.logo							{ width: auto; font-size: 2.85em; font-weight: bold; letter-spacing: -1px; position: relative; z-index: 100; }

h1.logo a						{ text-decoration: none; }



p.description					{ text-transform: uppercase; letter-spacing: 1px; }



ul.main_nav						{ width: 650px; text-align: right; position: absolute; top: 40px; right: 0px; text-transform: uppercase; float: right; }

body#home ul.main_nav			{ top: 25px; }

ul.main_nav li					{ display: inline; list-style: none; padding: 0px 15px; position: relative; }

ul.main_nav li a				{ padding-bottom: 3px; text-decoration: none; }



.info							{ width: 350px; float: left; padding: 35px 0px; min-height: 185px; line-height: 22px; font-size: 1em; }

.info h2						{ font-size: 1.95em; margin-bottom: 20px; }

a.nextproject					{ width: 110px; height: 32px; display: block; float: left; padding: 6px 0px 0px 35px; font-size: 0.95em; margin-top: 25px; }

.info a.view					{ display: block; width: 170px; float: left; padding: 6px 0px 0px 0px; margin: 25px 0px 0px 25px; }



.project_screen					{ height: 350px; width: 565px; float: right; margin: -35px 0px -35px; position: relative; z-index: 100; overflow: hidden; }



h3.pagetitle					{ width: 100%; font-size: 2.25em; padding: 20px 0px; }

.pagetitle span					{ display: block; width: 960px; margin: 0px auto; }



.text_left						{ width: auto; float: left; text-transform: uppercase; margin-bottom: 25px; }

.text_right						{ width: auto; float: right; text-align: right; margin-bottom: 25px; }



.crop_image						{ width: 565px; height: 350px; overflow: hidden; border: 1px solid #DADADA; margin: 20px 0; }

.no-crop						{ width: 565px; overflow: hidden; border: 1px solid #DADADA; margin: 20px 0; }



hr								{ clear: both; height: 0px; border: none; background: none; }

#sidebar hr						{ margin-bottom: 25px; }



.post							{ clear: both; margin: 20px 5px 20px 0px;  }

.post h2.posttitle, h4.title	{ font-size: 1.5em; font-weight: bold; width: auto; float: left; }

.post p.comments				{ width: auto; float: right; text-align: right; text-transform: uppercase; }

.post .entry					{ clear: both; padding-top: 10px; line-height: 19px; }

.post .entry p					{ margin-bottom: 10px; }

.post blockquote				{ margin-left: 25px; }

.post cite						{ font-style: italic; margin-left: 25px; }

.post img.alignleft				{ margin-right: 20px; }

.post img.alignright			{ margin-left: 20px; }

.post ul, .post ol				{ margin: 0px 0px 10px 25px; }

.post ul li						{ list-style: disc outside; }

.post ol li						{ list-style: decimal outside; }



h4.title						{ width: auto; float: none; margin-bottom: 25px; }



.navigation						{ margin-top: 25px; }

.navigation a					{ display: block; width: auto; font-size: 1.5em; text-decoration: none; padding: 5px 15px; }

.navigation .alignleft a		{ float: left; }

.navigation .alignright a		{ float: right; }



.commentarea					{ margin-top: 25px; }

.commentlist					{ margin-bottom: 25px; }

.comment .name					{ width: 170px; float: left; padding-top: 20px; font-size: 0.9em; }

.comment .name a				{ font-size: 1.2em; }

.comment .text					{ width: 354px; margin-left: -1px; padding: 20px; float: left; line-height: 19px; }

.commentarea p					{ margin-bottom: 10px; }



.module							{ margin-bottom: 25px; line-height: 16px; }

.module h4						{ font-size: 1.35em; }



.flickr a img							{ margin: 0 6px 6px 0; }



.about .thumb					{ float: left; margin-right: 20px; }

.about h4						{ margin-bottom: 15px; }



.list							{ line-height: 23px; }

.list ul						{ list-style: none; padding: 10px; text-transform: uppercase; font-size: 0.9em; }

.list h4						{ padding: 10px; font-weight: bold; }



input.text						{ padding: 10px; border: none; font-size: 1.1em; float: none; margin-bottom: 20px; display: block; width: 300px; }

textarea						{ padding: 10px; border: none; font-size: 1.1em; width: 545px !important; height: 150px !important; margin-bottom: 20px; }

input.submit					{ display: block; width: auto; padding: 7px 40px; text-transform: uppercase; border: none; cursor: pointer; }



#searchform						{ padding: 7px 5px 7px 12px; }

#searchform input#s				{ border: none; width: 300px; float: left; padding: 2px 0px; font-size: 1.1em; }

#searchform input#searchsubmit	{ float: right; margin: 2px 8px 0px 0px; }



#home #categories				{ display: none; }

.line {
                padding-top:10px;
margin-bottom:10px;
border-bottom:1px solid #ccc;
width:100%;
clear:both;
}



#footer p.credits				{ width: 600px; float: left; }

#footer a.feed					{ display: block; width: 150px; height: 16px; padding-left: 25px; float: right; background-repeat: no-repeat; }



#home .singles					{ display: none; }



*+html hr						{ margin-top: -7px; margin-bottom: -21px; }



.bright {

	color:#000;

}



.cloud {

	color:#111;

	font-weight:bold;

}



.marketing {

	color:#2D9FDE;

}