/*  
Theme Name: Island Campers
Theme URI: http://www.islandcampers.co.uk/
Description: Original Island Campers website ported to Wordpress.
Version: 0.1
Author: David Gifford, NB Communication
Author URI: http://www.nbcommunication.com/
*/

* {	margin:0;	padding:0;	border: 0; font-family:"Trebuchet MS", Helvetica, sans-serif;	font-size: 1em;	font-weight:normal;}

body {	font-size: 80%;	text-align: center;	background: url(images/back.gif);}

/*a {	text-decoration: none;	font-weight: bold;}

a:hover, a:focus, span.underline {	text-decoration: underline;}
*/strong {	font-weight: bold;}



sup {	font-size: .6em;}h3 sup {	font-weight: bold;}

#container {	max-width: 735px;	margin: 0 auto;	text-align:left;	border: 1px solid #BCBD93;	background: #FFFFFF;}


#header {	position: relative;	height: 148px;	padding: 29px 0 0 0;	background: url(images/header.jpg) top left no-repeat;}


#header h1 {	width: 200px;	height: 110px;	margin: 0 0 0 1.4em;}


#header h1 a {	display: block;	width: 200px;	height: 110px;	text-indent: -999em;	overflow: hidden;}


#header h1 a:hover {	text-decoration: none;}


#header p.slogan {	height: 0;	overflow: hidden;	/*background: url(images/slogan.gif) top left no-repeat;	*/}


#navigation {	position: relative;}


#navigation p.skip {padding: .2em 0; margin-left: -5000px;}


#navigation p.skip a {	color: #FFFFFF;	font-size: 1.2em;}


#navigation p.skip a:hover, #navigation p.skip a:focus {color: #666E3F;}


#navigation h2 {	height: 0;	overflow: hidden;}


#navigation ul {	position: absolute;	top: 0;	right: 0;	list-style: none;}

#navigation li {	float: left;	padding: .2em 0;}


#navigation li a {	display: block;	padding: 0 .6em;	font-size: 1.2em;	color: #666E3F;	border-right: 1px solid #666E3F;}


#navigation li.last a {	border-right: none;}


#navigation li a:visited {	color: #B3B7A0;}


#navigation li a:hover {	color: #4D532F;}





#navigationrowtwo {	position: relative;}

#navigationrowtwo ul {position: absolute; top: 0; right: 0; list-style: none;}

#navigationrowtwo li {	float: left;	padding: .2em 0;}


#navigationrowtwo li a {display: block;	padding: 0 .6em;	font-size: 1.2em;	color: #666E3F;	border-right: 1px solid #666E3F;}


#navigationrowtwo li.last a {border-right: none;}


#navigationrowtwo li a:visited {color: #B3B7A0;}


#navigationrowtwo li a:hover {	color: #4D532F;}





#utilities {	float: left;	width: 195px;	padding: 3.2em 15px 1em;}




#information {	padding: 1em 15px;	/*border: 1px solid #D0CB67;	background: #FDFAF3;*/   border: 1px solid #E79C8E;    background: #FCF2F0;}

#information div {	padding: 1em 0;}

#information h2 {	font-size: 1.6em;	font-weight: bold;	color: #3B86A5;	border-bottom: 1px solid #3B86A5;}
#search h3 {	font-size: 1.2em;	font-weight: bold;	color: #666E3F; margin-bottom: 5px;}

#information ul {	padding: 0 0 0 20px;	margin: 1em 0 0;	font-size: 1.1em;	color: #777232;}

#information p {	margin: 1em 0 0;	font-size: 1.1em;	color: #777232;}


#information address {	font-style: normal;	margin: 1em 0 0;	font-size: 1.1em;	color: #777232;}


#information a {	color: #777232;}

#information li a:visited {	color: #BCB999;}

#information li a:hover {	color: #595626;}

#information span {	font-weight: bold;}




#content {	margin: 0 0 0 225px;	padding: 2em 15px 2em 0;}

#content div {	margin: 0;	padding: 1em 5px 0px 5px;}

#content h2 {	font-size: 2em;	 margin: 0 0 .5em;	color: #3B86A5;}

#content h3 {	font-size: 1.6em;	margin: 0 0 .5em;	color: #7AA2AE;	font-weight: bold;}



#content h4, #content dt {	font-size: 1.4em;	margin: 0 0 .5em;	font-weight: bold;	color: #777232;}

#content p, #content dd {	font-size: 1.2em;	margin: 0 0 1em;	color: #666E3F;}

#content a {color: blue;}

#content a:visited {color: purple;}

#content ul { margin-left:0 ; padding-left:0;}








#content li { margin-left:0 ; padding-left:0;}


#content li a:visited {	color: #808080;}

#content li a:hover {	color: blue;}

#content p.abstract {	font-weight: bold;	color: #7AA2AE;}







#content ul {	font-size: 1.2em;	margin: 0 0 .5em;}


#content li {	margin: 0 0 .5em 2em;	text-align: left;	color: #666E3F;}


#faq li {	margin: 0 0 .5em 0;}

#legal {	clear: left;	margin: 0 15px;	position: relative;	border-top: 1px solid #69949A;}

#legal h2 {	height: 0;	overflow: hidden;}

#legal ul {	height: 1em;	padding: .5em 0;	list-style: none;	text-align: center;}

#legal li {	display: inline;}#legal li a {	padding: 0 .6em;	font-size: 1.2em;	color: #69949A;}

#legal li a:visited {	color: #B5CACD;}

#legal li a:hover {	color: #4F6F74;}

#footer {	margin: 0 15px;	padding: 1em 0;	font-size: 1.2em;	text-align: center;	font-weight: bold;	color: #69949A;}

#footer p a {	color: #69949A;	font-weight: normal;}

#footer li a:visited {	color: #B5CACD;}

#footer li a:hover {	color: #4F6F74;}


#content .thumbnail {
	width: 200px;
	float: left;
	margin: 0 10px 10px 0px;
	border: 1px solid #ccc;
	padding: 3px 5px;
	text-align: center;
	}

#content .thumbnail p{
	margin: 3px 0 0 0;
	padding: 0;
	color: #666;
	font-size: 1.2em;
	text-align: center;
	}
#content .thumbnail img{
	margin: 3px 0 0 0;
	border: none;
	}



#content .left{
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	padding:3px 5px;
	text-align:center;
	}


#content .alignleft{
float:left;
margin:3px 14px 14px 0;
border:1px solid #ccc;
padding:3px 5px;
text-align:center;
}
	
#content .alignright{
	float:right;
	margin:3px 0 14px 14px;
	border:1px solid #ccc;
	padding:3px 5px;
	text-align:center;
	}
	
.aligncenter.size-thumbnail {
	clear: both;
	margin: 10px 140px 18px 120px;
	border:1px solid #ccc;
	padding:3px 5px;
	text-align:center;
	}


	
#content .thumbnailright img{
	margin: 3px 0 0 0;
	border: none;
	}
	

#content .thumbnailthin {
	width:140px;
	float:left;
	margin:0 10px 10px 10px;
	border:1px solid #ccc;
	padding:3px 5px;
	text-align:center;
	}

#content .thumbnailthin p{
	margin: 3px 0 0 0;
	padding: 0;
	color: #666;
	font-size: 1.2em;
	text-align: center;
	}
#content .thumbnailthin img{
	margin: 3px 0 0 0;
	border: none;
	}














#content .thumbnailthinright {
	width:140px;
	float:right;
	margin:0 10px 10px 10px;
	border:1px solid #ccc;
	padding:3px 5px;
	text-align:center;
	}

#content .thumbnailthinright p{
	margin: 3px 0 0 0;
	padding: 0;
	color: #666;
	font-size: 1.2em;
	text-align: center;
	}
#content .thumbnailthinright img{
	margin: 3px 0 0 0;
	border: none;
	}

div.spam-prev {

	position: relative;
	
	padding: 40px 0 0 0 !important;
	
}

p.spam-prev {

	position: absolute;
	
	top: 10px;
	
	left: 10px;

	margin: 0 !important;
	
	padding: 0 !important;
	

}

#content .rates table {

	

   width: 400px;

   margin: 0 auto;

   border-collapse: collapse;

   border: 1px solid #999666;

}



#content .rates caption {

	

   margin: 0 auto;

   padding: 2px 0;

   font-size: 1.4em;

	

   font-weight: bold;

	

   color: #FFFFFF;

   background: #999666;

}

#content .rates td, #content .rates th {

	

   width: 50%;

   padding: 5px 25px;

   font-size: 1.2em;

	

   margin: 0 0 1em;

	

   text-align: justify;

	

   color: #666E3F;

	

}

#content .rates th {

	

   border-right: 1px solid #999666;

   text-align: right;

   font-weight: bold;

}

#content div.hours table {

	

   width: 400px;

}

#content div.hours th {

	

   width: 20% !important;

   padding: 5px;

}

#content div.hours td {

	

   width: 40% !important;

   text-align: center;

   padding: 5px;

   border-right: 1px solid #999666;

}

#content div.hours thead th {

	

   padding: 2px 0;

   text-align: center;

   color: #FFFFFF;

   background: #999666;

}



#content address {

   color: #666E3F; 

   font-size: 1.2em;

}

#content address span {

   font-weight: bold;

}





#content div.rates {margin: 0 0 .5em; }

#content div.rates h3, #content div.rates p {text-align: center; font-size: 1.2em; }



#camping {clear: right; border: 1px solid #A7D6D0; background: #F5FDFF; width: 450px; margin-bottom: 25px; }

#camping h3 {/*font-size: 2em; */color: #4A849A; }




.subnav {padding: 1em 15px;	/*border: 1px solid #8D936F;	background: #FDFAF3;*/   border: 1px solid #8D936F; background: #F0F1EC; margin-bottom: 2em;}

.subnav h2 {font-size: 1.6em;	font-weight: bold;	color: #666E3F;	border-bottom: 1px solid #666E3F;}

.subnav h3 {font-size: 1.4em; margin: 0 0 .5em; font-weight: bold; color: #666E3F; padding-top:10px;}

.subnav ul {list-style: none; font-size: 1.2em;}

.subnav li {margin: 0 0 .5em 0; }

.subnav a {color: #666E3F;}





#leftnav {padding: 0.5em 15px;	/*border: 1px solid #D0CB67;	background: #FDFAF3;*/   border: 1px solid #E79C8E;    background: #FCF2F0; margin-bottom: 2em;}

#leftnav div {padding: 1em 0;}

#leftnav h2 {font-size: 1.4em;	font-weight: bold; color: #3B86A5; padding-top: 0.5em; border-bottom: 1px solid #3B86A5;}

#leftnav h3 {font-size: 1.2em; margin: 0 0 .5em; font-weight: bold; color: #666E3F; padding-top:10px;}

#leftnav ul {padding: 0 0 0 20px;	margin: 1em 0 0;	font-size: 1.2em;	color: #777232;}

#leftnav p {margin: 1em 0 0;	font-size: 1.1em;	color: #777232;}

#leftnav a {color: #3B86A5;}

#leftnav li a:visited {	color: #595626;}

#leftnav li a:hover {	color: #BCB999;}


#leftnav li {padding-bottom: 4px;}

#attractions {border: 1px solid #A7D6D0; background: #F5FDFF; }

#attractions h2 {font-size: 2em; color: #4A849A; }

#attractions h3 {font-size: 1.2em; font-weight: bold; color: #3B86A5; }



#attractions div.attraction-2 h3 {text-align: right; }

#attractions div {position: relative; min-height: 6em; }

#attractions div.attraction-1 {padding: 0 0 0 11em; }

#attractions div.attraction-2 {padding: 0 11em 0 0; }

#attractions img {position: absolute; top: .5em; width: 10em; height: 6em; margin: 0; padding: 0; border: none; }

#attractions div.attraction-1 img {left: 0; }

#attractions div.attraction-2 img {right: 0; }



.thumbnailright a {
	cursor: url(images/magnify.cur), pointer;
}



#search {
padding: 1em 15px; border: 1px solid #A7D6D0;	background: #F5FDFF; margin-bottom: 26px;
}

.text {	
float:left;
width:100px;
height:15px;
border:1px solid #A7D6D0;
background:url(images/bg-input.gif) no-repeat 0 0;
padding:4px 10px;
color:#666;
border-right:0;
}

.gobutton {
float: left;
height: 25px;
border: 0px;
}


#content a img { cursor: url(images/magnify.cur), pointer;}

#contact { border: 1px solid #777232; }

#contact input, #contact textarea { border: 1px solid #777232; }

#main-fields { border: 1px solid #777232; }

.submit-button { margin: 0; padding: 0; }
.submit-button input { width: 200px; height: 2em; border: 1px solid;  }

#content div.navigation .alignleft { border: 0; }
#content div.navigation .alignright { border: 0; }

#content input { border: 1px #777777; }




/*************************************
 +Comments
 *************************************/
.commentsblock, contactform{
	font-size:1em;
        clear:both	
}
.commentsblock textarea, .contactform textarea{
	width:44em;
}
.commentsblock input, .commentsblock textarea, .contactform input, .contactform textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus, .contactform textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:focus, .contactform input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#505247;
	font-size:1em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;  
left: -25px;
position: relative;    
}
ol.commentlist a{
	color:#b3960e;
}
ol.commentlist a:hover{
	color:#424242;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
	background:#FCF2F0;
	}

ol.commentlist p {
padding-left: 1.2em;
padding-top: 0.8em;
padding-bottom: 0px;
margin-bottom: 0px;
line-height: 0.8em;
}



.commentlist li.alt{
	background:#F0F1EC;
	padding:0.5em;
}

h3.comments{
	font-size:1.3em;
	color:#6C6C6C;
}	
#commentmeta{
	font-size:1em;
}
#commentmeta cite{
	padding-right:1em;

	margin-right:1em;
	font-weight:bold;
	font-size:15px;
	margin-left: 1em;
}

#content #post-12 ul li a {
display:block;
}

#content #post-5 .alignleft{
float:left;
margin:0px;
border:1px solid #ccc;
padding:3px;
margin-right: 5px;
margin-bottom: 5px;
}	

#content #post-5  h3 {
padding-top: 20px;
}



/*************************************
 +Contact Form
 *************************************/

.ddfmwrap { margin: 0; padding: 0;}

#post-26 textarea, #post-26 input, #post-26 fieldset, #post-26 select { border: 1px solid #999666; }

#post-26 legend { margin-bottom: 5px; padding-bottom: 5px; }

#post-26 fieldset { padding-top: 20px; }

#post-26 submit { border: 1px solid #999666; background: #fff; padding: 10px; width: 250px;}

#post-26 .submit { float: left; }
#post-26 .submit input { float: left; margin-bottom: 30px; margin-left: 110px; width: 220px; padding-top: 10px; padding-bottom: 10px;}

#post-26 .credits { display: none; }



#post-13 textarea, #post-13 input, #post-13 fieldset, #post-13 select { border: 1px solid #999666; }

#post-13 legend { margin-bottom: 5px; padding-bottom: 5px; }

#post-13 fieldset { padding-top: 20px; }

#post-13 submit { border: 1px solid #999666; background: #fff; padding: 10px; width: 250px;}

#post-13 .submit { float: left; }
#post-13 .submit input { float: left; margin-bottom: 30px; margin-left: 110px; width: 220px; padding-top: 10px; padding-bottom: 10px;}

#post-13 .credits { display: none; }