/*
Theme Name:Vigilant Futures
Theme URI:http://blog.vigilantfututres.com/
Description:This theme is for Vigilant Futures
Version:1.0
Author:Maxime Lefrancois

	Vigilant Futures
	http://www.nvisolutions.com

	This theme was designed and built by NVI,
	whose blog you will find at http://www.nvisolutions.com/

*/

/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/* GENERAL /////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/

html{height:100%;}

body{background:#FFF; color:#4f4b4a; font:69%/135% Arial, Helvetica, sans-serif; min-width:983px;}

html, body{margin:0; padding:0;}

a,a:link,a:visited, a:active{color:#f68428; font-weight:bold; text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}

h1, h2, h3, h4, h5, h6{color:#004964; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
h1{font-size:2.18em; line-height:1em;}
h1.page{font-size:2.18em; margin-bottom:20px;}
h2{font-size:1.7em; margin-bottom:15px;}
h2.post{font-size:2em; line-height:1em; margin-bottom:5px; margin-top:0;}
h2.star{background:url(images/redStarBig.png) 0 9px no-repeat; margin:0; padding:10px 10px 3px 17px;}
h3{font-family:Tahoma, Geneva, sans-serif; font-size:1.27em; margin-bottom:1em;}

ul{list-style-type:none; margin:0; padding:0;}
ul li{margin:0; padding:0; background:url(images/arrowBlue.gif) no-repeat left 4px; padding-left:10px;}

p{margin-bottom:1.5em; line-height:1.5em;}

img{border:none;}
small{font-size:0.8em;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* FORMS ONLY //////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* forms */
input, textarea, select, option, label, fieldset, legend{color:#54504f; font-size:1em; font-family:Tahoma, Geneva, sans-serif;}
label{font-weight:bold;}
fieldset{margin:5px 0;}
button{background:none; border:none; cursor:pointer; font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0; width:auto; overflow:visible;}
textarea{background:#fffffd; border:1px solid #9e9e97; width:100%;}
select{background:#fffffd; border:1px solid #9e9e97;}
option{background:#FFF; border:none;}
input[type=checkbox]{padding:0; margin:0;}
input.error, input[type=text].error, textarea.error, select.error{border:1px solid #c00;}
input.text, input[type=text]{background:#fffffd; border:1px solid #9e9e97; width:155px;}
input.password{background:#fffffd; border:1px solid #bab8cd;}
input.checkbox{background:#fffffd; vertical-align:middle;}
input[type=image]{color:#0070cf; font-weight:bold;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* TABLES ONLY /////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ID and their CLASSES ////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CONTAINERS ========================================================================================================*/
#container2{background:#fff url(images/bg/wrapper.gif) repeat-x top;}

.container{width:983px; margin:0 auto; position:relative;}

/* HEADER ========================================================================================================*/
#header{background:#fff url(images/bg/header.gif) repeat-x top; height:78px;}
#header .container{height:78px;}

/* logo */
#logo{position:absolute; left:13px; top:20px;}

/* quick menu */
#quickMenu{bottom:14px; display:block; margin:0; position:absolute; right:21px;}
#quickMenu li{background:none; display:inline; padding:0; }
#quickMenu li a{color:#5f5f5f; font-weight:normal;}

/* menu */
#menu{background:#f68327 url(images/bg/menu.gif) repeat-x top;}
#menu .container{height:35px; overflow:hidden;}
#menu ul{background:url(images/menuSeperator.gif) no-repeat top left; list-style:none; margin:0 0 0 9px; padding:0 0 0 3px; height:100%;}
#menu ul li{background:url(images/menuSeperator.gif) no-repeat top right; float:left; padding:0 3px 0 0; margin:0;}

/* CONTENT ========================================================================================================*/
#wrapper{background:url(images/bg/bg.jpg) no-repeat top center; overflow:hidden; padding-top:68px; position:relative;}
#wrapper .container{overflow:hidden; position:static; z-index:1;}

#content{background:url(images/bg/content.gif) repeat-x top; float:left; margin-top:46px; padding:30px 0 162px; width:650px;}

/* entry */
#content .entry{margin:0 52px 17px 28px;}
#content .entry h1, #content .entry h1 a{color:#004964;}
#content .sep{margin:0 32px 20px 28px;}

/* search */
#searchView h1{ border-bottom:1px solid #c4d5db; margin:0 22px 16px 28px; padding-bottom:10px;}
#searchView .entry{margin-bottom:16px;}
#searchView .entry h2{font-size:1.09em; margin:0;}
#searchView .entry .text p{display:inline;}
#searchView .sep{border-bottom:1px dotted #c9c9c9;}

/* list comments */
#listComments h3{background-color:#7e7e7e; color:#fff; padding:10px; margin:0 -5px; text-transform:uppercase;}

#listComments .containerComment{padding:15px 0 0 3px;}
#listComments .containerComment .commentMetadata{ color:#444444;}
#listComments .containerComment .commentMetadata .author{ font-size:1.09em; color:#f68327; font-weight:bold;}
#listComments .containerComment p{margin-left:0; margin-bottom:1em;}
#listComments .sep{margin:0; padding:0; border-bottom:1px dotted #c9c9c9;}

/* comment form */
#formComments{border-top:2px solid #7e7e7e;}

#respond{ margin:0 -5px; padding:12px 5px; text-transform:uppercase;}

#formInputs{width:490px;}
#formInputs .textbox, #formComments textarea{ background:url(images/bg/input.jpg) repeat-x top;}
#formInputs .col2-set .col-1{ width:156px; margin-right:25px;}
#formInputs .col2-set .col-2{ width:156px; float:left;}


/* SIDEBAR ========================================================================================================*/
#sidebar{background-color:#fff; float:right; position:relative; width:333px; z-index:1;}

/* search box */
#search{background-color:#7e7e7e; padding:16px 13px; margin-top:9px;}
#search input{vertical-align:middle;}
#search .inputStyle{border-color:#9a9a9a #c3c3c3 #dddddd #c3c3c3; font-size:1.25em; margin-right:5px; overflow:hidden; padding:5px 0; width:240px;}

/* rss box */
#rssBox{background-color:#7e7e7e; font-size:1.3em; padding:16px 13px 13px 13px; margin-top:9px;}
#rssBox a{background:url(images/rss.gif) no-repeat left; padding:5px 0 5px 30px;}

/* follow box */
#followUsBox li{background:none; margin-bottom:10px; padding:0 0 0 12px;}
#followUsBox a{font-size:1.3em; padding:5px 0 5px 30px;}
#followUsBox .twitter{background:url(images/twitter.gif) no-repeat left;}
#followUsBox .linkedin{background:url(images/linkedin.gif) no-repeat left;}
#followUsBox .youtube{background:url(images/youtube.gif) no-repeat left;}
#followUsBox .flickr{background:url(images/flickr.gif) no-repeat left;}

/* archives box */
#archivesBox select{ background-color:#717276; color:#fff; width:235px;}

/* BOTTOM ========================================================================================================*/
#bottom{background-color:#e5ecef; bottom:0; height:162px; left:0; overflow:hidden; position:absolute; width:100%; z-index:0;}

#bottomSidebar{padding:18px 340px 16px 20px;}
#bottomSidebar .col-1, #bottomSidebar .col-2, #bottomSidebar .col-3{ border-left:1px dotted #004964; height:126px;}
#bottomSidebar h3{color:#004964; margin:11px 7px; text-transform:uppercase;}
#bottomSidebar ul{margin:0 7px 15px 7px;}

/* FOOTER ========================================================================================================*/
#footer{background:url(images/bg/footer.jpg) repeat-x top; min-height:80px;}
#footer .container{padding-top:33px;}

/* bottom menu */
#bottomMenu{float:left; margin:0 0 0 40px; padding:0;}
#bottomMenu li{background:none; color:#fff; display:inline; margin:0; padding:0;}
#bottomMenu li a{color:#fff; font-weight:normal;}

/* copyright */
#copyright{color:#fff; float:right; margin-right:15px;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CLASSES ONLY ////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* col-set */
.col2-set{margin:15px 0; overflow:hidden;}
.col2-set .col-1{float:left;}
.col2-set .col-2{float:right;}

/* col-3 set */
.col3-set{overflow:hidden;}
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3{float:left; width:33%;}

/* more link */
.more-link{display:inline-block; margin:10px 0 0 0; background:url(images/arrowReadmore.jpg) no-repeat right center; padding-left:3px; padding-right:17px;}

/* seperation division */
div.sep{border-bottom:1px solid #c4d5db;}

/* box */
.box{background-color:#494949; margin:0 9px 9px 9px; color:#fff; padding:0 10px 17px 10px;}
.box h2{background-color:#7e7e7e; border-bottom:1px solid #fff; margin:0 -10px 15px -10px; padding:5px 10px;}
.box p{font-size:1.27em;}
.box a:link, .box a:visited, .box a:hover{color:#fff; font-weight:normal;}
.box ul{margin:0 -10px 10px -10px;}
.box ul li{padding:0 24px; background-image:url(images/arrowOrange.gif); background-position:14px 4px; }
.box ul li.odd{ background-color:#616161; }

/* input box */
.inputBox{margin:10px 0;}

/* result box */
.resultBox{border-bottom:3px solid #cfceba; margin-bottom:20px; padding-bottom:20px;}
.resultBox p{padding-bottom:0; display:inline;}

/* page navigation */
.wp-pagenavi{font-weight:bold;}
.wp-pagenavi .current{color:#7d7d7d;}

/* meta data */
.metadata{overflow:hidden; margin-bottom:10px; padding:6px 0 10px 0; position:relative;}
.metadata .metacomments{position:absolute; line-height:26px; right:0; top:0;}
.metadata .metacomments .bubble{background:url(images/bg/bubble.jpg) no-repeat left; display:block; float:left; text-align:center; width:38px; height:29px;}

/* half */
.half{width:50%;}

/* seperation in list */
li.sep{}

/* cta */
.cta{background:url(images/arrowOrange.gif) right 3px no-repeat; padding-left:3px; padding-right:8px;}

/* bullet */
.bullet{background:url(images/redStar.png) left 1px no-repeat; padding-left:15px;}
.bullet:hover{color:#e8260b; text-decoration:none;}

/* button */
.button{background:url(images/button/orangeOnGray.gif) no-repeat left; display:inline-block; line-height:24px;}
.button a{background:url(images/button/orangeOnGray.gif) no-repeat right; display:inline-block; padding-right:17px; margin-left:7px; height:22px;}

/* submit button */
.submitButton{background:url(images/button/submit.gif) no-repeat left; display:inline-block; line-height:24px;}
.submitButton input{background:url(images/button/submit.gif) no-repeat right; border:none; color:#fff; cursor:pointer; display:inline-block; padding:0 6px 0 0; margin-left:6px; height:22px;}

/* layout */
.floatLeft{float:left; display:inline;}
.floatRight{float:right; display:inline;}
.clear {clear:both;}
.aligncenter, div.aligncenter{display:block; margin:0 auto;}
.alignleft{float:left; margin:5px 10px 5px 0;}
.alignright{float:right;margin:5px 0px 5px 10px;}