/*
Theme Name: Solar Polar 2009
Theme URI: http://www.solarpolar.co.uk/
Description: A bespoke website design for Solar Polar
Version: 1.1
Author: David Walker
Author URI: http://malton-webdesign.co.uk/
Tags: clean, modern, custom header, fixed width, two columns, widgets

Last Updated : 13/11/2009

*/



/* Defaults */

* {
  margin:0;
  padding:0;
}


body {
  color:#333;
  margin:0;
  padding:0;
  background: #2b8db2 url(images/things-backup.jpg) fixed repeat-x;	
  font-family: Arial, sans-serif;
  font-size: 10pt;
  line-height: 1.5em;
}


#container {
	margin:20px auto;
	width:950px;
}

#content {
  background: #fff url(images/backtest.png) repeat-y;
	display:inline;
	float:left;
	padding:0px 0 10px;
	width:950px;
}


#content_left {
	display:inline;
	float:left;
	margin:0px 30px 10px 20px;
	padding:0;
	width:590px;
  /*background-color:yellow; */
}


#content_right {
  display:inline;
  float:left;
  width:280px;
  margin:10px;
  margin-left: 0px;
  /*background-color:cyan; */
}


#content_left p, #content_right p {

	margin-top:10px;
}

/* ==================================
             Login Header
   ================================== */
	
#login-header {
  width : 890px;
  padding: 10px auto;
  margin: 0 auto;
  color: #CCCCCC;
  text-align: right;  
  padding-bottom: 16px;

}

#login-header li, #login-header a {
  list-style:none;
  display:inline;
  padding-left:6px;
  color: #CCCCCC;  
		font-size: 11px;
	font-weight:normal;

}

/* ==================================
            Header Details
   ================================== */

#header {
	margin:0;
	padding:10px auto;
	width:950px;
	min-height:85px;
	background: url(images/header-1.png) no-repeat ;
}


h1#logo a {
	background: url(images/logo2.png) no-repeat ;
	border:none;
	display:block;
	float:left;
	height:30px;
	margin: 5px 0 0 30px;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
	width:335px;

}

#header h3 {
  font-family: arial;
  font-size: 12px;
  float:left;
  padding:10px 0 40px 30px;
  width:500px;
  color: #fff; clear: both;
}


/* ==================================
           Front Page Details
   ================================== */

#topcurve {

  background:url(images/top-curve-20px.png) transparent no-repeat;
  border:none;
  display:inline;
  float:left;
  height:20px;
  margin:0;
  padding:0;
  width:950px;
}

#bottomcurve {
	height:8px;
	width:950px;
}

/* ==================================
           Footer Details
   ================================== */


#footer {
	color:#605743;
	font-family:Arial, Verdana, sans-serif;
	font-size:10px;
	line-height:16px;
	margin:5px 0 50px;
	padding:5px 0 0;
	text-align:center;
}

#footer a {
	color:#605743;
}

#footer a:hover, #footer a:active {
	color:#f2c362;
	text-decoration:none;
}

.footer_address {
	float:left;
	color:#888888;
}

.footer_copyright {
	float:left;

}


/* =====================================
                 Tags
   ===================================== */


/*	Begin Headers */

h1, h2, h3, #sidebar h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight:normal;
  color:#333333;
  letter-spacing:-1.0px;
  line-height: 22px;	
  padding:10px 0 10px 0;
  text-decoration:none;
}

#sidebar h2 {
  font-size:22px;
}

.post h2 a{
  font-size:22px; 
}

.post h2 a:hover{
	color:#53536d;
}

.postMeta {
  clear:both;
}

/*
h1 {

  font-size:20px;
  padding-top:15px;
  padding-bottom:5px;
  margin:0px;
  text-align:left;
}

h2 {

  font-size:18px;
  padding-top:15px;
  padding-bottom:5px;
  margin:0px;
  text-align:left;
}

h3 {

  font-size:14px;
  padding-top:15px;
  padding-bottom:5px;
  margin:0px;
  text-align:left;
}

h4 {
	color:#006d78;
	font-size:11px;
	font-weight:bold;
	margin:0 0 12px;
	padding:0;
}

h5 {
	color:#ebb750;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0 0 10px;
}

*/

img {
	border:0;
	margin:0;
	padding:0;
}

.clear {
	clear:both;
	height:0;
	overflow:hidden;
	width:100%;
}

.left {
	float:left;
}

.right {
	float:right;
}


a, a:visited {
  color:#333333;
  font-weight:bold;
  text-decoration:none;
}

a:hover, a:active {
  color:#111111;
  text-decoration:underline;
}

ul {
  list-style: none;
}



/* Comments CSS */

/* Added by Dave */
.comments {

  margin: 20px;
 
}

.comment {
  border-top: 1px solid #cbcbcb;
  margin: 10px;
  }


#commentslinks {
  float: right;
  text-align: right;
  padding: 5px 10px;
  width: 160px;
  color: #727248;
  font-size: 9pt;
  }

#commentslinks a {
  text-decoration: underline;
  }

#comments {
  margin: 0 10px;
  padding: 5px 10px;
  padding-left: 25px;
  font-size: 9pt;
  color: #727248;
  background: url(images/comment.jpg) left 5px no-repeat;
  }

p.comments {
  clear: both;
  padding: 5px 10px;
  }

p.comment {
  padding: 0 10px;
  }

p.comments a {
  padding-left: 20px;
  background: url(images/comment.jpg) left top no-repeat;
  font-size: 10pt;
  text-decoration: none;
  }

p.comments a:hover {
  text-decoration: underline;
  }

.commentlist {
  margin: 10px 25px;
  padding: 0 10px;
  font-size: 10pt;
  list-style: none;
  }

.commentlist li {
  margin: 0 0 5px -25px;
  padding-bottom: 5px;
  }

.commentlist cite {
  font-size: 10pt;
  font-style: normal;
  }

.commentlist cite a {
  }

.comment .commentmetadata a {
  color: #333;
  }

.commentlist p {
  padding: 10px 0;
  }

.comment h3 {
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  }

p.comment a {
  padding-left: 20px;
  background: url(images/comment.jpg) left top no-repeat;
  font-size: 10pt;
  }

textarea {
  width: 480px;
  }

.comment #submit {
  width: 118px;
  height: 30px;
  background: url(images/commentbutton.jpg) left top no-repeat;
  border: none;
  font-size: 9pt;
  color: #fff;
  }

.comment #submit:hover {
  cursor: pointer;
  }

.commentbody {
  float:right;
  width: 370px;
  margin: 10px 0 15px 0;
  padding-bottom: 10px;
  }

a.gravatar {
  float:left;
  margin:10px 15px 20px 0;
  width:69px;
  }

#nextprevious {
  margin: 10px;
  }


.postContent pre {
  width: 400px;
  
}


/* =======================
     Sidebar
   ======================= */

#sidebar {
  margin: 0 10px 0 10px;

}

#sidebar .latest {
  margin: 10px 10px 0 10px;
}

#sidebar .latest a, #sidebar .latest a:visited {
	color:#486e72;
	font-weight:bold;
	text-decoration:none;
}

#sidebar .button {
  margin: 10px 0px 10px 0;
}


#archives ul li a {

  font-weight: normal;
}

/* Flickr RSS */


#sidebar2 ul #flickrrss {
  clear: both;
  list-style: none;
  width: 250px;

}

#sidebar2 ul #flickrrss a img {
  margin: 2px;  
  border: #ccc solid 1px;
}

#sidebar2 ul #flickrrss a:hover img {
  margin: 1px;  
  border: orange solid 2px;
}



/* ====================
   Solar Polar Post CSS 
   ==================== */

.postMeta {

  font-size: 90%;
  color: #000;
}


.post {
  padding: 10px 5px 20px 10px;
  margin: 0px;

}

.post ul {
  list-style: square;
  margin: 10px 0 10px 20px;
  
}


.post .alignleft {
  margin: 0px 10px 10px 10px;
  padding: 5px;
  float: left;
  border: dotted 1px #ccc;
  background: #fff;
  text-align: center;
}

.post .alignright {
  margin: 0px 10px 10px 10px;
  padding: 5px;
  float: right;
  border: dotted 1px #ccc;
  background: #fff;
  text-align: center;}

.post .alignnone {
  margin: 10px 10px 10px 10px;
  padding: 5px;
  clear: both;
  border: dotted 1px #ccc;
  background: #fff;
  text-align: center;}


blockquote {
  margin: 10px;
  padding: 10px;
  background: #dfdfdf;
  font-style: italic;
  font-size: 120%;

}





/* Post and Pages Shading */

.content_box {

  border: solid 1px #ccc;
  margin: 0 0 20px 0;
  padding: 0;

}

.container_box {
  background: #efefef;
  margin: 1px;
  padding: 1px;
  
}

.wp-caption {
  background: #fff;
}

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

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

.mp3player {
  padding: 30px 0 10px 0;
}

.sociable_tagline {
  padding: 10px 0 10px 0;
  clear: both;
}

.postmetadata {
  padding-top: 10px;
  clear: both;
}



/* Twitter #1 */

#twitter-1 {
  background: url(images/twit-top.png) no-repeat;
	/*background: url(images/background-3.jpg) repeat-x;*/
	color: #eeeeee;
	/*border:solid 2px #000000;*/
}

#twitter-1 a {
  color: #eeeeee;
	font-weight: normal;
}

#twitter-1 h2 {
  margin: 10px 10px 2px 10px;
	background: url(images/background-3.jpg) repeat-x;
}
#twitter-1 li.twitter-item a {
	text-decoration:underline;
}
	
#twitter-1 li.twitter-item {
  padding: 10px ; 
	margin: 0 auto;
	border-bottom: solid 1px #999999; 
	border-right: solid 2px #000000;
	border-left: solid 2px #000000;
  background: url(images/twit-main.png) repeat-y;
	background: url(images/background-3.jpg) repeat-x;
}

.twitter-timestamp {
	color: #aaaaaa;
}

/* Social Links 
   ============  */

#social-links {

  margin: 0 0 10px 0;
}
#socialLinksContainer a img{
	margin-top:2px;
	margin-right:2px;
	border-style:none;
	background-color:none;
         width: 40px;
}

#socialLinksContainer {
  min-width: 250px;
}