/*
Theme Name: SlopBog
Theme URI: http://slopbog.org
Author: Ross Williamson
Author URI: http://rosswilliamson.com
Description: SlopBog
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: SlopBog
Text Domain: twentyfourteen

*/


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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
/* ---------HIDE STUFF--------------------------------------------------------- */
#comments,
.slideshowlink,
.edit-link,
.entry-title,
.leave-reply,
.entry-meta{
	display:none;
}













/* ------------------------------------------------------------------------------------------------------------------ */
/* -------------------------------------------------NON-RES SPECIFIC------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
body {
	font-family:Arial;
	font-size:16px;
	background:#f1f4ee;
}
a:link, a:visited{
	text-decoration:none;
	color:#41789b;
	transition:color 0.5s ease;
}
a:hover{
	color:#000;
}
img{
 	max-width: 100%;
}
.clearfix:after {
  	content: "";
  	display: table;
  	clear: both;
}
.leftimg{
	float:left;
}
strong{
	font-weight:bold;
}
/*for library page*/
.page-id-13 em{
	font-style:italic;
	font-family:Georgia;
	color:#777;
}






#nav,
#homephotos,
#photos,
#intro,
#panels,
#content,
#extras,
#footer,
#subphotos,
#copyright{
	max-width:1000px;
	margin:0 auto;
}






/********NAV*****************************/
#navcontainer{
	background:#1c2217;
	width:100%;
	height:48px;
	vertical-align:bottom;
	border-bottom:1px solid #d0d8c9;
}
#nav ul{
	float:left;
	width:100%;
	display: table;
	border-left:1px solid #585d54;
	height:48px;
}
#nav li{
	display:table-cell;
	width:auto;
	text-align:center;
}
#nav li a:link,
#nav li a:visited{
	color:#fff;
	font-family:Georgia;
	font-size:14px;
	text-transform:uppercase;
	border-right:1px dotted #989d94;
	text-shadow:1px 1px #000;
	display:block;
	line-height:48px;
	height:100%;
}
#nav li a:hover{
	background:#001f2b;
	color:#8cc4e7;
}
#nav li.menu-item-type-custom a:link,
#nav li.menu-item-type-custom a:visited{
	background:#9e436f;
	text-shadow:1px 1px #701b44;
	color:#ffc6e2;
	border-right:1px solid #9e436f;
}
#nav li.menu-item-type-custom a:hover{
	background:#c05c8c;
	color:#fff;
	border-right:1px solid #c05c8c;
}
#nav li.current_page_item a:link,
#nav li.current_page_item a:visited{
	color:#bcd445;
}
.menu li.current_page_item a:hover{
	color:#bcd445;
}
.slicknav_menu{
	display:none;
}





/********TOP*****************************/

#homephotoscontainer{
	background:url(img/homebodybg.jpg) repeat-x;
	width:100%;
}
#homephotos{
	min-width:1000px;
	/*height:502px;*/
	background:#1c2217;
}
#photoscontainer{
	background:url(img/bodybg.jpg) repeat-x;
	width:100%;
}
#photos{
	min-width:1000px;
	height:502px;
	background:#1c2217;
}
#logo{
	 float:left;
	 width:25%;
	 line-height:0;
}
#homepic{
	float:left; 
	width:50%; 
	line-height:0;
}
#homeright{
	float:left; 
	width:25%; 
	line-height:0;
}
#homewildlife{
	 line-height:0;
}
#mainpic{
	float:left;
	line-height:0;
	width:75%;
}
#subphotoscontainer{
	background:url(img/bodybg.jpg) repeat-x;
	width:100%;
	float:left;
}
#subphotos{
	min-width:1000px;
	background:#1c2217;
}









#introcontainer{
	padding-top:10px;
}
#intro{
	color:#555555;
	font-size:20px;
	line-height:24px;
	font-family:Georgia;
	padding-bottom:50px;
	border-bottom:3px solid #d1d1d1;
	margin-bottom:30px;
}
#intro h1{
	font-size:30px;
	color:#000;
	font-weight:normal;
	margin-bottom:10px;
	letter-spacing:-1px;
	margin-top:30px;
}
#intro p{
	margin-bottom:30px;
}
#intro a:link,
#intro a:visited{
	clear:left;
	padding:12px 25px;
	font-family:Georgia;
	color:#fff;
	margin-top:10px;
	text-shadow:1px 1px #a11b41;
	font-size:24px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#9e436f;
	transition:all 0.5s linear;
}
#intro a:hover{
	text-shadow:1px 1px #68001e;
	background:#68001e;
}








#panelscontainer{
	width:100%;
}
#panels{
	padding-bottom:40px;
	border-bottom:3px solid #d1d1d1;
	margin-bottom:30px;
}
.panel{
	float:left;
	width:22.75%;
	color:#555;
}
.panel img{
	margin-bottom:20px;
}
.panel h1 a:link,
.panel h1 a:visited{
	color:#000;
	font-size:22px;
	font-family:Georgia;
	font-weight:normal;
	letter-spacing:-1px;
}
.panel p{
	margin-top:6px;
	line-height:20px;
}
.panel ul{
	margin-top:6px;
	line-height:20px;
}
.panel .bullet li{
	background:url(img/bullethome.png) no-repeat;
	padding-left:12px;
}
.panel .button:link,
.panel .button:visited{
	clear:left;
	float:left;
	padding:9px 15px;
	color:#fff;
	margin-top:10px;
	text-shadow:1px 1px #255d81;
	font-size:16px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#41789b;
	transition:all 0.5s linear;
}
.panel .button:hover{
	text-shadow:1px 1px #000;
	background:#042c45;
}

#panelguardians,
#panelwhere,
#panelwhat{
	margin-right:3%;
}






#extrascontainer{
	width:100%;
}
#extras{
	padding-bottom:40px;
	border-bottom:3px solid #d1d1d1;
	margin-bottom:30px;
}
.extrapanel{
	float:left;
	width:48.5%;
	color:#555;
	line-height:20px;
}
#extras img{
	margin-bottom:15px;
}
#extras p{
	line-height:22px;
}
#extras h1{
	color:#000;
	font-size:22px;
	font-family:Georgia;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:10px;
}
#panelclassroom{
	margin-right:3%;
}
#extras .button:link,
#extras .button:visited{
	clear:left;
	float:left;
	padding:9px 15px;
	color:#fff;
	margin-top:10px;
	text-shadow:1px 1px #556a12;
	font-size:16px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#708628;
	transition:all 0.5s linear;
}
#extras .button:hover{
	text-shadow:1px 1px #000;
	background:#4b5f09;
}










/********CONTENT****************************/
#contentcontainer{
	width:100%;
	background:#f1f4ee;
	float:left;
}
#content{
	padding:40px 0px;
	color:#444;
}
#content h1{
	font-size:48px;
	font-weight:normal;
	color:#000;
	font-family:Georgia;
	border-bottom:1px dotted #999;
	padding-bottom:10px;
}
#content h2{
	font-size:28px;
	font-weight:normal;
	letter-spacing:-1px;
	color:#000;
	margin-bottom:10px;
	margin-top:40px;
}
#content p{
	line-height:22px;
	margin-bottom:20px;
}
#content p.intropara{
	line-height:28px;
	font-family:Georgia;
	font-size:24px;
	margin-bottom:20px;
}
#content p.nomargin{
	margin-bottom:0px;
}
#content p.quote{
	font-family:Georgia;
	font-style:Italic;
	font-size:24px;
	line-height:28px;
}
#content ul{
	margin-bottom:20px;
	margin-top:5px;
	border-top:1px dotted #999;
}
#content li{
	line-height:28px;
	padding-left: 12px;
	border-bottom:1px dotted #999;
}
#content ul ul{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:20px;
}
#content ul ul li:last-child{
	border-bottom:none;
}
#content .bullet li{
	background:url(img/bullet.png) no-repeat;
}
#content .wildlife li{
	padding-left:0px;
	line-height:22px;
	clear:both;
	min-height:125px;
}
#content .wildlife h3{
	font-weight:bold;
}
#content .wildlife p{
	margin-bottom:20px;
	overflow:hidden;
}
.wildlife img{
	margin-right:15px;
	margin-top:20px;
}
.breadcrumbs{
	color:#797979;
	font-size:12px;
	padding:5px 0px;
	border-bottom:1px dotted #999;
	margin-bottom:5px;
}



/*History page*/
.page-id-60 #contentinner p{
	border-bottom:1px dashed #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
.page-id-60 .leftimg{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	margin-top:10px;
	padding:5px;
	border:1px solid #c9d2c1;
	background:#dde3d7;
}
.page-id-60 .rightimg{
	float:right;
	margin-left:15px;
	margin-bottom:10px;
	margin-top:10px;
	padding:5px;
	border:1px solid #c9d2c1;
	background:#dde3d7;
}


#contentinner{
	width:69%;
	float:left;
	margin-right:5%;
	padding-bottom:40px;
	margin-top:20px;
}
#sidebar{
	width:21%;
	float:right;
	padding:2%;
	background:#dde3d7;
	border:1px solid #c9d2c1;	
	margin-top:20px;
	margin-bottom:40px;
	font-family:Georgia;
}
#sidebar h1,
#sidebar h1{
	font-size:18px;
	font-family: Georgia;
	border-bottom: 1px dotted #999;
	padding-bottom: 3px;
	margin:12px 0px 3px;
}
#sidebar h1 a:link,
#sidebar h1 a:visited{
	color:#000;
}
#sidebar h1 a:hover{
	color:#000;
	background:none;
	text-shadow:none;
}
#sidebar .button:link,
#sidebar .button:visited{
	clear:left;
	float:left;
	padding:8px 15px;
	font-family:Georgia;
	color:#fff;
	text-shadow:1px 1px #a11b41;
	font-size:16px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#9e436f;
	transition:all 0.5s linear;
	margin-bottom:30px;
}
#sidebar .button:hover{
	text-shadow:1px 1px #68001e;
	background:#68001e;
}
#sidebar p{
	font-size:16px;
	line-height:20px;
	margin-bottom:5px;
}
#sidebar ul{
	border-top:none;
	margin-top:-5px;
	margin-bottom:10px;
}
#sidebar li{
	font-size:16px;
	line-height:24px;
}
#location{
	padding:10px;
	background:#dde3d7;
	border:1px solid #c9d2c1;
}




/********CONTACT******************************/

#contactform{
	width:100%;
	margin-top:30px;
	padding:30px 0px 60px;
	background:#dde3d7;
	border:1px solid #c9d2c1;	
}
#contactform td{
	vertical-align:top;
}
.form-input{
	width:70%;
}
.form-label{
	width:30%;
	max-width:150px;
	width:80px;
	text-align:right;
	padding-right:5px;
	padding-top:10px;
	font-size:18px;
	font-family:Georgia;
	vertical-align:top;
}
.form-label-captcha{
	padding-top:10px;
	font-family:Georgia;
	vertical-align:top;
}
.contactinput{
	width:70%;
	max-width:300px;
	padding:10px;
	border:1px solid #bbb;
	font-size:16px;
	float:left;
}
.contactinputsmall{
	width:30%;
	max-width:150px;
	padding:10px;
	border:1px solid #bbb;
	font-size:16px;
	float:left;
}
#contactform textarea{
	height:120px;
	float:left;
	width:75%;
	max-width:400px;
	padding:5px;
	margin-top:2px;
	border:1px solid #bbb;
	font-size:16px;
	font-family:Arial;
}
.sendbutton{
	color:#fff;
	background:#41789b;
	padding:8px 28px;
	font-family:Arial;
	font-size:16px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor:pointer;
	border:0px;
	margin-top:10px;
	transition:all 0.5s ease;
	margin-top:10px;
	text-shadow:1px 1px #255d81;
}
.sendbutton:hover{
	background-color:#022646;
	cursor:pointer;
}
.required{
	width:16px;
	height:16px;
	float:left;
	margin:2px 3px;
	vertical-align:top;
}



/********CONTACT FORM******************************/
div.wpcf7-mail-sent-ok {
	border:1px solid #41b300;
	padding:10px;
	background-color:#ecffd3;
	color:#216a02;
}
div.wpcf7-mail-sent-ng {
	border:1px solid #41b300;
	padding:10px;
	background-color:#ecffd3;
	color:#216a02;
}
div.wpcf7-spam-blocked {
	border:1px solid #ff0000;
	padding:10px;
	background-color:#ffd3d3;
	color:#ff7272;
}
div.wpcf7-validation-errors {
	border:1px solid #cd95af;
	padding:10px;
	background-color:#f7dfea;
	color:#9e436f;
}
span.wpcf7-not-valid-tip {
	color: #9E436F;
	padding: 5px;
	float: left;
	font-size: 12px;
	display: block;
}







/********FOOTER******************************/
#footercontainer{
	background:#1c2217;
	padding-bottom:50px;
}
#footer{
	
}
#footer ul{
	border-top:1px solid #45503d;
}
#footer h1{
	font-family:Georgia;
	color:#849177;
	font-size:14px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:10px;
	letter-spacing:2px;
}
#footer li{
	font-family:arial;
	line-height:28px;
	border-bottom:1px solid #45503d;
	font-size:14px;
}
#footer li a:link,
#footer li a:visited{
	color:#bccdaa;
	display:block;
	padding-left:12px;
	background:url(img/footer/footerarrow.png) no-repeat;
	background-position:0px 0px;
}
#footer li a:hover{
	color:#fff;
	transition:color 0.5s ease;
	background-position:0px -24px;
}
#footer li.current_page_item a:link,
#footer li.current_page_item a:visited{
	color:#bcd445;
	background-position:0px -48px;
}
#footer li.current_page_item a:hover{
	color:#fff;
	background-position:0px -24px;
}
#footernav{
	width:23.5%;
	float:left;
	margin-right:3%;
	margin-top:50px;
}
#footermap{
	margin-right:3%;
	float:left;
	width:47%;
	margin-top:50px;
}
#footerlogo{
	width:23.5%;
	float:left;
}
#copyright{
	color:#849177;
	font-size:12px;
	text-align:center;
	width:100%;
	margin-top:60px;
	padding:20px 0px;
	line-height:18px;
	border-top:1px dotted #546147;
}
#copyright p{
	float:left; 
	text-align:center; 
	width:100%;
}
#copyright a:link,
#copyright a:visited{
	color:#bccdaa;
}
#copyright a:hover{
	color:#bcd445
}
#local-heritage{
	float:left; 
	width:49%; 
	text-align:right; 
	padding-right:2%;
}
#dorset-logos{
	float:right; 
	width:49%; 
	text-align:left
}



@media screen and (max-width: 320px) {
#navcontainer{
	display:none;
}
.slicknav_menu{
	display:block;
}
#nav,
#homephotos,
#photos,
#subphotos{
	max-width:100%;
	min-width:100%;
}
#intro,
#panels,
#content,
#extras,
#footer,
#copyright{
	max-width:92%;
	margin-left:4%;
	margin-right:4%;
}
.home #logo{
	display:block;
	width:100%;
	text-align:center;
	padding-bottom:40px;
}
.home #homepic,
.home #homeright{
	display:none;
}
#mainpic{
	width:100%;
}
#panelclassroom{
	margin-right:0;
	width:100%;
	margin-bottom:40px;
}
#panelparties{
	width:100%;
}
#logo{
	display:none;
}
#location {
	padding: 0px;
}
#intro {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 50px;
	margin-bottom: 30px;
}
#nav ul{
	border-left:none;
}
#nav li a:link,
#nav li a:visited{
	font-size:12px;
}
.panel h1 a:link,
.panel h1 a:visited{
	font-size:24px;
}
#contentinner{
	width:100%;
}
#sidebar{
	display:none;
}
#content p.intropara {
	line-height: 24px;
	font-size: 20px;
}
#content .bullet li {
	line-height: 24px;
}
#content .wildlife p {
	overflow:visible;
	font-size:14px;
	line-height:18px;
}
.panel{
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dashed #ccc;
}
.panel p{
	font-size:16px;
	margin-bottom: 20px;
}
.panel ul{
	margin-bottom: 20px;
	float:left;
}
.panel li{
	font-size:16px;
}
#panelguardians,
#panelwhat{
	margin-right:0%;
}
#panelwhere{
	margin-right:0;
}
.panel img {
	float:left;
	margin-right:20px;
	margin-bottom:5px;
}
.panel .button:link,
.panel .button:visited{
	margin-top:5px;
}
#extras p{
	font-size:16px;
}
#footermap{
	display:none;
}
#footernav{
	width:100%;
	margin-right:0;
}
#footerlogo{
	display:none;
}
#local-heritage{
	width:100%; 
	text-align:center; 
	padding-right:0%;
	margin-bottom:10px;
}
#dorset-logos{
	float:left;
	width:100%; 
	text-align:center;
	margin-bottom:30px;
}
}



@media screen and (min-width: 321px) and (max-width:480px) {
#navcontainer{
	display:none;
}
.slicknav_menu{
	display:block;
}
#nav,
#homephotos,
#photos,
#subphotos{
	max-width:100%;
	min-width:100%;
}
#intro,
#panels,
#content,
#extras,
#footer,
#copyright{
	max-width:92%;
	margin-left:4%;
	margin-right:4%;
}
.home #logo{
	display:block;
	width:100%;
	text-align:center;
	padding-bottom:50px;
}
.home #homepic,
.home #homeright{
	display:none;
}
#mainpic{
	width:100%;
}
#logo{
	display:none;
}
#location {
	padding: 0px;
}
#intro {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 50px;
	margin-bottom: 30px;
}
#nav ul{
	border-left:none;
}
#nav li a:link,
#nav li a:visited{
	font-size:12px;
}
.panel h1 a:link,
.panel h1 a:visited{
	font-size:24px;
}
#contentinner{
	width:100%;
}
#sidebar{
	display:none;
}
#content p.intropara {
	line-height: 24px;
	font-size: 20px;
}
#content .bullet li {
	line-height: 24px;
}
.panel{
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dashed #ccc;
}
.panel p{
	font-size:16px;
	margin-bottom: 20px;
}
.panel ul{
	margin-bottom: 20px;
	float:left;
}
.panel li{
	font-size:16px;
}
#panelguardians,
#panelwhat{
	margin-right:0%;
}
#panelwhere{
	margin-right:0;
}
.panel img {
	float:left;
	margin-right:20px;
	margin-bottom:5px;
}
.panel .button:link,
.panel .button:visited{
	margin-top:5px;
	float:none;
}
#extras p{
	font-size:16px;
}
#footermap{
	display:none;
}
#footernav{
	width:48%;
	margin-right:4%;
}
#footerlogo{
	width:48%;
	text-align:center;
}
#local-heritage{
	width:100%; 
	text-align:center; 
	padding-right:0%;
	margin-bottom:10px;
}
#dorset-logos{
	float:left;
	width:100%; 
	text-align:center;
	margin-bottom:30px;
}
}



@media screen and (min-width: 481px) and (max-width:768px) {
#navcontainer{
	display:none;
}
.slicknav_menu{
	display:block;
}
body{
	font-size:14px;
}
#nav,
#homephotos,
#photos,
#subphotos{
	max-width:100%;
}
#intro,
#panels,
#content,
#extras,
#footer,
#copyright{
	max-width:96%;
	margin-left:2%;
	margin-right:2%;
}
#homephotos,
#subphotos{
	min-width:100%;
}
#nav ul{
	border-left:none;
}
#nav li a:link,
#nav li a:visited{
	font-size:12px;
}
.panel h1 a:link,
.panel h1 a:visited{
	font-size:24px;
}
#contentinner{
	width:65%;
}
#sidebar{
	width:25%;
}
#content p.intropara {
	line-height: 24px;
	font-size: 20px;
}
#content p {
	line-height: 18px;
	font-size:14px;
}
#content .bullet li {
	line-height: 24px;
}
.panel{
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dashed #ccc;
}
.panel p{
	font-size:16px;
	margin-bottom: 20px;
}
.panel ul{
	margin-bottom: 20px;
}
.panel li{
	font-size:16px;
}
#panelguardians,
#panelwhat{
	margin-right:0%;
}
#panelwhere{
	margin-right:0;
}
.panel img {
	float:left;
	margin-right:20px;
	margin-bottom:5px;
}
.panel .button:link,
.panel .button:visited{
	margin-top:5px;
	float:none;
}
#extras p{
	font-size:16px;
}
#footermap{
	display:none;
}
#footernav{
	width:48%;
	margin-right:4%;
}
#footerlogo{
	width:48%;
	text-align:center;
}
}


@media screen and (min-width: 769px) and (max-width:959px) {
body{
	font-size:14px;
}
#nav,
#homephotos,
#photos,
#subphotos{
	max-width:100%;
}
#intro,
#panels,
#content,
#extras,
#footer,
#copyright{
	max-width:96%;
	margin-left:2%;
	margin-right:2%;
}
#homephotos,
#subphotos{
	min-width:100%;
}
#nav ul{
	border-left:none;
}
#nav li a:link,
#nav li a:visited{
	font-size:12px;
}
.panel h1 a:link,
.panel h1 a:visited{
	font-size:18px;
}
#contentinner{
	width:65%;
}
#sidebar{
	width:25%;
}
#content p.intropara {
	line-height: 24px;
	font-size: 20px;
}
#content p {
	line-height: 18px;
	font-size:14px;
}
#content .bullet li {
	line-height: 24px;
}
}