/*  
Theme Name: Lewis Bilsland
Theme URI: 
Description: 
Author: Lewis Bilsland
Author URI: http://www.lewisbilsland.co.uk/
*/

@import url("forms.css");

* {
padding:0;
margin:0;
}

body {
font-family: Arial, Helvetica, sans-serif;
background:url("images/tile.gif") top left repeat #232121;
}

img { border: 0; }
a:focus { outline: none; }
.clear { clear:both; }

.left {
float:left;
padding:8px 8px 8px 0;
}

.right {
float:right;
padding:8px 0 8px 8px;
}

h1 {
color:#333333;
font-size: 26px;
padding:0 0 17px 0;
font-weight:normal;
}

h2 {
color:#333333;
font-size: 18px;
padding:5px 0 17px 0;
font-weight:normal;
}

h3 {
color:#333333;
font-size: 16px;
padding:0 0 5px 0;
font-weight:normal;
}

h2 a{
color:#333333;
}

h3 a{
color:#333333;
}


p {
padding:0 0 17px 0;
font-size: 12px;
color: #666666;
line-height: 16px;
}

a {
text-decoration: none;
color: #696825;
}

a:hover {
color: #f98310;
text-decoration: none;
}

/*----------------------------- top navigation --------------------------------------*/


#navigationholder {
	width: 350px;
	height: 37px;
	float: right;
	padding: 114px 0px 0px 0px;
}

ul#nav {
	position: relative;
	height: 37px;
	width: 350px;
	margin: 0px;
	}

ul#nav li {
float: left;
list-style: none;
}
	
ul#nav li a {
position: absolute;
text-indent: -9999px;
text-decoration: none;
border: none !important;
top: 0; height: 37px;
}

ul#nav li#nav-home a { 
left: 0; width: 69px;
background: url("images/navigation.gif") no-repeat;
}
ul#nav li#nav-about a { 
left: 69px; width: 73px; 
background: url("images/navigation.gif") -69px 0 no-repeat;
}
ul#nav li#nav-blog a { 
left: 142px; width: 69px; 
background: url("images/navigation.gif") -142px 0 no-repeat;
}
ul#nav li#nav-work a { 
left: 211px; width: 68px; 
background: url("images/navigation.gif") -211px 0 no-repeat;
}
ul#nav li#nav-contact a { 
left: 279px; width: 71px; 
background: url("images/navigation.gif") -279px 0 no-repeat;
}
			

ul#nav li#nav-home a:hover  		{ background-position: -0px -37px; }
ul#nav li#nav-about a:hover  		{ background-position: -69px -37px; }
ul#nav li#nav-blog a:hover  		{ background-position: -142px -37px; }
ul#nav li#nav-work a:hover  		{ background-position: -211px -37px; }
ul#nav li#nav-contact a:hover  		{ background-position: -279px -37px; }

ul#nav li#nav-home a.active  		{ background-position: -0px -74px; }
ul#nav li#nav-about a.active  		{ background-position: -69px -74px; }
ul#nav li#nav-blog a.active  		{ background-position: -142px -74px; }
ul#nav li#nav-work a.active  		{ background-position: -211px -74px; }
ul#nav li#nav-contact a.active  	{ background-position: -279px -74px; }


/*----------------------------- subnavigation PAGE ITEM --------------------------------------*/

.page_item {
 margin: 0;/*removes indent IE and Opera*/
 padding: 0;/*removes indent Mozilla and NN7*/
 list-style: none;
 width: 259px;
}

.page_item a, .page_item a:visited {
  display: block;
  height: 25px;
  line-height: 25px;/*must be equal to height. Centers the text vertically*/
  padding: 0 0 0 15px;
  border: none;
  font-size: 12px;
  font-weight: normal;
  color: #5b5b5a;
  text-decoration: none;
  background: url(images/subnav_home.gif) repeat-x left top;
}

.page_item a:hover {
  background-position: 0 -25px;   /* Shift background image vertically 24px, or start of the 2nd background image (on mouseover) */
  font-size: 12px;
  font-weight: normal;
  color: #cccccc;
}
ul li.current_page_item a:link,
ul li.current_page_item a:visited,
ul li.current_page_item a:active,
ul li.current_page_item a:hover {
color: #f98310;
font-weight: bold;
}


/*----------------------------- Wrapper and header --------------------------------------*/

#wrapper_header {
	height:391px;
	background-color: #232121;
	padding: 0;
	margin: 0;
}

#container_header {
	position:relative;
	width:940px;
	height:165px;
}

#logo {
	width: 940px;
	height: 165px;
	background:url("images/logo.gif") top center no-repeat;
}

#herowrapper{
width: 940px;
height: 226px;

}
#hero {
	position:relative;
	width:672px;
	height:226px;
	float: left;
}

#info{
	position:relative;
	width:268px;
	height:226px;
	float: left;
}

#address{
	position:relative;
	width:213px;
	height:164px;
	float: left;
	padding: 0 0 0 55px;
}

#address li{
list-style:none;
color: #ffffff;
font-size: 12px;
padding: 0px 0px 8px 0px;
}

#address a{
color: #ffffff;
text-decoration:none;
}

#address a:hover{
color: #e3e139;
text-decoration:none;
}

.yellowtext{
color: #e3e139;
}

#herotag{
	width: 213px;
	height: 42px;
	float: left;
	background:url("images/hero_tab.jpg") no-repeat #696825;
	padding: 10px 0px 10px 55px;
}

#herotag p{
	padding: 0px 0px 3px 0px;
	color:#ffffff;
}

#herotag h3{
	font-size: 14px;
	padding: 0px 0px 3px 0px;
	color:#e3e139;
	font-weight:bold;
}



/*----------------------------- content area --------------------------------------*/

div#wrapper_content {
	min-height:469px;
	_height:469px;
	width: 940px;
}

div#wrapper_content div#container_content {
	width:940px;
	padding:0px 0px 0px 0px;
}

/*----------------------------- bar --------------------------------------*/

.bar {
	height:15px;
	font-size:0;
	width:800px;
	background:url('images/footer_line.gif') repeat-x;
	margin:0 0 0px 0;
	clear:both;
}

/*----------------------------- home page and layouts --------------------------------------*/


#home {
	background-color:#ffffff;
	float:left;
	width: 940px;
	margin:0 0 0px 0;
	padding:25px 0 40px 0;
}

#column1 {
	width:188px;
	float:left;
	padding:0px 0px 0px 55px;
}

#column1 li{
list-style:none;
font-size: 12px;
padding: 0px 0px 8px 0px;
}

#column2 {
	width:432px;
	float:left;
	padding:0px 0px 0px 25px;
}

#column2 p{
font-size: 14px;
line-height: 18px;
}
	
#column3 {
	width:190px;
	float:left;
	padding:0px 25px 0px 25px;
}

#column3 li{
list-style:none;
}

#column4 {
	width:647px;
	float:left;
	padding:0px 25px 0px 25px;
}

#column4 p{
font-size: 14px;
line-height: 18px;
}

/*----------------------------- template02 --------------------------------------*/

#template02 {
	background:url("images/two_columns.jpg") top left no-repeat;
	float:left;
	width: 880px;
	margin:0 0 1px 0;
	padding:25px 0 40px 0;
}

#columnleft {
	width:552px;
	float:left;
	padding:0px 17px 0px 17px;
}

#columnright {
	width:260px;
	float:left;
	padding:0px 17px 0px 17px;
}

/*----------------------------- footer --------------------------------------*/

#footer{
	height: 119px;
	padding: 5px 0px 0px 55px;
	width: 745px;
}

#footer ul {
	list-style:none;
	padding:0 0 0px 0;
}

#footer ul li {
	display:inline;
	font-size: 11px;
	color:#cccccc;
	padding:0 10px 0 0px;
}

#footer ul li.last {
	background:none;
}

#footer ul li a {
	color:#cccccc;
	text-decoration:none;
}

#footer ul li a:hover {
	text-decoration:underline;
}

#rss{
	float:right;
	width: 44px;
	font-size: 11px;
	color:#666666;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

#rss a {
	color:#cccccc;
	text-decoration:none;
}

#rss a:hover {
	text-decoration:underline;
}

#twitter{
	float:right;
	width: 44px;
	font-size: 11px;
	color:#666666;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

#twitter a {
	color:#cccccc;
	text-decoration:none;
}

#twitter a:hover {
	text-decoration:underline;
}

#twitterlarge{
	width: 188px;
	font-size: 11px;
	color:#666666;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

#twitterlarge a {
	color:#cccccc;
	text-decoration:none;
}

#twitterlarge a:hover {
	text-decoration:underline;
}

#subscribe{
	float:left;
	padding: 10px 0px 0px 0px;
}

/*---------------------------------------- RECENT ITEMS -------------------------------------*/


#recent-items a{
font-size: 12px;
text-decoration:none;
font-weight:bold;
color: #696825;
}

#recent-items a:hover{
font-size: 12px;
font-weight:bold;
color: #f98310;
}

/*---------------------------------------- BLOG SPECIFIC -------------------------------------*/
.wp-caption-text{

}
.alt {
	margin: 0;
	padding: 10px;
	}
	
.alignleft {
float:left;
}	

.alignright {
float:right;
}	

.newsheading {
float:left;
}

.postnavleft{
font: bold 14px Helvetica, Arial, sans-serif;
float:left
}

.postnavright{
font: bold 14px Helvetica, Arial, sans-serif;
float:right
}

.navigation{
padding: 0px 0px 20px 0px;
}

.searchbox{
	font-size: 12px;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.more-link {
	text-align:right;
	float:right;
	font-size:10px;
	width:72px;
	height:17px;
	text-transform:uppercase;
	padding-right:10px;
	margin-bottom:8px;
	background:url(images/read_more.jpg) no-repeat right top;
}
/*---------------------------------------- COMMENTS -------------------------------------*/
.top_meta{
padding: 0px 0px 5px 0px;
color: #666666;
font-size: 12px;
font-weight:bold;
font-family: Helvetica, Arial, sans-serif;
}

.bottom_meta{
color: #666666;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
padding-bottom: 25px;
}

.bottom_meta a{
color: #696825;
}

.bottom_meta a:hover {
	text-decoration: underline;
	color: #f98310;
}

.commenttext{
padding: 10px 0px 0px 0px;
line-height: 18px;
}

.commentsheading {
	padding: 3px 5px 3px 0px;
	margin: 0px 0px 8px 0px;
	text-decoration: none;
}
	
.alt {
	margin: 0;
	padding: 10px;
	}

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

.commentlist li {
	background: #989534 url('images/comment_background.jpg') repeat-x left top;
	margin: 15px 0 10px;
	padding: 15px 15px 10px 15px;
	list-style: none;
	color: #ffffff;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0px;
	color: #ffffff;
}

.commentlist a {
	color: #ffffff;
}
.commentlist a:hover {
	color: #333333;
}
.children { padding: 0; }

#commentform p {
	color: #696825;
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Helvetica, Arial, sans-serif;
	}
.commentlist li ul li {
	font-size: 12px;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: left;
	padding: 0px 10px 0px 0px;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}

.commentlist p {
	font-weight: normal;
	line-height: 18px;
	text-transform: none;
	}

#commentform p {
	font-family: Helvetica, Arial, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 0px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: left;
	}
	
	
/*---------------------------------------- FADE TEST -------------------------------------*/
	a#twitterfeedlarge.fadeThis {
		position:relative;
		display:block;
		height: 28px;
		width: 188px;
		background:url(images/twitter_large.png) 0 0 no-repeat;
	}
	
	a#twitterfeedlarge.fadeThis * {
	  display: none;
	}
	
	a#twitterfeedlarge.fadeThis span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 28px;
		width: 188px;
		background:url(images/twitter_large.png) 0 -28px no-repeat;
	}
	
	a#twitterfeed.fadeThis {
		position:relative;
		display:block;
		height: 21px;
		width: 44px;
		background:url(images/twitter.png) 0 0 no-repeat;
	}
	
	a#twitterfeed.fadeThis * {
	  display: none;
	}
	
	a#twitterfeed.fadeThis span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 21px;
		width: 44px;
		background:url(images/twitter.png) 0 -21px no-repeat;
	}
	
	
		a#rssfeed.fadeThis {
		position:relative;
		display:block;
		height: 21px;
		width: 44px;
		background:url(images/rss.png) 0 0 no-repeat;
	}
	
	a#rssfeed.fadeThis * {
	  display: none;
	}
	
	a#rssfeed.fadeThis span.hover {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		height: 21px;
		width: 44px;
		background:url(images/rss.png) 0 -21px no-repeat;
	}
	
/*---------------------------------------- meta icons -------------------------------------*/

.bottom_meta span.comment{
	padding-left: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	background-image: url(images/icon_comment.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	}
.bottom_meta span.date{
	padding-left: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	background-image: url(images/icon_date.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	}
.bottom_meta span.author{
	padding-left: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	background-image: url(images/icon_author.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	}

.bottom_meta span.category{
	padding-left: 18px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
	background-image: url(images/icon_category.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	}

/*---------------------------------------- twitter feed -------------------------------------*/

ul.twitter:{
}

li.twitter-item{
font-size: 12px;
color: #666666;
padding: 0px 0px 20px 0px;
background-image:url(http://www.lewisbilsland.co.uk/wp-content/themes/new_site/images/divider.jpg);
background-repeat: no-repeat;
background-position: bottom;}

p.twitter-message{
font-size: 12px;
color: #666666;}

.twitter-timestamp{
font-size: 12px;
color: #666666;}

a.twitter-link{
font-size: 12px;
text-decoration:none;
font-weight:bold;
color: #696825;}

a:hover.twitter-link{
font-size: 12px;
text-decoration:none;
font-weight:bold;
color: #f98310;}

a.twitter-user{
font-size: 12px;
text-decoration:none;
font-weight:bold;
color: #696825;}

a:hover.twitter-user{
font-size: 12px;
text-decoration:none;
font-weight:bold;
color: #f98310;}

.divider{
width: 188px;
height:25px;
padding: 0px 0px 15px 0px;
}

#gallerypost {
background: #FFFFFF;
float: left;
width: 205px;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 0px;
}