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

/* Universals */


* {
	margin:0;
	padding:0;
}

p {
	padding-bottom:20px;
}

body {
	background-color:#fff;
	font-size: 13px;
	line-height:1.5em;
	color:#1f2529;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

body.bod {
	border-top:#3FA9F5 3px solid;
}

body.Web {
	border-top:#F51938 3px solid;
}

body.Print {
	border-top:#1179A8 3px solid;
}

body.Photography {
	border-top:#F58500 3px solid;
}

body.Identity {
	border-top:#FC0 3px solid;
}



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

a img { border:none; }

a:link, a:visited { color:#079fcb; } 
a:hover {border-bottom:2px solid #f1f1f1; }

.worklinks a:hover {border-bottom:none; }

.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 { /* Web */
	color:#F51938;
}

.purple { /* Print */
	color:#1179A8;
}

.blue { /* Photography */
	color:#F58500;
}

.yellow { /* identity */
	color:#FC0;
}

.invisible { 
	visibility:hidden;
}




/* Typography */

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



strong { font-weight:bold; }


/* Header */

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

#header img {
	float:left;
}

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

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

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

#menu a {
	margin-right:20px;
}
	

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

#widebrowser h1 {
	margin: 0 0 1em 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:450px;
	margin:0 35px 0px 15px;
	float:left;
	height:auto;
	font-size:14px;
	line-height:1.5em;
}

.halfwidth ul {
	margin:0;
	padding:0;
}

.halfwidth li {
	list-style:circle;
	margin:0 0 0 1.4em;
}

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

.ourpeople {
	width:1000px;
	margin:-20px 15px 25px 15px;
	padding:30px 0 0 0;
	display:block;
	background:url(http://www.wearechesapeake.org/site/wp-content/uploads/hr.gif) top center no-repeat;
}

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

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

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

.Print .skinnycolumn h1 {
	color:#1179A8;
}

.Photography .skinnycolumn h1 {
	color:#F58500;
}

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

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


.halfwidth h2 {
	margin:0 0 5px 0;
	color:#e74a20;
	display:inline-block;
	border-bottom:#dedede 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;
	
}

.iphonetop {
	width:280px;
	padding:0 20px;
	display:none;
}


/******************************************
*******************************************
*******************************************
*******************************************
******************************************/

/* IPHONE PORTRAIT */

@media only screen and (max-width: 463px) {
	
	* {
	margin:0;
	padding:0;
}

p {
	padding-bottom:20px;
}

body {
	background-color:#fff;
	font-size: 13px;
	line-height:1.5em;
	color:#1f2529;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

body.bod {
	border-top:#3FA9F5 3px solid;
}

body.Web {
	border-top:#F51938 3px solid;
}

body.Print {
	border-top:#1179A8 3px solid;
}

body.Photography {
	border-top:#F58500 3px solid;
}

body.Identity {
	border-top:#FC0 3px solid;
}



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

a img { border:none; }

a:link, a:visited { color:#4092bf; } 

.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 { /* Web */
	color:#F51938;
}

.purple { /* Print */
	color:#1179A8;
}

.blue { /* Photography */
	color:#F58500;
}

.yellow { /* identity */
	color:#FC0;
}

.invisible { 
	visibility:hidden;
}




/* Typography */

.uppercase {
	padding-top:0px;
	font-style:italic;
	width:120px;
	display:none;
}

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

#page {
	width:280px;
	padding:20px;
}


/* Header */

#header {
	padding:0px 0 25px 0;
	margin:-15px 0 0 0;
	width:280px;
	height:auto;
}

#header img {
	float:left;
}

#menu {
	float: left;
	width:280px;
	font-style:normal;
	font-size:14px;
	line-height:14px;
}

#menu a {
	padding:20px 0;
	display:inline;
	margin-right:20px;
}
	

#headerbottom {
	height:10px;
	padding:0;
	margin:0 auto;
	width:100%;
	background:none;
	margin-bottom:20px;
	border-bottom:1px #ccc dotted;
	
}


/* Page */


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

#topbanner {
	font-size:20px;
	line-height:1.3em;
	text-align:left;
	background:none;
	border-bottom:1px #ccc dotted;
	padding:0 0 30px 0;
	margin:0 0 30px 0;
}

#topbannercontact {
	font-size:20px;
	line-height:1.3em;
	text-align:left;
	background:none;
	border-bottom:1px #ccc dotted;
	padding:0 0 30px 0;
	margin:0 0 30px 0;
}

.projectbox {
	width:120px;
	margin:0px 10px 15px 10px;
	float:left;
	text-align:center;
	font-size:10px;
	line-height:1.3em;
	min-height:120px;
}

.projectbox img {
	margin-bottom:10px; 
	width:120px;
	height:auto;
}

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

#more {
	background:none;
	height:10px;
	margin:0 0 60px 0;
	border-bottom:1px #ccc dotted;
}

#Photography {
	background:none;
	height:10px;
	margin:0 auto 30px;
	width:100%;
	border-bottom:1px #ccc dotted;
}

#Print {
	background:none;
	height:10px;
	margin:0 auto 30px;
	width:100%;
	border-bottom:1px #ccc dotted;
}

#Web {
	background:none;
	height:10px;
	margin:0 auto 30px;
	border-bottom:1px #ccc dotted;
	width:100%;
}

#Identity {
	background:none;
	height:10px;
	margin:0 0 30px 0;
	width:100%;
	border-bottom:1px #ccc dotted;
}

#Projects {
	background:none;
	height:10px;
	margin:0 0 60px 0;
	border-bottom:1px #ccc dotted;
}

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

#widebrowser img {
	margin:0 0 40px 0;
	width:280px;
	height:auto;
}

#widebrowser h1 {
	margin: 0 0 1em 0;
}

.skinnycolumn {
	width:280px;
	margin:0;
	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:280px;
	margin:0 0 20px 0;
	float:left;
	height:auto;
	font-size:14px;
	line-height:1.5em;
}

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

.ourpeople {
	width:280px;
	margin:0 0 25px 0;
	padding:30px 0 0 0;
	display:block;
	background:url(http://www.wearechesapeake.org/site/wp-content/uploads/hr.gif) top center no-repeat;
}

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

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

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

.Print .skinnycolumn h1 {
	color:#1179A8;
}

.Photography .skinnycolumn h1 {
	color:#F58500;
}

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

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


.halfwidth h2 {
	margin:0 0 5px 0;
	color:#3FA9F5;
	display:inline-block;
	border-bottom:#dedede 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;
	
}

.iphonetop {
	width:280px;
	padding:0 20px;
	display:block;
	border-top:1px #ccc dotted;
	padding:20px 0 0 0;
}


/******************************************
*******************************************
*******************************************
*******************************************
******************************************/

/* IPHONE LANDSCAPE */

@media only screen and (min-width: 464px) and (max-width: 767px) {
	
	* {
	margin:0;
	padding:0;
}

p {
	padding-bottom:20px;
}

body {
	background-color:#fff;
	font-size: 13px;
	line-height:1.5em;
	color:#1f2529;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

body.bod {
	border-top:#3FA9F5 3px solid;
}

body.Web {
	border-top:#F51938 3px solid;
}

body.Print {
	border-top:#1179A8 3px solid;
}

body.Photography {
	border-top:#F58500 3px solid;
}

body.Identity {
	border-top:#FC0 3px solid;
}



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

a img { border:none; }

a:link, a:visited { color:#777777; } 

.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 { /* Web */
	color:#F51938;
}

.purple { /* Print */
	color:#1179A8;
}

.blue { /* Photography */
	color:#F58500;
}

.yellow { /* identity */
	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:100%;
	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:100%;
}

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

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

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

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

#widebrowser h1 {
	margin: 0 0 1em 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:#dedede 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:#F51938;
}

.Print .skinnycolumn h1 {
	color:#1179A8;
}

.Photography .skinnycolumn h1 {
	color:#F58500;
}

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

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


.halfwidth h2 {
	margin:0 0 5px 0;
	color:#3FA9F5;
	display:inline-block;
	border-bottom:#dedede 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;
	
}
	
	
}