/*
Theme Name: Brown Signs
Theme URI: http://www.blackboxtechnology.co.uk
Description: Custom theme by Olly Payne for Follow the Brown Signs
Author: Olly Payne
Author URI: http://www.blackboxtechnology.co.uk
*/

@import "styles/reset.css";

/*html {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("images/bg.jpg");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}*/

/* main page wrap */

.content {
	width:960px;
	margin:0 auto;
}

/* Alignment */

.alignleft {
	float:left;
	margin-right:6px;
}


.alignright {
	float:right;
	margin-left:6px;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.wp-caption-text {
	font-size:0.9em;
}

/* Site logo */

h1.title {
	text-indent:-9000px;
	background:transparent url(images/logo.png) no-repeat top left;
	width:642px;
	height:134px;
	float:left;
	margin-bottom:16px;
	margin-top:16px;
}

h2, h3 {
	color:#794400;
}


h3 a {
	font-size:18px;
}

/* Navigation */

ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:14px;
	width:1100px;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:160px;
	height:85px;
	position:relative;
	cursor:pointer;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:160px;
	height:79px;
	z-index:12;
	/* background:transparent url(../images/overlay.png) no-repeat bottom right; */
	background-color:#F9EFDF;
	border:1px solid #794400;
	display:block;
}
#left-nav{
	border-radius:10px 0 0 10px;
}
#right-nav{
	border-radius:0px 10px 10px 0px;
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:18px;
	left:0px;
	width:160px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background-color:#F9EFDF;
	top:79px;
	width:160px;
	height:0px;
	left:0px;
	z-index:14;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
	text-shadow:1px 1px 1px #FFF;
}
ul.sdt_menu li span span.sdt_link{
	color:#794400;
	font-size:22px;
	float:left;
	clear:both;
	font-weight:bold;
}
ul.sdt_menu li span span.sdt_descr{
	color:#794400;
	float:left;
	clear:both;
	width:140px; /*For dumbass IE7*/
	font-size:12px;
	letter-spacing:1px;
	text-shadow: 1px 1px 1px #FFF;
	margin-top:3px;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:160px;
	overflow:hidden;
	height:160px;
	top:79px;
	left:0px;
	display:none;
	background:#000;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#0B75AF;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}

.left {
	float:left;
}

.right {
	float:right;
}

.20top {
	margin-top:20px;
}

.textbox {
	color:#794400;
	padding:20px;
	border:1px solid #794400;
	margin-bottom:20px;
	background-color:#F9EFDF;
	/* background-color:rgba(249,239,223,0.9); */
	font-family: "Myriad Pro","Trebuchet MS",sans-serif;
	box-shadow: 4px 4px 6px #444;
	position:relative;
	border-radius:10px;
	font-size: 14px;
    line-height: 22px;
    margin: 0 0 15px;
	overflow:hidden;
}

.textbox h2 {
	color:#794400;
	margin-top:0;
	text-shadow: 1px 1px 1px #FFF;
	/* border-bottom:2px solid #794400; */
	padding-bottom:12px;
	margin-bottom:0;
	font-size:19px;
}

.textbox h2.title {
	font-size:21px;
}

.textbox h3 {
	color:#794400;
	margin-top:0;
	text-shadow: 1px 1px 1px #FFF;
	padding-bottom:12px;
	font-size:21px;
}

.textbox h2  a{
	font-weight:normal;
}

.textbox h3  a{
	font-weight:normal;
	font-size:21px;
}

.textbox h3 a:hover {
	color:#794400;
}

.textbox img {
	max-width:270px;
}

.textbox.bigimage img {
	max-width:580px;
}


/* Text widget */

.textwidget img {
	/* width:260px; */
	margin:10px 0;
}

/* Slider */

#slider img {
	height:184px;
	margin:0 auto;
}

/* Blog page */

#blog-sidebar ul li a {
	font-weight:normal;
}


/* Submit form */

.formline {
	width:100%;
	margin-bottom:20px;
	position:relative;
}

/* blog page summary */
.blog-summary img {
	float:left;
	margin-right:5px;
	padding:5px;
	border:1px solid #794400;
	max-height:240px;
	}

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#outer-wrap { width: 1020px; margin: 0 auto; overflow:hidden; background-color:#FFF; }
#wrap { width: 960px; margin: 0 auto; }
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Myriad Pro","Trebuchet MS",sans-serif;
  background-color:#4e875c;
}
img#bg {
  position:fixed;
  top:0;
  left:0;
  width:100%;
} 
h1, h2, h3, h4, h5 { color: #794400; }
h1 { font-size: 38px; margin: 0 0 30px 0; }
h2 { font-size: 34px; margin: 0 0 30px 0; }
h3 { font-size: 20px; margin: 30px 0 10px 0; }
h4 { font-size: 20px; margin: 30px 0 15px 0; }
h5 { font-size: 15px; line-height: 19px; margin: 30px 0 5px 0;}
p { font-size: 14px; line-height: 22px; margin: 0 0 15px 0; }
a { text-decoration: none; color: #794400; font-weight:bold;}
i {
	font-size: 14px;
    line-height: 22px;
    margin: 0 0 15px;
}
strong { font-weight:bold; }
input, select, textarea {
	color:#794400;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-color:#ce7400;
	border-width:1px;
}

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { float: left; width: 100%; margin: 50px 0 0 0; }
#header img { float: left; max-width: 400px; }
#header h1 { float: left; font-size: 80px; margin: 8px 0 0 0; }
#header h1 a { color: #222; }
#header img.description { float: right; margin: 50px 0 0 0; }


/* ---------------- */
/* -- Front Page -- */
/* ---------------- */
#headline { float: left; margin: 55px 0 0 0; padding-bottom: 45px; border-bottom: 2px #eee solid; width: 100%; }
#headline img { margin-left: -4px; }
#headline h2 { font-size: 50px; line-height: 55px; margin-bottom: 10px; color: #222 !important; }
#featured-section { clear: both; float: left; margin: 65px 0 0 0; padding-bottom: 60px; width: 100%; border-bottom: 2px #eee solid; }
#featured-section-image { float: left; background: url(images/featured-img-bg.png) no-repeat; width: 460px; height: 285px; }
#featured-section-image img { margin: 1px 0 0 1px; }
#featured-section-details { float: right; width: 450px; margin: -4px 0 0 0; }
#featured-section-details h2 { font-size: 30px; color: #222; margin-bottom: 20px; }
#featured-section-details p { font-size: 16px; line-height: 26px; }
.more-details-button { float: left; background: url(images/portfolio-button.png) no-repeat; width: 175px; height: 40px; text-indent: -9999px; margin: 0 0 0 -7px; }
.more-details-button:hover { float: left; background: url(images/portfolio-button-hover.png) no-repeat; }
#recent-work { clear: both; float: left; margin: 50px 0 0 0; padding-bottom: 50px; width: 100%; }
#recent-work h2 { font-size: 22px; color: #222; }
.recent-project { float: left; margin-left: 50px; width: 280px; margin-bottom: -50px; }
.recent-project img { border: 1px #ddd solid; }
.first { margin-left: 0; }
.recent-project h3 { font-size: 14px; font-weight: bold; color: #222; margin: 15px 0 5px 0; }
.recent-project p { font-size: 12px; }

/* ------------- */
/* -- Content -- */
/* ------------- */
#main { clear: both; float: left; margin: 20px 0 0 0; width: 100%; }
#h3 .title { margin-top: 0; font-size: 28px; color: #222; margin-bottom: 20px; }
#content { float: left; width: 640px; position:relative; z-index:1;}
.content { position:relative; z-index:1; }


/* --------------- */
/* -- Portfolio -- */
/* --------------- */
#portfolio-content { float: left; margin: 20px 0 0 0; }
.portfolio-item { float: left; margin-left: 56px; margin-bottom: 40px; }
.portfolio-item p { margin-bottom: 2px; }
.portfolio-item img { border: 1px #ddd solid; }
.first { margin-left: 0; }
#project-content { float: left; width: 450px; }
#project-image-large { float: right; }
#project-image-large img { border: 1px #ddd solid; }

/* ----------- */
/* -- Posts -- */
/* ----------- */
h3.post-meta { margin: -8px 0 20px 0; padding: 0; color: #888; font-size: 22px; }
.post { padding: 0 0 40px 0; }
.post-title { margin-top: 0; line-height: 28px; }
.post-title a, .archive-title { color: #794400; font-size: 26px; }
.post-title a:hover, .archive-title a:hover { color: #EF3D3B; }
.more-link { display: block; margin: 10px 0 0 0; }
.archive-title a { margin-bottom: 30px; }
.post-navigation { font-size: 14px; }

/* ------------- */
/* -- Sidebar -- */
/* ------------- */
#sidebar { float: right; width: 300px; }
#sidebar ul { line-height:24px; }
.sidebar-title { margin-bottom:0;}
.sidebar-contact-title { color: #222; margin-bottom: 0; }
.sidebar-intro { margin-bottom:0; }



/* -------------- */
/* -- Comments -- */
/* -------------- */
#comments {  }
#comments h3 { padding-bottom: 0; }
.commentlist { margin: 25px 0 30px 0; }
.commentlist .comment { border: 1px solid #dddddd; padding: 15px; margin: 15px 0 0 0; }
.commentlist .fn { color: #555555; font-size: 18px; margin-bottom: 15px; display: block; }
.commentlist .url { font-size: 18px; }
.commentlist .comment-meta { color: #888888; text-transform: uppercase; font-size: 10px; margin: -4px 0 0 0; }
.commentlist img { float: right; width: 25px; height: 25px; margin: 0 0 0 7px; padding: 2px; border: 1px solid #cccccc; }
.commentlist p { margin: 10px 0 10px 0; }
.commentlist .comment-reply-link { margin: 5px 0 0 -7px; display: block; }
.commentlist em { font-style: italic; font-size: 12px; }

/* respond form */
#respond h3 { margin-bottom: 10px; }
#respond .cancel-comment-reply { padding: 0 0 10px 0; }
#commentform { width: 480px; margin: 0 0 0 0; }
#commentform input {  color: #555555; width: 350px; font-size: 14px; padding: 12px 12px 12px 12px; margin-bottom: 20px; font-family: arial, sans-serif; border: 1px #ddd solid; }
#commentform textarea {  width: 350px; color: #555555; height: 238px;  margin: 5px 0 0 0; font-size: 14px; padding: 12px 12px; font-family: arial, sans-serif; border: 1px #ddd solid; line-height: 20px; }
#commentform .submit { background: url(images/comment-button.png) no-repeat; cursor: pointer; margin: 25px 0 0 -7px; color: #fff; width: 175px; height: 40px; border: none; padding: 8px 0; text-indent: -9999px; }
#commentform #submit {  margin-left:70px; }
#commentform .submit:hover { background: url(images/comment-button-hover.png) no-repeat; color: #fff; }
#commentform label { float: left; padding: 8px 0 0 20px; text-transform: uppercase; color: #888888; font-size: 10px; width:50px;}
#commentform .logged { margin: 0; }
.commentlist .comment-reply-link { margin: 10px 0 0 0; color: #EF3D3B; font-size: 12px; }
.commentlist .comment-reply-link:hover { color: #555; }

#reply-title {
	margin-top:12px;
}

#comments h3 a {
	font-size:0.8em;
	margin-left:12px;
}

/*--
Geo mashup search
--*/
.geo-mashup-search-form  select, .geo-mashup-search-form input{
	border: 1px #ddd solid; padding: 5px; width: 250px; margin: 0 0 8px 0; color: #794400; font-size: 12px;
}
.geo-mashup-search-form  label {
	font-size:18px;
	margin:0 0 5px 0;
	display:block;
}

.geo-mashup-search-result {
	overflow:hidden;
	padding:10px 1px;
}

.geo-mashup-search-result:hover {
	background-color:#fcf6ed;
	border-radius:10px;
}


#geomashupsearchwidget-2-submit, #geomashupsearchwidget-3-submit, #geomashupsearchwidget-4-submit, #searchsubmit{
	background-image:url(images/search.png);
	background-repeat:no-repeat;
	background-position:top right;
    margin-top: 8px;
    padding: 10px;
	height:27px;
    width: 260px;
	border:none;
	margin-left:0;
	background-color:transparent;
	color:transparent;
}
#geomashupsearchwidget-2-submit:hover, #geomashupsearchwidget-3-submit:hover, #geomashupsearchwidget-4-submit:hover, #searchsubmit:hover {
	background-position: right -28px;
	cursor:pointer;
}


.cat-post-item a.post-title {
	font-weight:bold;
	font-size:1.1em;
	display:block;
	width:152px;
	float:right;
}

.cat-post-item img {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}



/* -----
signs
------- */

	.sign {
		font-size:11px;
		float:left;
		height:140px;
		width:120px;
	}
	.sign img {
		width:90px;
		margin:10px 15px 0;
	}
	.sign-title-wrap {
		width:114px;
	}
	.sign-title {
		height:36px;
		width:100px;
		display:table-cell;
		margin:3px;
		text-align:center;
		vertical-align : middle; 
		padding:0 10px;
		color:#FFFFFF;
		border:1px solid #FFF;
		background-color: #794400;
		font-family: "Myriad Pro","Trebuchet MS",sans-serif;
		box-shadow: 4px 4px 6px #444;
		border-radius:10px;
	}
	.sign-title a {
		color:#FFF;
	}
	#chosensign .sign-title {
		color:#000;
	}
	
	.chosen-image {
		width:100px;
	}

/* ------------------ */
/* -- Contact Form -- */
/* ------------------ */
#contact-form { width: 300px; }
#contact-form input, #contact-form  select { border: 1px #ddd solid; padding: 15px; width: 250px; margin: 0 0 15px 0; font-family: arial; color: #555; font-size: 12px; background: url(images/input-bg.png) repeat-x; }
#contact-form select { width:282px; }
#contact-form textarea { border: 1px #ddd solid; padding: 15px; width: 375px; margin: 0 0 15px 0; font-family: arial; color: #555; font-size: 12px; background: url(images/textarea-bg.png) repeat-x; line-height: 18px; }
#contact-form .submit { background: url(images/submit-button.png) no-repeat; cursor: pointer; margin: 0 0 0 -7px; color: #fff; width: 175px; height: 40px; border: none; padding: 8px 0; text-indent: -9999px; }
#contact-form .submit:hover { background: url(images/submit-button-hover.png) no-repeat; }
#response { border: 1px #ddd solid; padding: 15px; color: #EF3D3B; background-color: #eee; }
.hide { display: none; }

/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer { clear: both; float: left; padding: 10px 0 50px 0; border-top: 2px #eee solid; margin: 50px 0 0 0; width: 100%; }
#footer p { font-size: 12px; color: #888;  }
#footer .copyright { float: left; }
#footer .design { float: right; }

#h3 .title {
font-size: 22px;
}