/*
Theme Name:     Helen Rogers
Description:    Custom theme for Helen Rogers by Chesapeake
Author:         Chesapeake Studio Ltd.
Author URI:     http: //www.thisischesapeake.com
Version:        Dev 1.0
*/



/* References */

	/* Typography

		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400,600;
		font-style; normal/italic;

	*/
		
	/* Colours

		gunmetal 	#455560
		electric	#62CAE3
		forest		#75C7B9
		eggshell	#CBEAED
		salmon		#F5866C
		tempura		#FFDE75
		mist		#EFEFF0


	*/



/* Globals */

html, body {
	font-size: 22px;
	line-height: 34px;
	-webkit-font-smoothing: antialiased;
	height:100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	} 


a img {	border:0; outline:none;	text-decoration: none; }	
	
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }



/* Typography */

small,
div.Info {	font-size: 18px; line-height: 20px; }

em,
i { font-style: italic; }

strong,
b,
.bold { font-weight: 600;	}

blockquote { margin:1em; }

p { margin:0 0 0.667em 0; }

#MainMenu { font-weight: 600; }

#Sidebar,
.Sidebar { font-size: 16px; line-height: 24px; }

#Sidebar .Excerpt { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; }

.Large { font-size: 165%; line-height: 1.5em; }


	
/* Colours */

.gunmetal { color:#455560; }
	.bg-gunmetal { background-color:#455560; }
.electric { color:#1DBED8; }
	.bg-electric { background-color:#62CAE3; }
	.bg-electric-img { background:url(images/bg-electric.png) top left repeat-x; }
.forest { color:#75C7B9; }
	.bg-forest { background-color:#75C7B9; }
.eggshell { color:#CBEAED; }
	.bg-eggshell { background-color:#CBEAED; }
.salmon { color:#F5866C; }
	.bg-salmon { background-color:#F5866C; }
	.bg-salmon-img { background:url(images/bg-salmon.png) top left repeat-x; }
.tempura { color:#FFDE75; }
	.bg-tempura { background-color:#FFDE75; }
	.bg-tempura-img { background:url(images/bg-tempura.png) top left repeat-x; }
.mist { color:#EFEFF0; }
	.bg-mist { background-color:#EFEFF0; }




/* Links */
		
a:link, a:visited {	color:/* Theme Options */; text-decoration: none; outline:none; }	
a:active, a:hover {	color:/* Theme Options */; text-decoration: none; outline:none; }



/* Alignment */


.fleft{float:left}.fright{float:right}.fnone{float:none}.center{text-align: center;}.clear-right{clear:right;display:block}.clear-left{clear:left;display:block}.clear-both{clear:both;display:block}





/* Page */


#header, #Page, #Footer { background: white; z-index: 1; position: relative; }

#Footer { display: block; }

#header { margin-bottom: 2.333em; }
	#MainMenu { height: 80px; padding: 20px 0 0 0; }
	#LogoBlock { height: 200px; position: relative; }

#Page { margin-bottom: 2em; }
#PageContent { margin-bottom: 2em; }
	.TextBlock { margin: 0 30px; }

#Sidebar {}
	#Sidebar .Widget,
	.Sidebar .Widget { padding-top: 1em; padding-bottom: 0.667em; margin-top: 1em; border-top-width: 2px; border-top-style: solid; }
	#Sidebar .Excerpt,
	.Sidebar .Excerpt { margin:0 -30px 0 -30px; padding:30px 30px 72px 30px; background: url(images/quote-bg.gif) center bottom no-repeat; }
	#Sidebar #Social { font-size: 0; line-height: 0; margin-top: 35px; margin-bottom: 35px; }
	#Sidebar #Social .fb-like { margin-right: 20px; }


.TotalWrap { min-height: 100%; /* equal to footer height */ margin-bottom: -100px; }
.TotalWrap:after { content: ""; display: block; }
.HardFooter { position: relative; margin-top: 2em; }
.HardFooter, .TotalWrap:after { /* .push must be the same height as footer */ height: 100px; }

.a1 { width: 300px; margin: 0 auto; }
.a2 { width: 600px; margin: 0 auto; }
.a3 { width: 900px; margin: 0 auto; }




/* Blocks */

.SideBlock { position: absolute; right:0; width: 200px; height: 300px; }

.LeftSideBlock { position: absolute; left:0; top:100px; width: 100px; height: 100px; }

.LogoBlock	{ position: absolute; width: 100px; height: 100px; }
	.LogoBlock.left { margin-left: -100px; margin-top:100px; }
	.LogoBlock.right { right:0; margin-right: -100px; margin-top:0; }

#BottomBlock { height: 100px; bottom:0; }
		


/* Headings */

h1, h2, h3, h4 { font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight:bold; margin: 1em 0 1em 0; }

h1, h2 { font-size: 26px; line-height: 1.2em; }

h3 { font-size: 20px; line-height: 34px; font-weight: bold; margin-bottom: 0.667em; }

#Sidebar h3,
.Sidebar h3 { font-size: 16px; line-height: 24px; margin-top: 0em; }




/* Images */

img.alignleft, div.alignleft { float:left; margin:0 20px 15px 0; }
img.alignright, div.alignright { float:right; margin:0 0 15px 20px; }
img.aligncenter, div.aligncenter { margin:0 auto; margin-bottom:20px; display: block; }
img.alignnone { margin: 1em 0; }

#LogoBlock img#logo { margin-top: 56px; }

.HardFooter img { max-height: 65px; width:auto; margin-right:1.333em; }
.HardFooter img.AFSFH { max-height: 50px; width: auto; margin-top: 10px; }

#Sidebar img { max-width: 100%; height: auto; }



/* Lists */

#MainMenu ul { text-align:center; list-style: none; font-size: 0; line-height: 0; }
#MainMenu ul li { font-size:15px; line-height:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
#MainMenu ul li a { padding: 2px 5px 3px 5px; }

.a2 ul,
.a2 ol { margin-left: 1em; margin-bottom: 0.667em; }

.a2 ul { list-style: disc; }
.a2 ol { list-style: none; margin: 0; padding: 0; }

.a2 ol li { border-bottom: 2px solid #EFEFF0; padding-bottom: 0.667em; margin-bottom: 0.667em; }

body.testimonials #PageContent ul { list-style: none; margin: 0; }
body.testimonials #PageContent li { background: url(images/quote-bg.gif) center bottom no-repeat; font-size: 18px; line-height: 1.4em; padding: 20px 30px 50px 30px; margin-bottom: 2em; }


/* Forms */

#mc_embed_signup { padding-top: 0.667em; }
input#mce-EMAIL { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; clear:left; border: 0; padding: 10px; background: #EFEFF0; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-size: 14px; float: left; max-width: 120px; color: #455560; }
input#mc-embedded-subscribe { border: 0; background: #1DBED8; color:white; font-weight: bold; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; padding: 10px; font-size: 14px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; float: left;  }