/* 



Theme Name: YourFolio



Description: A Personal Blog & Portfolio Theme



Author: Maximus



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



*/







*								{ margin: 0px; padding: 0px; }
strong {
font-weight:bold;
}
#content h2{font-size: 28px;}
#content2 h2{font-size: 28px;}

body, html						{ height: 100%; }

.project {
height: 350px;
font-weight:normal;
}

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



a								{ outline: none; text-decoration: none; color:#000;}



a:hover							{ text-decoration: underline; color:#000;}

#main h3 {
border-bottom:1px dashed #AAAAAA;
font-size:12px;
font-weight:bold;
margin-bottom:15px;
text-align:center;
}

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



#information {background-image:url(images/info.png);

bottom:12px;

color:#888;

height:88px;

left:395px;

padding:6px;

position:absolute;

text-align:left;

width:551px;

z-index:110;

}

#information a{color:#F00; text-decoration:underline;}
#information a:hover{color: #F00; text-decoration:none;}
#information a:visited{color: #F00; text-decoration:underline;}

#information h2{color:#888;
font-size:18px;
line-height:2px;
padding-top:4px;
text-decoration:none;}

#information h2 a{color:#888;
font-size:18px;
line-height:2px;
padding-top:4px;
text-decoration:none;}
#information h2 a:hover{color:#FFFFFF;
font-size:18px;
line-height:2px;
padding-top:4px;
text-decoration:none;}
#information h2 a:visited{color:#888;
font-size:18px;
line-height:2px;
padding-top:4px;
text-decoration:none;}


#headerIE, #navIE{width: 960px; margin: 0 auto; position: relative;}







/* Header, Client login, Invoice payments*/



#header-wrapIE{height: 40px; background: #333 url(/images/header-bg.gif) bottom left repeat-x;}



#headerIE{position: relative; height: 40px;}



#headerIE a{color: #9e9e9e; font-size: 12px;}



#headerIE p{position: absolute; top: 10px; right: 0; text-align: right; color: #9e9e9e; font-size: 12px;}



#headerIE a{color: #999;}



#headerIE a:hover{color: #fff;}



#headerIE a.current{color: #fff;}







/* Logo and Nav box */



#nav-wrapIE{height: 125px; background: #000 url(/images/nav-wrap-bg.gif) repeat-x; border-bottom:6px solid #777777;}



#navIE{height: 125px; background: url(/images/nav-bg.jpg) top left no-repeat;}



#navIE img{



	position: absolute;



	bottom: 24px;



	left: 0px;



	background-image: url(/images/logo.png);



}







/* Start Main Navigation */



#nav-boxIE{width: 561px; position: absolute; bottom: 0; right: 0; height: 125px; background: url(/images/nav2.jpg) top left no-repeat;}



#nav-boxIE ul{list-style-type: none; height: 125px; margin: 0; padding: 0;}



#nav-boxIE li{float: left; cursor: pointer; }



#nav-boxIE li a{height: 0; margin: 0; padding-top: 125px; color: #2d3440; overflow: hidden; cursor: pointer; background: url(/images/nav2.jpg) no-repeat; display: inline; float: left; position: relative;}



#nav-boxIE li a:active, #nav-boxIE li a:hover{cursor: pointer;}



/* Static nav item*/



#nav-boxIE li#index a{width: 111px; background-position: 0 0;}



#nav-boxIE li#portfolio a{width: 113px; background-position: -111px 0;}



#nav-boxIE li#services a{width: 100px; background-position: -224px 0;}



#nav-boxIE li#about-us a{width: 105px; background-position: -324px 0;}



#nav-boxIE li#contact-us a{width:132px; background-position: -430px 0;}



/* Current nav item */



#nav-boxIE li#index a.current, #nav-boxIE li#index a.current:hover, #nav-boxIE li#index a.current:active{width: 111px; background-position: 0 -125px;}



#nav-boxIE li#portfolio a.current, #nav-boxIE li#portfolio a.current:hover, #nav-boxIE li#portfolio a.current:active{width: 113px; background-position: -111px -125px;}



#nav-boxIE li#services a.current, #nav-boxIE li#services a.current:hover, #nav-boxIE li#services a.current:active{width: 100px; background-position: -224px -125px;}



#nav-boxIE li#about-us a.current, #nav-boxIE li#about-us a.current:hover, #nav-boxIE li#about-us a.current:active{width: 105px; background-position: -324px -125px;}



#nav-boxIE li#contact-us a.current, #nav-boxIE li#contact-us a.current:hover, #nav-boxIE li#contact-us a.current:active{width:132px; background-position: -430px -125px;}



/* Hover nav item */



#nav-boxIE li a span{cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; display: none; height: 0; margin: 0; padding-top: 125px;}



#nav-boxIE li#index a span{width: 111px; background: url(/images/nav2.jpg) 0 -250px;}



#nav-boxIE li#portfolio a span{width: 113px; background: url(/images/nav2.jpg) -111px -250px;}



#nav-boxIE li#services a span{width: 100px; background: url(/images/nav2.jpg) -224px -250px;}



#nav-boxIE li#about-us a span{width: 105px; background: url(/images/nav2.jpg) -324px -250px;}



#nav-boxIE li#contact-us a span{width: 132px; background: url(/images/nav2.jpg) -430px -250px;}



/* Clicked nav item*/



#nav-boxIE li#index a:active, #nav-boxIE li#index a:active span{width: 111px; background-position: 0 -375px;}



#nav-boxIE li#portfolio a:active, #nav-boxIE li#portfolio a:active span{width: 113px; background-position: -111px -375px;}



#nav-boxIE li#services a:active, #nav-boxIE li#services a:active span{width: 100px; background-position: -224px -375px;}



#nav-boxIE li#about-us a:active, #nav-boxIE li#about-us a:active span{width: 105px; background-position: -324px -375px;}



#nav-boxIE li#contact-us a:active, #nav-boxIE li#contact-us a:active span{width: 132px; background-position: -430px -375px;}



















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

#content_wrap2{ font-size: 1em; width: 100%; position: relative; }

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







#header_wrap					{ padding-top: 11px; }



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







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







#content_wrap					{ padding: 35px 0px; }
#content_wrap2					{ padding: 35px 0px; }



#home #content_wrap				{ background-color:#ececec;



padding:10px 0; }
#content_wrap2				{ background-color:#ececec;



padding:10px 0; }








#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							{ float:left;
font-family:arial;
font-size:12px;
font-weight:normal;
line-height:22px;
min-height:185px;
padding:60px 20px;
width:350px; 
color:#000000;}
.info2							{ width: 350px; padding: 35px 0px; min-height: 185px; line-height: 22px; font-size: 1em; }


.info h2						{ font-size: 18px; margin-bottom: 20px; color:#000; }



a.nextproject					{ width: 110px; height: 32px; display: block; float: left; padding: 6px 0px 0px 35px; font-size: 0.95em; margin-top: 25px; }
a.allprojects					{ 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:0px 0 -20px; position: relative; z-index: 100; overflow: hidden; }







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




.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: 145px; overflow: hidden; border: 1px solid #DADADA; margin: 20px 0; }



.no-crop						{ width: 565px; overflow: hidden; border: 1px solid #DADADA; margin: 20px 0; }
.no-crop2						{ 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: 0px 5px 20px 0px;  }



.post h2.posttitle, h4.title	{ font-size: 22px; 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						{ background:transparent url(/images/hr.png) no-repeat scroll center bottom;
color:#777777;

line-height:15px;
list-style-image:url(/images/checkmark.png);
list-style-position:outside;
padding-bottom:14px; }

.post ul li a{color:#0000aa;}

.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: 325px !important; height: 150px !important; margin-bottom: 0px; }



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







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