/* 
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: Helvetica, Verdana, Arial, sans-serif; font-size: 62.5%; }
a								{ outline: none; }
a:hover							{ text-decoration: none; }
a img							{ border: none; }
.clearfix:after					{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix				{ height: 1%; }
*+html .clearfix				{ height: 1%; }
strong							{ font-weight: bold; }

/* -------- 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: 11px 0 25px 0; }
#header							{ padding: 30px 0px 30px 5px; position: relative; }

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

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

#sidebar						{ width: 350px; float: left; font-size: 1.1em; }
#main							{ width: 565px; float: right; }

#footer_wrap, .push				{ height: 69px; min-width: 970px; }
#footer							{ padding: 28px 0px 0px; text-transform: uppercase; }

.logoarea						{ float: left; height: 44px; padding: 0 0 0 68px; background: url(images/logo.png) no-repeat; }

.entry h2 { font-size: 1.8em; }

h1.logo							{ width: auto; font-size: 2.6em; font-weight: bold; letter-spacing: -1px; position: relative; z-index: 100; line-height: 1; }
h1.logo a						{ text-decoration: none; }

h2 								{ font-size: 1.8em; }
h3 								{ font-size: 1.5em; margin: 0 0 .75em 0; }

p.description					{ font-size: 1.2em; }

ul.main_nav						{ width: 100%; margin: 25px 0 0 0; float: left; font-size: 1.4em; }
/*body#home ul.main_nav			{ top: 25px; }*/
ul.main_nav li					{ display: inline; list-style: none; padding: 0px 15px; position: relative; float: left; }
ul.main_nav li.left				{ padding-left: 0; }
ul.main_nav li a				{ padding-bottom: 3px; text-decoration: none; }

/* -------- Hidden Pages -------- */

.info							{ width: 350px; float: left; padding: 35px 0px; min-height: 185px; line-height: 1.5; font-size: 1.2em; }
.info h2						{ font-size: 1.8em; margin-bottom: 20px; }
.info h2 a						{ text-decoration: none; }
a.nextproject					{ width: 120px; height: 32px; display: block; float: left; padding: 8px 0px 0px 35px; font-size: 1em; margin-top: 25px; }
.info a.view					{ display: block; width: 160px; float: left; padding: 6px 0px 0px 0px; margin: 27px 0px 0px 20px; }

.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; display:none; }
.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; }

.sidebar-inner					{ width: 33%; float: right; border-left: 1px solid #dddddd; margin: 0; padding: 0 0 0 1em; }

.post							{ clear: both; margin: 20px 5px 20px 0px; font-size: 1.2em; }
.post h2.posttitle, h4.title	{ font-size: 1.8em; 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, .events .thumb, .videos .thumb, .forms .thumb, .coupon .thumb	{ float: left; margin-right: 20px; }
.about h4, .events h4, .videos h4, .forms h4, .coupon 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						{ width: 254px; float: right; margin: 6px 2px 0 0; /*position: absolute; top: 2px; right: 0px; padding: 4px 4px; margin: 30px 0 0 0;*/ }
#searchform input#s				{ width: 200px; float: left; padding: 4px; font-size: 1.1em; }
#searchform input#searchsubmit	{ float: left; margin: 0 0 0px 8px; }

#home #categories				{ display: none; }

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

.marT0							{ margin-top: 0; }
.marB1							{ margin-bottom: 1em; }
.marB2							{ margin-bottom: 2em; }