/* Info
Theme Name: Risk Strategies
Theme URI: http://www.risk-strategies.org
Description: Risk Strategies is a simple theme based on Hemingway by <a href="http://warpspire.com">Kyle Neath</a> a highly customizable platform. This is a light version of it, modified by Sadish from <a href="http://wpthemes.info" title="WP Themes.Info">WPThemes.Info</a> and further developed by <a href="http://www.risk-strategies.org" title="Risk Strategies">Olivier Falcoz</a> 
Version: 1.0
Author: Olivier Falcoz
Author URI: http://www.risk-strategies.org
*/

/*  Global Styles
-----------------------------------------------------------------------------------------------*/
* {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: 0.5em; }
select option{ padding:0 5px; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:10px; font-size:1px; line-height:1px; }
.sociable a{border-bottom:none}
.friendfeed a{border-bottom:none}
.friendfeed p{border-bottom:none; border-top: 1px solid #CCC; padding:0.5em 0 0.6em 0; line-height:1.5em; margin:0.5em 0 0 0;padding-bottom: 2px}
.twitter h2{border-bottom: 1px solid #ccc}
.friendfeed h2{border-bottom: 1px solid #ccc}
a img{ border:none; }

/*  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/
body {background:#f6F6F6; color:#333; font-size:0.75em; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;}

/* This class sets the width and position for all rows */
#primary h2{font-size: 1.4em; color:#990000; padding: 0.5em 0;margin-top: 1em}
.inside {width:80%; min-width:65em; max-width:85em; margin:0 auto; color:#666;}
.rule{border-top:1px solid #333; height:1px; font-size:1px; line-height:1px; margin:1.5em 0;}
a{color:#335566;text-decoration: none; border-bottom: 1px #CCC solid;padding-bottom: 1px;}
a:hover{color:#990000}
h1{color:#666; font-size:2em; font-weight:normal; margin:1.5em 0; font-family:Georgia, Tahoma, Verdana, Serif;}
h2, h3{font-size:1.4em; color:#999999; font-weight:normal; font-family:Georgia, Tahoma, Verdana, Serif; font-variant:small-caps;}
p{line-height:1.75em;}
ul li{margin:0.5em 0 0.5em 1em;}
blockquote{background:#EEEEEE none repeat scroll 0 0; font-style:italic; margin:10px 0; padding:15px; color:#333;}
blockquote p{padding:5px; margin: 0}
pre{width:100%; padding:1em 0; overflow:auto; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
table{width:100%; border-spacing:2px; margin:1.5em 0;}
table th, table td{ padding:0.3em 0.75em }
table th{background:#333; color:#fff; text-align:left;}
table td{background:#ccc; color:#000;}
table caption{text-align:left; color:#000; margin-bottom:-1em; margin-top:1em;}

/*  Header
-----------------------------------------------------------------------------------------------*/
#header{background: url("images/bkg_header2.gif") no-repeat scroll center; display: block; padding: 1em 0 1em;}
#header .inside{color:#fff; padding: 2em 0 4em 0; background: transparent;}
#header h1{font-size:2.25em; margin:0 0.5em 0 0; padding:0 0.5em 0 0; color:#fff; border-right:1px solid #fff; float:left;}
#header h1 em{font-size:0.5em; color:#f0f0f0; margin:0 10px; padding:0 10px; font-weight:normal; font-style:normal; font-variant:normal;  font-size:0em;border-left:#fff 1px solid;}
#header h1 a{color:#fff; text-decoration:none; padding: 0 0.5em 0 0;border-bottom: none}
#header p{padding:1em 0; margin:0 0 1em 0; line-height:1em;}

/* RSS Subscribe
-----------------------------------------------------------------------------------------------*/
#subscribe {width:18%;height:45px;float: right;margin-right:5%;padding: 2em 0 0 0}
#subscribe a{color:#FFF;text-decoration:none; border-bottom: none}
#subscribe a:hover{color:#ccc;text-decoration:none; border-bottom: none}
.subscribe img{background: url("images/rss.png") no-repeat scroll right 1px bottom ;padding: 0.5em 0.8em; margin: 0.2em; height:65px; width:65px;float:right}


/*  Navigation
-----------------------------------------------------------------------------------------------*/
#topnav {text-transform: lowercase; list-style:none; margin:0px auto 0 auto; padding:1em 0 0; text-align:left; width:60%; min-width:40em; max-width:85em;float: left}
#topnav li{font-size:1.2em; list-style:none; margin:0; padding:0 1.2em; display:inline;}
#topnav li a{color:#ffffff; padding:3px 0; text-decoration:none;border-bottom: none}
#topnav li a:hover{color:#fff; padding:3px 0; text-decoration:none; border-top:#ccc 2px solid;}
#topnav li.current_page_item a{color:#ccc; padding:3px 0; text-decoration:none; border-top:#f89215 2px solid;}

/*  Primary Items
-----------------------------------------------------------------------------------------------*/
#primary{background:#F6F6F6 url("images/bkg_main4.gif") repeat-x scroll center top; padding:2em 0 2em 0; color:#808080;}
#primary.onecol-stories .primary{float:left; width:50%;}
#primary.onecol-stories .secondary{float:right; width:40%; margin:0 0 0 10%;}
#primary.twocol-stories .story{float:left; width:48%; margin:0 0 0 4%; display:inline;}
* html #primary.twocol-stories .story{margin-left:2%;}
#primary.twocol-stories .first, * html #primary.twocol-stories .first{margin:0 0 0 0;}
.story h3{font-variant:normal; font-size:1.5em; margin:10px 0 0 0; font-weight:normal; color:#446622;}
.story h3 a{color:#446622; text-decoration:none;}
.story h3 a:hover{color:#668844; text-decoration:underline;}
.story .details{margin:0; border-top:1px solid #eee; padding:0.5em 0 0.5em 0; font-size:0.98em; color:#ccc;}
.story .details .read-on{padding-right:20px;}
.story .details a{color:#a4a4a4; text-decoration:none;}
.details p{padding: 0.5em 1em; background:#EEE;}
.details p a{color:#990000;text-decoration: none;border-bottom: 1px solid #990000; padding-bottom: 1px }
.details p a:hover{color:#999;text-decoration: none;border-bottom: 1px solid #999; padding-bottom: 1px }
.story .details a:hover{color:#000; }
.story img{padding: 5px; border: 1px solid #ccc; margin: 5px;}

/*  Single Post Styles 
-----------------------------------------------------------------------------------------------*/
#primary .primary{float:left; width:60%;}
#primary .secondary{float:right; width:25%; margin-right:5%; padding:0.65em 1.5em 1em; display:inline; background-color:#eeeeee}
#primary .secondary img{border:none;}
* html #primary .secondary{ margin-right:4%; }
.secondary .featured p{border-bottom:1px solid #ccc; border-top: 1px solid #CCC; padding:0.5em 0 0.6em 0; line-height:1.5em; margin:0.5em 0 0 0;padding-bottom: 2px}
.secondary .featured dl{margin:0 0; border-bottom:1px solid #ccc; padding:0.5em 0 0.6em 0;}
.secondary dt{display:inline; margin:0; padding:0; color:#555;}
.secondary dd{display:inline; margin:0; padding:0;}
.secondary img{border:none;}
.secondary dd a{color:#808080;}
.secondary dd a:hover{color:#000;}
.single-post h1, .single-post h2{color:#990000; margin:0 ;}
.single-post h1{padding-left: 1.3em; background: transparent url("images/navb.gif") no-repeat scroll left 1px;}
.single-post h1 a:hover{color: #999; margin-top:0;}
.single-post img{background: url("images/navb_sm.gif") no-repeat scroll left 1px ;padding: 0.5em 0.8em; margin: 0.2em;}

/*  Secondary Items
-----------------------------------------------------------------------------------------------*/
#secondary{ background:#fafafa; padding:1px 2em; border-top:1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3}
.comment-head{border-bottom:1px solid #f3f3f3; padding:0.8em 2em 1.0em 2em;}
.comment-head h2{font-size:1.5em; margin:0;}
.comment-head a{text-decoration:none; color:#990000;border-bottom: 1px solid #990000;padding-bottom: 1px}
.comment-head a:hover{text-decoration:none; color:#999;border-bottom: 1px solid #999;padding-bottom: 1px}
.comment-head .details{font-size:0.95em;}
ol#comments{list-style-type:none; margin:2em 0;}
ol#comments li{	list-style-type:none; margin:2em 0;}
#comments cite{	float:left; width:31%; font-style:normal;text-align:right;}
* html #comments cite{ width:30.6%; }
#comments cite span{display:block;}
#comments cite .author{ font-size:1.2em;}
#comments cite .author a{text-decoration:none;}
#comments cite .admin-tools{margin:5px 0;}
#comments cite .admin-tools a{float:right; margin:0 5px; padding:0px 3px 3px; background:#aaa; border:1px solid #aaa; text-decoration:none;}
#primary .secondary .admin-tools{ margin:1em 0;}
#preview{margin:1em 0; padding:0.5em; border:1px solid #333;}
#preview p{ margin:1em 0 0 0;}
#errors{ color:#FF0000; font-weight:bold;}
#comments .pingback cite .author{display:block; padding-top:68px;}
#comments .content{float:left; width:60%; margin-left:1.9%; border-left:1px solid #868686; padding: 0 0 0 2%;}
#comments .content p{margin:0 0 1em 0;}
#comments .content h3{margin:0; font-size:1em;}
#comment-form{margin:5em 0 5em 35.4%; width:36em;}
input.textfield{width: 15em; margin:5px 0; color:#963;}
textarea.commentbox{width:28em; height:10em; padding:0.25em; margin:5px 0; font-size:1.25em; font-family:Arial, Helvetica, sans-serif;}
label.text{position:relative; left:0.5em; top:-0.5em;}
.formactions input.submit{float:right; margin:1em 0 0 0; padding:0 0.5em;}
.formactions .spinner{float:right; margin:-8px -20px 0 0;}

/*  Ancillary Items
-----------------------------------------------------------------------------------------------*/
#ancillary{padding:2em 0 0 0;background:#32393f;}
#ancillary .block{color:#EEE;float:left; width: 30%; margin:0 0 1.5em 7%;}
#ancillary .twice-length{ width:65%;}
#ancillary .thrice-length{ width:100%;}
* html #ancillary .block{margin:0 0 0 3%;}
#ancillary .first, * html #ancillary .first{clear:both; margin:0; width:26%;}
#ancillary .first a{color: #FEF49E;text-decoration:none; border-bottom: 1px solid #FEF49E; padding-bottom: 2px}
#ancillary .first a:hover{color:#CCC; border-bottom: 1px solid #ccc}
#ancillary .second a{color: #FFF;text-decoration:none; padding-bottom: 2px}
#ancillary .second a:hover{color: #CCC;}
#ancillary .third a{color: #FFF;text-decoration:none; padding-bottom: 2px}
#ancillary .third a:hover{color: #CCC;}
#ancillary .block-separator{clear:both; height:2.5em;}
#ancillary .block h2, #ancillary .block h3{color:#FEF49E; margin:0 0 1em 0;}
#ancillary .block form{padding-bottom:3em;}
ul.dates, ul.counts{list-style-type:none; margin:0 0;border-top:1px solid #ccc}
ul.dates li, ul.counts li{text-decoration:none; list-style-type:none; margin:0; padding:0.5em 0; border-bottom:1px solid #ccc;}
ul.dates .date, ul.dates .date a {color:#999; padding-right:0.5em;}
ul.dates .date em {color:#ccc; font-style:normal;}
ul.counts .count{float:right; color:#a5a5a5;}
ul.dates a, ul.counts a{border-bottom: none;color:#335566; text-decoration:none;}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count{color:#999;}
ul.rss {list-style-type:none; margin:1.5em 0; padding:0.5em 0; border-top:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3; background:transparent url("images/feedrss.gif") no-repeat scroll left; padding-left:15px;}

/*  Foooter
-----------------------------------------------------------------------------------------------*/
#footer{background:#667177 none repeat scroll 0 0; clear:both; color:#D3D3D3; margin:0 0 0 0;border-top: 1px solid #D3D3D3}
#footer .inside{text-align: center; color:#D3D3D3; margin:0 auto; padding:2em 0;}
#footer p{margin:0;}
#footer p.copyright{color:#ccc;}
#footer p.copyright a{color:#fff;text-decoration:none; border-bottom:none}
#footer p.copyright a:hover{color:#ccc;}
#footer p.attributes{float:right}
#footer p.attributes a{padding:0 0 0 1em; text-decoration:none;}
#footer p.attributes a:hover{color:#fff;}

/*  Live Search
-----------------------------------------------------------------------------------------------*/
#search input{width:175px; font-size: 0.85em; background:#fff; color:#9999cc; margin-top:2px;}

/*  Lightbox2.02
-----------------------------------------------------------------------------------------------*/
#lightbox{position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{border: none;}
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url("images/blank.gif") no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("nextlabel.gif") right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width: 70%; float: left; text-align: left;}	
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}

/*  Heat Map
----------------------------------------------------------------------------------------*/
#content ul.heatmap {margin:0; padding:10px 0 30px 0;}
#content ul.heatmap li {margin:0; padding:0; display:inline;}