/*  
Theme Name: Blue Sun
Theme URI: http://www.betterlivingthroughchemistry.co.uk
Description: Stylized blue sun
Version: 4.0
Author: Murray Ireland
Author URI: http://www.betterlivingthroughchemistry.co.uk

*/

body {
	margin: 0;
	background: url(images/backgroundfixed.gif) center top no-repeat fixed;
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #000000;
	}
	
h1 { /* Main Header */
	font-family: Calibri, Arial, Verdana;
	font-size: 48px;
	margin: 0 0 5px 0;
	padding: 10px;
	}
	
h2 { /* Post Header */
	margin: 0;
	padding: 0;
	font-family: Calibri, Trebuchet, Verdana;
	font-size: 26px;
	}
	
h3, .sidebar h2 { /* Section Header */
	font-family: Calibri, Arial, Verdana;
	font-size: 20px;
	padding: 0;
	margin: 5px 0 5px 0;
	}
	
a {
	color: #333333;
	text-decoration: none;
	}
	
a:hover {
	color: #FF6600;
	}
	
img {
	border: none;
	}
	
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
.borderyes {
	border: 1px solid #000000;
	}
	
#container {
	margin: 0;
	padding: 0;
	}
	
#headerbox {
	background: url(images/bannerback.gif) center no-repeat #000000;
	padding: 50px 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #999999;
	}
	
#header {
	width: 900px;
	height: 150px;
	margin: 0 auto 0 auto;
	}

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

#menu {
	margin: 0;
	padding: 0;
	font-family: Calibri, Arial, Verdana;
	}
	
#menu a {
	color: #CCCCCC;
	}
	
#menu a:hover {
	color: #996600;
	}

#menu li{
	display: inline;
	list-style-type: none;
	width: auto;
	padding: 0 10px 0 0;
	font-size: 20px;
	}
	
#search {
	float: left;
	width: 230px;
	text-align: right;
	}
	
input.transparent {
	background: #ffffff;
	border: 1px solid #999999;
	}
	
input.opaque {
	background: #FFFFFF;
	border: 1px solid #999999;
	}
	
textarea {
	background: #FFFFFF;
	border: 1px solid #999999;
	}

#content {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	background: #3399FF;
	}
	
#posts {
	width: 700px;
	float: left;
	margin: 0 0 0 0;
	}
	
.post {
	background: url(images/postbackfaded.gif) #FFFFFF top left no-repeat;
	border: 1px solid #999999;
	padding: 10px 5px 5px 5px;
	margin: 0 0 20px 0;
	}
	
.post2 {
	background: #FFFFFF;
	border: 1px solid #999999;
	padding: 10px 5px 5px 5px;
	margin: 0 0 20px 0;
	}
	
.postleft {
	width: 122px;
	background: #33CCFF;
	}
	
.postdate {
	width: 107px;
	margin: 5px 10px 0 5px;
	float: left;
	text-align: right;
	font-size: 20px;
	font-family: Calibri, Verdana, Arial;
	font-weight: bold;
	color: #666666;
	}
	
.posttitle {
	margin: 0 0 0 127px;
	}

	
.posttags {
	margin: 0 0 0 128px;
	font-size: 10px;
	height: 10px;
	}
	
.postinfo {
	width: 107px;
	margin: 15px 5px 5px 10px;
	float: left;
	color: #666666;
	}
	
.postinfo .postmetadata a, .underlinelink {
	color: #666666;
	border-bottom: 1px dotted #666666;
	}
	
.postinfo .postmetadata a:hover, .underlinelink {
	color:#FF6600;
	border-bottom: 1px dotted #FF6600;
	}
	
.postinfo img {
	border: 1px solid #999999;
	}
	
.entry {
	margin: 0 5px 0 127px;
	}
	
.entry img {
	border: 1px solid black;
	text-align: center;
	}
	
.entry .postmetadatabottom a, .commentbox a {
	color: #333333;
	border-bottom: 1px dotted #333333;
	}
	
.entry .postmetadatabottom a:hover, .commentbox a:hover {
	color:#FF6600;
	border-bottom: 1px dotted #FF6600;
	}
	
.postmetadatabottom {
	padding: 5px 0 5px 0;
	}
	
.sidebar {
	width: 158px;
	float: right;
	margin: 0 0 20px 0;
	padding: 5px 10px 10px 10px;
	border: 1px solid #999999;
	background: #FFFFFF;
	}
	
.sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
.sidebar ul li {
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed #999999;
	}
	
.sidebar ul li ul {
	margin: 0;
	border: none;
	}
	
.sidebar ul li ul li {
	padding: 0 0 0 15px;
	margin: 0;
	border: none;
	background: url(images/bullet.gif) left top no-repeat;
	}
	
.sidebar ul li ul li:hover {
	background: url(images/bullethover.gif) left top no-repeat;
	}
	
#featurebox, #indexsidebar, #indexbottomleft, #indexbottomright {
	background: #FFFFFF;
	border: 1px solid #999999;
	}
	
#featurebox {
	width: 698px;
	height: 398px;
	float: left;
	margin: 0 0 20px 0;
	}
	
#indexsidebar {
	width: 162px;
	height: 382px;
	float: right;
	margin: 0 0 20px 0;
	padding: 8px;
	font-size: 12px;
	vertical-align: middle;
	}
	
#indexsidebar p {
	padding: 0;
	margin: 0;
	}
	
.about {
	}
		
#links img {
	padding: 3px 5px 0 0;
	margin: 0 0 -5px 0;
	}
	
#links {
	margin: 5px 0 0 0;
	padding: 0;
	}
	
#links a {
	text-decoration: none;
	color: #333333;
	}
	
#links a:hover {
	color: #996600;
	}
	
#links li{
	list-style: none;
	padding: 0 5px 5px 5px;
	margin: 0;
	border-top: 1px solid #999999;
	display: block;
}
	
#indexbottomleft { /* Latest Photos */
	clear: left;
	width: 418px;
	height: 283px;
	float: left;
	padding: 5px 10px 10px 7px;
	margin: 0 0 20px 0;
	}
	
#indexbottomleft h2 {
	padding-left: 3px;
	}
	
#indexbottomleft img {
	border: 1px solid #999999;
	background: white;
	padding: 0;
	margin: 5px 0 0 5px;
	}
	
#indexbottomleft img:hover {
	border: 1px solid black;
	}
	
#indexbottomright { /* Latest Posts */
	clear: right;
	width: 418px;
	height: 283px;
	float: right;
	padding: 5px 10px 10px 10px;
	margin: 0 0 20px 0;
	}
	
#frontpostslist {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
	}
	
#frontpostslist li {
	border-bottom: 1px dashed #666666;
	padding: 5px 0 5px 0;
	margin: 0;
	}
	
#frontpostslist a {
	font-weight: bold;
	}
	
#frontpostslist p {
	margin: 0;
	padding: 0;
	}
	
.moreposts {
	margin: 5px 0 0 0;
	}
	
#footerout {
	color: #FFFFFF;
	background: url(images/footerback.gif) center bottom no-repeat #000000;
	clear: both;
	border-top: 1px solid #999999;
	}
	
#footerout a {
	color:#CCCCCC;
	}
	
#footerout a:hover {
	color: #996600;
	}
	
#footer {
	width: 888px;
	margin: 0 auto 0 auto;
	padding: 5px;;
	}

.footerbox {
	width: 167px;
	float: left;
	margin: 0 5px 0 5px;
	}
	
.footerbox ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#authorbox {
	clear: both;
	padding: 20px 0 0 0;
	text-align: center;
	}
	
.quote {
	background: url(images/quote.png) no-repeat;
	padding: 10px 5px 5px 10px;
	font-weight: bold;
	}
	
.twitter-item {
	padding: 0 0 3px 0;
	}
	
.nextpost, .lastpost {
	width: 289px;
	padding: 0 5px 0 5px;
	margin: 0;
	height: 16px;
	}
	
.nextpost {
	float: right;
	text-align: right;
	}
	
.navcentre {
	width: 80px;
	float: left;
	text-align: center;
	padding: 0 5px 0  5px;
	margin: 0;
	}
	
.lastpost {
	float: left;
	text-align: left;
	}
	
.clearbox {
	padding: 0;
	margin: 0;
	height: 1px;
	clear: both;
	}

/* Comments Styles */

.commentbox {
	padding: 0 10px 10px 10px;
	}

.comments-template{
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px dashed #666666;
}

.comments-template h2, .comments-template h3{
	font-family: Calibri, Arial;
	font-size: 18px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.avatar {
	float: left;
	margin: 2px 5px 0 0;
	}
	
.commentsingle {
	margin: 0 0 0 58px;
	}
	
/* OTHER STUFF -----------------------------------------------------------------------------*/

.nounderline {
	border: none;
}