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

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


div.mce_inline_error{ margin:0px !important;padding:0px !important;background-color:#ffffff !important;}