/*
Theme Name: Blue Steel
Theme URI: http://blog.annas-playground.info/wordpress-themes/blue-steel/
Description: A light blue theme, with 4 dynamic areas. Comments popup can be used.
Author: LadyAnna
Author URI: http://www.annas-playground.info
Tags: fixed-width, sticky-post, threaded-comments, blue, three-columns, right-sidebar
Version: 1.0.0

Feel free to use and edit as you wish, but please leave the link back to my site in the footer. 

*/

/* Begin base styles - Set size and margin of different areas */
body {
	background:#F2F7FD url('images/bg-header.png') repeat-x;
	margin:0;
	padding:0;	
}
#page {
	margin:0 auto;	
	padding:0;	
	width:920px;
}
#content {
	float:left;
	width:503px;			
	margin:17px 7px;
	clear:left;
	padding: 0;	
	height:100%;	
}
#wrapper {
	background: url('images/border.png') repeat-y ;
	padding:0 0 10px 27px;
	margin: 0 0 0 -5px;	
	clear:both;
	width:920px;
}
#sidebar {	
	float:left;
	margin:5px 0;
	width:375px;
	padding:0;	
	border-left: thin solid #929DB1;
	height:100%;
}
#sidebar-top , #sidebar-left, #sidebar-right, #sidebar-bottom {
	padding:0 7px 10px 7px;
	margin:0;
}
#sidebar-top,
#sidebar-bottom {
	padding-bottom: 10px;
	width:335px;
	text-align:justify;
}
#sidebar-left, #sidebar-right {
	float:left;
	width:160px;
}
#sidebar-left{
	
}
#sidebar-right {
	border-left: thin solid #929DB1;
}
.divider_big{
	height:10px;	
	padding:0;		
	margin:0;
}
.aligncenter {margin: 0 auto;}
.center {text-align:center;}
.navigation{margin:15px 0;}
.alignleft {float:left;margin-right:4px;}
.alignright {float:right;margin-left:4px;}
.navigation .alignleft{
	width:43%;
	background: url('images/left.png') no-repeat left center;
	padding-left:19px;
}
.navigation .alignright {
	width:43%;
	text-align:right;
	background: url('images/right.png') no-repeat right center;
	padding-right:19px;	
}
.navigation a img {
	width:40px;
	height:40px;
}
.inline {display:inline;}
.clear {clear:both;}
/* End base styles
-----------------------------------------------------------------------------------------------
Start overall font styles */
body {
	font-size: 12px; 
	font-family: Verdana, Arial, 'Lucida Grande', Sans-Serif;
	color:#616875;
	
}
h1, h2, h3, h4, h5, h6 {
	letter-spacing:1px;
}
/* End overall font styles
-----------------------------------------------------------------------------------------------
Start link styles */
a:link, a:visited {
	color:#004DAB;
	text-decoration:none;
}
a:active, a:hover {
	color:#589DF1; 
}

h1 a:link,
h1 a:visited {
	color:#E6EDF7;
	text-decoration:none;
}
h2 a:link,
h2 a:visited {
	color:#958B8B;
}
h1 a:active,
h1 a:hover,
h2 a:active,
h2 a:hover {
	color:#A091A4;
	text-decoration:none;
}
/* End link styles 
-----------------------------------------------------------------------------------------------
Start header styles */
#header {		
	padding:0;
	margin:0;
	height:180px;
	color: #E4EBF5;
}
#pagemenu {
	margin:0 auto;
	padding:0;
	position: relative;
	top:57px;
	left:29px;
	list-style-type:none;
	height:30px;
}
#pagemenu li {
	display:inline;
	background:#475D84;
	padding:12px 10px 5px 10px;
	margin: 0;
	font-size:14px;
	font-weight:bold;
}
#pagemenu li.page-item-home {margin-right:4px;}
#pagemenu li:hover, #pagemenu .current_page_item{
	background:#5875A7;
}
#pagemenu a:link,
#pagemenu a:visited {
	color:#E9EEF3;
}
.bloginfo {
	width:100%;
	text-align: center;
	margin:20px 0 0 0;
	font-variant:small-caps;		
}
#header h1 {
	padding:18px 0 0 0;
	margin:0;
	font-family:Corsiva, "Lucida Handwriting", script;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:45px;
}
#header h1 a:link,
#header h1 a:visited{
	color: #E4EBF5;
	}
.description {
	font-style:italic;
	font-weight:bold;
	padding: 0 0 0 5px;
	font-size:15px;
}
/* End header styles 
-----------------------------------------------------------------------------------------------
Start sidebar styles */
#sidebar a:link, a:visited {
	color: #436398;
}
#sidebar a:active, a:hover {
	color: #589DF1;
}
#sidebar ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar ul li ul li {
	margin:5px 0;
	padding: 0 3px;
	border-left:4px solid #5875A7;
}
#sidebar ul li ul li ul li{
	border-left:0;
	padding: 0 3px;
	margin:2px;
}
#sidebar .children li {	
	margin-left:8px;
}
#sidebar .page_item ul {
	margin:2px 5px;	
}
#sidebar .page-itme ul li {	
	margin-left:8px;
}
#sidebar h2 {
	background: #3C5D93 url('images/bg-sidebar-h2.png') no-repeat;
	color: #e4ebf5;
	font-size:14px;
	text-align:center;
	letter-spacing:0;	
	padding: 7px 0 6px 0;	
	width:100%;
}
#sidebar-top  h2,
#sidebar-bottom h2 {
	background: #3C5D93 url('images/bg-sidebar-h2-top.png') no-repeat;
	width:335px;
}
#sidebar p {
	margin:3px 0;
	padding:0;
}
#calendar-bottom {
	text-align:center;	
}
#calendar-bottom table{
	margin:auto;
	width:100%;
}
#calendar-bottom a:link,
#calendar-bottom a:visited {
	font-weight:bold;
	color:#5C6FA3;
}
#calendar-bottom a:hover,
#calendar-bottom a:active{
	color:#5CA3A0;	
	text-decoration:none;
}
#calendar-bottom #today {
	background:#D2DCEC;
	border:.05em solid #929DB1;
}
/* End sidebar styles 
-----------------------------------------------------------------------------------------------
Start content styles */
#content .post {
	clear:both;
}
#content .post-header {
	background: #3C5D93 url('images/bg-content-h2.png') no-repeat;
	padding:0;
	height:80px;
}
#content .sticky .post-header {
	background: #3C5D93 url('images/bg-content-h2-sticky.png') no-repeat;
	padding:0;
	height:80px;
}	

#content .post-header h3 {
	color: #E4EBF5;
	padding: 0 10px 2px 10px;
	margin:0;
}
#content .post-header h2 {
	padding: 7px 10px 2px 10px;
	margin:0;
	line-height:0.95;
}
#content .post-header a:link,
#content .post-header a:visited,
#content .post-header h2 {
	color: #E4EBF5;
}
.postmetadata {
	padding:0 10px;
	margin:0;
	color: #E4EBF5;
	font-size:10px;
	line-height:1.3;
}
.entry {
	margin:15px 2px 40px 2px;
}
.entry table {
	margin: 5px 15px;
	border-collapse:collapse;
	border:.2em solid #5875A7;
}
.entry th {
	text-align:left;
	padding:3px;
}
.entry  td {
	padding:3px;
}
.entry dl {
	margin:3px 15px
}
.entry dl dt {
	font-weight:bold;
	margin:8px 0 0 0;
}
.entry dl dd {
	margin:0 8px;
}
.entry ul, .entry ol {
	margin: 3px 0 0 15px;
	padding:0px;
	list-style-position:inside;
}
.entry ul li, .entry ol li {
	padding: 1px;
	margin: 0 2px;
}
.entry blockquote{
	padding:0 0 0 4px;	
	margin:10px 20px;
	border-left:.2em dashed #5875A7;
}
.entry  blockquote blockquote{margin:10px 10px;}
.entry  blockquote p {
	padding:0;
	margin:8px 0;
}
.entry p.alt {
	border-top:thin solid #929DB1;
	margin:30px 0 0 0;
	padding: 7px 0 0 0;
}
.entry .wp-caption .aligncenter {
	margin: 5px auto;
}
.entry .wp-caption {
	border: 1px solid #A8B7CE;
	text-align: center;
	background-color: #ECF3FB;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.entry .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.entry .wp-caption a img {
	border-width:thin;
}
.entry .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 5px 5px 5px;
	margin: 0;
	text-align:left;
}
.sorry {
	font-size:16px;
	color:#385A90;
	padding:30px;
}
#content h2.pagetitle {
	text-align:center;
	padding: 2px;
	border-bottom: 1px solid #929DB1;
	margin: 10px 5px 30px 5px;
	font-size:20px;
}
#c_search {
	text-align:center;
	margin:3px auto;
}
.s_term {
	position:relative;
	top:-25px;
	font-size:11px;
}
/* End content styles 
-----------------------------------------------------------------------------------------------
Start footer styles */
#footer{	
	background: #92ACD7 url('images/bg-footer.png') ;
	height: 120px;
	padding:0;
	margin: 0;		
	color: #E4EBF5;	
}
#footer div.inner {
	margin:0 auto;
	padding:15px 0;
	width:920px;
}
#footer a:link,
#footer a:visited{
	color: #475D84;
}
#footer a:active,
#footer a:hover{
	color: #ffffff;
}
.rss {
	float:right;
	padding: 0 34px;
}
.footer-info {
	padding:0 29px;	
}
#footer img {
	border:0;
	padding:0 3px;
}
#srcinput {
	padding:4px 3px 4px 3px;
	border:thin solid #929DB1;
	background: #E4EBF5;
	width:253px;
}
#srcbutton {
	padding:0;
	margin:0;
	position:relative;
	top:8px;
}
/* End footer styles 
-----------------------------------------------------------------------------------------------
Start comment styles */
#content .comment-header {
	background: #3C5D93 url('images/bg-content-h2.png') no-repeat;
	padding:0;
	height:80px;
}
#content .comment-header h3 {
	padding: 7px 10px 2px 10px;
	margin:0;
}
#content .comment-header a:link,
#content .comment-header a:visited,
#content .comment-header {
	color: #E4EBF5;
}
.comments-nav {
	margin: 5px 0;
}
#respond {
	margin: 0;
}
#respond h3 {
	margin:0;
	padding:0;
}
#comment {
	margin-bottom:7px;
	width:98%;
}
/* Styles needed to handle comments */
.xoxo,.children, .page_item ul{
	list-style-type:none;	
	margin:4px 10px;	
	padding:0 20px;
}
.children {margin:1px 4px;}
#comments ul {
	list-style-type:none;	
	list-style-position:inside;	
	margin:0;	
	padding:5px 0;
}
#comments li {
	border-style:solid;
	border-color:#5875A7;
	border-width:1px 1px 1px 5px;
}
#comments blockquote{
	padding-left:3px;	
	margin:10px 53px;
	border-left:1px dashed #5875A7;
}
#comments blockquote blockquote{margin:10px 20px;}
#comments blockquote p {
	padding:0;
	margin:0;
}
#comments #author-info img {
	float:left;	
	margin-right:7px;
}
#comments #author-info {font-size:11px;}
#comments p,#comments .reply {
	font-size:12px;	
	margin-left:42px;
}
#comments .reply {margin-bottom:10px;}
#comments .comment,
#comments .trackback,
#comments .pingback {
	padding:5px;	
	margin:5px 0;
}
.thread-odd{background:#DAE6F5;}
.thread-even{background:#B9CCE4;}
.children .odd {background:#DBE7FB;}
.children .even {background:#A9C4E8;}
#comments li.comment-author-admin {border-left:5px solid #7F347F;}
#comments li.bypostauthor {border-left:5px solid #347F73;}

/* Special styles for comment popup */
#commentspopup {margin:0;padding:0;}
#commentspopup .bloginfo {
	height:180px;
	width:100%;
	text-align: center;
	margin:20px 0 0 0;
	font-variant:small-caps;		
	color: #E4EBF5;
}
#commentspopup h1 {
	padding:18px 0 0 0;
	margin:0;
	font-family:Corsiva, "Lucida Handwriting", script;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:40px;
}
#commentspopup h1 a:link,
#commentspopup h1 a:visited{
	color: #E4EBF5;
	}
#commentspopup .description {
	font-style:italic;
	font-weight:bold;
	padding: 0 0 0 5px;
	font-size:15px;
}
#commentspopup #wrapper {
	background:url('images/border-single.png') repeat-y left;
	width:400px;
	margin:0 10px;
	padding:0 0 0 35px;
}
#commentspopup #content {
	float:none;
	width:100%;
	margin:0;
	background: url('images/border-single.png') repeat-y right;
	padding-right:35px;
	padding-top:10px;
}
#commentspopup #footer {margin:0;}
#commentspopup #footer div.inner {
	margin:0;
	padding:15px 16px;
	width:200px;
}
#commentspopup .close {
		padding:0 27px;
		margin:0 0 10px 0;
}
#commentspopup .close img{
	margin:0;
	border:0;
}
#commentspopup #content .post-header {
	background: #3C5D93 url('images/bg-commentpopup-h2.png') no-repeat;
	padding:0;
	height:80px;
}