/*
 * Theme Name:		Bluecube
 * Theme URI: 		http://www.theenglishguy.co.uk/bluecube-theme/
 * Description: 	Two-column blue and grey simple theme with distinctive mast graphic.
 * Author: 			Richard Dows
 * Author URI:		http://www.theenglishguy.co.uk/
 * Version: 		1.6
 * Tags:			two-column, widget-ready, gravatar-ready
 */

body {
	background-color:		#dadada;
	background-image:       url(images/bgstripe.gif);
	background-position:	top left;
	background-repeat:		repeat-x;
	margin: 				0;
	padding: 				0;
	color: 					#000;
	font-family: 			'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size:				75%;
}

#wrap {
    text-align:				left;
	margin:					0 auto;
	padding:				0;
	width:					700px;
	background-color:		#fff;
	background-image:       url(images/middlebg.gif);
	background-position:    top left;
	background-repeat:      repeat-y;
}


/*------------------------------ content ----*/
#content {
    padding:                0 20px;
	text-align:				left;
	width:					450px;
	float:					left;
	border-right:			1px solid #eee;
}
* html #content {
    clear:					right;
}


/*------------------------------- header ----*/
#header {
	width:					100%;
	height:					199px;
	clear:					both;
	border-bottom:			4px solid #000;
}
* html #header {
    margin-top:             -3px;
}
#header h1, #header p {
    float:					left;
	clear:					left;
	margin:					0;
	padding:				10px 0 0 20px;
	color:					#fff;
}
#header h1 {
    font-size:				1.8em;
	margin-top:             20px;
	font-weight:			bold;
}
#header p {
    font-size:				1.2em;
	width:					300px;
	text-align:				justify;
}
#header div {
    background-color:		#000;
	width:					658px;
	padding:				0;
	margin:					0 auto;
	text-align:				right;
}
#header div img {
    width:					300px;
	height:					179px;
	margin:					10px 10px 10px 0;
}


/*------------------------------ sidebar ----*/
#sidebar {
	width:					190px;
	margin-left:            490px;
	padding:				0;
	text-align:				left;
}
#sidebar ul {
    margin:					0 0 0 20px;
	padding:                0;
	font-size:				1.0em;
}
#sidebar ul ul { 
    margin:					0 0 0 18px;
	font-size:				1.1em;
	list-style-image:		url(images/arw_small.gif);
}
#sidebar ul ul ul {
    margin:					0 0 0 15px;
	font-size:				1.0em;
}
#sidebar ul li, #sidebar ul li h2 {
    list-style-type:		none;
}
#sidebar ul li h2 {
    border-bottom:			1px solid #000;
	margin-right:           10px;
	margin-bottom:          5px;
	font-weight:			bold;
	letter-spacing:			0.01em;
	text-transform:			uppercase;
}
#sidebar ul li ul li {
	list-style-type:		disc;
	font-weight:			normal;
    text-transform:			capitalize;
}

#sidebar #tagcloud div {
    text-align:				center;
	padding:                0 5px;
}


/*--------------------------------- menu ----*/
#menu {
    margin: 				0 0 0 21px;
    background: 			#ccc;
    height: 				20px;
	width:					658px;
}
#navlist {
    margin: 				0 0 0 30px;
    padding: 				0;
    display: 				block;
}
#navlist li {
    list-style: 			none;
    float: 					left;
}
#menu a, #navlist li.extend {
    margin: 				0;
    display: 				block;
	/*
    border-top: 			1px solid #333;
	*/
    padding: 				1px 6px;
    background: 			#ccc;
}
#menu a:hover, #menu a#current {
    padding: 				1px 5px;
    background: 			#FAFAFA;
    border-right: 			1px solid #333;
    border-left: 			1px solid #333;
    border-top: 			1px solid #FAFAFA;
    border-bottom: 			1px solid #333;
}
#menu a#current {
    background: 			#F6F6F6;
    border-top: 			1px solid #F6F6F6;
}
#menu li#active {
    border-right: 			2px solid #828282;
    border-bottom: 			2px solid #828282;
}
#menu a, #navlist li.extend {
    text-decoration: 		none;
    font: 					normal 12px verdana, serif;
    color: 					#000;
}
#menu a:hover, #menu a#current {
    color: 					#000;
}
#menu a#current {
    font-weight: 			bold;
}


/*-------------------------------- post -----*/
.post {
    padding:				0 0 5px 0;
	margin:					0 0 5px 0;
}
.post:hover {
    background-color:		#e7e7e7;
}
.post-title {
	padding: 				2px 0 2px 5px;
	background-image:       url(images/navigation_bottom.gif);
	background-repeat:      repeat-x;
	background-position:    bottom left;
	background-color:		#fff;
	border-left:            1px solid #e7e7e7;
	border-bottom:          1px solid #e7e7e7;
	font-size:				1.4em;
}
.post-title h2 {
	margin: 				0 0 2px 0;
    font-size:				1.2em !important;
}
.post-details {
    float:					right;
}
.post-meta {
    margin:					0 0 0 5px;
	font-size: 				0.9em;
}
.post-meta ul, .post-meta li, ul.post-post-meta li {
	display: 				inline;
}
.post-meta ul {
	list-style: 			none;
	margin: 				0;
	padding: 				0;
}

.storytitle a {
	text-decoration: 		none;
}
.storytitle em {
    font-style:				normal !important;
}

.storycontent {
	margin-left:            5px;
	margin-right:           5px;
    font-size:				1.2em;
}



/*------------------------------ comments ---*/
.comments-comments { 
    border-left:			1px solid #e7e7e7;
	border-bottom:			1px solid #e7e7e7;
	border-right:			1px solid #e7e7e7;
}
.comments-top { 
    margin:					0;
	padding:                0;
}
.comments-title {
    height:					30px;
	padding: 				2px 0 0 5px;
	background-image:       url(images/navigation_bottom.gif);
	background-repeat:      repeat-x;
	background-position:    bottom left;
	background-color:		#fff;
	border-bottom:          1px solid #e7e7e7;
}
.comments-title h3 {
    font-size:				1.2em;
	margin:					4px 0 0 0;
}
.comments-middle p { 
    font-size:				1.2em;
	padding:                0 0 0 5px;
}
.comments-poster {
    width:					125px;
	float:					right;
	text-align:				center;
	padding:                0 0 0 10px;
	border-left:			1px solid #ccc;
}
.comments-poster-text {
    font-size:				0.8em;
}
.comments-bottom { }

.comments-inputs label { 
    width:					75px;
	float:					left;
}
.comments-inputs input { }

#commentform textarea {
	width: 					98%;
	margin:					5px 0 0 0;
	padding:                2px 3px 2px 2px;
}

h2#comments {
    margin:					0 0 0 5px;
}



/*------------------------------- footer ----*/
#footer {
    clear:					both;
	margin:					0;
	padding:				0;
	text-align:				center;
	color:					#fff;
}
#footer div {
    background-color:		#000;
	width:					658px;
	padding:				0;
	margin:					0 auto;
}


/*-------------------------------- links ----*/
a img {
	border: 				none;
}

a:link, a:visited {
	color: 					#036;
	padding:                0 2px;
}
a:hover {
	color:					#900;
	text-decoration:		none;
}

h3 a {
    color:					#000;
}

#header h1 a {
    color:					#fff;
	text-decoration:		none;
}
#header h1 a:visited {
    color:					#eee;
}
#header h1 a:hover {
    color:					#00f;
}

#footer a:link, #footer a:visited { 
    color:					#9cf;
}
#footer a:hover { 
    color:					#900;
}



span.caps {
	font-size: 				90%;
	letter-spacing: 		.07em;
}
cite {
	font-style: 			normal;
	color:					#006;
}
p, li {
	letter-spacing: 		-1px;
	line-height:			150%;
}

blockquote {
	border-left: 			5px solid #006;
	margin-left: 			1.5em;
	padding-left: 			5px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	color:					#222;
}

h2 {
	margin: 				15px 0 2px 0;
	padding-bottom: 		2px;
    font-size:				1.3em !important;
}

div.spacer {
    clear:					both;
}

.aligncenter, div.aligncenter {
   display: 				block;
   margin-left: 			auto;
   margin-right: 			auto;
}
.alignleft {
   float: 					left;
}
.alignright {
   float: 					right;
}
.wp-caption {
   border: 					1px solid #ddd;
   text-align: 				center;
   background-color: 		#f3f3f3;
   padding-top: 			4px;
   margin: 					10px;
   /* optional rounded corners for browsers that support it */
   -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 {
   font-size: 				11px;
   line-height: 			17px;
   padding:                 0 4px 5px;
   margin: 					0;
}


.clearfix:after {
    content: 				".";
    display: 				block;
    clear: 					both;
    visibility: 			hidden;
    line-height: 			0;
    height:  				0;
}

.clearfix {
    display: 				inline-block;
}

html[xmlns] .clearfix {
    display: 				block;
}

* html .clearfix {
    height: 				1%;
}



/*------------------------------ calendar ---*/
#wp-calendar {
	empty-cells: 			show;
	margin: 				0;
	width: 					94%;
	font-size: 				14px;
}
#wp-calendar #next a, #wp-calendar #prev a {
    color:					#000;
}
#wp-calendar #next a:hover, #wp-calendar #prev a:hover {
    color:					#fff;
}
#wp-calendar #next a {
	padding-right: 			5px;
	text-align: 			right;
}
#wp-calendar #prev a {
	padding-left: 			5px;
	text-align: 			left;
}
#wp-calendar a {
	text-decoration: 		none;
	background-color:		transparent;
	color:					#900;
}
#wp-calendar a:hover {
	background: 			#000;
	color: 					#fff;
}
#wp-calendar caption {
    font-size:				1.3em !important;
	font-variant:			small-caps;
	font-weight:			bold;
	color: 					#000;
	text-align: 			center;
	margin:					0 0 3px 0;
	padding:                0 0 2px 0;
}
#wp-calendar td {
	padding: 				2px 0;
	color: 					#000;
	font: 					normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 		normal;
	text-align: 			center;
	border-right:			1px solid #333;
	border-bottom:			1px solid #333;
}
#wp-calendar td.pad:hover {
	background: 			#fff;
}
#wp-calendar td:hover, #wp-calendar #today {
	background: 			#000;
	color: 					#fff;
}
#wp-calendar th {
	font-style: 			normal;
	text-transform: 		capitalize;
	text-align:				center;
}
#wp-calendar thead tr {
    border-bottom:			1px solid #000;
}
#wp-calendar tfoot td {
    border:					none !important;
}