/*
Theme Name: VW Camper Van Blog
Theme URI: http://www.vwcampervanblog.com/
Description: VW Camper Van Blog Theme.
Version: 1.0
Author: Eightyone Design
Author URI: http://www.eightyonedesign.co.uk/

*/


body {
	background-color: #507190;
	background-image: url(images/bg-tile.jpg);
	font-family:Arial, Helvetica, sans-serif;
}

img {
	border:none;
	}

#header {
		width: 962px;
		height: 166px;
		margin-left : auto;
		margin-right : auto;
		padding-left: 0;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
		background-image: url(images/vw-blog-logo.png);
		background-repeat:no-repeat;
	}
	
#aboutus {
	width: 237px;
	height:166px;
	background-image:url(images/about-us-bg.png);
	background-repeat:no-repeat;
	float:right;
	text-align: center;
	}
	
#headernav {
	float:right;
	margin-top: 130px;
	float:right;
	padding: 15px 10px 10px 10px;
	}
	
#headernav ul {
	float:left;
	font-size:100%;
	}
	
#headernav li {
	display:inline;
	padding-left:12px;
	font-weight:bold;
	}
	
#headernav a {
	color:#ebead7;
	text-decoration:none;
	}
	
#headernav a:hover {
	color:#780000;
	}

/*content*/

.horizontal-bar-top {
	width: 100%;
	height:50px;
	background-image:url(images/horizontal-bar-bg.png);
	}
	
.vwcamperblog-bgtext {
	width:962px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/vw-camper-blog-bg-text.png);
	background-repeat:no-repeat;
	}

.content-bg {
	width:100%;
	background-image:url(images/bg-sack-texture.jpg);
	}

#content {
		width: 962px;
		margin-left : auto;
		margin-right : auto;
		margin-bottom:10px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 15px;
		padding-top: 0px;
	}

	
#content h2 {
	padding-top: 20px;
	}
	
.post-title-wrapper {
	width:314px;
	float:right;
	text-align:left;
	}
	
#posts {
		width: 643px;
		padding-right:27px;
		float:left;
		background-image:url(images/chassis-number.png);
		background-repeat:no-repeat;
		background-position: right top;
		}
		
#links {
		width: 265px;
		padding-left:27px;
		float:right;
		background-image:url(images/side-bar-divide.png);
		background-repeat:repeat-y;
		}
		
		
/*footer*/

.horizontal-bar-bottom {
	height:50px;
	background-image:url(images/horizontal-bar-bottom-bg.png);
	}
	
.horizontal-bar-footer {
	width: 962px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/horizontal-bar-bottom-footer.png);
	}

#footer {
		width: 962px;
		clear: both;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		padding:0;
		}
		
#footer p {
		font-size:70%;
		padding-top:2px;
		padding-bottom:2px;
		}
		
#fatfooter {
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
		margin-top:0;
		padding:20px;
		width: 922px;
		clear: both;
		text-align:left;
		background-image:url(images/fat-footer-transparent-bg.png);
		}
		
#fatfooter p {
		color:#ebead7;
		border-top:#ebead7 dashed 1px;
		text-align:right;
		clear: both;
		}
		
#fatfooter a {
		color:#ebead7;
		text-decoration:none;
		}
		
#fatfooter a:hover {
		text-decoration:underline;
		}
		
#fatfooter h4 {
		color:#152638;
		background-image: url(images/footer-header-bullet.png);
		background-repeat:no-repeat;
		padding: 0 0 5px 20px;
		text-transform:uppercase;
		}

#fatfooter li {
		border-top:#ebead7 dashed 1px;
		list-style-type:none;
		padding-top:10px;
		padding-bottom:10px

		}
	
		
#fatfooter li a {
		font-size:70%;
		font-weight:bold;
		color:#ebead7;
		text-decoration:none;
		}
		
#fatfooter li a:hover {
		text-decoration:underline;
		}
		
.fatfooterbox {
	width: 246px;
	float:left;
	padding-left: 30px;
	padding-right: 30px;
	}
		
/*sidebar*/

#subscribetoblog {
	width: 265px;
	background-image:url(images/free-updates.jpg);
	background-repeat:no-repeat;
	padding-top:186px;
	}
	
#subscribetoblog li{
	list-style-type:none;
	font-size:100%;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	background-image: url(images/footer-header-bullet.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	}
	
#subscribetoblog li a {
	color: #780000;
	text-decoration:none;
	}
		
#twitter {
	width: 265px;
	background-image:url(images/twitter.jpg);
	background-repeat:no-repeat;
	padding-top:80px;
	margin-top:10px;
	}
	
#twitter li{
	list-style-type:none;
	font-size:70%;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image:url(images/side-bar-bullet-2.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	padding-left: 15px;
	}
	
#twitter li a {
	color: #780000;
	text-decoration:none;
	}

		
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	font-size: 90%;
	font-weight:bold;
	margin: 0;
	padding: 0;

	}
	
#sidebar ul li a:link, #sidebar ul li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#152638;
	display:block;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image:url(images/side-bar-bullet-2.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	padding-left: 15px;
	}
	
#sidebar ul li a:hover {
	color: #780000;
	}
	
#sidebar h2 {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 120%;
	color:#ebead7;
	margin-top:20px;
	margin-bottom:10px;
	background-image:url(images/side-bar-heading-bg.jpg);
	background-repeat:repeat;

	}
	
#searchform {
	margin: 10px auto;
	padding: 5px 5px;
	text-align: center;
	}

	
#searchform s {
	
	}


	
/* IE6 Hack to remove whitespace in the nav */
	
#sidebar a { display: inline-block; }
#sidebar a { display: block; }

/* end hack */

/*single page styles*/

.thisentry {
	background-image: url(images/darker-bg-texture.jpg);
	color: #152638;
	font-size: 70%;
	font-weight: bold;
	padding: 10px;
	margin-bottom:10px;
	}
	

/*comment styles*/
.alt {
	margin: 0;
	padding: 0px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 0px;
	padding: 5px 0px 3px;
	list-style: none;
	background-color:#507190;
	padding: 10px;
	
	}
	
.commentlist li p {
	color: #fff;
	
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 635px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: left;
	}
	
#commentform p {
	padding-top: 2px;
	padding-bottom: 2px;
	margin:0;
	font-size: 60%;
	}
	
.name {
	font-weight:bold;
	font-size: 90%;
	}
	
.name a:link, .name a:visited {
	text-decoration:none;
	color: #fff;
	}
	
.name a:hover {
	text-decoration: underline;
	}
	
.commentdate {
	font-weight:normal;
	color: #152638;
	font-size: 90%;
	font-weight:bold;
	}
	
.commentdate a:link, .commentdate a:visited{
	text-decoration:none;
	color: #152638;
	}


/*visual styles*/

.dateandauthor {
	color:#000000;
	font-size: 60%;
	padding-top: 0px;
	}
	
.line-separation-bottom {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

/*page styles*/

.page-ul {
	font-size: 80%;
	}
	
.page-ul li {
	padding-left: 25px;
	padding-top:5px;
	padding-bottom:5px;
	}


/*other styles*/

.leftalign {
	text-align: left;
	}
	
	.rightalign {
	text-align: right;
	}
	
	.centeralign {
	text-align: center;
	}
	
	
.floatleft {
	float:left;
	}
	
.floatright {
	float:right;
	}
	
.clearboth {
	clear:both;
	}
	
/* General Styles */

* {
	padding:0;
	margin:0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #000000;
	padding-top:10px;
	padding-bottom:10px;
}

p a:link {
	text-decoration:underline;
	color: #780000;
}

p a:hover {
	text-decoration:underline;
	color: #666666;
}

p a:visited {
	text-decoration:underline;
}


h1 {
	padding:40px 40px 40px 50px;
	color:#000033;
	font-weight:bold;
	font-size:80%;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link {
	color: #780000;
	text-decoration:none;
	font-weight: bold;
}

h2 {
	font-size: 110%;
	font-weight: bold;
	color: #780000;
}

h2 a:link, h3 a:link, h4 a:link, h5 a:link {
	color: #780000;
	text-decoration:none;
	font-weight: bold
}

h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {
	color: #666666;
	text-decoration:none;
}

h3 {
	font-size: 110%;
	font-weight: bold;
	color: #780000;
	padding-top: 10px;
	padding-bottom: 10px;
}

h4, h5 {
	font-size: 100%;
	font-weight: bold;
	color: #780000;
	padding-top: 10px;
	padding-bottom: 10px;
}

li {
	font-weight: normal;
	color: #000000;
	list-style-position:inside;
	list-style-type:square;
	
}

ol {
	font-size: 80%;
}

.relatedposts li {
	padding-left: 20px;
}

.relatedposts li a {
	text-decoration:none;
	color: #780000;
	font-size: 80%;
}

.relatedposts h3 {
	font-size: 90%;
	color: #000000;
}


/*other styles*/

.line-separation-top {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #666666;
	clear:both;
}
	
.imagefloatleft {
  float: left;
  padding-right:20px;
  padding-top:20px;
  padding-bottom:20px;

}

.capitals {
	text-transform:uppercase;
	}
	
.post-footer-highlight {
	background-color:#507190;
	padding:10px;
	margin-bottom:5px;
	vertical-align:top;
	}
	
.post-footer-highlight p {
	color:#FFFFFF;
	}
	
.post-footer-highlight h3 {
	color:#152638;
	padding:0;
	margin:0;
	}
	
.bio-photo {
  float: left;
  width: 100px;
}

.bio-text {
  float: left;
  width: 503px;
  padding-left: 20px;
}

.clear {
	clear:both;
	}
	
	
.flickr {
	width:265px;
	background-image:url(images/flickr.jpg);
	background-repeat:no-repeat;
	padding-top:100px;
	margin-top:10px;
	padding-bottom:10px;
	
	}
	
.flickr img {
	float:left;
	padding-right:5px;
	padding-bottom:5px;
	width:81px;
	height:81px;
	}
	
.facebook {
	width:265px;
	background-image:url(images/facebook.jpg);
	background-repeat:no-repeat;
	padding-top:94px;
	margin-top:10px;
	padding-bottom:10px;
	}
	
.facebook img {
	clear:both;
	padding: 2px 0 2px 0;
	}
	
.adverts {
	width:265px;
	}
	
.adverts img {
padding-bottom:15px;
}
	
.advertsleft  {
	padding-right:7px;
	}
	
.advertsright  {
	padding-left:8px;
	}