/* 

SMD Green colors:
Main: #6E6C00 (PMS 582)
darker: #5b5618 (PMS 581)

*/


body { 
background: #eee;
}

#wrap {
max-width: 980px; 
padding: 0 0px;
margin: 0 auto 20px auto;
background: white;
}



.shadow {
-moz-box-shadow: 0px 0px 8px #444;
-webkit-box-shadow: 0px 0px 8px #444;
box-shadow: 0px 0px 8px #444;
}


.header {
padding: 25px 20px 20px 20px;
text-align: left;
margin-bottom: 0px;
}



.topnav { 
margin-bottom: -1px !important;
}

.content { padding: 0 20px; }

.social img { float: left; margin-right: 10px; }

.display {
border-top: 8px solid #eee !important;
border-bottom: 8px solid #eee !important;
background: #6E6C00;
padding: 20px 22px 10px 22px;
margin-bottom: 0px;
text-align: center;
}

.display ul { margin-bottom: 0; }

.portfolio-content { padding-top: 3em; }


.green.button { background-color: #6E6C00; }
.green.button:hover, .green.button:focus {background-color: #717301;}

.footer {
background-color: #5b5618;
color: #fff;
padding: 10px 0;
border-top: 2px ridge #62641a;
border-bottom:2px ridge #62641a;
}


/*

Following are some sections from foundation.css that we need to override. But we want to do that here in Strategic's stylesheet, so that if we want to upgrade Foundation later, we can overwrite their foundation.css w/o loosing our style.

*/
/*	--------------------------------------------------
    :: Typography
	-------------------------------------------------- */
	

	
	
	h1, h2, h3, h4, h5, h6 { 
	color: #6E6C00; 
	font-weight: normal; 
	line-height: 1.1; 
	font-family: Georgia, 'Times New Roman', Times, serif;
	margin-top: .5em;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 36px; font-size: 3.6rem; margin-bottom: 12px;}
	h2 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; }
	h3 { font-size: 21px; font-size: 2.1rem; margin-bottom: 9px; }
	h4 { font-size: 18px; font-size: 1.8rem; margin-bottom: 3px; }
	h5 { font-size: 16px; font-size: 1.6rem; font-weight: normal; margin-bottom: 3px;  }
	h6 { font-size: 14px; font-size: 1.4rem; font-weight: normal; }

	.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }

	p { font-size: 13px; font-size: 1.3rem; line-height: 1.25; margin: 0 0 18px; }
	p img { margin: 0; }
	p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5;  }
	

	em, i { font-style: italic; line-height: inherit; }
	strong, b { font-weight: bold; line-height: inherit; }
	small { font-size: 60%; line-height: inherit; }
	
	h1 small, h2 small, h3 small, h4 small, h5 small { color: #6E6C00; }
	
	/*	Blockquotes  */
	blockquote, blockquote p { line-height: 20px; color: #777; }
	blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #555; }
	
	hr { border: solid #e5e6ce; border-width: 8px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
	
	abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
	abbr { text-transform: none; }

	/**
 	 * Print styles.
	 *
	 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
	 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
	 */
	.print-only { display: none !important; }
	@media print {
		* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
		-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
		p a, p a:visited { color: #444 !important; text-decoration: underline; }
		p a[href]:after { content: " (" attr(href) ")"; }
		abbr[title]:after { content: " (" attr(title) ")"; }
		.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
		pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
		thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
		tr, img { page-break-inside: avoid; }
		@page { margin: 0.5cm; }
		p, h2, h3 { orphans: 3; widows: 3; }
		h2, h3{ page-break-after: avoid; }
		.hide-on-print { display: none !important; }
		.print-only { display: block !important; }
	}
	
/*	--------------------------------------------------
	:: Links
	-------------------------------------------------- */
	a { color: #6E6C00	; text-decoration: none; line-height: inherit; }
	a:hover { color: #6d6f00; }
	a:focus { color: #6d6f00; outline: none; }

	
	
/*    --------------------------------------------------
    Tabs
    -------------------------------------------------- */
	dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }
    dl.tabs dt { display: block; width: auto; height: 30px; padding: 0 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; }
    dl.tabs dt:first-child { padding: 0 9px 0 0; }
    dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
    dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; }
    dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0 1px; height: 30px; }

		.nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; padding: 0; position: relative; top: 2px;}
		
		.nice.tabs dd a { 
		padding: 4px 18px 5px; 
		font-size: 15px; 
		font-size: 1.5rem; 
		color: #666666; 
		background: none; 
		border: none; 
		position: relative; 
		top: 5px;
		font-family: Calibri, Helvetica, Arial, Sans-serif;
		text-transform: uppercase;
		letter-spacing: .1em;
		}
		
		.nice.tabs dd a:hover { color: #222; background: #eee; border: none; }
		
		dl.tabs dd.active a:hover {
		font-weight: bold; color: #333; background: #eee; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 3px solid #acae0c; margin: 0 10px; position: relative; top: 2px; 
		}
		
		.nice.tabs dd a.active, dl.tabs dd.active a { font-weight: bold; color: #333; background: #eee; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 3px solid #6E6C00; margin: 0 10px; position: relative; top: 2px; }
		.nice.tabs dd:first-child a.active { margin-left: 0; }
		
	dl.tabs.vertical { height: auto; }
	dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; }
	dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 15px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 1px 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
	dl.tabs.vertical dd a.active { height: auto; margin: 0; border-width: 1px 0 0; background: #fff; }
	
		.nice.tabs.vertical { border-bottom: solid 1px #eee; height: auto; }
		.nice.tabs.vertical dd a { padding: 15px 20px; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; background: #fff; top: 0;}
		.nice.tabs.vertical dd a.active { border: none; background: #6E6C00; color: #fff; margin: 0; position: static; top: 0; height: auto; }
		.nice.tabs.vertical dd:first-child a.active { margin: 0; }
    
    ul.tabs-content { margin: 0; display: block; }
    ul.tabs-content>li { display: none; }
    .no-js ul.tabs-content>li { display: block; }
    ul.tabs-content>li.active { display: block; }
    
    dl.contained, dl.nice.contained { margin-bottom: 0; }
    dl.contained.tabs dd a { padding: 0 14px; }
    dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }

    ul.contained.tabs-content { padding: 0; }
	ul.contained.tabs-content>li { padding: 20px; border: solid 0 #ddd; border-width: 0 1px 1px 1px; }
	ul.contained.vertical.tabs-content>li { border-width: 1px 1px 1px 1px; }
	ul.nice.contained.tabs-content>li { border-color: #eee; }
	
	
	
	/*	--------------------------------------------------
   	Sub Navs
   	http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na
	-------------------------------------------------- */
	
	dl.sub-nav { 
	display: block; 
	overflow: hidden; 
	margin: 0px 0 0px 0px; 
	padding: 8px 10px 0px 30px; 
	font-size: 1em;
	font-family: Calibri, Helvetica, Arial, Sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	background: #ededed;
	width: auto;
	
	}

	dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 0px; }
	dl.sub-nav dt { color: #555; font-weight: bold; }
	dl.sub-nav dd a { text-decoration: none; border-radius: 12px; color: #555; padding: 2px 0 3px 0;}
	dl.sub-nav dd.active a, dl.sub-nav dd a.active  { background: #6E6C00; color: #fff; padding: 0px 9px; }

	
	
	/* ********************************* end of Foundation mods ************ */
	
	
	
	/* ******************* Portfolio Styles ***********/
	ul.portfolio-images img { 
	border: 10px solid #7b7d08; 
	width: 85%; 
	}
	
	
	/* Problog mods */
	
div#main-content-sidebar-archives h1, div#main-content-sidebar-archives h2, div#main-content-sidebar-archives h3, div#main-content-sidebar-archives h4, div#main-content-sidebar-archives h5, div#main-content-sidebar-archives h6 {color: #666;}
	
	
	
	/* @mobile styles */
	@media handheld, only screen and (max-width: 1023px) {
			.columns { padding-bottom: 10px; }
			
			
			}
		
		@media handheld, only screen and (max-width: 767px) {
			.columns { padding-bottom: 10px;  }
		}

.googleMapCanvas { margin-bottom: 10px; }

/* scoping the bootstrap css generic classes so that when admin logs in, we check and add admin class to body tag */
body.admin .container { width: inherit; padding: 0 20px; }
body.admin .row { margin: 0px auto; }




body.editmode { position: static; margin-top: 50px;}

.clear {clear: both;}


/* twitter widjet */
iframe#twitter-widget-0 .timeline-header h1.summary {
font-weight: normal !important;
}