/*
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.3
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:0; padding:0;}
body {font:normal 10px Helvetica; color:#333; background:url(img/bg-blue.jpg) top center no-repeat #193c74;}
h1, h2, h3, h4, h5, h6 {margin:10px 0 0 0;}
p {margin:0px 0px 20px 0px;}
a {outline:none; text-decoration:none; color:#333399;}
a:hover {color:#215c97;}
a img {border:none;}

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

div#outline {width:1028px; margin:0 auto;}
div#blog-line {width:1028px; height:84px; background:url(img/header.jpg) top center no-repeat; position:relative;}
div#nav {position:absolute; top:50px; margin-left:34px; z-index:2; width:960px; height:38px; }
div#content {clear:both; z-index:1; background:#000; width:1028px; background:url(img/content-bg.png) repeat-y;}

div#left {width:805px; margin:0; line-height:2.0; float:left;}
div#right {width:189px; margin-left:34px; float:right; background:url(img/eric-pepin-menu.jpg) top left no-repeat; background-color:#1e2225; height:100%;}

p#toggle-all {float:right; width:100px; margin:0; padding:0;}

div#boxes {
padding-top:220px;
width:170px;
margin:10px;
}

div.headline {margin:0;}
div.category-head {margin:0; background:url(img/body-header.jpg) top left no-repeat; height:47px; color:#fad8bc;}
div.post-info {margin:0; background:url(img/body-top.jpg) top left no-repeat; display:none; }
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/preview2.png) no-repeat; margin:15px 0 0 0;}
div.preview2 {float:right; background:url(img/preview2.png) no-repeat 0px -20px; margin:15px 0 0 0;}
div.preview a {display:block; width:20px; height:20px; color:#ccc !important; font:normal 14px Verdana, serif;}

div.date {float:left; width:60px; height:60px; padding:10px 0; margin:0 0 0 10px; background:#fff; -moz-border-radius:5px;-webkit-border-radius: 5px; display:none;}

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

div#appendix {clear:both; width:960px; padding:0; margin-left:34px; }
div.app_widget {float:left; padding:0; }
div.app_widget_b {float:left; padding:0; width:00px; background-color:#e9c69e; }
div.widget {padding:5px 0 0 0;}
div.headfloat {float:right; margin-top:15px; margin-right:45px;}


div#eric-home {width:446px; height:631px; float:left; margin:0;}
div#eric-home-right {width:582px; height:631px; float:right; margin:0;}
div#feature-screen {width:582px; height:364px; background:url(img/feature-screen.jpg) top left no-repeat; }
div.feature {position:relative; top:30px; left:9px;}
div#feature-item {width:582px; height:268px; background:url(img/handbook-block.jpg) top left no-repeat; position:relative;}
div#navbook-block {width: 390px; position: absolute; left:165px; top:80px; color:#f5f5f5; font:11px Helvetica, sans-serif; }
/*       ###############################
         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; color:#f5f5f5; text-decoration:none; font:bold 12px Helvetica, sans-serif; }
div#nav li a:hover {color:#215c97;}

div.book-download a {float:right; color:#b9c9e2;}

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% Helvetica, sans-serif;}*/

div#right, div#appendix {font-size:120%;}
div#right ul, div#appendix ul {list-style:none; padding:0;}

div.widget h4 {font-size:110%; color:#614329; font-size:15px; text-transform: lowercase;}
div.widget a {display:block; padding:5px 0px; font:normal 110% Helvetica, sans-serif;}
div.widget a:hover {color:#666; text-decoration:underline;}
div.widget li {padding:0 0 0 5px; margin:0; list-style:none;}
div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}
div.widget ul {list-style:none;}

div#tag_cloud a {display:inline;}
div#tag_cloud {min-height:130px;}
div#archives {min-height:130px;}

.textwidget, .textwidget a {font-size: 11px; font:Helvetica, sans-serif !important; color:#614329; margin-left:-3px; width:165px;}
.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;}

div#recent-comments-3 h4{
padding:15px 30px 0px 5px;
margin-bottom:10px;
background:url(img/menu_top.jpg) top no-repeat;
font-weight:600;
}

div#recent-comments-3 {
margin:0;
background:url(img/menu_top.jpg) top no-repeat;
padding-bottom:20px;
}

div#content div#right div#boxes div.widget
	{
	
		 padding: 10px;
		 color:#614329;
		 background: url(img/widget-mid-stretch.png) repeat-y top left;
	
	}

div#content div#right div#boxes div.widget *
	{
	
		 color:#614329;
	
	}
	
div#content div#right div#boxes div.widget h4
	{
	
		 color:#614329;
		 margin: 0 0 0 0;
		 padding: 0 0 0 0;
		 text-transform: lowercase;
	
	}
	
div#content div#right div#boxes div.widget ul li,
div#content div#right div#boxes div.widget ul li a
	{
	
		 font-size: 10px;
	
	}

div#text-5 {
width:170px; height:170px; background:url(img/footer-block-1.jpg) top no-repeat; margin:0; float:left; padding-left:10px;
}

div#text-6 {
width:160px; height:170px; background:url(img/footer-block-2.jpg) top no-repeat; margin:0; float:left; padding-left:10px;
}

div#text-7{
width:175px; height:170px; background:url(img/footer-block-3.jpg) top left no-repeat; margin:0; float:left; padding-left:10px;
}

div#text-8{
width:400px; height:165px; margin:0; float:left; padding-left:5px; background-color:#e9c69e;
}

div#text-9 {
width:420px; height:165px; margin:0; float:left; padding-left:5px; background-color:#e9c69e;
}

/*       ###############################
         TEXT
         ############################### */

div#blog-line h1 {font:normal 20px Georgia, serif; color:#fad8bc; padding-top:10px; margin:0; letter-spacing:2px; padding-left:50px; }
div#blog-line h1 a {font:20px Georgia, serif; margin:0; color:#fad8bc;}

div#left {font-size:120%;}
div#left a {color:#;}
div#left a:hover {color:#ccc; text-decoration:underline;}
div#left h1 {padding-left: 20px; float:left; font:26px Helvetica, sans-serif; width:500px; letter-spacing:-1px; margin-bottom:15px; }
div#left h1.page_headline {margin:5px 0; font:26px Helvetica, sans-serif; color:#614329;}
div.category-head a {color:#fad8bc !important; display:block; margin-left:30px;}
div.category-head a:hover {color:#215c97 !important; text-decoration:none;}
div#left h1 a {color:#215c97; display:block;}
div#left h1 a:hover {color:#fad8bc; 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 26px Helvetica, sans-serif; color:#215c97;}
div#left h3 {font:italic 120% Georgia, serif; margin:0 0 5px 0;}
div#left h4 {font:22px Helvetica, sans-serif; text-align:center; line-height:26px; margin-bottom:5px;}
div#left ul, ol {margin:0 0 20px 20px;}

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

p#font-resize a {display:inline; font:18px bold Verdana, sans-serif; padding:0px 5px; color:#ccc;}
p#toggle-all a {display:block; width:80px; height:20px; padding:0 0 0 30px !important; font:12px bold Verdana, sans-serif; color:#ccc;}
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:50px 0 0 0; float:left; font:normal 130% Verdana;}
p.next-posts {margin:50px 0 0 0; float:right; font:normal 130% Verdana;}
div.date {font:normal 14px Georgia; text-align:center; color:#666; display:none;}
p.date-month {margin:2px 0 15px 0; color:#999; font:normal 32px Georgia; display:none;}

p.post_info {font-size:100%; padding:13px; display:none;}
p.tag_info {margin:0; font-size:100%; display:none;}
p.offset {margin:5px 0;}

div.wp-bookmark {margin:0; float:left;}
.wp-logo {}
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:bold 120% Verdana, 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;}
.hide-link {float:right; padding:5px 0 0 0;}
.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 0 0 0px; 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
        ################################## */

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#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;}

html {background:transparent}

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:-17px;
}
	/* Top corners and border */
.bt {
	height:35px;
	margin:0 0 0 35px;
	background:url(img/full-box.png) no-repeat 100% 0;
	
}
.bt div {
	position:relative;
	left:-35px;
	width:35px;
	height:35px;
	background:url(img/full-box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:35px;
	margin:0 0 0 35px;
	background:url(img/full-box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-35px;
	width:35px;
	height:35px;
	background:url(img/full-box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 28px;
	background:url(img/vert-borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 28px 0 0;
	background:url(img/vert-borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
    min-height: 680px;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */


/* E News Header Form */

div#mce-responses
	{
		top: 16px;
		left: 230px;
		width: 370px;
		padding: 5px;
		color: #ffffff;
		font-size: 11px;
		text-align: center;
		position: absolute;
	}
	
form#mc-embedded-subscribe-form
	{
	
		float: right;
		margin: -25px 50px 0 0;
		
	}

form#mc-embedded-subscribe-form div#mc_embed_signup
	{
	
		font-family: georgia;
		font-weight: normal;
		font-size: 12px;
		color: #dab89d;
		
	}
	
form#mc-embedded-subscribe-form div#mc_embed_signup input
	{
	
		vertical-align:middle;
		
	}
	
form#mc-embedded-subscribe-form div#mc_embed_signup input[type="submit"]
	{
	
		background: #999999;
		font-size: 10px;
		color: #FFFFFF;
		padding: 2px;
		width: 60px;
		border: 1px solid black;
		
	}
	
.intouch {
	margin: 0 5px 0 0;
	padding:0;
	display:block;
}
#signup {
	background:#FFF none repeat scroll 0 0 !important;
	border: 1px solid #DEDEDE;
	color:#545350;
	display:inline;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:5px 0 0 0;
	padding:1px;
	width:125px;
	height:13px;
}
#submitbutton {
	background:url(img/submit.jpg) no-repeat;
	border:none;
	cursor:pointer;
	width:52px;
	height:20px;
	color:#FFFFFF;
	font-family:Georgia, Times New Roman, Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	padding:0;
	float:right;
}




/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(img/vert-borders.png); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(img/vert-box.png); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}
.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(img/button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(img/button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(img/button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(img/button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(img/button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(img/button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}

/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}