/*
Theme Name: Ians
Theme URI: http://wordpress.org/
Description: New theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author:  Ian Hussey
Author URI: http://ihussey.co.uk
Tags: blue, custom header, fixed width, two columns, widgets

	ian v1.0
	 http://ihussey.co.uk

	This theme was designed and built by http://ihussey.co.uk

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

*/

* {
	margin:0;
	padding:0;
}

body {
	background:#0072bc url(/images/bg.png) center top repeat-x;
	margin:0;
	padding:0;
}

#masthead {
	height:150px;
}

/* code added to fix footer to bottom of page */
.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 */


html, body, #wrapper {height: 95%;}

body > #wrapper {
	height: auto; 
	min-height: 95%;
	padding-bottom: 150px;  /* must be same height as the footer */
}

#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 

#wrapper {
	/* min-height:400px; */
	/* padding:0; */
	position:relative;
	width:900px;
	margin:0 auto;
	background:#0072bc url(/images/header.jpg) 0 0 no-repeat;
}

#footer {
	background:#1b1b1b url(/images/footer_repeat.jpg) top left repeat-x;
	width:100%;
	/* clear:both; */
}

#footer div {
	background:url(/images/footer_fixed.jpg) top left no-repeat;
	width:900px;
	height:150px;
	margin:0 auto;
	clear:both;
}

#main {
	width:890px;
	min-height:300px;
	padding:0;
	float:left;
}

#single_page {
	width:600px;
	margin:24px auto 0px auto;
	float:left;
	min-height:300px;
	z-index:2;
}

#sidebar {
	width:200px;
	float:right;
	margin-left:30px;
	margin:35px 0px 0px 12px;
	padding:0 20px 0 10px;
	background-color:#0167a9;
}

#sidebar ul {
	list-style:none;
}
/* to set the styles of the groups */
#sidebar ul ul ul li{
	margin:0 0 0 20px;
}

/* new suckorfish nav */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float:left;
	clear:both;
	z-index:10;

}

#nav {
	margin-top:50px;
	font-size: 1.3333em; /* 16px */ 
	line-height: 1.125em; /* 18px */
	font-weight:bold;
}

#nav a {
	display: block;
	width: 7em;
	color:#000000;
	padding:10px 10px 0 10px;
}

#nav a:hover {
	color:#FF0000;
	text-decoration:none;
}

#nav li ul li a { /* second-level lists */
	color:#FFFFFF;
	padding:10px;
	width: 8em;
}

#nav li { /* all list items */
	float: left;
	width: 7em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	color:#FFFFFF;
	background: black;
	width: 8em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ffffff;
}

/*styles for the blog pages */

#content {
	width:600px;
	float:left;
}

you-got14px { font-size: 1.1667em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; }


/* typography here */

body { 
	font-size: 75%; 
	font-family: Arial, sans-serif;
	color:#FFFFFF;
} 
p { font-size: 1.1667em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; }


h1 { 
	font-size: 2em; /* 24px */ 
	line-height: 1.5em; /* 36px */ 
	margin-top: 0.75em; 
	margin-bottom: 0em; 
}

/* 22 - The quick brown fox jumps over the lazy dog */
you-got22px { font-size: 1.8333em; /* 22px */ line-height: 1.6364em; /* 36px */ margin-top: 0.8182em; margin-bottom: 0em; }
/* 20 - The quick brown fox jumps over the lazy dog */

h2 { 
	font-size: 1.6667em; /* 20px */ 
	line-height: 1.8em; /* 36px */ 
	margin-top: 0.9em; 
	margin-bottom: 0em;
	color:#ffffff; 
}

#sidebar h2 {
	color:#CCCCCC;
	padding:5px;
	text-align:left;
}
/* 18 - The quick brown fox jumps over the lazy dog */
you-got18px { font-size: 1.5em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em; }
/* 16 - The quick brown fox jumps over the lazy dog */
h3 { 
	font-size: 1.3333em; /* 16px */ 
	line-height: 1.125em; /* 18px */ 
	margin-top: 1.125em; 
	margin-bottom: 0em; 
}
/* 14 - The quick brown fox jumps over the lazy dog */
you-got14px { font-size: 1.1667em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; }

blockquote {
	background:url(images/quote.png) top left no-repeat;
	padding:0 0 0 40px;
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#FFFF00;
}

#masthead h1  {
	text-indent:-9999px;
	margin:0;
	/* background:transparent url(../../../images/logo2.png) top left no-repeat; */
	height:61px;
	width:300px;
	float:left;
}


#masthead p {
	float:right;
	width:400px;
	text-indent:-9999px;
	visibility:hidden;
}

#footer div p {
	padding:40px 0 0 0;
}

#footer a {
	color:#999999;
}

a {
	color:#FFFF00;
	text-decoration:none;
}

a:hover {
	color:#FFFF00;
	text-decoration:underline;
}

#sidebar a {
	color:#fff;
	font-size:12px;
	line-height:1.5em;
	display:block;
	font-weight:normal;
}


#sidebar a:hover {
	color:#FFFF00;
	background-color:#0065cc;
}

#categories_heading {
	background:transparent url(images/headings.png) 0px -80px no-repeat;
	height:40px;
	width:200px;
	text-indent:-9999px;
}

#search_heading {
	background:transparent url(images/headings.png) 0px -40px no-repeat;
	height:40px;
	width:200px;
	text-indent:-9999px;
}

.widgettitle {
	background:transparent url(images/headings.png) 0px 0px no-repeat;
	height:40px;
	width:200px;
	text-indent:-9999px;
}

/* media here */

#post-9 img {
	float:right;
	margin:0 0 0 30px;
}

element.style {
	width:200px;
}

/* styling the comments */

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform {
	background-color:#0167a9;
	padding:10px;
}

#commentform textarea {
	width: 95%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

.left-col .avatar {
	float: right;
	margin-right: 25px;
	border: 2px solid #026eb4;
	padding: 2px;
}

#commentlist li {
	background-color:#026eb4;
	margin:18px 0 0 0;
	list-style:none;
	float:left;
	width:600px;
}

.comment-author, .comment-meta {
	width:200px;
}

.left-col {
	width:110px;
	float:left;
	/* background-color:#0167a9; */
	padding:10px 10px 10px 30px;
}

.right-col {
	width:420px;
	float:right;
	padding:10px;
	/* border:5px solid #EDEDED; */
}

.left-col cite {
	text-decoration:none;
	font-style:normal;
}

#respond h3 {
	margin:18px 0 18px 0;
}

#comments_feed{
	margin:24px 0 18px 0;
}
/* styling the contact form */

.wpcf7-form {
	background-color:#0167a9;
	padding:10px;
	width:70%;
	margin:18px 0 0 0;
}

#home_image {
	margin-top:30px;
}

.post, object {
	z-index:1;
}