/*
Theme Name: Chesapeake Studio Ltd.
Description: Custom build for CSl.
Version: 2.0
Author: Chesapeake
Author URI: http://www.wearechesapeake.org
*/

/* Universals */


* {
	margin:0;
	padding:0;
}

p {
	padding-bottom:20px;
}

html, body {
	height:100%;
}

body {
	background-color:#fff;
	border-top:#3FA9F5 3px solid;
	font-size: 13px;
	line-height:1.5em;
	color:#21323f;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

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

a img { border:none; }

a:link, a:visited { color:#7291a2; } 

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
.clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */	
	
.orange {
	color:#F75726;
}

.purple {
	color:#C39BC6;
}

.blue {
	color:#80C7D8;
}

.yellow {
	color:#FC0;
}

.invisible {
	visibility:hidden;
}




/* Typography */

.uppercase {
	padding-top:0px;
	font-style:italic;
	width:220px;
}

strong { padding-bottom:30px; display:block; font-size:15px; }


/* Header */

#header {
	height:75px;
	padding:20px 0 25px 0;
	margin:0 auto;
	width:1000px;
}

#header img {
	float:left;
}

#menu {
	float: right;
	width:220px;
	font-style:italic;
	font-size:14px;
	margin:10px 15px 0 0;
}

#menu .left {
	width:110px;
	float:left;
}

#menu .right {
	width:110px;
	float:left;
}
	

#headerbottom {
	height:16px;
	padding:0;
	margin:0 auto;
	width:98%;
	background:url(../../uploads/hr-hello.gif) bottom center no-repeat #FFF;
	margin-bottom:30px;
}


/* Page */

#content {
	width:1000px;
	margin:0 auto;	
	margin-bottom:30px;
}

#topbanner {
	font-size:42px;
	line-height:1.5em;
	text-align:center;
	background:url(../../uploads/hr-work.gif) bottom center no-repeat;
	padding:0 0 60px 0;
	margin:0 0 60px 0;
}

#topbannercontact {
	font-size:42px;
	line-height:1.5em;
	text-align:center;
	background:url(../../uploads/hr.gif) bottom center no-repeat;
	padding:0 0 60px 0;
	margin:0 0 60px 0;
}

.projectbox {
	width:220px;
	margin:0px 15px 35px 15px;
	float:left;
	text-align:center;
}

.projectbox img {
	margin-bottom:20px; 
}

.projectbox a:link, .projectbox a:visited { color:#45515B; }

#more {
	background:url(../../uploads/hr-more.gif) bottom center no-repeat;
	height:16px;
	margin:0 0 60px 0;
}

#Photography {
	background:url(../../uploads/hr-Photography.gif) bottom center no-repeat;
	height:16px;
	margin:0 auto 30px;
	width:98%;
}

#Print {
	background:url(../../uploads/hr-Print.gif) bottom center no-repeat;
	height:16px;
	margin:0 auto 30px;
	width:98%;
}

#Web {
	background:url(../../uploads/hr-Web.gif) bottom center no-repeat;
	height:16px;
	margin:0 auto 30px;
	width:98%;
}

#Identity {
	background:url(../../uploads/hr-Identity.gif) bottom center no-repeat;
	height:16px;
	margin:0 0 30px 0;
	width:98%;
}

#Projects {
	background:url(../../uploads/hr-Projects.gif) bottom center no-repeat;
	height:16px;
	margin:0 0 60px 0;
}

#widebrowser {
	width:720px;
	margin:0 15px 0 15px;
	float:left;
	height:auto;
}

#widebrowser img {
	margin:0 0 40px 0;
}

.skinnycolumn {
	width:220px;
	margin:0 15px 0 15px;
	float:left;
	height:auto;
}

.skinnycolumn .bordertop {
	border-top:#ededed 1px solid;
	padding:4px 0 4px 0;
	margin:3px 0 3px 0;
	font-style:italic;
	overflow:hidden;
}

.skinnycolumn .bordertop ul {
	list-style:none;
}

.halfwidth {
	width:470px;
	margin:0 15px 0px 15px;
	float:left;
	height:auto;
	font-size:14px;
	line-height:1.5em;
}

.halfwidth .bordertop {
	border-top:#F3F3F3 1px solid;
	padding:4px 0 4px 0;
	margin:3px 0 3px 0;
	font-style:italic;
	display:inline-block;
}

.wrapper {
	margin:0 0 40px 0;
}



/* Headings */

h1, h2, h3, h4 {
	font-weight:normal;
	-webkit-text-stroke:1px transparent;
}

h1 {
	font-size:28px;
	line-height:1.2em;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:18px;
	color:#3af726;
}

.skinnycolumn h1, .skinnycolumn h2, .skinnycolumn h3 {
	margin:0 0 25px 0;
}

.Web .skinnycolumn h1 {
	color:#F75726;
}

.Print .skinnycolumn h1 {
	color:#C39BC6;
}

.Photography .skinnycolumn h1 {
	color:#80C7D8;
}

.Identity .skinnycolumn h1 {
	color:#FC0;
}

.Projects .skinnycolumn h1 {
	color:#666666;
}


.halfwidth h2 {
	margin:0 0 5px 0;
	color:#8be614;
	display:inline-block;
	border-bottom:#F3F3F3 1px solid;
	padding:0 0 10px 0;
}

.halfwidth h3 {
	margin:0 0 25px 0;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:0.2em;
	color:#45515B;
	
}