/*
Theme Name: BlueGrad
Theme URI: http://www.mikeglover.co.uk/
Description: My first theme. Designed for my own website. Created 28th December 2009
Version: 1.0.3
Author: Mike Glover
Author URI: http://www.mikeglover.co.uk
Tags: blue, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*////////// GENERAL //////////*/
body {
 margin: 0px;
 margin-top: 0px;
 background: url(img/bg.jpg) repeat-x;
 background-color: #FFFFFF;
}

#container {
  margin: 0 auto;
  width: 950px;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height:16px;
  background: url(img/paper.jpg) repeat-y;
  
}
	  
#container2 {

  padding-top: 20px;
}

#container3 {
  width: 950px;
  float:left;
  background: url(img/paper.jpg) repeat-y;
}

/*////////// TYPEOGRAPHY //////////*/
h1, h4 {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2, h3{
}
		
h1 {
  font-size: 32px;
}
		
h2 {
  font-size: 18px;
  line-height:24px;
}
		
h3 {
  font-size: 16px;
}
	
h4 {
  font-size: 14px;
  color:#666666;
  line-height:2px;

}

p {
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 18px;
}
		
a {
  color: #000066;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #000099;
  text-decoration: underline;
}
		
a:visited {
  color: #000066;
}

img {
border:none;
padding:2px;	
}
	 	 

/*////////// HEADERS //////////*/
#header {
   width: 930px;
   height: 120px;
   }
	
#header img { 
padding-left: 20px;
}

/*///Text Headers///*/

.columns{
 margin-top: 0;
 height: 46px;
 line-height: 70px;
 background-color: #253A59;
 background: url(images/oo_mag_columns_bg.jpg) repeat-x top;
 font-size: 36px;
 font-weight: normal;
 color: #ffffff;
 border: 1px solid #253A59;
}

.pastIssues{
 margin-top: 0;
 font-family: Georgia, Times, serif;
 font-size: 31px;
 font-weight: normal;
 color: #305669;
}

.comments{
 margin-top: 0;
 padding-left: 10px;
 padding-right: 10px;
 height: 46px;
 line-height: 50px;
 background-color: #C5BBA0;
 background: url(images/oo_mag_comment_bg.jpg) repeat-x top;
 font-size: 12px;
 font-weight: normal;
 color: #333;
 border: 1px solid #C5BBA0;
}

.commentIcon{
 width: 100px;
 padding-left: 20px;
 float: left;
 background-color: #253A59;
 background: url(images/oo_mag_comment_icon.jpg) no-repeat top left;
 height: 46px;
}

.comments a{
 float: right;
}

/*////////// CONTENT //////////*/
#content {
 margin:-15px 0 0 15px;
 width: 700px;
 float:left;
}

#content .widecolumn {
 margin:0 0 0 15px;
 width: 900px;
 float:left;
}
#content h2, h2 a {
 color:#000033;
  background: url(img/post-title.jpg) repeat-y;
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  width:700px;
  float:left;
 }
#content img {
 padding:2px;
 margin: 2px;
}		
  
/*////////// SIDEBARS //////////*/
#sidebar {
  margin-right:15px;
  width:200px;
  float:right;
}
#sidebar ul, li {
padding-left:0px;
padding-right:0px;
list-style: none;
width: 200px;
}
#sidebar h2 {
background: url(img/widget-title.jpg) repeat-y;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
list-style: none;
text-align: right;
}

/*////////// NAV //////////*/

#top_navlist {
  position: absolute;
  top: 80px;
  width: 950px;
  text-align:left;
}

#top_navlist h2{
  display: none;
}

#navlist{
  padding: 10px 10px;
  margin-left: 0;
  font-weight: bold;
}

#navlist li{
  list-style: none;
  margin: 0;
  display: inline;
  font-size: 18px;
}

#navlist li a{
  padding: 5px 20px;
  margin-left: 3px;
  border: none;
  text-decoration: none;

}

#navlist li a:hover{
  background-color: #C8D6E3;
  background-position: right -37px;

}

#navlist li.current_page_item a{
  background-color: #ddd;
  background-position: right -74px;
}

#navlist li a:visited { color: #253A59; }

/*TOC Nav*/
.tocNav{
  padding-left: 0; 
  margin-left: 0;
}

.tocNav li{
  list-style: none;
  margin: 0;
  padding: 0.25em;
}

.tocNav li a { text-decoration: none; }
.tocNav li a:hover {text-decoration: underline;}
/*////////// BLOG ELEMENTS //////////*/

		
/*////////// FORMS //////////*/


/*////////// FOOTER //////////*/
#pushbottom{
 clear:both;
}
#footer {
 height: 50px;
 border-top:none;
}

#footer h3{
 display:none;
}


#footerLeft{
 margin: 0 0 0 0px;
 width: 950px;
 float:left;
 background: url(img/footer.jpg) no-repeat top left;
 text-align:center;
}
		
/*////////// IMAGES //////////*/

img {
border:none;
padding:2px;
margin:0px;	
}

#content img {
padding:0px;
margin:0px;	
}		

/*////////// COMMENTS //////////*/

#commentsarea {
	  background-color: #eeeeee;
	  padding: 10px;	
}		

#commentsarea .comment-body {
	width: 600px;
	padding:5px;
	background-color:#DDDDDD;
}
#disqus_thread {
    width: 600px;
	padding:5px;
}
#dsq-comments {
    width: 600px;
}
.dsq-comment-message {
    width: 600px;
	}
.dsq-comment-footer {
    width: 600px;
	}
.dsq-comment-header {
    width: 600px;
	}
/*////// FUN CLASSES ///////////*/
/*any little extra flares and fun design 
elements you want to add can go here*/

/*////// DATE TAB //////////*/

#datetab {
	position: relative;
	float:left;
	left: -70px;
	background-image:url('img/datetab.gif');
	background-repeat: no-repeat;
	margin-top:15px; 
	margin-bottom: -90px;
	padding-left: 15px;
	width: 45px;
	height: 62px;
	line-height:8px;
}
#datetab h3 {
	font-size: 22px;
	line-height: 0px;	
}
.commentarea {
	float:right;
	margin-top: -45px;
	font-size: 16px;
}