/*   
Theme Name: Invisiblepilot
Theme URI: http://www.invisiblepilot.com/hi/wp-content/themes/invisiblepilot
Description: invisiblepilot theme v11, 2009.v2
Author: invisiblepilot
Author URI: http://www.invisiblepilot.com/
*/

/*
-----------------------------------------
RESET, CLEAR & FLOAT
----------------------------------------- 
*/
*,html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {font-size:100%;background:#666;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal}
ol, ul, li{list-style:none;margin:0;padding:0}
div{margin:0;padding:0}
caption, th{text-align:left}
.clear {clear:both;height:0;line-height:0;}
.clearfix:after {content: ".";display: block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {height: 1%;}
.clearfix {display: block;}
.center{display:block;margin:0 auto}
.hide {display:none;}
/*
-----------------------------------------
TYPOGRAPHY & LINKS
----------------------------------------- 
*/
body {line-height:1.125em;font-family:Helvetica,Arial,sans-serif;text-align:center;}
#header, #page-wrap, #footer {font-size:.75em;}
p{margin-top:1em; margin-bottom:1em;}
h1, h2, h3, h4 {font-size:100%;text-transform:uppercase;font-weight:bold;color:#bbb;}
h1 {font-size:1.6em;}
h2 {font-size:1.2em}
h3 {font-size:1.2em}
h4 {font-size:1em}
h1 a, h2 a, h3 a, h4 a {text-decoration:none; border:none;}
a, a:link, a:visited {color:#a80321;text-decoration:none;}
a.source, a.source:link, a.source:visited {color:#FF204F;}
a:hover {color:#FF204F;text-decoration:none;}
img a {border:none;}
strong{font-weight:bold}
em{font-style:italic}
span.pop {color:#65c2f7;}
span.high {color:#000;}

/*
----------------------------------------- 
MISC
----------------------------------------- 
*/
#page-wrap {width:980px;margin:0 auto;text-align:center;background:transparent;}
.paginate {float:right;width:700px;margin:25px 12px 0 0;text-align:right;background:transparent;}
.bar {height:10px;background:#666 url(images/diagonal.gif) repeat-x top left;}
p.nothing {margin:50px;color:#111;font-size:1.8em;font-weight:bold;}

/*
-----------------------------------------
HEADER & PRIMARY NAVIGATION
----------------------------------------- 
*/
#top {position:relative;width:100%;margin:0;padding:16px 0 8px 0;background-color:#000;}
#header {position:relative;width:960px;margin:0 auto;text-align:center;background-color:#000;}
.nav {float:left;width:600px;background-color:#000;text-align:left;}
ul.menu {list-style:none;background:transparent;text-transform:uppercase;}
ul.menu li{display:inline;}
ul.menu li a, ul.menu li a:visited{color:#787878;font-size:1em;padding:0 12px 0 8px;background:transparent;}
ul.menu li a:hover{color:#fff;background:transparent;}
ul.menu li a.active{color:#fff;background:transparent;}
ul.menu li a.dot {background:url(images/dots.png) no-repeat center right;}
.masthead {float:right;width:290px;margin-right:10px;background-color:#000;text-align:right;font-size:1.4em;letter-spacing:2px;text-transform:uppercase;}
.masthead a{color:#454545;}
.masthead h1 a:hover {color:#fff;}

/*
----------------------------------------- 
PREVIEW BOXES
----------------------------------------- 
*/
.pwrap_thin {float:left;width:176px;margin:30px 10px 0 10px;background:#000;text-align:left;}
.pwrap_thin .boxgrid{width:176px;height:250px;overflow:hidden;position:relative;}
.pwrap_thin .boxgrid img {position:absolute;top:5px;left:0;}
.boxcaption {position:absolute;background:#000;height:300px;width:100%;}
.boxcaption  h2 {display:block; height:50px;margin:0;padding:10px 10px 15px 10px;}
.boxcaption  h2 a, .boxcaption  h2 a:visited {color:#fb203f;}
.boxcaption p {margin:0;padding:0 10px 8px 10px;color:#afafaf;font-size:1em;line-height:1.2em;text-transform:lowercase;}				
.caption .boxcaption {top: 185px;left: 0;}

/* ROUNDED CORNERS / SPRITES */
b.btop, b.btop b, b.bbot, b.bbot b{display:block;height:10px;font-size:1px;background:url(images/corners.png) no-repeat}
b.btop b, b.dtop b{background-position: 100% -10px}
b.bbot, b.dbot{background-position: 0 -20px}
b.bbot b, b.dbot b{background-position: 100% -30px}

/*
-----------------------------------------
SINGLE POST
----------------------------------------- 
*/
.main_block {float:right;width:630px;text-align:right;margin-right:10px;background:transparent;}
.post {position:relative;width:630px;margin-top:30px;background:#000;text-align:left;}
.post .boxgrid{width:630px;min-height:250px;margin:10px 0 0 0;background:#efefef;overflow:hidden;position:relative;}
.post img {float:right;margin:0 15px 10px 10px; padding:0;}
.post h1 {padding:18px 18px 0 18px;color:#000;margin:0;line-height:1em;background:transparent;}
.sub_cont {width:100%;min-height:210px;padding:10px 0 24px 0;margin:0;background:transparent;}
.sub_cont h2 {font-size:1.3em;color:#bbb;margin:24px 18px 0 18px;padding:0;line-height:1em;color:#222;background:transparent;}
.sub_cont p{margin:0;padding:18px 18px 0 18px;font-size:1.2em;line-height:1.5em;color:#444;background:transparent;}
.sub_cont p.list {margin:0;padding:10px 18px 10px 18px;font-size:1.2em;line-height:1.5em;color:#444;background:transparent;}

/* POST META & SOCIAL SHARING LINKS */
.meta {width:100%;overflow:hidden;background-color:#000;}
.info {float:left;text-align:left;margin:14px 0 0 18px;width:500px;background:transparent;}
.info p, .info_long p {margin:0;padding:0 0 2px 0;font-size:.9em;line-height:1.2em;text-transform:uppercase;text-align:left;color:#787878;}
.info p a:link, .info p a:visited, .info_long p a:link, .info_long p a:visited {color:#bbb;text-decoration:none}
.info p a:link:hover, .info p a:visited:hover {text-decoration:underline;}
.social {float:right;text-align:right;width:38px;margin:15px 0 0 0;background:transparent;}
.info p.cred a:link, .info p.cred a:visited, .info_long p.cred a:link, .info_long p.cred a:visited {color:#ff3366;text-decoration:none}

/* POST SIDE */
.side_block {float:left;width:300px;text-align:left;margin-left:10px;}
.side {width:300px;margin-top:30px;background:#000;}
.side_pic {padding:10px 0;position:relative;}
.post_nav a, .post_nav a:visited {color:#000;}

.post_nav {width:280px;margin:10px 0 0 10px;text-align:center;font-size:12px;line-height:12px;text-transform:uppercase;}
.post_prev {float:left; width:140px;text-align:left;}
.post_next{float:right; width:140px;text-align:right;}

/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#footer {width:980px;margin:30px 0;text-align:right;background:transparent;}
.fnav {float:right;width:700px;text-align:right;margin-right:10px;background:transparent;}
.fnav ul.menu li a, .fnav ul.menu li a:visited{color:#000;font-size:1.2em;padding:0 8px 0 4px;}
.fnav ul.menu li a.dot {background:url(images/dots_dk.png) no-repeat center right;}