/*   
Theme Name:jQ
Theme URI:http://devolux.org/jq

Description:WordPress theme with two columns, four widget areas and loads of jQuery functions (dropdown navigation, font resizing and more). The theme options include a movable sidebar, custom colours, excerpts on index pages, category or page navigation, different font and colour schemes. 
Author:Devolux
Author URI:http://devolux.org/
Version:2.5
Tags:two-columns, fixed-width, theme-options, custom-colors, blue, green, dark
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/*
###############################
        BASIC TAGS
###############################
margin: TOP RIGHT BOTTOM LEFT;
border: TOP RIGHT BOTTOM LEFT;
*/

* {margin:0; padding:0;}
body {font:normal 10px Helvetica; color:#111;}
h1, h2, h3, h4, h5, h6 {margin:5px 0 0 0;}
p {margin:0px 0px 20px 0px;}

h1 {
	padding: 0px;
	font-size: 1.2em;
	line-height: 22px;
	font-family: Arial, Verdana;
	color: #111;
	}

/*
a {outline:none; text-decoration:none; color:#8a8a8a;}
a:hover {color:#215c97;}
*/

a {
	outline:none;
	color: #c33d0b; 
/*	color:#333; */
	text-decoration:none;
	}

a:hover {
/*	color:#C33D0B; */
	color: #ff3d0b; 
	}
a img {border:none;}


/*
###############################
BASIC LAYOUT
###############################
*/

div#outline {width:960px; margin:0 auto;}
div#nav {position:relative; z-index:2; width:960px; height:38px; background:url(img/nav.png);}
div#content {clear:both; z-index:1; background:#fff; width:940; padding:10px 10px 0 10px;}
div#left {width:620px; margin:0; line-height:1.5; float:left; padding:0 4px 4px 0;}
div#right {width:260px; margin:0; float:right; padding:4px 0 10px 4px;}

p#toggle-all {float:right; width:100px; margin:0; padding:0;}
div.headline {margin:20px 0 0 10px;}
div.excerpt {padding:0 0 5px 0; border-bottom:dotted 1px #ccc; margin:0 0 0 20px;}
div.post-single {margin:0 0 20px 0;}

div.preview {float:right; background:url(img/preview.png) no-repeat; margin:15px 0 0 0;}
div.preview a {display:block; width:20px; height:20px; color:#ccc !important; font:normal 14px Verdana, serif;}

div.date {position:absolute; width:60px; height:60px; padding:10px 0; color:#FFF; margin:-10px 0 0 -70px; background:#6F9103; -moz-border-radius:5px;-webkit-border-radius: 5px;}

div.single_content {clear:both; margin:0 0 50px 0px;}
div.bookmarks {text-align:right; float:right;}

div#appendix {clear:both; background:#fff; width:930px; padding:30px 30px 30px 0px; margin:0 0 0 0;}
div.app_widget {float:left; width:280px; padding:0px 0px 0px 30px;}
div#appendix div.widget {padding:20px 0 0 0;}

/*       ###############################
         NAVIGATION
         ############################### */

div#nav ul {float:left; list-style:none;}
div#nav li {float:left;}
div#nav li a {display:block; margin:0; padding:11px 16px 10px 16px; text-decoration:none; font:bold 12px Helvetica, sans-serif; border-left:1px solid #222;}
div#nav li a:hover {background:#111;}
ul#mail_rss a {text-decoration:underline !important;}

/*       ###############################
         WIDGETS
         ############################### */

.widget {border:1px solid #ccc; padding:25px 15px !important; margin:10px 0; -moz-border-radius:5px;-webkit-border-radius: 5px;}
div.widget h4 {border-bottom:1px dotted #ccc; font:bold 120% Arial,Helvetica,sans-serif;}
div#right, div#appendix {font-size:120%;}
div#right ul, div#appendix ul {list-style:none; padding:4px 0 4px 0;}
div.widget h4 {font-size:130%; margin:0; padding:0 0 3px 0;}
div.widget a {display:block; padding:5px 0px; font:normal 110% Arial,Helvetica, sans-serif; color:#666666; display:inline;}
div.widget a:hover {color:#C33D0B; text-decoration:underline;}
div.widget li {padding:4px 0 0 4px; margin:0; border-bottom:1px dotted #ccc; line-height: 20px; }
div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}
div#tag_cloud a {display:inline;}
div#tag_cloud {min-height:130px;}
div#archives {min-height:130px;}
.textwidget, .textwidget a {font: italic 120% Georgia, serif !important;}
.textwidget p {margin: 0; padding: 0;}


/*calendar*/
table#wp-calendar {margin:0 0 10px 0; border-collapse:collapse; text-align:center; font-size:14px;}
table#wp-calendar a {font:normal 14px Verdana;}
table#wp-calendar caption {padding:0 0 5px 0;}
table#wp-calendar th {font:bold 14px Verdana;}
table#wp-calendar th, td {width:30px; height:30px;}


/*       ###############################
         TEXT
         ############################### */
div#blog-line h1 a {font:normal 40px Georgia, serif; color:#fff;}
div#blog-line h1 {font:30px Georgia, serif; padding:20px 0; margin:0; color:#fff; letter-spacing:-2px;}
div#left {font-size:110%;}
/* div#left a {color:#666;} */
div#left a:hover {text-decoration:underline;}
div#left h1 {float:left; font:normal 22px Arial, sans-serif; width:600px; letter-spacing:-1px;}
div#left h1.page_headline {margin:10px 0; font:bold 22px Helvetica, sans-serif; color:#215c97;}
div#left h1 a {color:#333; display:block;}
div#left h1 a:hover {color:#C33D0B; text-decoration:none;}
div#left h2 {font:bold 150% Georgia, serif; margin:0 0 10px 0;}
div#left h2.archive-title {margin:10px 0 0 20px; font:bold 24px Arial, sans-serif; color:#215c97;}
div#left h3 {font:italic 110% Georgia, serif; margin:0 0 5px 0;}
div#left ul, ol {margin:0 0 20px 20px;}

div.excerpt {font-size:110%;}
div.single_content {font-size:110%;}

p#font-resize a {display:inline; font:18px bold Verdana, sans-serif; padding:0px 5px;}
p#toggle-all a {display:block; width:80px; height:20px; padding:0 0 0 30px !important; font:12px bold arial, sans-serif;}
a.show-all {background:url(img/toggle.png) no-repeat;}
a.hide-all {background:url(img/toggle.png) 0px -20px no-repeat;}

p.previous-posts {margin:10px 0 0 0; float:left; font:normal 110% arial;}
p.next-posts {margin:4px 0 0 0; float:right; font:normal 110% arial;}
div.date {font:normal 14px Georgia; text-align:center; color:#FFF;}
p.date-month {margin:2px 0 15px 0; color:#CCC; font:normal 32px Georgia;}

p.post_info {font-size:100%;}
p.tag_info {margin:0; font-size:100%;}
p.offset {margin:5px 0;}
p.wp-bookmark {margin:0;}
.wp-logo {float:left;}
div#credits {margin:0 0 0 65px; padding:5px 10px; height:46px; border:1px solid #ccc; -moz-border-radius:10px;-webkit-border-radius: 10px; font:120% normal Georgia, serif;}
a#totop {float:right; font:normal 100% arial, sans-serif;}

.category-link {background:url(img/page.png) no-repeat;}
.comment-link {background:url(img/comments.png) no-repeat;}
.tag-link {background:url(img/tag-blue.png) no-repeat;}
.user-name {background:url(img/user-green.png) no-repeat;}
.user-mail {background:url(img/email.png) no-repeat;}
.user-url {background:url(img/world-edit.png) no-repeat;}
.user-comment {background:url(img/comment-add.png) no-repeat;}
.info-icon {padding:3px 0 3px 20px; margin:0; background-position:0px 4px;}
.clear {clear:both;}
code {font:normal 120% Courier, serif;}

/*      ##################################
           COMMENTS
        ################################## */
div.comment {margin:10px 0 30px 0; padding:10px 0; border-bottom:1px dotted #ccc;}
p.comment-details {font:normal 130% Georgia, serif;}
.avatar {float:left; margin:0 20px 0 0; border:5px solid #eee;-moz-border-radius:5px;-webkit-border-radius: 5px;}
div.comment-text {margin:50px 0 0 0;}
div.author-comment {background: #f9fbc1;-moz-border-radius:5px;-webkit-border-radius:5px; padding: 10px !important; border:1px solid #f1f1f1;}

h2#comment-header {margin:40px 0 10px 0 !important; border-bottom:1px dotted #ccc; padding:0 0 5px 0;}
h2#respond {margin:40px 0 10px 0 !important;}
h3#no-comments {font:italic bold 110% Georgia, serif !important; color:#666 !important;}

/*        ##################################
           FORMS
        ################################## */
label {display:block; margin:0 0 5px 0;}
.text {width:350px; margin:0 0 10px 0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc;}
textarea {width:450px; height:150px; margin:0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc; -moz-border-radius:5px;}
.submit {width:auto; padding:5px 20px; margin:5px 0; color:#fff; background:#333; border:1px solid #333; -moz-border-radius:5px;-webkit-border-radius: 5px;}
input {-moz-border-radius:5px;-webkit-border-radius: 5px; margin:0 5px 0 0;}

/*        ##################################
           SEARCHFORM
        ################################## */
/*
#search {
    border: 2px solid #666666;
    height: 24px;
    margin-top: 0px;
	margin-bottom: 4px;
    padding: 0px;
    background: #fff;
    text-align: right;
}

#search input {
	border: 0;
    background: none;
    color: #000;
	margin-bottom:2px;
}
*/

input#search {width:150px; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top; border:1px solid #ccc;}
#search-submit {padding:5px; color:#fff; background:#333; border:none;}
div#left div#searchform {padding: 0 0 0 20px;}
p.not-found {padding: 0 0 0 20px; margin:0;}


/*      ##################################
           WORDPRESS CSS
        ################################## */

img.alignright {float:right; margin:0 0 30px 30px;}
img.alignleft {float:left; margin:0 50px 30px 0;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
a img.alignright {float:right; margin:0 0 30px 30px;}
a img.alignleft {float:left; margin:0 50px 30px 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.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;}

.wp-caption img {margin:0;padding:0;border:0 none;}

.wp-caption p.wp-caption-text {font-size:110%; line-height:17px; padding:0 4px 5px; margin:0;}

/*        ##################################
           SUPERFISH
        ################################## */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;margin:0 !important;}
.sf-menu ul ul li{margin:0 !important;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:38px; /* match top ul list item height */ z-index:1000;}
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;}

/*** CUSTOM STYLES ***/
.sf-menu li ul {background:#222;border:1px solid #000;border-top:none;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);}
.sf-menu li li ul, .sf-menu li li li ul {background:#222;border:1px solid #000;border-top:none;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}

/*       ###############################
         CLEARFIX
         ############################### */

.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%;}
.clear {clear:both;}

/*       ###############################
         CLEARFIX
         ############################### */

#header {
	height: 60px;
	padding-top:5px;
	}

#header h1 {
	margin-bottom: 2px !important;
	padding: 0px;
	font-weight: normal;
	font-family: Georgia, Times New Roman Times, Serif;
	font-weight: normal;
	font-size: 52px;
    color: #eeedec;
	}

#header h1 a, #header h1 a:visited {
	color: #eeedec;
	text-decoration: none;
	}

#header h2 {
	color: #ac8a79;
	font-size: 18px;
	font-family: Times New Roman, Times, Serif;
	}

.feedtwitter {
	margin-top: 25px !important;
	text-align: right;
	}


/* NAVIGATION MENUS */
#pagemenucontainer {
	height: 30px;
	margin-top: 0px;
    float: right;
	}

#pagemenu {
	height: 30px;
    float: right;
	}

#pagemenu, #pagemenu ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#pagemenu {
	margin-bottom: 1px;
	}
#pagemenu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#pagemenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#pagemenu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#pagemenu li a, #pagemenu li a:link {
	color: #FFFFCC;
	display: block;
    margin: 0px 0px 0px 6px;
	padding: 2px 0 2px 15px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}
#pagemenu li a:hover, #pagemenu li a:active, .current_page_item {
	background: url(images/pagenav-backgr.png);
	background-repeat: repeat-x;
	color: #c33d0b;
	display: block;
    margin: 0px 0px 0px 6px;
	/* top right bottom left */
	padding: 2px 0 2px 15px;
		/* top right bottom left */
	text-decoration: none;
	}
#pagemenu  li.current_page_item a {
	color:#fff;
	}
#pagemenu li:hover, #pagemenu li.sfhover { 
	position: static;
	}

/* FOOTER
margin: TOP RIGHT BOTTOM LEFT;
border: TOP RIGHT BOTTOM LEFT;*/
#footer {
	background: #5E7D00;
	padding: 18px;
	text-align: center;
	color: #eeeeee;
	font-size: 13px;
    border-top: 1px solid #333333;
	}

#footer a {
	color: #eeeeee;
	} 

#footer a:hover {
	text-decoration: none;
	} 

.container {width:960px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, 
div.span-24 {width:960px;margin:0;}

#aboutbar {
/*     background: #DB5B1E url(images/about-background.png) top left repeat-x; */
	background: #5E7D00 url(images/about-background.png) top left repeat-x;
    padding: 0px;
	margin: 0px;
    }

#aboutbar  h3 {
    color: #FFFFCC;
    font-family: Georgia, Times New Roman Times, Serif;
    font-size: 22px;
    padding: 10px 0 0 0 !important;
    margin: 0 0 0 0 !important;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 1px 0 #000;
    }

#aboutbar p {
    color: #FFFFFF;
    font-family: Georgia, Times New Roman Times, Serif;
    font-size: 14px;
    font-style: italic;
    padding: 0 0 0 0 !important;
    margin-bottom: 10px !important;
	margin-right: 10px !important;
	margin-top: 10px !important;
	margin-left: 10px !important;
    } 
.about_image {
    border: 0px;
    float: left;
    margin: 0 10px 0 0;
    }
#wrapper 
{
	padding:0;
	}

#container {
	background: url(images/header-background.png) top left no-repeat;
	padding:0;
	}

#contentwrap {
    background: #fff url(images/content-background.png) top left repeat-x;
    border-top:  0px solid #fff;
	}

/*       ###############################
         NAVCONTAINER
         ############################### */
.navcontainer {
	height: 36px;
    background: url(images/nav-backgr.png);
    padding-top: 10px;
    border-bottom:  1px solid #000000;
	}

#nav {
	height: 30px;
	}

#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav {
	margin-bottom: 1px;
	padding-left: 10px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:link {
	color: #fff;
	display: block;
    margin: 0px 3px 0px 3px;
	padding: 6px 12px 6px 12px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
    text-shadow: 0 1px 0 #000;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	}
	
#nav li a:hover, #nav li a:active, .current-cat {
	background: url(images/nav-backgr-hover.png);
	background-repeat: repeat-x;
	color: #fff;
	display: block;
    margin: 0px 3px 0px 3px;
	padding: 6px 12px 6px 12px;
	text-decoration: none;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	}
	
#nav  li.current-cat a {
	color:#fff;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


.sidebar h2 {
	margin: 10px 0 0 0;
	padding: 5px 0 5px 8px;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
    background: #5E7D00;
	}

.sidebar ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
.sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

.sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
.sidebar ul li li {
	padding: 3px 0px 3px 18px;
	margin: 0px;
	background: url(images/bullet.gif) no-repeat top left;
	}
	
.sidebar ul li ul li {
	background: #FFFFFF url(images/bullet.gif) no-repeat top left;
	padding: 2px 0px 2px 18px;
	margin: 2px 0;
	}

#contentwrap {
    background: #fff url(images/content-background.png) top left repeat-x;
    border-top:  0px solid #fff;
	}


/* <div class="postdate">January 8th, 2010</div> */
.postdate {
	font-size: 16px;
	padding: 0px 4px;
    font-family: Arial, Helvetica, Sans-serif;
    color: #999;
	}