/*  
Theme Name: Barney Jeffries
Theme URI: http://www.barneyjeffries.com
Description: Barney Jeffries, website and blog
Version: 1.0
Author: Barney Jeffries
Author URI: http://www.barneyjeffries.com
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* reset font sizes */
body {
	font-size: 75%;
	background: url(../images/line.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
 
html>body {
	font-size: 12px;
}
/* Main type styles */
h1{
	font: 1.75em Verdana, Arial, Helvetica, sans-serif;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #02243D;
	line-height: 1em;
	margin: 1em 0px;
}
h2{
	font: 1.5em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.166667em;
	margin: 1.166667em 0px;
	color: #02243D;
}
h3 {
	font: 1.16em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin: 1.5em 0px;
	color: #4E6677;
}
h4{
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0.75em 0px 0.3em 0px;
	
}
p{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	margin: 0.75em 0px;
	color: #333;
}
ul{
	margin: 0px 0px 1.75em 0px;
}
ol{
	margin: 0px 0px 1.75em 0px;
}
li{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	margin-left: 15px;
}
a{
	color: #E41B5B;
	text-decoration: underline;
}
a:hover{
	color: #02243D
}
a:visited{ 
	color:#F292B1;
}
a:active{ 
	color:#FF0033;
}

/* Background graphics */
html {
	background-image: url(images/bgrepeat_y.gif);
	background-repeat:repeat-y;
	background-position:top;
	background-color: #D9DEE2;
	height: 100%;
}

body{
	margin: 0;
	padding: 0;
	background-image: url(images/bgrepeat_x.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height: 100%;
}

/* Layout */
#container{
	margin: 0px auto;
	padding: 0;
	width: 750px;
	background-image: url(images/header_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	position: relative;
}
#holder{
	position: relative;
	width: 600px;
	margin-left: 75px;
}
#header{ float: left; width:250px;}
#header h1{ margin: 0px; line-height: 0px; font-size: 0px;}
#header a{ display: block; width: 300px; height: 150px; font-size: 1px;color: #02243D;}
#menu{ float: right; width: 300px; margin-top: 92px;}
#menu ul{text-align:right;}
#menu li {float: left; margin-right: 10px;}
#content{
	clear: both;	
	padding: 20px;
}
#column1{
	float: left;
	width: 350px;
}
#column2{
	float: right;
	width: 155px;
	background-image: url(images/side_bg.jpg); background-repeat: no-repeat;
	padding: 10px;
}
#column1alt{
	float: left;
	width: 155px;
	background-image: url(images/side_bg.jpg); background-repeat: no-repeat;
	padding: 10px;
	min-height: 400px;
	height: 400px;
}
#column2alt{
	float: right;
	width: 350px;
}
#footer{
	clear: both;
	border-top: 1px dotted #677C8B;
	background-image: url(images/footer_bg.jpg); background-repeat:repeat-x;
	width: 598px;
	margin-left: 1px;
}


/* Styles for specific text */
ul.arrow li{
	font: 0.916667em Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	line-height: 1.909091em;
	padding-left: 20px;
	margin: 0px 0px 0px 0px;
	background: url(images/bullet_arrow_pink.gif) no-repeat;
	background-position: 0px 6px;
	color: #333;
}
p span{
	color: #E41B5B;
}
#menu ul{
	font-size: 1em; 
	list-style-type:none;
	margin-left:0px;
}
#menu ul li{
	margin-left: 5px;
}
#footer p{
	margin-left: 15px;
	padding: 5px; 
	font-size: 0.9em; 
	color:#02243D;
}
#sidebar ul ul{
	margin-left: 0px;
	margin: 0px 0px 0px 0px;
}
#sidebar ul ul ul{
	margin: 0px 0px 0px 0px;
}
#sidebar h2{
	margin: 1.5em 0px 0px 0px;
}
#sidebar li{
	margin-left:0px; 
	line-height: 1.5em;
	margin: 0.75em 0px 0.75em 0px;
}
#sidebar li li{
	margin-left:0px; 
	margin: 0.75em 0px 0.75em 0px;
	list-style-type:none;
	border-bottom: 1px dotted #677C8B;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: normal;
}
#sidebar li li li{
	margin-left:0px; 
	padding-left: 17px;
	list-style-type:none;
	border-bottom: none;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: normal;
	background: url(images/bullet_arrow_pink.gif) no-repeat;
	background-position: 0px 2px;
}
#sidebar li a:visited{
	color: #F292B1;
}
#sidebar li li a:visited{
	color: #02243D;
}
#sidebar a{
	text-decoration: none;
}
#sidebar a:hover{
	text-decoration: underline;
}
/* General Classes */
.floatright{
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}
.floatleft{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.imagelink img{
	padding:2px;
	border: 1px solid #B8C2C9;
}
.imagelink:hover img{
	padding:2px;
	border: 1px solid #E41B5B;
}
.contentsection{
	margin-top: 10px;
}

.border{
	padding:2px;
	border: 1px solid #B8C2C9;
}
.borders{
	border-bottom: 1px dotted #677C8B;
	border-top: 1px dotted #677C8B;
	padding-top:7px;
	padding-bottom:7px;
	font-weight:bold;
}
.list li{
	margin-left:0px; 
	list-style-type:none;
	border-bottom: 1px dotted #677C8B;
	margin-bottom: 5px;
	padding-bottom:4px;
}
.list a{
	text-decoration: none;
}
/* Post styles */
div.post{
	margin-bottom: 20px;
	border-bottom: 1px dotted #677C8B;
}
p.postmetadata{
	font-size: 0.8em;
}
ol.commentlist{

}
ol.commentlist li{}
ol.commentlist li.alt{}
ol.commentlist cite{}
p.commentmetadata{}
ol.commentlist p{

}
/* ---- Form styling ----- */
#commentform{
	width: 340px;
}
#commentform textarea{
	width: 340px;
}
/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
	width: 0px;
	height: 0px;
	margin-left: 42px;
	z-index: 0;
}
.sIFR-active h2 {
	font-size: 28px;
	display: block;
	line-height: 1em;
	color: #003366;
	margin: 0px 0px 5px;
	
}
.sIFR-active #sidebar h2 {
	font-size: 18px;
	display: block;
	line-height: 1em;
	color: #003366;
	margin: 1em 0px 0px 0px;
}
.sIFR-active h3 {
	font-size: 18px;
	display: block;
	line-height: 1em;
	color: #003366;
	margin: 0px 0px;
}
.sIFR-active li.menu{
	font-size: 18px;
	line-height: 1em;
	color: #003366;
	margin: 0px;
}