/*  
Theme Name: Bournemouth Surf Reef
Theme URI: http://www.bournemouthsurfreef.com
Description: Theme for Bournemouth Surf Reef
Version: 1.0
Author: Europa Studio
Author URI: http://www.europastudio.co.uk
*/

@import url('bookmarkify.css'); /* Social Bookmarks Plugin CSS */

/*************************************
 +Hardcloud Adverts
 *************************************/
 
#adbox {
		height:326px;
		margin:0 0 20px 34px;
		width:208px;
		background:url(images/adbox.gif) no-repeat;
	}
	#adcontainer{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:150px;	
	}	
	.adboxtitle {
		height:46px;
	}
	.adboxtitle h3 {
		margin:0;
		padding-top:15px;
		text-align:center;
		font-family: "Georgia", Times New Roman, Times, serif; 
		color:#A75A1C;
		font-size:20px;
		letter-spacing:normal;
		font-weight:normal;
		line-height:100%;
	}
	
	#adcontainer img{border:2px solid #ccc;}
	#adcontent{
		position:relative;
		color:#424242;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:130%;
		text-align:center;
		}	
	#adcontent a {
		color:#129FC9;
		font-weight:bold;
		text-decoration:underline;
		}	
	.adcredits {
		border-top:1px dotted #ccc;
		margin:0 15px;
		padding:5px 0;
		height:50px;
		color:#424242;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		line-height:115%;
		text-align:left;
	}
	.adcredits a {
		color:#A75A1C;
		font-weight:bold;
		text-decoration:none;
	}
	.logoleft {
		margin: 2px 8px 10px 0;
		display: inline;
		float: left;
		clear: left;
		border:0px;
	}	
	.adboxtitle h3 sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
	font-size:50%;
	}

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:150px;
		height:216px;
		overflow:hidden; 
		}
					
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		padding:0px;
		overflow:hidden;
		text-indent:-8000px;		
		width:22px;
		height:21px;
		position:absolute;
		left:-22px;
		top:-158px;
		}	
	#nextBtn, #nextBtn2{ 
		left:150px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:22px;
		height:21px;
		background:url(images/left.png) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(images/right.png) no-repeat 0 0;	
		}												

/* // Easy Slider */

/*************************************
 +Table Styles
 *************************************/
table {
  border-collapse: collapse;
  border-bottom: 1px solid #F0EBCE;
  color: #150500;
  background: #FBF4D7;
  margin: 10px 0 30px 0;
  width:100%;
  }
caption {
  text-align: left;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
td, th {
  border-bottom: 1px solid #F0EBCE;
  padding: 0.2em;
  color: #150500;
  vertical-align:middle;
  }
thead th, tfoot th {
  font-size:1.6em
  text-align: left;
  vertical-align:middle;
  background: #a75a1c;
  color: #F0EBCE;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #F6ECF0;
  }
tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
.odd {
  background: #F0EBCE;
  }
tbody tr:hover {
  background: #F0EBCE;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #F0EBCE;
  }

/*************************************
 +Accommodation Sponsored Ads
 *************************************/

.advert {
background:#F0EBCE none repeat scroll 0 0;
float:left;
line-height:18px;
margin-bottom:10px;
padding:8px;
position:relative;
width:480px;
}

.advert h4 { background:transparent url(images/ad_bullet.gif) no-repeat scroll left top; font-weight:normal; margin: 0 0 -10px 0; padding:0 0 0 22px; font-size:1.4em; color:#a75a1c; }
.advert h4 span { font-size: 60%; }
.advert p { font-family: arial,sans-serif; color: #000; }
.advert h5 { font-weight:normal; font-size:0.9em; margin: 0 0 3px 0; padding: 0; font-family: arial,sans-serif; color: gray; }

p.adtypes {
        background:#FBEEF1 url(images/info.gif) no-repeat scroll 15px 8px;
        border-bottom:2px solid #FEABB9;
        border-top:2px solid #FEABB9;
        padding:5px 20px 5px 45px;
        text-align:left;
}


/*************************************
 +Postnav
 *************************************/
.postnav .previous a {
background:transparent url(images/prev-post.gif) no-repeat scroll left top;
float:left;
padding:12px 0 10px 30px;
}
.postnav .next a {
background:transparent url(images/next-post.gif) no-repeat scroll right top;
float:right;
padding:12px 30px 10px 0;
text-align:right;
}
.postnav a:hover {
border:medium none;
text-decoration:underline !important;
}
.postnav a {
-x-system-font:none;
border:medium none !important;
color:#a75a1c !important;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:140%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:100%;
width:200px;
}

/*************************************
 +Containers
 *************************************/
body{
	background:#0F004E url(images/bg.jpg) repeat-x top left;
	color:#150500;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:72.5%;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}
#wrap{
	position:relative;
	margin:0 auto;
	text-align:left;
	width:1019px;	
}
#header{
	background:url(images/header.png) no-repeat;
	width:1019px;
	height:309px;
	padding:0;
}
#contentwrap{
	background:#fbf4d7;
	width:845px;
	padding:0px;
	margin:-120px 0 0px 85px;
}
#content{
	background:#fbf4d7;
	font-size:1.1em;
	float:left;
	text-align:left;
	padding:10px 1em 1em 30px;
	width:500px;
	margin-bottom:0px;
}

#archiveform {
         margin: 10px 17px 20px 0;
	float: right;
	clear: right;
}

img.alignright {
	margin: 0 0 10px 20px;
	display: inline;
	float: right;
	clear: right;
}

img.alignleft {
	margin: 0 20px 10px 0;
	display: inline;
	float: left;
	clear: left;
}

.small {
font-size: 0.8em;
}


/*************************************
 +Advertising Panel
 *************************************/

a:focus {
	outline: none;
}
#panel {
        background: #100C07 url(images/wood.jpg) repeat-x left top;
        height: 380px;
        display: none;
padding-bottom:10px;
}
#panel a {
       color: #fff;
}
#panel a:hover {
       color: #A75A1C;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #100c07;
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 164px;
	height: 33px;
	padding: 2px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: 1.6em Georgia, Times New Roman, Times, serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

/*************************************
 +Twitter
 *************************************/
#twitter_div {
	position:absolute;
	width:212px;
	height:40px;
	top:20px;
	left:665px;
}
#twitter_div ul {
         font:11px Verdana, Arial, Helvetica, sans-serif;
         line-height:1.1em;
	list-style-type:none;
	margin:0;
	padding:0;
	clear:both;
}
#twitter_div li {
	color:#fff;
}
#twitter_div li a {
	color:#C5CFE5;
}
#twitter_div #twitter-link {
	position:absolute;
	width:32px;
	height:32px;
	top:6px;
	left:228px;
}

/*************************************
 +Search form
 *************************************/
.search-form {
	position:absolute;
	width:150px;
	height:90px;
	top:31px;
	left:775px;
}
.search-form input{
	width:132px;
	border:0px;
}

/*************************************
 +Footer
 *************************************/
#footer{
	clear:both;
	position:absolute;
	background:url(images/bg-footer.jpg) repeat-x;
	color:#d7d1b8;
	height:478px;
	width:1019px;
	margin:0;
	font-size:1.1em;
}
#footer a {
    color:#b3960e;
}
#footer a:hover {
	color:#fff;
}
#top-footer {
	margin:80px 0 0 110px;
	height:398px;
}
#top-footer ul{
	font-size:1.2em;
	list-style: none;
	padding:0;
	margin:1em;
	width:340px;
	height:270px;
	float:left;
}
#top-footer li{
	border-bottom:1px dotted #6C6C6C;
}

#credits{
	text-align:center;	
	font-size:1em;
	color:#d7d1b8;
	text-transform:uppercase;
	margin-left:100px;
	padding:1em 0;
	width:800px;
}
#credits span{
	font-size:0.8em;
}
#googleads{
	float:right;
	margin: 5px 15px 15px 0;
}
/*************************************
 +RSS Icon
 *************************************/
#rss-big {
	position:absolute;
	width:110px;
	height:80px;
	top:0px;
	left:560px;
}
#rss-big a{
	display:block;
	width:110px;
	height:80px;
}
/*************************************
 +Hn, a and p
 *************************************/
pre{ max-width:500px; }

a{ color:#a75a1c; text-decoration:none; }

h1, h2, h3 { font-weight:normal; letter-spacing: -1px; margin:0; }

.entrytitle h2{	font-size:2.4em; line-height:1.2em;}
.entrytitle h2 a { color:#a75a1c; }
.entrytitle h2 a:hover{ color:#424242; }
.entrytitle h3{	margin-top:-10px; font-size:1.8em; color:#6F6F6F; }

.entrybody p{ text-align:justify;}
.entrybody a{ text-decoration:underline; }
.entrybody a:hover{ text-decoration:none; }


.entrybody h2{ font-size:1.8em; margin-top:.7em; }
.entrybody h3{ font-size:1.4em; margin-top:.7em; }

#header a{
	display:block;
	width:480px;



	height:170px;
}
blockquote { 
	border-left:5px solid #A75A1C;
	display: block;
	padding: 0 1em;
}

/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:1em;
}
.entry img {
	max-width:500px;
	width: expression(this.width > 500 ? 500: true);	
	border:0px;
	padding:5px;
	background:#fff;
	border:1px solid #ccc;
}
.entry .no-border, .entry .no-border:hover {
         border:none;
         background:none;
}
.entry img:hover{
	padding:5px;
	border:1px dotted #000;
}
.entry code{
	background:#e3e7cb;	
	color:#999;
	font-size:1.1em;
	padding:.2em;
}
.entrymeta{
	font-size:1.6em;
	padding-top:.2em;
	color:#424242;
}
.entrymeta a{
	color:#424242;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar{
	font-size:1.1em;
	float:right;
	padding:0;
	margin:10px;
	width:260px;
}
#sidebar #postlist ul{
	list-style-type:none;
	margin:0;
	padding:0;
	clear:both;
	margin-bottom:1em;
}
#sidebar #postlist ul li{
	margin:.3em;
	padding-left:40px;
	border-bottom:1px dotted #D5D5D5;
}
#sidebar #postlist ul a:hover{

	color:#424242;
}
#sidebar h2{
	background:url(images/bg-sidebar-header.jpg) no-repeat;
	margin-left:0px;
	height:60px;
	width:258px;
	color:#424242;
	padding:25px 0 0 0px;
	font-size:1.6em;
	text-align:center;
}

/*************************************
 +Menu
 *************************************/
#menu {
	position:absolute;
	left:520px;
	top:122px;
}
#menu ul{
	font-size:1.6em;
	list-style: none;
	padding:0;
	margin:0;
}
#menu li{
	float: left;
	border-bottom:0px;
}
.menu-bg a{
	background:#100c07;
	color:#ffffff;
	padding:0.5em 1em 0.3em 1em;
	margin-left:0.5em;
	display:block;
}
#menu li a:hover{
	background:#fbf4d7;
	color:#a75a1c;
}
#menu ul li ul {
	display:none;
}
.menu-hover a{
	background:#fbf4d7;
	color:#424242;
	padding:0.5em 1em 0.3em 1em;
	margin-left:0.5em;
	display:block;
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
	font-size:1.0em;
	margin:0em;
	padding:1em;
}
.commentsblock textarea{
	width:35em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	font-size:1em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
ol.commentlist a{
	color:#a75a1c;
}
ol.commentlist a:hover{
	color:#424242;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#ece6ca;
	border-left:5px solid #333;
	border-bottom:1px dotted #333;
	border-top:1px dotted #333;
	padding:0.5em;
}
h3.comments{
	font-size:1.4em;
	color:#6C6C6C;
}	
.count {
	float:right;
	font-size:4em;
	color:#333;
}
.mycount {
	float:right;
	font-size:4em;
	color:#a75a1c;
}

/*************************************
 +Flickr
 *************************************/
#flickr {
	margin:0;
	padding:0em;
}
#flickr img {
	border:0px;	
}
#flickr a {
	background:#FFF;
	border: 1px dotted #ccc;
	float: left;
	display: inline;
	margin:0.7em;
	padding:5px;
	width: 75px;
	height: 75px;
}
#flickr a:hover{
	border: 1px dotted #000;
	background:#000;
}
/*************************************
 +Misc
 *************************************/

#download {
	background:#e3e7cb url(./images/bullet.gif) no-repeat;
	background-position: 12px 12px;
	padding:1em;
	padding:10px 10px 10px 40px;
	margin: 0.5em 0 1em 0;
}
.post-date{
	position:absolute;
	font-size:18px;
	left:18px;
	width:67px;
	height:60px;


	font-weight:bold;
	padding-top:7px;
	background: #100c07;
	text-align:center;
}
.post-date .month { color:#D5D5D5; }
.post-date .day { color:#fff;}

table.plymouth_report {
font:8px verdana;
border:1px solid #ccc;
background:#F6EFD2;
}
table.plymouth_report td {
padding:5px;
border-bottom:1px solid #ccc;
}