/*
Theme Name: fordev 0.1b
Description: Custom theme based on BlankSlate
Author: WAMH
Author URI: http://wamh.co/
Version: 0.1b
Tags: Custom theme
*/

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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

p { padding: 0.2em 0 0.8em; }

/*
	General width and structure
*/
#sky { width: 100%; height: 100%; background: url(i/bg-header-grad-1.png) top repeat-x; }
#wrapper { width: 980px; margin: 0 auto; }
header { position: relative; width: 980px; }
#content { float: left; width: 700px; padding-top: 36px; }
#sidebar { margin: 30px 0 0 720px; padding-top: 56px; }
	.page-template-tpl-homepage-php #content { float: none; margin-right: 530px; width: auto; clear: left; }
	.page-template-tpl-homepage-php #sidebar, .page-template-tpl-homepage-php #mapbar { float: right; width: 260px; padding: 0; margin: 30px 0 0 0; }
	.page-template-tpl-homepage-php #mapbar { margin-right: 4px; font-size: 0.8em; }
	.page-template-tpl-homepage-php #mapbar .gm-map, .single-project .gm-map { margin-top: 3px; }
	.page-id-27 #content { width: 350px; }
	.page-id-27 #mapbar { margin: 30px 0 0 380px; padding-top: 56px; font-size: 0.8em; }
	.page-id-27 #mapbar .gm-map { margin-top: 3px; }
/*
	General typography and colors
	-----------------------------
	#cccac3	= Darker grey
	#dddbd7 = Medium light grey
	#eeedeb = Light grey
	
	#a6121e = Deep Red
	#ed2525 = Light Red
	
	h1/h2... margin: 0.8em 0 1.2em 0; 
*/
body { font-family: "Trebuchet MS", Trebuchet, sans-serif; font-size: 1em; line-height: 1em; }
h1 { font-size: 1.8em; line-height: 1.2em; }
h2 { font-size: 1.3em; line-height: 1.2em; }
h3 { font-size: 1.2em; line-height: 1.2em; }
h4 {}
h5 {}
h6 {}
h1.entry-title { line-height: 1em; }
	h1.entry-title span { font-size: 0.1em; line-height: 1.6em; }
strong { font-weight: bold; }
em { font-style: italic; }
span {}
ol { list-style: decimal; margin-left: 2em; }
a:link, a:visited { color: #a6121e; text-decoration: none; }
a:hover, a:active { color: #ed2525; text-decoration: underline; }
/* HEADER */
#site-title { padding: 18px 0 16px 10px; }
#search { position: absolute; top: 20px; right: 18px; text-align: right; }
#social { position: absolute; top: 98px; right: 18px; }
	#social li { float: right; margin-left: 3px; }
	#social li a { display: block; background: #616568; border-radius: 5px; }
	#social li a:hover { background: #a6121e; }
	#social li a img { display: block; }
/* NAVIGATION */
nav { text-transform:  uppercase; background: #a6121e; float: left; width: 100%; position: relative; border-radius: 5px; }
nav ul#menu-main-menu { float: left; }
	nav ul#menu-main-menu:before { content: ""; width: 15px; height: 24px; background: url(i/bg-menu-deco-coupole.png) top left no-repeat; position: absolute; left: -7px; top: 3px; }
	nav ul#menu-main-menu:after { content: ""; width: 15px; height: 24px; background: url(i/bg-menu-deco-coupole.png) top left no-repeat; position: absolute; right: -7px; top: 3px; }
nav ul#menu-main-menu li { float: left; position: relative; }
	nav ul#menu-main-menu li a { display: block; font-size: 16px; line-height: 16px; padding: 7px 1.4em; text-decoration: none; color: #fff; }
	nav #menu-item-46 a { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px; }
	nav ul#menu-main-menu li.current_page_item a,
		.single-project #menu-item-60 a, .post-type-archive-project #menu-item-60 a,
		.tax-expertise #menu-item-39 a,
		.tax-people #menu-item-38 a,
		.single-post #menu-item-5369 a { background: #616568; }
	nav ul#menu-main-menu li.current_page_item a:after,
		.single-project #menu-item-60 a:after, .post-type-archive-project #menu-item-60 a:after,
		.tax-expertise #menu-item-39 a:after,
		.tax-people #menu-item-38 a:after,
		.single-post #menu-item-5369 a:after { content: ''; position: absolute; bottom: -8px; left: 50%; margin-left: -10px; width: 20px; height: 8px; background: url(i/bg-menu-item-s.png) 0 -10px no-repeat; }
	nav ul#menu-main-menu li a:hover { background: #ed2525; }
	nav ul#menu-main-menu li a:hover:after { content: ''; position: absolute; bottom: -8px; left: 50%; margin-left: -10px; width: 20px; height: 8px; background: url(i/bg-menu-item-s.png) 0 0 no-repeat; }
nav #social2 { position: absolute; right: 18px; top: 0; }
	nav #social2 li { float: right; margin-left: 3px; }
	nav #social2 li a { display: block; padding: 3px; }
	nav #social2 li a:hover { background: #616568; }
	nav #social2 li a img { display: block; }
#menu-footer { padding: 0 0 1.2em 0; font-size: 1.2em; }
#menu-footer li { display: inline-block; padding: 0; margin: 0; }
#menu-footer li a { display: inline-block; padding: 3px 6px; color: #616568; }
#menu-footer li a:hover { background-color: #616568; color: #fff; text-decoration: none; }
#menu-footer li:before { content: ' | '; }
#menu-footer li:first-child:before { content: ''; }
/* PAGES and CONTENT */

#content .entry-content { line-height: 1.4em; }
#content .entry-content h3 { padding: 1.2em 0 0.5em 0; margin-bottom: 0.5em; }
.page-id-24 #content .entry-content h3 { border-bottom: 2px solid #eeedeb; }

.hentry, .listing, .folio { padding: 0 18px; }
.edit-link a { padding: 3px 6px; background: #444; color: #ccc; text-decoration: none; border-radius: 3px; font-size: 12px; line-height: 12px; }
.edit-link a:hover { background: #ed2525; color: #e6e6e6; }
.listing ul { margin: 1.4em 0; }
	.listing ul li { padding: 1em 0; margin: 1em 0; font-size: 1em; border-top: 1px solid #e6e6e6; }
	.listing ul li h2 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.4em; }
	.listing ul li h2 small, .listing ul li h2 em, .listing ul li small { font-size: 0.7em; font-style: italic; }
	.listing ul li .bio { background: #eeedeb; margin: 0.4em 0; padding: 0.2em 0.6em; }
	.listing ul li a { text-decoration: none; padding: 0.2em 1em; margin: 0.2em 3px 0.2em 0; color: #000; background: #eeedeb; }
	.listing ul li a:hover { background: #cccac3; }
.page-title { padding: 0 18px; font-size: 1.4em; }
.page-title span { display: block; font-size: 0.8em; }
.people-bio { padding: 1em 18px; }
.folio ul, .folio ul li { float: left; width: 100%; margin: 0; padding: 0; }
.folio ul li { padding: 0.6em 0; }
.folio ul li h2 { float: left; width: 550px; }
.folio ul li h2 small { font-size: 0.7em; line-height: 0.7em; }
.folio ul li img { display: block; width: 75px; height: auto; margin: 0 8px 0 0; float: left; }
.folio ul li h2 a { font-size: inherit; background: none; padding: 0; margin: 0; }
.folio ul li h2 a:hover { background: none; color: #a6121e; }
/* SIDEBAR */
#sidebar {}
#sidebar h2, #mapbar h2 { background: #cccac3; padding: 1em; margin-top: 3px; }
#sidebar #gmap { margin-left: -1em; }
	#sidebar #gmap a { margin-left: 1em; font-size: 0.8em; color: #222 !important; text-decoration: none; }
#newsfeed { font-size: 0.8em; line-height: 1em; }
#sidebar ul li { margin-top: 3px; padding: 8px 24px; background: #dddbd7; }
#sidebar ul li.current { /*padding-left: 12px; border-left: #fff 12px solid;*/ margin-left: 8px; margin-right: -8px; }
#sidebar ul li a { color: #222; text-decoration: none; }
#sidebar ul li a:hover { text-decoration: underline; }
#sidebar ul li .source-date { font-size: 0.9em; padding-top: 0.4em; }
/* FOOTER */
footer { background: #cccac3; margin-top: 4em; padding: 0 0 1em 0; font-size: 0.8em; border-top: 2px solid #616568; }
footer div { width: 980px; margin: 0 auto; }
/* PROJECT SINGLE PAGE */
.single-project {}
.single-project #content h1 { margin-bottom: 1.6em; }
.single-project #content h2 { font-size: 1.2em; margin: 1.2em 0; }
.single-project #content > h2 { margin: 0 0 1.2em 0; }
.single-project #sidebar { font-size: 0.9em; }
.single-project #sidebar h2 {}
.single-project h1 span.date, .single-project h2 span.date { display: block; font-size: 0.4em; color: #616568; }
.single-project h1 span.cat, .single-project h2 span.cat { display: block; font-size: 0.5em; color: #616568; }
.navigation { margin: 2em 0; padding: 0 1em; } 
.navigation h2 {  border-top: 1px solid #eeedeb; padding-top: 1em; }
.navigation div { width: 45%; float: left; background: #eeedeb; padding: 1em; }
.navigation .nav-previous, .navigation .nav-next {  }
.navigation .nav-next { float: right; }
/* Single blog post */
.single-post #container #content .entry-content .wp-post-image { float: left; margin: 0.6em 1em 1.2em 0; }
/* TAXONOMY */
.section-title { padding-left: 18px; }
.section-title small { font-size: 0.6em; }
.section-desc { font-size: 0.8em; font-style: italic; padding: 0.6em 0 1.6em 18px; }
/* CONTACTS PAGE */
.wpcf7 { padding-top: 36px !important; }
.wpcf7 strong { font-weight: normal; }
.wpcf7 strong:after { content: '*'; color: #ed2525; }
/* HOMEPAGE */
.featured { margin-bottom: 2em; }
.featured h1, .featured h2 { margin-bottom: 0.8em; }
.featured ul {  }
.featured ul li { border-left: #eeedeb 2px solid; padding-left: 1em; margin-bottom: 0.6em; }
.featured ul li small { font-size: 0.8em; }
#about { border: #eeedeb 2px solid; padding: 1em; }
/* POSTS / BLOG */
.entry-meta, .entry-footer { margin: 0.6em 0 1.2em; font-size: 0.8em; }
.entry-footer {  }
#comments { clear: left; margin: 1.4em 18px; padding-top: 1em; }
#comments #respond { border-top: 1px solid #eeedeb; padding-top: 1.2em; }
.related { padding: 1em 0 1em 18px; }
/* Visual Editor */
.alignright { float: right; }
.alignleft { float: right; }
/* PLUGIN OVERRIDES */
.source-date { clear: none !important; }