/*  
Theme Name: Evolution Theme
Theme URI: http://www.blogthememachine.com
Description: Custom wordpress theme created by <a href="http://www.iammikesmith.com">Mike Smith</a> for Iain Leggs newsletter website
Version: 1.0
Author: Blog Theme Machine
Author URI: http://www.blogthememachine.com
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Tahoma;
	color: #252525;
	font-size: 13px;
	background: #09385C;
	line-height: 18px;
}

/* MAIN SITE CODES HERE */

a, a:visited { color: #005B7F; text-decoration: none; outline: none; }
a:hover { color: #252525; text-decoration: none; }

img { border: 0; margin: 0; padding: 0; }

.alignleft { float: left; margin: 0 10px 10px 0; }

h1 { color: #005B7F; font-size: 24px; margin: 0; line-height: 24px; padding: 0 0 10px 0; font-weight: normal; } 
h2 { color: #005B7F; font-size: 24px; line-height: 24px; margin: 0; padding: 0 0 10px 0; font-weight: normal; }
h3 { color: #005B7F; font-size: 18px; margin: 0; line-height: 18px; padding: 0 0 10px 0; font-weight: normal; }
h4 { color: #252525; font-size: 18px; margin: 0; line-height: 18px; padding: 0 0 10px 0; font-weight: normal; }
h5 { color: #252525; font-size: 12px; margin: 0; line-height: 14px; padding: 0 0 10px 0; font-weight: normal; }

p { margin: 0; padding: 0 0 10px 0; }

.imgborder img { border: 2px solid #EBEBEB; padding: 1px; background: #FFF; }
.imgborder:hover img { border: 2px solid #F2F2F2; }
.imgborder:hover { color: red; /* irrelevant definition to overcome IE bug */ }

form { margin: 0; padding: 0; }
.text_input { width: 154px; padding: 3px 5px 4px 5px; margin: 0; background: #FE6800; border: 1px solid #C94200; color: #C94200; }

ol { margin: 0 0 10px 0;}
ol li { margin: 0 0 5px 0; padding: 0; }

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 950px;
}

#sitewrapper {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background: #FFF;

}

blockquote { background: #E6DACC; padding: 10px; }

/* HEADER WRAP CODES */

.headerwrap {
	position: relative;
	float: left;
	width: 950px;
	padding: 0;
	height: 100px;
	background: url(images/bg_header.jpg) repeat-x top center;
}

.logowrap {
	position: relative;
	float: left;
	width: 265px;
	padding: 0;
}

.navigationwrap {
	position: relative;
	float: left;
	width: 950px;
	padding: 0;
	height: 40px;
	background: url(images/bg_navigation.jpg) repeat-x bottom center;
}

.navigationwrap ul {
margin: 10px 0 0 0;
padding: 0;
white-space: nowrap;
}

.navigationwrap ul li {
display: inline;
list-style-type: none;
float: left;
}

.navigationwrap ul li.title {
display: inline;
list-style-type: none;
float: left;
padding: 0 10px;
font-weight: bold;
}

.navigationwrap ul li a { padding: 11px 10px 13px 10px; position: relative; }

.navigationwrap ul li a:link, .navigationwrap ul li a:visited {
color: #252525;
text-decoration: none;
}

.navigationwrap ul li a:hover {
color: yellow;
background: url(images/bg_nav-on.jpg) repeat-x top left;
text-decoration: none;
}

.search_input { width: 132px; height: 18px; padding: 3px 3px 0px 3px; margin: 0 5px 0 0; background: #FFF; border: 1px solid #D8D8D8; color: #B0B0B0; float: left; font-size: 10px; }

.search_submit { width: 70px; padding: 3px; margin: 0 0 5px 0; background: #FFF  url(images/bg_textinput.jpg) repeat-x bottom left; border: 1px solid #D8D8D8; color: #B0B0B0; font-weight: bold; float: left; text-transform: uppercase; font-size: 10px; }

.searchwrapper { 
	position: absolute;
	top: 8px;
	right: 10px;
}


.subnavigationwrap {
	position: relative;
	float: left;
	width: 950px;
	padding: 0;
	height: 40px;
	background: url(images/bg_navigation.jpg) repeat-x bottom center;
}

.subnavigationwrap ul {
margin: 10px 0 0 0;
padding: 0;
white-space: nowrap;
}

.subnavigationwrap ul li {
display: inline;
list-style-type: none;
float: left;
}


.subnavigationwrap ul li.title {
display: inline;
list-style-type: none;
float: left;
padding: 0 10px;
font-weight: bold;
}

.subnavigationwrap ul li a { padding: 11px 10px 13px 10px; position: relative; }

.subnavigationwrap ul li a:link, .subnavigationwrap ul li a:visited {
color: #252525;
text-decoration: none;
}

.subnavigationwrap ul li a:hover {
color: yellow;
background: url(images/bg_nav-on.jpg) repeat-x top left;
text-decoration: none;
}

/* BIG BOX WRAP CODES */

.bigboxwrap {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 950px;
	height: 50px;
	background: #FFF;
}

.bigboxwrap2 {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 768px;
	height: 90px;
	background: #FFF;
}

/* CONTENT WRAP CODES HERE */

.contentwrap {
	position: relative;
	float: left;
	width: 620px;
	margin: 0;
	padding: 5px;
}

.postwrap { 
	position: relative;
	float: left;
	margin: 0 ;
	padding: 0 7px 7px 7px;
	width: 600px;
	border-bottom: 1px solid #B0B0B0;
}

.postwrap h2 { text-transform: uppercase; }

.postinfo { color: #252525; width: 580px; padding: 10px; margin: 0; background: #F2F2F2; }

.postinfo a, .postinfo a:visited { color: #252525; text-decoration: none; }
.postinfo a:hover { color: #252525; text-decoration: none; }

.postwrap h4 { padding: 0; margin: 0; }
.postwrap h4 a, .postwrap h4 a:visited { color: #B0B0B0; text-decoration: none; font-size: 11px; }
.postwrap h4 a:hover { color: #252525; text-decoration: none; }

.relatedarticles {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

.relatedarticles ul {
padding: 0;
margin: 0;
width: 300px;
}

.relatedarticles ul li {
list-style: none;
margin: 0;
padding: 0 0 5px 0px;
}

.relatedarticles ul li a { font-size: 11px; text-decoration: none; }

.socialmediaicons {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

.socialmediaicons img { margin: 0 10px 20px 10px; }

.homecomments { margin: 0; text-align: right; }

.homecomments_right { margin-bottom: 10px; text-align: right; border-bottom: 1px solid #B0B0B0;  }


.postpic {
	margin-right: 3px;
}


.home_articles { 
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	width: 295px;
}

.home_articles_right { 
	float: left;
	margin: 0 0 20px 20px;
	padding: 0 0 10px 0;
	width: 295px;
}


.home_articles_right h2 { text-transform: uppercase; font-size: 16px; font-weight: bold; }


.home_articles h2 { text-transform: uppercase; font-size: 16px; font-weight: bold;}

.home_articles h4 { padding: 0; margin: 0; }
.home_articles h4 a, .home_articles h4 a:visited { color: #B0B0B0; text-decoration: none; font-size: 11px; }
.home_articles h4 a:hover { color: #252525; text-decoration: none; }

.home_articles ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.home_articles ul li { background: url(images/bg_homepage-links.jpg) no-repeat top left; padding: 0 0 0 20px; margin: 0 0 5px 0; }

.home_articles ul li a:link, .home_articles ul li a:visited {
color: #252525;
text-decoration: none;
}

.home_articles ul li a:hover {
color: #005B7F;
}

.video_articles { 
	position: relative;
	float: left;
	margin: 0 5px 10px 5px;
	padding: 0;
	width: 300px;
	height: 570px;
	border-bottom: 1px solid #B0B0B0;
}

.video_articles h2 { text-transform: uppercase; }

.video_articles h4 { padding: 0; margin: 0; }
.video_articles h4 a, .video_articles h4 a:visited { color: #B0B0B0; text-decoration: none; font-size: 11px; }
.video_articles h4 a:hover { color: #252525; text-decoration: none; }



/* RIGHT SIDEBOX WRAP CODES */

.rightsidewrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0;
	width: 310px;
}

.subscribebox {
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 280px;
	height: 76px;
	font-size: 11px;
	line-height: 15px;
	color: #B0B0B0;
	background: url(images/bg_subscribebox.jpg) no-repeat top center;
}

.subscribebox a, .subscribebox a:visited { color: #FFF; text-decoration: underline; }
.subscribebox a:hover { color: #FFF; text-decoration: none; }

.text_input { width: 182px; height: 18px; padding: 3px 3px 0px 3px; margin: 0 5px 0 0; background: #FFF; border: 1px solid #D8D8D8; color: #B0B0B0; float: left; font-size: 10px; }

.text_subscribe { width: 80px; padding: 3px; margin: 0 0 5px 0; background: #FFF  url(images/bg_textinput.jpg) repeat-x bottom left; border: 1px solid #D8D8D8; color: #B0B0B0; font-weight: bold; float: left; text-transform: uppercase; font-size: 10px; }

.adbox300 {
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 300px;
}

.adbox300 h3 { text-transform: uppercase; }

.adbox125 {
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 280px;
	height: 281px;
	text-align: center;
	background: url(images/bg_125ads.jpg) no-repeat top center;
}

.adbox125 img { margin: 6px; }


.sidepollbox { 
padding: 5px;
width: 254px;
margin: 0 0 2px 0;
}


.sidelinks-title {
position: relative;
float: left;
font-size: 14px;
padding: 5px;
width: 290px;
margin: 0;
background: url(images/bg_sidebar-title.jpg) no-repeat top center;
text-transform: uppercase;
color: #005B7F;
}

.sidelinks-title h3 { color: #005B7F; font-weight: normal; padding: 0; margin: 0; }

.sidelinks { 
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 280px;
	background: url(images/bg_sidebox.jpg) no-repeat bottom center;
}

.sidelinks ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.sidelinks ul li { background: url(images/bg_sidebar-links.jpg) no-repeat top left; padding: 0 0 0 20px; margin: 0 0 5px 0; }

.sidelinks ul li a:link, .sidelinks ul li a:visited {
color: #252525;
text-decoration: none;
}

.sidelinks ul li a:hover {
color: #005B7F;
}

/* FOOTER WRAP CODES */

.footerwrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 10px;
	width: 930px;
	height: 40px;
	color: #FFF;
	line-height: 40px;
	background: url(images/bg_footer.jpg) repeat-x top left;
}

.footerdesign {
	position: relative;
	float: left;
	text-align: right;
	width: 465px;
	padding: 0;
}

.footertext {
	position: relative;
	float: left;
	width: 465px;
}

.footerwrap a, .footerwrap a:visited { color: #FFF; text-decoration: none; }
.footerwrap a:hover { color: #FFF; text-decoration: underline; }
