/*  
Theme Name: Yondershore
Description: Yondershore Creative. Cross-browser, XHTML Strict v1.0 and CSS 2.1 valid. Great for businesses, corporate blogs and web sites. Comes with customizable intro text, for information read Instructions.txt. NOTICE: This version contains a few critical bug fixes, so make sure you have the latest version.
Version: 1.4.1
Author: Todd Dengler
Author URI: http://www.yondershorecreative.com/
Tags: business, corporate, xhtml, css, simple, clean, clear, white, grey, orange, fixed width, intro, banner, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blueprint, blueprintcss
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

ul, li { list-style:none; list-style-type: none; margin: 0; padding: 0 }

left-column, article, aside, figure, footer, header, hgroup,
menu, nav, section 
{ display: block; }

@font {
	
}
a {
	text-decoration:none;
}
#nav ul, ul, #nav li, li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}

html {
	padding:0px;
	text-align:center;
}

body	{
	background: #666666 url('images/main-bg.png') repeat-x 0 0;
	font-size: 11px;
	color: #525252;
	font-family:'Century Gothic', Arial, sans-serif;
	margin:0px auto;
	width:100%;
	text-align:center;
}
header, #header, #site {
	margin:10px auto;
	width:800px;
	position:relative;
}
#left-column, left-column {
	float:left;
	width:170px;
	padding:0;
	margin:0;
}
	#left-column .logo a, left-column .logo a {  
		background: url('images/ysc_logo.png') no-repeat center 0;
		display: block;
		width: 100px;
		height: 113px;
		margin:60px 0 0 40px;
	}
	#left-column .schedule, #left-column .schedule a {
		color: #2B87AB;
		text-transform:uppercase;
		margin-top: 20px;
		font-size: 1.6em;
		font-weight: 400;
		text-align:center;
		text-indent: -15px;
	}
	#left-column #sidebar {
		margin-top:50px;
		width:100%;
		border:3px solid #2B87AB;
		height:auto;
		background: #fff url('images/sidebar.png') repeat-y top right;
		padding-bottom:12px;
		font-family: Arial, sans-serif;
		text-align:left;
	}
	#left-column #sidebar ul {
		margin:8px;
		text-align:left;
		font-family:Arial;
		padding-bottom:3px;
	}
	#left-column #sidebar h1 {
		color: #2B87AB;
		font-size:1.5em;
		font-family: Arial, sans-serif;
		text-transform:uppercase;
		margin:8px 0;
	}
	#left-column #sidebar li a {
		color: #525252;
		padding-left:10px;
		margin:10px 0;
		font-weight: bold;
		font-family: Arial, sans-serif;
		font-size:1.2em;
	}
	#left-column #sidebar li a:hover {
		color: #993300;	
	}
	#left-column #sidebar li.current-menu-item a, left-column #sidebar li.current_page_item a, left-column #sidebar .current-category-ancestor a {
		color: #993300;	
	}
	left-column #sidebar h1.next-step {
		margin-top:15px;
	}
	#left-column .sidebarbox {
		margin:8px;
	}
	#left-column #sidebar li.sidemenu a {
		display: block;
	}
#assets {
	display: block;
	float:left;
	width: 625px;
}
#banner {
	display: block;
	height:206px;
	background-image: url('images/banner.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 3px solid #DEDEDE;	
	position:relative;
}
	#banner .display {
		margin:14px;
		width:594px;
		display: block;
		background-color: #fff;
		background-position: right -20px;
		background-repeat: no-repeat;
		height:174px;
		overflow: hidden;
		position:absolute;
		z-index:555;
		
	}
	#banner .display h1 {
		text-align:left;
		color: #323232;
		margin: 40px 0 8px 20px;
		font-size: 3.4em;
		/*border-bottom: 1px solid  #CCBA6E;*/
		width:auto;
		padding-bottom: 6px;
		font-family:'Palatino', Georgia, serif;
		font-style: italic;
		white-space: nowrap;
		overflow: hidden;
		}
	#banner .display h2 {
		text-align:left;
		text-shadow: #ccc 1px 0px 1px;
		color: #666;
		margin: 0px 0 8px 20px;
		font-size: 2.0em;
		width:300px;
	}
	#banner, #contents {
		width:100%;
	}


/* =Menu
-------------------------------------------------------------- */

#nav { 
	display:block;
	margin-bottom:0px;
	height:36px;
	overflow: hidden;
}
#nav ul {
	padding-bottom:0px;
}
#nav li a { 
	display: block;
	float: left;
	padding:4px 25px 12px;
	text-transform: uppercase;
	color: #525252;
	font-family: Arial, sans-serif;
	font-size:1.16em;
}
#nav li a:hover {
	background: url('images/hover.png') no-repeat center bottom;
	color: #2B87AB;
}
#nav li.current-menu-item a, nav li.current_page_item a, nav .current-category-ancestor a {
	font-weight: 600;
	color: #2B87AB;
	background: url('images/hover.png') no-repeat center bottom;
}

#nav li {
	float:left;
	position: relative;
	display: block;
}
#nav a {
	display:block;
	text-decoration:none;
	color:#aaa;
	line-height:20px;
}
#nav ul ul {
	display:none;
	position:absolute;
	top:30px;
	left:-30px;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 160px;
	z-index: 99999;
	padding-top:4px;
}
#nav ul ul li {
	width: 160px;	
	background: #fff;
}
#nav ul ul ul {
	left:100%;
	top:0;
}
#nav ul ul a {
	background:#333;
	height:auto;
	line-height:1em;
	text-align: left;
	width: 160px;
	background-image: none;
}
#nav ul ul :hover > a {
	color: #2B87AB;
	background:#fff;
}
#nav ul li:hover > ul {
	display:block;
}
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a {
	font-weight: 600;
	color: #2B87AB;
	background: url('images/hover.png') no-repeat center bottom;
}

* html #nav ul li.current_page_item a,
* html #nav ul li.current-menu-ancestor a,
* html #nav ul li.current-menu-item a,
* html #nav ul li.current-menu-parent a,
* html #nav ul li a:hover {
	
}

/*
Contents
*/

#contents {
	margin:8px 0 0 0;
	height:auto;
	border: 3px solid #727777;
	width:625px;
	text-align: left;
	padding-bottom:10px;
	background: #fafafa url('images/content.png') bottom left no-repeat;
	position: relative;
	min-height: 400px;
}
#contents div {
	display: block;
	width: auto;
	margin:30px;
	position: relative;
}
#contents div.blogentry {
	padding-bottom: 10px;
	border-bottom: solid #fefefe 1px;
}
#contents h3.header {
	font-family:Georgia, serif;
	color: #2B87AB;
	font-size:30px;
	margin-bottom:8px;
	text-shadow: #888 1px 0px 1px;
	text-transform:lowercase;
}
#contents h3.header a {
	color: #2B87AB;
	background: url('images/ul-li.png') right 6px no-repeat;
	padding-right: 40px;
}
#contents h3.header a:hover {
	color:#333;
	border-bottom:1px dashed #616161;
}
#contents h3.widget-title {
	margin:0;
	padding:0;
	font-size: 13px;
	text-shadow: #cdcdcd -1px -1px 2px;
}
#contents div.textwidget {
	margin:0;
	padding: 0;
}
#contents h3, #contents h4 {
	margin: 4px 0;
	padding: 4px 0;
	color:#222;
	text-shadow:#ccc 1px 0px 1px;
}
#contents h3 {
	font-size: 1.8em;
	/*background: url('images/ul-li.png') 0 6px no-repeat;*/
	display:block;
	padding-left:0px;
	margin-top: 10px;
	width: 400px;
	text-align: left;
}
#contents h4 {
	font-size: 1.6em;
}
#contents h5 {
	margin-top: 10px;
}
#contents h5 a {
	text-indent: -99999px;
	background: url('images/fom.png') right 10px no-repeat;
	border:none;
	width: 160px;
	height: 55px;
	display: block;
	float: right;
	clear: both;
	margin: 25px;
	z-index: 999;
}
#contents p {
	color: #232323;
	line-height: 160%;
	margin:0;
	padding: 0 0 8px 0;
	font-size: 1.1em;
	text-align: justify;
}
#contents ul.lists {
	font-size:100%;
	line-height: 150%;
}
#contents ul.lists li {
	background: url('images/ul-li.png') -20px 6px no-repeat;
	display: block;
	margin-bottom: 8px;
	font-size:13px;
	padding:4px 0 4px 20px;
}
#contents .click2see a {
	top:138px;
	left:-30px;
	position: absolute;
	display: block;
	width: 560px;
	height: 30px;
	background:url('images/click2see.png') right bottom  no-repeat;
	border-top:#fff 2px solid;
}
#contents a {
	color: #2B87AB;
	font-weight: bold;
}
#contents a:hover {
	color: #212121;
}

#contents .samples {
	display: block;
	background-position: top center;
	background-repeat: no-repeat;
	height: 200px;
	width: 560px;
	border: 2px solid #5d5d5d;
	margin:6px 0;
	padding:0;
	position: relative;
}

#contents .allcomments {
	margin: 10px;
	display: block;
	border: 1px solid #ccc;
	background: #fdfdfd;
	padding: 20px;
	font-size: 80%;
	text-align: left;
}
#contents div .allcomments #commentform #message {
	width: 420px;
	display: block;
}
#contents div .allcomments h3 {
	margin: 6px 0;
	padding: 0;	
}
#contents div .allcomments p {
	margin:0;
	padding:0;
	font-size: 1.4em;
}
#contents div .allcomments #commentform {
	margin: 0;
	padding: 0;
}
#contents div .allcomments .commentbox {
	margin: 0;
	padding: 0;
}
#contents .home-text { 
	float: left; 
	width: 325px;
	margin-right: 0px;
	margin-left: -5px;
}
#contents .ad-banner {
	float: right;
	margin-top: 20px;
}
#contents .ad-banner a, #contents .ad-banner a:focus {
	border: 0;
}

#contents blockquote {
	display: block;
	position: relative;
	margin: 6px 10px;
	padding: 10px;
	border: 1px #f1f1f1 solid;
	background: #f5f5f5;
	text-align: left;
}


/*
Images
*/

img.portfolio { border: 2px solid #c1c1c1; margin: 10px 0; }

/*
SOCIAL
*/
#social {
	display:block;
	margin:10px 0;
	padding: 10px 0 5px 180px;
}
#social h2 {
	color: #fff;
	float: left;
	margin-right:10px;
	text-shadow:#666 1px 0px 1px;
	padding: 5px 0;
}
#social ul {
}
#social li {
	float: left;
}
#social li a { 
	float:left;
	display:block;
	margin-right:10px;
}
#social li a span { 
	display: none;
}
#social li a.facebook {
	background: url('images/social.png') no-repeat -34px 0;
	display:block;
	width:27px;
	height:27px;
}
#social li a.linkedin {
	background: url('images/social.png') no-repeat 0 0;
	display:block;
	width:27px;
	height:27px;
}
#social li a.twitter {
	background: url('images/social.png') no-repeat -66px 0;
	display:block;
	width:27px;
	height:27px;
}
#social .keep {
	float:right;
	display: block;
	padding:4px 0;
	color: #BAECFF;
	text-transform: uppercase;
	text-shadow: #535353 1px 0px 1px;
	font-size:1.3em;
}
#footer {
	width:100%;
	background: #535353 url('images/footer.png') 0 0 repeat-x;
	height:auto;
	border-top:#999 1px solid;
	border-bottom:#999 1px solid;
	margin:5px 0 30px;
	padding: 20px 0;
}
/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
	width: 800px;
	margin:0px auto;
	text-align: left;
	color: #fff;
}
#footer-widget-area .widget-area {
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	width: 180px;
	height: auto;
	border-right: 1px solid #555555;
}
#footer-widget-area .widget-area h3 {
	font-size: 2.0em;
	color: #d1d1d1;
}
#footer-widget-area .widget-area a {
	color: #fff;
	font-weight: bold;
	text-shadow: #222 0px 1px 1px;
}
#footer-widget-area .widget-area a:hover {
	
}
#footer-widget-area #first {
	margin-left: 170px;
	width: 280px;
	padding-left:10px;
}

#footer-widget-area #fourth {
	margin-right: 0;
	width: auto;
	border: none;
}
#site-info {
	float: left;
	width: 700px;
	font-weight: bold;
	font-size: 14px;
}
#site-generator {
	float: right;
	width: 220px;
}

.clear {
	clear: both;
}
.get-started a {
	text-transform: lowercase;
}

.footer-tags { color: #dedede; text-shadow: #1d1d1d 1px 1px 2px;  }
.footer-tags p { line-height: 140%; }
.footer-tags .links { font-size: 18px; padding: 8px 0;}
.footer-tags .links a { color: #fff; text-decoration: none;  }
.footer-tags .links a:hover { text-decoration: underline;  }

/*
Login 
*/

.loginsubmit {
	text-indent: -99999px;
	background-image: url('images/ul-li.png');
	background-position: left 3px ;
	background-repeat:no-repeat ;
	background-color:#fff;
	border: none;
	height:25px; 
	width: 100px;
	display: block;
}
.loginsubmit:hover {
	cursor: pointer;
	background-position: right 3px;
	
}

/*
Mobilize Campaign
*/
.mobilizer { margin: 0;   }
.mobilizer .wp-post-image { float: left; clear:none; margin-left: -35px; }
.mobilizer ul { float: right; width:340px; padding-left: 0; margin-right: -20px;  }
.mobilizer h1, .mobilizer h2, .mobilizer h3 { width: auto; font-size: 16px; }

/*
Contact Form
*/
.gform_wrapper {  }
.contact-form { margin: -20px; width: auto; padding: 0; position: relative; }
.contact-form .ysc-name, 
.contact-form .ysc-email, 
.contact-form .ysc-phone,
.contact-form .ysc-message,
.contact-form .ysc-chimp { margin: 0; padding: 0; position; relative; clear: both; }

.contact-form .ysc-name div label,
.contact-form .ysc-email div label,
.contact-form .ysc-phone div label,
.contact-form .ysc-message div label,
.contact-form .ysc-chimp div label{ display: block;  }

.contact-form .ginput_container { margin: 0; padding: 0; float: right; width: 400px; }

.contact-form li .gfield_label { float: left; margin: 0; padding: 0; }

.contact-form .ysc-name label { font-weight: bold; margin: 0; padding: 0 }
.contact-form .ysc-name div { margin: 0; padding: 0; position: relative; }
.contact-form .ysc-name div span { font-weight: normal }

.contact-form .ginput_left { float: left }
.contact-form .ginput_right { float: left; }

/*--respond--*/

#contact-page { border-bottom: 1px solid #777; display: none; height: auto; margin:0; padding:0; position: relative; }
#contact-page .left-box,
#contact-page .right-box { float: left; width: 200px; padding: 8px; }
#contact-page .left-box { margin-right: 8px; border-right: 1px solid #ddd }

#commentform, #contactform {padding-top:0px;overflow:hidden; margin:0 }
#commentform small, #contactform small {color:#FF0000;}
#respond { border-top: #fff solid 1px; margin: 0; padding: 0; }
#respond p {margin-bottom:5px;}
#respond a {color:#1b1b1b;}
#respond input[type="text"] {height:27px;width:96%;padding:0 5px;background:#fff;font:12px "Helvetica Neue",Helvetica,Arial,sans-serif;border:1px solid #d2d3d3;}
#respond label {font:12px "Helvetica Neue",Helvetica,Arial,sans-serif;display:block;margin-top:5px;}
#respond label.error {color:#FF0000;font-size:10px;}
#respond textarea {background:#fff;height:131px;width:96%;border:1px solid #d2d3d3;padding:5px;font:12px "Helvetica Neue",Helvetica,Arial,sans-serif;}
#respond p.submit {display:block;}
#respond p.submit input {width:auto;height:auto;border:0;background:none;padding:0;margin-right:10px;}
.bar{display:none;background: url(images/ajax-loader.gif) no-repeat 50% 50%;margin-left:20px;margin-top:50px;height:auto;width: 100%;}