/*
Theme Name: Spark4
Theme URI: http://djspark.org/
Description: based on the Wp default theme.
Version: 0.1
Author: Spark
Author URI: http://djspark.org/
Tags: personal
*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

header, section, footer, aside, nav, article, figure {
	display: block;
}

body{font:normal 14px/1.4 Helvetica, Arial, sans-serif; color:#333;}
section {}

#header, #contentinfo {}
#extras {}


#content {}

#header nav li {float:left;margin-bottom:20px;display:block;margin-right:1em;}
#header  {margin:9px 0 9px 24px;}

#contentinfo {
	background:#f4f4f4;
	clear:both;
	margin:0 12px 12px;
	padding:1em;
}





/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:98%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin-left:12px;
}
/* common column settings */

.colleft {
	float:left;
	width:100%;
	position:relative;
	margin-bottom:9px;
}
#content,
 #extras{
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}
.colleft {
	right:75%;			/* right column width */
	right:81%;
	background:#f4f4f4;	/* left column background colour */
}
#content {
	width:71%;			/* right column content width */
	width:75%;
	left:102%;			/* 100% plus left column left padding */

}
#extras {
	width:21%;			/* left column content width (column width minus left and right padding) */
	width:17%;
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
	padding:1em 0 1em 1em;
}


a {color:#09f;}
a:hover {color:#036;}
a[rel="external"],
 a[href~="http://"] {} 
a[rel="bookmark"] {}

article a:visited {}
article header {}
article footer {font-size:0.8em;color:#666;}
article .entry-content {}
article footer abbr.published {}
article footer address {display: inline;}
article footer a {}

article h1 {font-size:2em;}
article h2 {font-size:2em;border-bottom:1px solid;color:#06f;margin:0 0 0.1em;}
article h3 {font-size:1.5em;}
article header a {color:#06f;text-decoration:none;}
article p {}
article ul, article ol {padding-left:1em;padding-left:1em;margin: 1em 0 ;}
article ol {}
article ul {}
article li {margin-left:0;}
article ol li {}
article ol { list-style: decimal; }
article ol ol { list-style: lower-alpha; }
article ol ol ol { list-style: lower-roman; }
article ul {}
article dl {}
article dt {}
article dd {}
article ul,article  ol{
display: block;
list-style-type: disc;
margin: 1em 0;
padding-left: 30px;
}
article ol {list-style-type: decimal;}
article li {display: list-item;}
article ul ul, article ul ol, article ol ul, article ol ol, article dl ul, article dl ol  {margin-top:0;margin-bottom: 0;}
article ul ul, article ol ul {list-style-type: circle;}
article ul ul ul, article ol ul ul, article ol ol ul, article ul ol ul {list-style-type: square;}
article p {margin: 1em 0;}
article dd {margin: 1em 0;margin-left:30px;}
article blockquote {margin: 1em 30px;}


abbr, acronym {	border-bottom: dotted 1px;}


.post-list {}
.post-list > li{}
.post-list > li > article {}

.cat-post-item {}
.cat-post-item p{color:#666666;display:inline;font-size:0.9em;}
.cat-post-item a{}

#extras li:first-child h3 {margin-top:0;}
#extras h3 {border-bottom:1px dotted;
color:#FF3300;
text-transform:lowercase;margin-top:1em;}
#extras h3 a {text-decoration:none;}
#extras li {}
#extras li ul {font-size:0.8em;margin:0.5em 0;}
#extras li ul ul {}
#extras li ul ul ul {}
#extras li li {padding:0 0 2px;}
#extras li li li{}
#categoryposts-3 {}
#categoryposts-3 ul{}
#categoryposts-3 li{}




#header {}
#header h1 {font-size: 2.5em;font-weight:bold;}
#header h1 a {text-decoration:none;}
#header h1+p {font-size:0.9em;color:#666;margin:-9px 0 0 1px;}
#header nav {font-size:0.8em;position: absolute;right:1em;top:1em;}
#header ul {float:right;min-width:22em;}
#header li {}
#header nav a {}
#searchform {position:absolute;top:3em;right:1.3em;}

#search label{display:none;}
#search #s{width:14em;border:1px solid #999;background:#f9f9f9;font-size:10px;color:#930;padding:1px 3px;}
#search #searchsubmit{}