/********************************************/
/**   Main.css                             **/
/**   Author: Luke Patterson               **/
/**   Copyright 2010 Stateseven Design     **/
/** No Unauthorized Reproduction Permitted **/
/********************************************/


/******************/
/* Elements */
/******************/
body{
background:#C6AE73 url(../images/header_bg.png) center top repeat-x;
}
p,
a,
a:visited{
color:#985614;
}
blockquote{
background:#eee;
padding:20px;
font-style:italic;
letter-spacing:1px;
}


/******************/
/* Organizing Divs */
/******************/
#wrapper{

}

#container{
background:#fff url(../images/content_top_bg.png) repeat-x top;
margin-top:-14px;
padding:0px 10px 0px 10px !important;
margin-left:-0px !important;
}



/******************/
/* Header */
/******************/
#header{
height:171px;
}

#client_login{
text-align:right;
}

#client_login a{
display:block;
margin:12px 10px 0px 0px;
background: url(../images/client_login_button.png) no-repeat top left;
width:91px;
height:22px;
font-size:0px;
text-indent:1000px;
overflow:hidden;
}

#client_login a:hover{
background: url(../images/client_login_button.png) no-repeat top right;
}


/******************/
/* Navigation */
/******************/
#breadcrumbs{
background:url(../images/breadcrumb_bg.png) no-repeat top left;
z-index:50;
float:left;
margin-left:-14px;
padding-left:20px;
width:900px;
}

#nav{
background:url(../images/nav_bg.png) no-repeat top right;
z-index:60;
float:right;
margin-top:-60px !important;
margin-right:12px;
color:#fff;
padding-right:30px;
}

#breadcrumbs,
#nav{
margin-top:20px;
position:relative;
height:60px;
font-size:16px;
text-transform:uppercase;
}

#nav,
#nav a{
text-shadow: #758800 -.5px .5px 0px;
}

#nav li:hover{
background:url(../images/nav_current_tick.png) center top no-repeat;
}

#nav li.spacer:hover{
background:none;
}

#nav ul li.current{
background:url(../images/nav_current_tick.png) center top no-repeat;
}

#nav ul:hover li.current{
background:none;
}

#nav ul:hover li.current:hover{
background:url(../images/nav_current_tick.png) center top no-repeat;
}

#breadcrumbs,
#breadcrumbs a{
text-shadow: #6C3701 -.5px .5px 0px;
}

#breadcrumbs ul,
#nav ul{
list-style-type:none;
margin:0px;
padding:0px;
}

#nav ul{
background:url(../images/nav_divider.png) no-repeat left;	
padding-left:30px;
min-height:60px;
}

#breadcrumbs ul li,
#nav ul li{
margin:0px;
padding:0px;
float:left;
padding-top:13px;
}

#nav ul li{
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
padding-top:10px;
margin-top:3px;
float:right;
}

#breadcrumbs ul li{

padding-right:25px;
margin-right:10px;
padding-bottom:14px;
}

#breadcrumbs a,
#nav a{
font-size:16px;
color:#fff;
text-decoration:none;
}

#breadcrumbs .first{
background:url(../images/breadcrumb_arrow.png) no-repeat top right;
}





/******************/
/* Content */
/******************/
#testimonials{
margin-top:20px;

}

#content{
margin-top:20px;
padding-bottom:50px;
}


#content,
#content p
#content a,
#content a:visited{
color:#985614;
}

#content blockquote{
margin-bottom:10px;
}

#content blockquote p{
margin:0px;
}

#content a{
text-decoration:underline;
}

#content a:hover{
text-decoration:none;
background:#985614;
color:#fff;
}

#content h1{
font-size:26px;
text-transform:uppercase;
color:#000;
font-weight:normal;
margin-bottom:10px;
}

#content h2{
font-size:22px;
color:#000;
font-weight:normal;
margin-bottom:0px;
}

#content h3{
margin-bottom:0px;
}

#content h4{
font-size:14px;
margin-bottom:0px; 
}
 


/******************/
/* Sidebar */
/******************/
#sidebar{
margin-top:20px;
border-left:1px solid #eee;
padding-left:10px;
margin-left:-1px;
padding-bottom:50px;
color:#000;
}

#sidebar p{
width:210px;
color:#000;
}

#sidebar h4{
font-weight:normal;
font-size:16px;
margin:30px 0px 5px 0px;
}

#sidebar ul{
margin:0px;
padding:0px;
list-style-type:disc;
}

#sidebar li{
margin:0px;
padding:0px;
margin-left:20px;
margin-bottom:10px;
width:200px;
}

#sidebar a:hover,
#sidebar li a:hover{
text-decoration:none;
background:#985614;
color:#fff;
}





/******************/
/* Footer */
/******************/

#footer{
background: url(../images/footer_bg.png) no-repeat;
height:388px;
color:#fff;
margin-left:-10px;
padding:10px;
}
#footer a{
color:#fff;
background:#975614;
padding:2px 4px 2px 4px;
text-decoration:none;
}

#footer a:hover{
background:#351C00;
}

#footer_nav a{
background:#351C00;
padding:2px 4px 2px 4px;
}
#footer_nav a:hover{
background:#975614;
}

#footer p{
color:#fff;
}

#footer h3{ 
color:#000;
font-size:30px;
font-weight:normal;
margin-bottom:10px;
letter-spacing:-.5
}

#footer h3 a{ 
color:#000;
text-decoration:underline;
background:none;
}

#footer h3 a:hover{ 
background:#7F9400;
}

#footer h5{
margin-bottom:0px;
padding-bottom:0px;
margin-top:10px;
font-size:16px;
}

#footer_contact,
#footer_portfolio,
#footer_social{
margin-top:30px;
height:255px;
}

#footer_portfolio,
#footer_social{
border-left:#fff dashed 2px;
padding-left:55px;
}


#footer_meta{
margin-top:40px;
font-size:11px;
}

#footer_meta a{
text-decoration:none;
}

#footer_nav{
text-align:right;
margin-right:10px;
}

#legal{
font-size:12px;
text-align:center;
margin-top:20px;
}

#footer_recent_work{
list-style-type:none;
padding:0px;
margin:0px;
margin-top:-10px;
}

#footer_recent_work li{
width:50px;
height:50px;
padding:0px;
margin:0px;

float:left;
margin:0px 15px 15px 0px;
}

#footer_recent_work li a,
#footer_recent_work li a:hover{
background:none;
}

#footer_recent_work li img{
border:2px solid #000;
}


/******************/
/* Work Section */
/******************/



/******************/
/* Page-Specific */
/******************/
body.home{
background:#C6AE73 url(../images/header_bg_large.png) center top repeat-x;
}

body.home #header{
height:267px;
}

body.home #testimonials{
display:none;
}

body.home #logo{
background:url(../images/stateseven_large_logo.png) no-repeat;
width:480px;
height:216px;
margin-left:210px;
}
body.home #logo a{
display:none;
}

body.home #container{
margin-top:-21px;
}

body.home #client_login{
float:right;
margin-top:-210px;
}

body.home #content{
margin-left:-10px;
}

#showcase_web,
#showcase_brand,
#showcase_app{
margin-top:40px;
}

#showcase_web h3,
#showcase_brand h3,
#showcase_app h3{
color:#000;
font-weight:normal;
font-size:26px;
}

#showcase_web img,
#showcase_brand img,
#showcase_app img{
border:1px solid #000;
}

#contact_form{
width:350px;
margin-top:20px;
}

#contact_form label{
width:100px;
display:block;
float:left;
clear:both;
text-align:right;
padding:5px;
padding-right:5px;
}

#contact_form input,
#contact_form textarea{
display:block;
width:240px;
float:right;
margin-bottom:10px;
padding:5px;
border:1px solid #C6C6C6;
font-size:12px;
}

#contact_form input[type=submit]{
border:none;
width:auto;
clear:both;
padding:5px 10px 5px 10px;\
cursor:pointer;
border:1px solid #fff;
background:#985614;
color:#fff;
}

#contact_form input[type=submit]:hover{
border:1px dashed #fff;
}

#required_note{
color:#FF3312;
font-size:10px;
float:right;
}

.required{
color:#FF3312;
padding:5px;
}

.alert{
background:#ffcc55;
border:1px solid #ffaa00;
padding:2px 4px 2px 4px;
margin-top:10px;
}

.notice{
background:#eee;
padding:2px 4px 2px 4px;
margin:0px 10px 0px 10px;
}

.success{
background:#90A700;
border:1px solid #788B00;
color:#fff;
padding:2px 4px 2px 4px;
margin-top:10px;
}

.note{
font-style:italic;
color:#aaa;
}


#project_view_images{
margin-top:10px;
}

#project_view_images a{
border:3px solid #000;
margin-right:4px;
width:183px;
height:137px;
padding:0px;
display:block;
float:left;
}

#project_view_images a:hover{
background:none;
}

#project_view_images img{
margin-right:4px;
}


#project_view_images .project_overlay{
width:183px;
height:137px;

background:url(../images/small_image_overlay.png) no-repeat;
background-position:0px 0px;
margin-right:-183px;
float:left;
position:relative;
z-index:20;

}

#project_view_images a:hover .project_overlay{
background-position:-183px 0px;
}



#related_project_list a{
float:left;
margin:0px 10px 10px 0px;
}

#related_project_list a img{
border:3px solid #000;
}

#category_project_list{
margin-bottom:30px;
}

#category_project_list a:hover{
background:none;
}

#category_project_list img{
border:3px solid #000;
margin-right:10px;
margin-bottom:10px;
}


#related_project_list{
margin:40px 0px 20px 0px;
}

#related_project_list h4{
color:#000;
}

#related_project_list ul{
list-style-type:none;
padding:0px;
margin:10px 0px 0px 0px;
}

#related_project_list li{
padding:0px;
margin:0px 10px 10px 0px;
}

#sidebar #showcased_list ul{
list-style-type:none;
margin:0px;
padding:0px;
}

#sidebar #showcased_list li{
margin:0px;
padding:0px;
margin-bottom:25px;
}

#sidebar #showcased_list li img{
border:2px solid #000;
}

.project_showcase{
list-style-type:none;
margin:0px;
padding:0px;
}

.project_showcase li{
float:left;
margin:0px 10px 0px 0px;
padding:0px;
border:2px solid #000;
width:275px;
height:206px;
}

.project_showcase li a{

}
.project_showcase_overlay{
width:275px;
height:206px;
background:url(../images/project_image_overlay.png) no-repeat;
background-position:0px 0px;
margin-right:-275px;
float:left;
position:relative;
z-index:20;
}

#content ul.project_showcase li a .project_showcase_overlay div{
color:#fff;
font-size:22px;
letter-spacing:1px;
margin-top:170px;
margin-left:10px;
overflow:hidden;
height:32px;
font-weight:normal;
}

#content ul.project_showcase li a{
text-decoration:none;
}


#content a.project_external_url{
float:right;
background:#eee;
text-decoration:none;
padding:0px 5px 0px 5px;
margin-top:-30px;
}

#content a.project_external_url:hover{
background:#ccc;
color:#985614;
}

#project_view_images img{
border:3px solid #000;
}
#project_view_images a{
border:0px;
padding-right:5px;
padding-bottom:5px;
}

.job_position{
background:#eee;
padding:20px;
margin-bottom:20px;
}

.job_position h4{
padding-bottom:20px;
margin-left:-10px;
}

.job_position h4 em{
font-weight:normal;
}


/******************/
/* Blog */
/******************/
.post{
margin-bottom:70px;
width:620px;
}

.post_cat{
background:#ccc;
color:#fff;
float:left;
margin-left:-70px;
margin-top:8px;
width:65px;
text-align:center;
text-transform:lowercase;
}
.links{
background:#A8C301;
}
.articles{
background:#9C5B1A;
}

.post h2{
display:inline;
}
#content .post h2 a{
color:#000;
letter-spacing:-1px;
}

.post_meta{

color:#ccc;
}
.post_meta a{
color:#ccc;
}

.post_entry{
clear:both;
margin-top:10px;
}

.post_tags,
.post_tags a{
color:#ccc;
}

h3#comments{
font-size:16px;
margin-bottom:15px;
}
.commentlist{
list-style-type:none;
padding:0px;
margin:0px;
width:620px;
}

.commentlist li{
padding:0px;
margin:0px;
background:#eee;
padding:10px;
}

.comment-meta{
float:right;
margin-top:-60px;
}
.comment-meta a{
color:#ccc;
text-decoration:none;
}

.comment-author{
margin-bottom:20px;
}

#respond{
margin-top:30px;
}
#respond h3{
font-size:16px;
margin-bottom:15px;
}

#respond textarea{
width:620px;
}

#content h2.pagetitle{
font-size:16px;
margin-bottom:10px;
font-style:italic;
}

#blog_search input[type=text]{
border:1px solid #ccc;
background:#fff;
color:#aaa;
font-size:12px;
padding:4px;
width:210px;
}

#blog_search input[type=submit]{
width:20px;
height:20px;
background:url(../images/magnifier.png) center no-repeat;
border:0px;
margin-left:-20px;
cursor:pointer;
}

.post pre{
border:1px solid #ccc;
padding:10px;
background:#efefef;
}

.post code{
color:#000;
}

.overTxtLabel{
margin-top:2px;
color:#ccc;
}

.post img{
border:1px solid #999;
padding:4px;
}
#content .post .more-link,
#content .post .more-link:visited{
color:#fff;
background:#A8C301;
padding:2px;
text-decoration:none;
float:right;
}

#content .post .more-link:hover{
background:#9C5B1A;
}