/*   
Theme Name:jQ
Theme URI:http://devolux.nh2.me/jq
Description:jQ comprises a whole stack of jQuery functions as well as a practical theme options page. The design is clean and solid, valid CSS and XHTML. Features: threaded comments, drop-down navigation, different styles and more. 
Author:Devolux
Author URI:http://devolux.nh2.me/
Version:3.4
Tags:two-columns, fixed-width, theme-options, threaded-comments, custom-colors, white, dark, blue
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/*       ###############################
         BASIC TAGS
         ############################### */

* {margin:0; padding:0;}
body {font-family: Helvetica; font-size: 10px; color:#252525; background-color:#fff;}
h1, h2, h3, h4, h5, h6 {margin:10px 0 0 0;}
p {margin:0px 0px 20px 0px;}
a {outline:none; text-decoration:none; color:#3d83c4;}
a:hover {color:#ed067d;}
a img {border:none;}

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

div#outline {width:970px; margin:0 auto;}

div#nav {position:relative; z-index:2; width:970px; height:38px; background:url(img/nav.png);}
div#content {background:#fff; clear:both; z-index:1; width:930px; padding:20px 0px 0 40px; margin:0 auto;}

div#left {width:560px; line-height:1.5; float:left; padding:0 20px 10px 0;}
div#left a {font-size: 12px;}
div#right {width:240px; float:right; padding:0 0 10px 20px;}

p#toggle-all {float:right; width:100px; margin: 2px 0 0 0;}
p#sidebar_hide {float:right; width:100px; font:14px bold Verdana, sans-serif; margin: 4px 0 0 0;}
p#sidebar_show {float:right; font:14px bold Verdana, sans-serif; margin: 4px 0 0 0;}

div.headline {margin:20px 0 0 40px;}
div.excerpt {padding:0 0 10px 0; border-bottom:dotted 1px #ccc; margin:0 0 0 40px;}
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:#fff !important; font:normal 14px Verdana, serif;}

div.date {position:absolute; width:60px; height:60px; padding:10px 0; margin:0 0 0 -80px; background:#ed067d; -moz-border-radius:5px;-webkit-border-radius: 5px;}

div.single_content {clear:both; margin:0 0 50px 40px;}

div#appendix {clear:both; background:#fff; width:930px; padding:30px 30px 30px 0px; margin:0 0 0 0; margin:0 auto;}
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; color:#3d83c4; text-decoration:none; font:bold 12px Helvetica, sans-serif; border-left:1px solid #222;}
div#nav li a:hover {background:#111; color:#ed067d;}

ul#mail_rss a {text-decoration:none !important;}

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

.widget {border-top:none; border-right:8px solid #f5f5f5; border-bottom:8px solid #f5f5f5; border-left:8px solid #f5f5f5; padding:0px 15px 25px 15px !important; margin:10px 0; -moz-border-radius:5px;-webkit-border-radius: 5px; background:url(img/bg-form-text.gif) repeat-x left top;}
div.widget h4 { background:url(img/island.png) 0 0 no-repeat; font:bold 120% Helvetica, sans-serif; z-index:999; width:225px; position:absolute; margin-left:-23px!important; padding-left:15px!important;}


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

div.widget h4 {font-size:130%; margin:0; padding:0 0 3px 0;}
div.widget h4 .hide_widget {color:#fff; font: bold 110% Helvetica, sans-serif;}
div.widget a {display:block; padding:5px 0px; font:normal 110% Helvetica, sans-serif; color:#3d83c4;}
div.widget a:hover {color:#ed067d; text-decoration:none;}
div.widget li {padding:0 0 0 5px; margin:0; border-bottom:1px dotted #ccc;}
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 { position:relative}
div#blog-line h1 a {font:normal 60px Georgia, serif; color:#fff;}
div#blog-line h1 {font:38px Georgia, serif; padding:20px 0; margin:0; color:#fff; letter-spacing:-2px;}

div#left {font-size:110%;}
div#left a {color:#3d83c4;}
div#left a:hover {color:#ed067d; text-decoration:none;}
div#left h1 {float:left; font:bold 210% Helvetica, sans-serif; width:450px; letter-spacing:-1px;}
div#left h1.page_headline {margin:10px 0; font:bold 26px Helvetica, sans-serif; color:#3d83c4;}
div#left h1 a, a:visited { font-size:26px; font-weight:bold; color:#3d83c4; display:block;}
div#left h1 a:hover {color:#ed067d; 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:#3d83c4;}
div#left h3 {font:italic 120% Georgia, serif; margin:0 0 5px 0;}
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;}
p#toggle-all a {display:block; width:80px; height:20px; padding:0 0 0 30px !important; font:12px bold Verdana, 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:20px 0 0 0px; padding-left:15px; float:left; font:normal 130% arial; background:url(img/arrow.png) 0px -3px no-repeat;}
p.next-posts {margin:19px 0 0 0px; padding-right:15px; float:right; font:normal 100% arial; background:url(img/arrow1.png) no-repeat right;}
.page-numbers {font:normal 120% Helvetica, sans-serif; padding:3px 1px;}
div.date {font:normal 14px Georgia; text-align:center; color:#fff;}
p.date-month {margin:2px 0 15px 0; color:#fff; font:normal 32px Georgia;}

p.post_info {}
p.post_info_slide {font-size:12px; }
p.tag_info {margin:0 0 10px 0px; font: italic 100% Helvetica, sans-serif;}
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; background:url(img/bg-form-text.gif) repeat-x left top;}
a#totop {float:right; font:bold 120% Verdana, sans-serif;}
a:hover#totop  {color:#ed067d; text-decoration:none;}
 
.clear {clear:both;}

code {font:normal 120% Courier, serif;}

/*      ##################################
           COMMENTS
        ################################## */

div#comments_box {margin: 0 0 20px 0; border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
div#comments_box ul {margin:0 !important;}
div#respond {margin-left: -20px; padding:10px 20px; border-bottom:1px solid #ccc;}
ul.children {margin:0 !important;}
li.comment, li.pingback {padding:20px; border-bottom:1px solid #ed067d; list-style: none;}
li.depth-2, li-depth-3 {margin: 0 0 10px 0;}
ul.children li.comment {border: 1px solid #ed067d;}
.comment-details {font:normal 130% Georgia, serif;}
.avatar {float:left; margin:0 20px 0 0; border:5px solid #f1f1f1;}
.comment-text {margin:50px 0 0 0;}
.comment-author-admin {background: #f9fbc1; padding: 10px !important;}
.bypostauthor {background: #dfe3f3; padding: 10px !important;}
.comment-reply {text-align:right; margin:0 5px 10px 0; font: italic 100% Georgia, serif;}

h2#comment-header {margin:40px 0 10px 0 !important; padding:0 0 5px 0;}

.totop {float:right; padding-right:10px; margin:10px 0; background:url(img/arrow-pink.gif) 100% 50% no-repeat; }
.totop  a {float:right; font-size:12px; font-weight:bold; }

/*        ##################################
           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:#3d83c4; border:1px solid #3d83c4; -moz-border-radius:5px;-webkit-border-radius: 5px; cursor:pointer;}
input {-moz-border-radius:5px;-webkit-border-radius: 5px; margin:0 5px 0 0;}

/*        ##################################
           SEARCHFORM
        ################################## */

input#search { float:left; width:130px; margin-top: 10px; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top; border:1px solid #ccc;}
#search-submit { float:left; width:10px; margin-top: 0px; color:#fff; background:#ed067d; border:none; cursor:pointer; }
#searchfix { height: 30px; padding-top:40px;}
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:13px; 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);}

/*        ##################################
          SLIDESHOW
          ################################## */

h2.slide_header 		{font-size: 20px!important; margin: 0 !important;}
h2.slide_header a 		{font-size: 20px!important; font-family: Arial, Helvetica, sans-serif; color:#3d83c4; text-decoration:none;} 
h2.slide_header a:hover {font-family: Arial, Helvetica, sans-serif; color:#ed067d; text-decoration:none;} 

#slideshow {margin:0 0 0 40px; width:540px; height:140px; position:relative; background:url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc; -moz-border-radius:5px;-webkit-border-radius: 5px; overflow:hidden;}
#slideshow #slidesContainer {margin:0 auto; padding:20px 0 10px 0; width:460px; height:175px; overflow:auto; /* allow scrollbar */ position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto; width:440px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:175px;}

.control {display:block;width:30px;height:175px;text-indent:-10000px;position:absolute;cursor:pointer;}
#leftControl {top:-15px;left:0;background:#ccc;background:url(img/slide_left.png) no-repeat center;}
#rightControl {top:-15px;right:0;background:url(img/slide_right.png) no-repeat center;}

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

/*       ###############################
         AMBITIONS
         ############################### */

#header{position:absolute; top:0; left:0; width:970px; height:158px;}

#logo{float:left; width:240px; height:120px; background:url(img/logo.gif) no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; } 
#logo a{float:left; width:240px; height:120px; text-indent:-999em; overflow:hidden; cursor:pointer; } 

.menu{ float:left; width:970px; height:38px; background:#3d83c4; margin-top:-40px; z-index:-999em;}

#apply-now{ position:absolute; top:0; right:-5px; width:151px; height:158px; background:url(img/apply-now.png) left;}
#apply-now a{float:left; width:151px; height:158px; text-indent:-999em; }
#apply-now a:hover{float:left; width:151px; height:158px; background:url(img/apply-now.png) right;}

/** menu **/
ul#menu {float:left;}
ul#menu li {float:left; height:40px; position:relative; list-style:none;}
	
ul#menu li a {color:#fff; text-decoration:none; padding:11px 18px 12px 18px; height:15px; display:inline-block; text-align:center; background:url(img/bg-topnav-mask.gif) no-repeat 0 0; position:relative; font-size:14px;}
	
ul#menu li a:hover {color:#fff; background:#fff; background:url(img/bg-topnav-mask.gif) no-repeat left bottom ;}
	
ul#menu li a.top-level {position:relative; padding-right:35px;}
ul#menu li a.top-level span {background:url(img/bg-toplevel2.png) no-repeat 0px 0px; width:25px; height:38px; display:block; position:absolute; right:0px; top:1px; }
ul#menu li a.top-level:hover span, .blue span {background-image:url(img/bg-toplevel2.png) !important;}
	
ul#menu li ul {position:absolute; top:38px; min-width:200px !important; left:0px; z-index:999; background:#fff; visibility:hidden; display:none; padding-bottom:10px; border:2px solid #ccc; border-left:none; border-top:none; border-right-width:1px; padding-top:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
ul#menu li ul li {float:none; height:auto; border-bottom:1px dotted #d6d8d9;}
ul#menu li ul li:hover {background:url(img/bg-submenu-hover.gif) no-repeat 0 4px;}
ul#menu li ul li a {padding:6px 3px 6px 20px; display:block !important; background:url(img/link-arrow-regular.gif) no-repeat 10px 14px !important; color:#5c6467; text-decoration:none; text-align:left; text-transform:capitalize; height:auto; background-color:none !important; font-weight:normal;}
ul#menu li ul li a:hover {color:#fff; background-image:url(img/submenuhover.png) !important;}
ul#menu li.selected a {background:#ed067d; color:#fff;}

.footer{width:auto; min-width:1000px; background:#f7f7f7; border-top:#d9d9d9 dashed 1px; margin-left:auto; margin-right:auto; margin-top:83px;}

.footer-2{width:auto; min-width:1000px; background:#f1f1f1; border-top:#e7e7e7 solid 1px; margin-left:auto; margin-right:auto;}

.section-1{ width:970px; margin-left:auto; margin-right:auto; padding-bottom:43px;}

.footer .section-1 p{font-family:trebuchet MS, arial; color:#7d7d7d; font-size:18px; line-height:26px; width:580px; margin-bottom:24px; }

.footer .section-1 ul li{float:left; font-family: Arial, Helvetica, sans-serif; color:#3d83c4; font-size:14px; display:inline; margin-right:24px;}
.footer .section-1 ul li a, a:visited{font-family: Arial, Helvetica, sans-serif; color:#3d83c4; font-size:14px; text-decoration:none;} 
.footer .section-1 ul li a:hover{font-family: Arial, Helvetica, sans-serif; color:#ed067d; font-size:14px; text-decoration:none;} 

.footer .section-1 .agency{float:left; width:325px; height:82px; background:url(img/agency.png) no-repeat; text-indent:-999em; overflow:hidden; margin:24px 700px 20px 0; } 

.footer-2 .section-1 .frame{float:left; width:147px; height:121px; background:url(img/frame.gif) no-repeat; text-indent:-999em; overflow:hidden; margin:28px 24px 30px 0; }

.footer-2 .section-1 p{font-family: Arial, Helvetica, sans-serif; color:#7d7d7d; font-size:12px; line-height:16px; width:780px; margin-bottom:24px; padding-top:40px; display:block;} 

.footer-2 .section-1 p a, .footer-2 .section-1 p a:visited{ display:inline; font-family: Verdana, Arial, Helvetica, sans-serif; color:#3d83c4; font-size:12px; text-decoration:none; line-height:24px} 
.footer-2 .section-1 p a:hover{font-family: Verdana, Arial, Helvetica, sans-serif; color:#ed067d; font-size:12px; text-decoration:none;} 


#sixredsquares{float:right; width:87px; height:20px; background:url(img/sixredsquares.png) no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; margin-top:105px } 
#sixredsquares a{float:right; width:87px; height:20px; text-indent:-999em; overflow:hidden; cursor:pointer; } 

html* #sixredsquares{float:right; width:87px; height:20px; background:url(img/sixredsquares.png) no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; margin-top:30px } 
html* .footer-2 .section-1 p{font-family: Arial, Helvetica, sans-serif; color:#7d7d7d; font-size:12px; line-height:16px; width:780px; margin-bottom:24px; padding-top:0px; display:block;} 


.island{float:left; width:197px; margin-top:10px; }
.island2{float:left; width:197px; } 
.island-twitter{float:left; width:197px; height:45px; background:url(img/island_twitter.gif) no-repeat; text-indent:-999em; overflow:hidden; } 
.island-connect{float:left; width:197px; height:45px; background:url(img/island_connect.gif) no-repeat; text-indent:-999em; overflow:hidden; }
.island-tools{float:left; width:197px; height:45px; background:url(img/island_tools.gif) no-repeat; text-indent:-999em; overflow:hidden; }
.island-middle{float:left; width:157px; padding:0 20px 0 20px; background:url(img/island_mid.gif) repeat-y;}
.island-bottom{float:left; width:197px; height:21px; background:url(img/island_bot.gif) no-repeat;}

.island-middle ul li a, a:visited{ font:11px Arial, Helvetica, sans-serif; color:#3d83c4; text-decoration:none; white-space:nowrap}
.island-middle ul li a:hover{ font:11px Arial, Helvetica, sans-serif; color:#ed067d; text-decoration:none; }
.island-middle ul{padding:10px 0 0 0;}
.island-middle ul li.facebook a{ background:url(img/icon_facebook.png) no-repeat left; padding:7px 0 7px 30px; float:left}
.island-middle ul li.rss a{ background:url(img/icon_rss.png) no-repeat left; padding:7px 0 7px 30px; float:left}
.island-middle ul li.digg a{ background:url(img/icon_digg.png) no-repeat left; padding:7px 0 7px 30px; float:left}
.island-middle ul li.twitter a{ background:url(img/icon_twitter.png) no-repeat left; padding:7px 0 7px 30px; float:left}

.island-middle ul.tools li{ border-bottom: dotted 1px #c9c6c7; padding-bottom: 20px; }
.island-middle ul.tools li a{ width:154px; height:100px; float:left; position:absolute; z-index:2; }
.island-middle ul.tools li.upload{ background:url(img/icon_cv_upload.png) top right no-repeat}
.island-middle ul.tools li.cvadvice{ background:url(img/icon_pencil.png) top right no-repeat; margin-top:18px;}
.island-middle ul.tools li.advice{ background:url(img/icon_speech.png) top right no-repeat; margin-top:18px;}
.island-middle ul.tools li .candidate{font:16px Arial, Helvetica, sans-serif; color:#3d83c4;}
.island-middle ul.tools li p{font:12px Arial, Helvetica, sans-serif; color:#252525;}
.island-middle .post-note{width:188px; height:193px; background:url(img/post_note.png) no-repeat; text-indent:-999em; overflow:hidden;}