/*
Theme Name: Bloglander IJAR
Theme URI: http://bloglander.co.uk
Description: The first in a series of fluid layout themes, this version features a stylish dark appearance, left and right widgetised sidebars... with more to come too!
Author: Nik Hurwood
Author URI: http://bloglander.co.uk/
Tags: brown, fluid width, three columns, widgets

The CSS, XHTML and design is NOT released under any form of licence yet, please contact info@bloglander.co.uk for information on usage.

*/

/* CSS Document */
@import url('css/reset.css');
@import url('css/typography.css');
@import url('css/forms.css');

html, body {
 background:#1A1A1A url(images/page-bg.gif) repeat-x ;
width:99.8%; to body
font-size:95%; 
margin:0; 
padding:0; 
}
/* Text Elements
********************************/
a           { color: #666; text-decoration: none; }
a:focus, a:hover     { color: #666; }

p {color:#525246; margin: 0 0 0.5em;}

/*Headings
********************************/
h1 { font-size: 2em;  margin-bottom: 0em; color:#525246; }
h2, h2 a { font-size: 1.5em; margin-bottom: 0em; color:#525246; }
h6 { font-size:0.77em; }


/* *******************LAYOUT - DO NOT CHANGE THIS IF YOU WANT TO KEEP IT FLUID
********************************/
#pagewidth{}
#topmenu {
clear:both;
height:28px;
margin-top:0;
padding:0;
background-color:#2B2D2A;
}
 #header{
 position:relative; 
 height:150px; 
 width:100%;
 background:#2B2D2A url(images/header-bg.gif) repeat-x;
 border-bottom:2px solid #333;
 margin-bottom:10px;
} 
#leftcol{
 width:17%; 
 float:left; 
 position:relative;
 background-color:#525246;
 padding:10px 0;
}
#twocols{
 width:82%;
 float:right; 
 position:relative; 
}
#rightcol{
 width:22%; 
 float:right; 
 position:relative;
 background-color:#525246;
 padding:10px 0;
}
#maincol{
 background:#525246 /*url(images/inner-bg.jpg)*/ ;
 float: left; 
/* margin-left:1%;*/
/* margin-bottom:10px;*/
 margin-right:1%;
 display:inline; 
 position: relative; 
 width:77%; 
}
#footer{
 height:50px; 
 color:#525246; 
 clear:both;
 text-align:center;
 } 
  
 /* *** Float containers fix*** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* *****************Top Navigation
********************************/
/* This styles the unordered list element to remove bullets and align the text */
 ul#nav {
   list-style-type : none;
   text-align : right;
   margin: 0em ;
}
/*
  This styles the links. It’s a block-level link and the text is positioned
  with padding. Other styles are defined: width, colors, text attributes, etc.
*/
 ul#nav a, ul#nav a.rss {   
   float:left;
   background-color : #34352F;
   padding : 5px 5px 2px 10px;
   margin-bottom : 10px;
   width : 180px;
   height : auto;
   color : #fff;
   font-weight : bold;
   font-style : normal;
   display : block;
   text-decoration : none;
 }
/* This gives the “rss” class link a background image */
 ul#nav a.rss {
   background : #393E44 url(images/rss.jpg) no-repeat 2px 2px;
}
/* This is only necessary for IE6 else the link margins will collapse on hover */
 ul#nav li {
   display:inline;
}
/* This removes the default left margin (indentation) */
 ul#nav li {
   margin-left : 0;
}
/*
  Now to offer some hover and focus styles. Further specification of focus/active styles
  could be added but I didn’t do it in this example. I didn’t feel it was needed
*/
 ul#nav a:hover, ul#nav a:focus, ul#nav a:active {
   background-color : #C6D1C3;
   color : #888;
}
/* This offers up a hover/focus state image for the “rss” class link */
 ul#nav a.rss:hover, ul#nav a.rss:focus {
   background : #C6D1C3 url(images/rss_on.jpg) no-repeat 2px 2px;
}
/*
  This style the single state of the “current_page_item” class link. Not needed for
  the “rss” class link since that target page won’t display the menu
*/
 ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,
 ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active {
   background-color : #525246;
   display:inline;
   color : #fff;
   cursor : default;
   text-align : left;
}

 /* END MAIN NAV CSS*/
 
/*****************Header text turns into an image - - here's how...

********************************/
#header h1 a {
display:block;
background: url(images/logo.png) no-repeat;
/*margin:0 auto;*/
height:150px;
width:944px;
text-indent: -9000px;
}
/*END Header Image trickery*/

 .post-box {
  padding: 0.25em; 
  margin-bottom: 1em; 
  background: #E5ECF9; 
}
/*.postmetadata {display:block; height:59px; width:400px; text-align:center; background:url(images/postmeta.jpg) no-repeat; line-height:16px; font-weight:bold; padding-top:14px;}*/
.postmetadata {padding:3px; max-width:50%; height:auto; color:#666;margin-bottom:5px;}
.postmetadata a {color:#888;}
hr.space {
  background: #393e44;
  color: #393e44;
}

ul { list-style-type : none;}

.postList {
margin:10px;
background: url(images/post-header.png) repeat-x #FFFFCC;
border:1px solid #333;
padding:0 10px;
}

.postList h2, h2 a {line-height:50px; font-size:1.2em; color:#C6D1C3; text-transform:uppercase; }
.Post-Title {}
.time-date { color:#C6D1C3; text-transform:uppercase; font-size:1em; }
.readmore {font-weight:bold; font-style:italic;}
.navigation {clear:both; height:25px; margin-bottom:20px;}
.navigation a {padding:0 10px; color:#FFFFCC; font-weight:bold;}
.navigation-comments a {padding:0 10px; color:#525246; font-weight:bold;}
.entry {clear:both; border-bottom:1px solid #393e44;padding-top:10px;}
.entry p a {color:#393E44; text-decoration:underline;}
.entry p a:hover {font-weight:bold; background:#393E44;color:#FFFFCC; text-decoration:none;}
/*   IMAGE STYLING IN POSTS AND PAGES   */
.entry img {
margin-top:10px;
}
.entry a img {background:none}

.wp-caption {

	border: 1px solid #282826;
	text-align: center;
	background-color: #525246;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	color:#D3D3D3;
	font-size: 11px;
	line-height: 17px;
	padding: 2px 5px;
	margin: 0;
}
/* End captions */

.entry li {
list-style:circle;}

 /* To Float things */
 .alignleft {float:left;}
 .alignright {float:right;}
 .aligncenter {display:block; margin-left:auto; margin-right:auto;}

/* Comment Styles
*******************************
#comments {color:#666; font-style:italic; margin-top:10px;}
#nocomments {color:#666; font-style:italic; margin-top:10px;}
.commentlist {
width:75%;
padding:10px;
background:#525246;
border:1px solid #eee;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
#commentform textarea {width:75%; height:100px;}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
	list-style:none;
}
.commentlist li .avatar { 
	float: left;
	margin:5px;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	color:#fff;
	}
.commentlist p {
	margin-left:70px;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	color:#C6D1C3;
	}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentmetadata a {
	font-weight: normal;
	color:#FFFFCC;
	}
.reply {margin-bottom:10px; color:#fff;}
.reply a{ color:#fff;}
#respond {}
background-color: #B3FFCC} !important
} 
*/
.says {color:#666;}
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0;  } 
ol.commentlist li { } 
ol.commentlist li.alt {} 
ol.commentlist li.bypostauthor {color:#393E44;} 
ol.commentlist li.byuser {} 
ol.commentlist li.comment-author-admin { } 
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; } 
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:normal 16px georgia,times,serif; } 
ol.commentlist li div.vcard cite.fn { font-style:normal; } 
ol.commentlist li div.vcard cite.fn a.url {} 
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; } 
ol.commentlist li div.vcard img.avatar-32 {} 
ol.commentlist li div.vcard img.photo {} 
ol.commentlist li div.vcard span.says {} 
ol.commentlist li div.commentmetadata {} 
ol.commentlist li div.comment-meta { font-size:9px; } 
ol.commentlist li div.comment-meta a { color:#ccc; } 
ol.commentlist li p { margin:0 0 1em; } 
ol.commentlist li ul {  list-style:square; margin:0 0 1em 2em; } 
ol.commentlist li div.reply { } 
ol.commentlist li div.reply a { font-weight:bold; } 
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } 
ol.commentlist li ul.children li {} 
ol.commentlist li ul.children li.alt {} 
ol.commentlist li ul.children li.bypostauthor {} 
ol.commentlist li ul.children li.byuser {} 
ol.commentlist li ul.children li.comment {} 
ol.commentlist li ul.children li.comment-author-admin {} 
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; } 
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; } 
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; } 
ol.commentlist li ul.children li.depth-5 {} 
ol.commentlist li ul.children li.odd {} 
ol.commentlist li.even { background:#E5ECF9; } 
ol.commentlist li.odd { background:#C6D1C3; } 
ol.commentlist li.parent { border-left:5px solid #111; } 
ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; } 
ol.commentlist li.thread-alt { } 
ol.commentlist li.thread-even {} 
ol.commentlist li.thread-odd {}
#commentform textarea {width:75%; height:100px;}

/********************SIDEBAR CSS**************************/
.sidebar {}
.sidebar h4 {color:#FFFFCC; font-size:1.2em; font-weight:bold; text-transform:uppercase; text-align:left; margin:0; padding-left:10px;}
.sidebar h5 {color:#FFFFCC; font-size:1em; font-weight:bold; text-transform:uppercase; text-align:left; margin:0; padding-left:10px;}
.sidebar a {color:#E5ECF9; padding-left:10px; }
.sidebar ul {}
.sidebar ul li {list-style:none; display:block;}
/*.sidebar ul li:hover {color:#333; background:#E5ECF9; display:block; border:1px outset #333; }*/
.sidebar ul li a {color:#E5ECF9; display:inline-block;  border-top:1px dotted #666;border-bottom:1px dotted #666; }
.sidebar ul li a:hover {color:#525249; background:#E5ECF9; border:none; padding-right:10px;  }
#searchform {padding:10px; text-align:right;}
input#searchsubmit {border:1px solid #666; color:#E5ECF9; background:#333333; }
.hidden {display:none;}

.hotBorders{
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.hotBordersLeft{
  border-radius-topright: 4px;
  -webkit-border-radius-topright: 4px;
  -moz-border-radius-topright: 4px;
}