/*
Theme Name: josie-online
Theme URI: http://www.josie-online.com
Description: blog-updates
Version: 2.0 (November 2009)
Author: Josie
Author URI: http://www.josie-online.com
*/

/* basic HTML elements */
body {
	background-color: #333333;
	margin: 0;
	}
p {
	font-family: Futura, Helvetica, Arial, san-serif;
	font-size: .9em;
	line-height: 1.8em;
	color: #333333;
	margin-bottom: 1.8em;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: Futura, Helvetica, Arial, san-serif;
	font-weight: bolder;
	text-transform: uppercase;
	}
h1 {
	font-size: 1.5em;
	color: #990000;
	margin-top: 1em;
	}
h2 {
	font-size: 1.2em;
	color: #006699;
	margin-top: .8em;
	}
h3	{
	font-size: 1em;
	color: #990000;
	margin-top .6em;
	}
h4	{
	font-size: .9em;
	font-style: italic;
	color: #006699;
	margin-top: .4em;
	}
h5	{
	font-size: 1em;
	color: #FFFFFF;
	margin-top: 0;
        margin-bottom: 0;
	}
h6	{
	font-size: .9em;
	font-style: italic;
	color: #FFFFFF;
	margin-top: .4em;
	}
blockquote {
	margin: 1.8em 3.6em 1.8em 80px;
	padding-left: 16px;
	background-image: url(images/blockquote-border.jpg);
	background-position: -40px bottom;
	background-repeat: no-repeat;
	border-top: 3px solid ##CDD4D6;
	border-bottom: 6px solid #CCCCCC;
	}
small {
	font-size: .8em;
	line-height: 1.6em;
	}
	/* HTML LINK STYLES */
a {
	color: #006699;
	text-decoration: none;
	border-bottom: .1em dotted;
	}
a:visited {
	color: #333333;
	}
a:hover, a:active {
	color: #990000;
	}
a img, a:hover img, a:active img {
	border: 0 none;
	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, img a {
	border-bottom: none;
	}
h1 a, h1 a:visited, h3 a, h3 a:visited {
	color: #990000;
	}
h2 a, h2 a:visited, h4 a, h4 a:visited {
	color: #006699;
	}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	border-bottom: .1em solid;
	}
h5 a, h5 a:visited, h6 a, h6 a:visited {
	color: white;
	}
h5 a:hover, h6 a:hover {
	color: #FFFF33;
	}
abbr:hover {
	cursor: help;
	}
	/* HTML LIST STYLES */
ol {
	list-style-type: decimal;
	}
ul {
	list-style-type: disc;
	}
li {
	list-style-position: outside;
	margin: 0;
	font-family: Futura, Helvetica, Arial, san-serif;
	font-size: .9em;
	/* line-height: 1.35em; don't need this? */
	color: #333333;
	}
ol ul, ul ul {
	list-style-type: circle;
	}
ol ol, ul ol {
	list-style-type: lower-alpha;
	}
img a, img a:visited, img a:hover, img a:active {
	border-bottom: none;
	}
/* end basic HTML styles */

/* begin HEADER styles */
#page {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	}
#masthead {
	vertical-align: top;
	background-color: #333333;
	}
#connect, #interact {
	color: white;
	font-size: 10px;
	line-height: 35px;
	text-transform: uppercase;
	vertical-align: middle;
	height: 35px;
	}
#connect ul, #interact ul {
	margin: 0;
	padding: 0;
	}
	#connect {
		width: 250px;
		float: left;
		text-align: left
		}
	#connect ul.inlineleft li {
		display: inline;
		list-style-type: none;
		text-align: left;
		text-indent: 0;
		padding-right: 5px;
		}
	#connect ul.inlineleft li a {
		color: white;
		border-bottom: none;
		}
	#connect ul.inlineleft li a:hover {
		color: #FFFF99;
		}
	#interact {
		width: 450px;
		float: right;
		text-align: right;
		}
	#interact ul.inlineright li {
		display: inline;
		list-style-type: none;
		text-align: right;
		text-indent: 0;
		padding-left: 5px;
		font-size: 8px;
		}
	#interact ul.inlineright li a {
		color: white;
		border-bottom: none;
		}
	#interact ul.inlineright li a:hover {
		color: #FFFF33;
		}
#header {
	clear: both;
	height: 250px;
	}
	#header a, #header a:hover {
		border-width: 0;
		border-style: none;
		margin: 0;
		padding: 0;
		}
#menubar {
	height: 25px;
	vertical-align: middle;
        margin-bottom: 8px;
        background-color: #333333;
	background-image: url(images/menubar-bkgd.gif);
	background-repeat: repeat-x;
	color: white;
	font-size: 10px;
	line-height: 30px;
	text-transform: uppercase;
	}
	#menubar ul {
		margin: 0;
		padding: 0;
		text-align: left;
		vertical-align: middle;
		}
	#menubar ul.inlineleft li {
		display: inline;
		list-style-type: none;
		text-align: left;
		text-indent: 0;
		padding: 0 0 0 5px;
		}
	#menubar ul.inlineleft li a {
		color: white;
		border-bottom: none;
		}
	#menubar ul.inlineleft li a:hover {
		color: #FFFF33;
		}
		
		/* Dropdown Page Navigation */
			#navi{height:25px;background:transparent;display:block;padding:0;font: 10px;text-transform:uppercase;}
			#menu ,#menu ul {margin: 0;padding: 0;list-style: none;height:25px;}
			#menu a {color: #333333;display: block;padding: 4px 10px 6px 10px;}
			#menu a:hover {color: #FFFF33;display:block;text-decoration: none;background:#990000;} /* Design for links when the mouse is over them */
			#menu li {float: left;margin: 0;padding: 0;}
			#menu li li {float: left;margin: 0 0 0 5px;padding: 0;width: 50px;}
			#menu li li a, #menu li li a:link, #menu li li a:visited {background:#fff;width: 50px;float: none;margin: 0;padding: 4px 10px 5px 10px;color:#333333;}
			#menu li li a:hover, #menu li li a:active {background:#990000;width: 150px;float: none;margin: 0;padding: 4px 10px 5px 10px;color:#FF3333;}
			#menu li ul {position: absolute;width: 10em;left: -999em;z-index:1;}
			#menu li:hover ul {left: auto;display: block;}
			#menu li:hover ul, #menu li.sfhover ul {left: auto;}
			#menu li.current_page_item a{background:#990000;color:#FFFFFF;} /* Design for the link to whatever page the user is currently on (if applicable) */
			#menu li.current_page_item a:hover{color:#FFFF33;text-decoration:none;}
 
		/* Dropdown Category Navigation */
			.sf-menu, .sf-menu * {margin:0 5px 0 0;padding:0;list-style:none;font: 10px;text-transform:uppercase;}
			.sf-menu {line-height:25px;height:25px;background:transparent;}
			.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
			.sf-menu ul li {width:100%;}
			.sf-menu li:hover {visibility:inherit; color: #FFFF33 /* fixes IE7 'sticky bug' */}
			.sf-menu li {float:left;position:relative;}
			.sf-menu a {display:block;position:relative;color:#333333;}
			.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:25px; /* match top ul list item height */z-index:150;}
			ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
			ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
			ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
			ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
			.sf-menu {float:left;margin:0;width:100%;}
			.sf-menu a {padding: 8px font:10px;text-decoration:none;color:#333333;}
			 /* Design for the dropdown links */
			.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/color:#333333;}
	.sf-menu li {background:transparent;color:#FFFFFF;}
	.sf-menu li li {background:#333333;}
	.sf-menu li li li {background:#333333;}
	.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color:FFFF33;} /* Background = Link background colors when the mouse is over them */
	.sf-menu li.current-cat a{background:#990000;color:#FFFFFF;padding: 0 5px; margin-right: 0;}
	.sf-menu li.current-cat a:hover{background:#990000;color:#FFFF33;}
/* end HEADER styles */

/* begin SEARCHFORM styles */
	#search { 
		color: white; 
		font-size: 10px; 
		font-family: Futura, Helvetica, Arial, Sans-Serif; 
		text-transform: uppercase; 
		}
	#search ul { 
		text-align: right; 
		margin-left: 0; 
		padding-left: 0; 
		}
	#search ul li { 
		color: white; 
		text-align: right; 
		text-indent: 0; 
		margin-left: 5px; 
		padding-left: 0; 
		list-style-type: none; 
		display: inline; }
	#search ul li a { 
		color: white; 
		font-size: 0.75em; 
		border-bottom-style: none; 
		}
	#search ul li a:hover { 
		color: #ff3; 
		font-size: 0.75em; 
		border-bottom-style: none; 
		}
	#search label {
		font-size: 10px;
		padding-right: 3px;
		}
	#searchform { 
		height: 15px; 
		display: inline; 
		}
	#s { 
		background-color: #333; 
		vertical-align: middle; 
		width: 140px; 
		padding: 1px; 
		border: 1px solid #666666; 
		display: inline; 
		font-size: 9px;
		}
	.text { 
		color: #CCD4D6; 
		font-size: 10px; 
		font-family: Monaco, "courier new", courier, monospace; 
		}
	#searchsubmit, #searchsubmit a { 
		background-color: #666666; 
		color: white;
		vertical-align: middle; 
		padding: 1px; 
		border-bottom-style: none; 
		}
	#searchsubmit a:hover { 
		color: #ff3; 
		}
	.button, .button a { 
		color: white; 
		border-style: none; 
		}
	.button a:hover { 
		color: #ff3; 
		border-bottom-style: none; 
		}
/* end SEARCHFORM styles */

/* begin CONTENT styles */
.alignleft {
	float: left;
	margin: 0.5em .75em .5em 0;
	}
.alignright {
	float: right;
	margin: 0.5em 0 .5em .75em;
	}
.aligncenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	}
img.alignleft {
	margin: 0.5em .75em .5em 0;
	display: inline;
	}
img.alignright {
	margin: 0.5em 0 .5em .75em;
	display: inline;
	}
img.aligncenter {
        margin: 0.5em 0 .5em 0;
        display: block;
        }
img.alignleft a, img.alignright a, img.aligncenter a {
        border-bottom: none;
        }
.wp-caption-text {
        font-size: .8em;
        font-style: italic;
        line-height: 1.2em;
        text-align: center;
        margin: .75em;
        }

	#content {
		float: left;
		width: 435px;
		padding: 0 5px 10px 10px;
		}
	.subhead {
		color: #006699;
		font-size: 1em;
		font-weight: normal;
		text-transform: uppercase;
		}
		.post, .wfi-post {
			text-align: justify;
			padding-bottom: 1em;
			margin-bottom: 1em;
			}
		.post > small {
				font-style: italic;
				}
			.entry {
				margin: 1em 0 .5em;
				}
			.print-head {
				display: none;
				}
			.wfi-head {
				display: none;
				}
			.wfi-signature {
				font-family: Futura, Helvetica, Arial, san-serif;
				font-size: .9em;
				line-height: 1.8em;
				color: #333333;
				text-align: left;
				font-style: italic;
				}
			.wfi-info {
				font-family: Futura, Helvetica, Arial, san-serif;
				font-size: .85em;
				text-align: justify;
				padding-bottom: .5em;
				border-bottom: .5px solid #66666;
				margin: 1em 0;
				}
			.wfi-response {
				display: none;
				}
			.postmetadata {
				text-align: left;
				color: #666666;
				font-size: .8em;
				line-height: 1.6em;
				}
				ul.post-meta {list-style-type: none;}
			.printfoot {
				display: none;
				}
		.navigation {
			font-size: .9em;
			color: #006699;
			border-top: .1em solid #A5B6BC;
			padding-top: 1em;
			}
			
	/* begin PAGEBAR styles */
.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	text-align: center;
}

.pagebar a,.pageList .this-page {
	border:.25px solid #A5B6BC;
	background-color: #CDD4D6;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: .25px solid #A5B6BC;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #990000;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #CDD4D6;
	color: #006699;
}

.pagebar a:hover {
	border-color: #990000;
}

.pagebar .inactive {
	border: .25px dashed #A5B5BC;
	color: #666666;
	text-decoration: none;
	padding: 0.2em 0.5em;
}
	/* end PAGEBAR styles */
			
	/* begin SERIES styles */
	.seriesbox {
		float: left;
		vertical-align: bottom;
		}
	.seriesmeta {
		text-align: center;
		font-family: Futura, Helvetica, Arial, san-serif;
		font-size: .85em;
		font-style: italic;
		}
	.serieslist-li {
		list-style-image: none;
		font-family: Futura, Helvetica, Arial, san-serif;
		font-size: .85em;
		line-height: 1.3em;
		}
	.serieslist-li-current {
		color: 990000;
		}

/* end SERIES styles */
		
	/* begin COMMENTFORM styles */
	h3 #comments {
		color: #006699;
		font-weight: normal;
		}
	#commentlist ol {
		list-style-type: decimal-leading-zero;
		font-weight: bolder;
		color: #006699;
		}
		.alt li
		#comment-n 
	cite {
		font-style: italic;
		}
	ol #commentlist p {
		color: #333333;
		}
	#respond h3 {
		font-style: italic;
		}
	#commentform
	#author
	#comments small
	#email, #url {
		font-family: Futura, Helvetica, Arial, san-serif;
		font-size: .9em;
		line-height: 1.35em;
		color: #006699;
		}
	#comment {
		background-image: url(images/commentinput-bkgd.gif);
		background-position: bottom left;
		background-repeat: repeat-x;
		width: 425px;
		border: .5px #A5B6BC;
		border-style: solid;
		padding: 3px;
		font-family: Monaco, "courier new", courier, monospace;
		font-size: 1em;
		color: #333333;
		}
	#comment #submit {
		background-color: #006699;
		padding: 1px;
		font-family: Futura, Helvetica, Arial, san-serif;
		font-style: italic;
		color: white;
		float: right;
		}
	/* end COMMENTFORM styles */

/* end CONTENT styles */

/* begin SIDECOLUMN styles */	
	#sidecolumn {
		float: right;
		width: 235px;
		padding: 0 10px 10px 5px;
		}
	#sidepost {
		width: 220px;
		padding: 0 -10px -5px;
		}
		#sidepost.post h3 {
			background-image: none;
			}
		#sidepost.post.entry.seriesmeta {
			display: none;
			}
		#sidepost.post.entry p {
			text-transform: none;
			font-weight: normal;
			}
	#sidecolumn h2, #sidecolumn h3, #sidecolumn h4, #sidecolumn h5, #sidecolumn p {
		padding: 0 0 0 .5em;
		}
	#sidecolumn ul, #sidecolumn ol, #sidecolumn li {
		list-style-type: none;
        padding: .5em;
        margin-top: 0;
		}
	#sidecolumn ul li, #sidecolumn ol li, #sidecolumn ul li li h3, #sidecolumn ol li li h3 {
		list-style-type: none;
        list-style-position: none;
		line-height: 1.5em;
		margin-bottom: 1em;
		padding: 0 0 0 .5em;
		}
	#sidecolumn ul li.relatedposts, #sidecolumn ol li.relatedposts {
		padding-left: 1em;
		}
		#sidecolumn ul h3, #sidecolumn ol h3, #sidecolumn ul li h3, #sidecolumn ol li h3 {
	        background-image: url(images/titlebar-bkgd.gif);
			background-repeat: repeat-x;
			}
		#sidecolumn ul li ul; #sidecolumn ol li ul; #sidecolumn ul li ol, #sidecolumn ol li ol; #sidecolumn ul li ol li, #sidecolumn ol li ol li, #sidecolumn ul li ul li, #sidecolumn ol li ul li, #sidecolumn ul ul li ul li, .DaikosText ul li ul li {
			background-image: none;
			line-height: 1.5em;
 			}
		ul#contacticons li abbr a, ul#contacticons li abbr a:visited, ul#contacticons li abbr a:hover, {
			border-bottom: none;
			color: transparent;
			}
	.widgettitle { 
		background-image: url(images/titlebar-bkgd.gif);
		background-repeat: repeat-x;
		padding: 1px;
		text-indent: .5em;
		color: #990000; 
		font-size: 1em; 
		font-family: Futura, Helvetica, Arial, Sans-Serif; 
		font-weight: bold; 
		text-transform: uppercase; 
		}
		
		/* begin sliderPanel styles */
		.hackadelic-sliderPanel {
			/* border: 1px solid #ccc;
			padding: 5px;
			-moz-border-radius: 1em; -webkit-border-radius: 1em; */
			display: none;
			}
		a.hackadelic-sliderButton {
			color: #B3960E;
			/* padding: 0 3px;
			-moz-border-radius: 1em; -webkit-border-radius: 1em; */
			}
		a.hackadelic-sliderButton:hover {
			/* border: 1px solid #F0F0E0;
			background-color: #F0F0E0; */
			}
		.entry .hackadelic-sliderPanel {
			background-color: transparent;
			}
		.textwidget .hackadelic-sliderButton {
			display: block;
			text-align: center;
			margin: .5em;
			}
		.textwidget .hackadelic-sliderPanel {
			background-color: transparent;
			}
		/* end collapsible content styles */


/* end SIDECOLUMN styles */

/* begin FOOTER styles */
#footer {
	clear: both;
	height: 300px;
	overflow: hidden;
	background-image: url(images/final_06.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #333333;
	margin-bottom: 0;
	}
	#sidebar-footer {
		float: right;
		width: 550px;
		height: 235px;
		overflow: hidden;
		background-image: url(images/final_07.gif);
		background-repeat: no-repeat;
		background-position: 60px top;
		padding-top: 65px;
		color: white;
		text-align: right;
		text-transform: uppercase;
		}
		.textwidget {
			margin-bottom: 1.6em;
			text-transform: none;
			}
	#sidebar-footer ul {
		list-style-type: none;
		}
	#sidebar-footer ul li, #sidebar-footer ul.inlineright li {
		display: inline;
		list-style-type: none;
		text-align: right;
		text-indent: 0;
        color: white;
		padding-left: 5px;
		font-size: 9px;
        line-height: 18px;
		}
	#sidebar-footer ul.inlineright li a {
		color: white;
		border-bottom: none;
		}
	#sidebar-footer ul.inlineright li a:hover {
		color: #FFFF99;
		}

	#legal {
		vertical-align: bottom;
		text-transform: none;
		margin-top: .5em;
		}
	.copyright {
		color: white;
		font-family: Futura, Helvetica, Arial, san-serif;
		font-size: .8em;
		line-height: 1.6em;
		}
		.copyright a, .copyright a:visited {
			color: white
			}
		.copyright a:hover {
			color: #FFFF33;
			}