/*  
Theme Name: 36invisible
Theme URI: http://36invisible.com/
Description: a wordpress theme for 36invisible.com by 36invisible.com
Version: 1.0
Author: erik ryerson
Author URI: http://36invisible.com/

*/


    /* hide from ie on mac */
    html {
        height: 100%;
    }
    /* end hide */

    body { margin:0;background-color:#000; color:#666;font: 0.90em "Helvetica Neue", Helvetica, sans-serif;font-weight:normal; padding:0;min-height:480px;}
	#outer { margin:0 auto;  width:1000px; max-width:1000px; padding:0; }
    #back { margin:0 0 23px 16px; text-align:left; background:#222; border-right:1px dashed #aaa;}
	#back h1 {margin:0 0 0.3em 0;padding:0.1em 0 0 0;}
    #back h1 a { margin:0; text-transform:uppercase; font-family:Bebas,"Helvetica Neue", Helvetiva,sans-serif;font-size:240%; letter-spacing:6px; font-weight: normal; color:#fff; text-align:left; text-decoration:none; } 
    #back h1 a:hover { color:#aaa; }
    #back p#blurb,.blurb,#sidebar h2 { padding:0.2em 0; margin-top:0.2em; font-family:Bebas,"Helvetica Neue", Helvetiva,sans-serif;font-size:170%; word-spacing:5px;letter-spacing:2px; font-weight: normal; color:#ddd; text-align:left; text-decoration:none; border:0px dashed #262626;border-left:0;border-right:0;}
    #back p#blurb span.wonk,.blurb span.wonk { font-size:55%; vertical-align:30%; letter-spacing:1px;}
    #sidebar .blurb,#sidebar h2 { display:block;font-size:100%;color:#aaa; border:1px dashed #262626; border-left:0; border-right:0; }
    #wrap { background-color:#222; margin:0 auto;  width:660px; max-width:660px; padding:0; display:inline;float:left; border-bottom:1px dashed #aaa; border-left:3px dashed #000;}
    #rmen { display:inline;float:right; width:316px; background:#222;border:1px solid #262626;  margin:0 0 36px 0; padding:2px 0; color:#444; text-align:left; font-size:100%;
}
    #rmen #sidebar { background:#000 !important; border:0; padding:5px 6px;}
    #rmen #sidebar #archives { float:none !important; text-align:left !important;}
    #rmen .metaslug { text-align:left !important; }
    #topnav #meta { display:none; }

    #availability { display:none; }


    img#main_logo { border:0; }
/*
    @font-face { font-family: "Bebas"; src: local("Bebas"), url("BEBAS___.TTF") format("truetype"); }
    @font-face { font-family: 'BebasNeueRegular'; src: url('fonts/BebasNeue-webfont.eot'); src: local('BebasNeueRegular'), local('BebasNeue'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#webfontf0WP9KEe') format('svg'); font-weight: normal; font-style: normal; }
*/
    @font-face { font-family: 'Bebas'; src: url('fonts/BEBAS___-webfont.eot'); src: local('Bebas'), local('BebasRegular'), url('fonts/BEBAS___-webfont.woff') format('woff'), url('fonts/BEBAS___-webfont.ttf') format('truetype'), url('fonts/BEBAS___-webfont.svg#webfontnqJLEELI') format('svg'); font-weight: normal; font-style: normal; }
/*
    #topnav { float:left; position:fixed;right:10px; }
*/
    #topnav{padding-top:1px;margin-bottom:1em;position:relative;font-family:"Helvetica Neue",Helvetica,sans-serif;text-transform:uppercase;color:#aaa;height:20px;width:100%; background:#222; 
}
    #topnav ul{text-align:left;margin:0;padding:0;}
    #topnav li {display:block;list-style:none;float:left;height:20px;width:79px;border-left:1px solid #4D4D4D;font-size:1.2em;padding:0 5px;}
    #mainnav{font-size:10px;}    
    #mainnav a{color:#aaa;text-decoration:none;padding:2px 0;}
    #mainnav a:hover{color:#666;border-bottom:1px solid #666;}
    #subnav{position:absolute;bottom:0;color:#9f9f9f;}
    #subnav a{color:#aaa;text-decoration:none;margin:0 15px 0 0;}
    #subnav a:hover {color:#F49633; }
    .nav,.nav ul{list-style:none;margin:0;padding:0;}
    .nav{z-index:1;position:relative;}
    .nav li{border-left:1px solid #000;float:left;position:relative;margin:0;padding:0;}
    .nav li a,.nav li a:link,.nav li a:active,.nav li a:visited {color:#959595;display:block;text-decoration:none;padding:0;}
    #nav-one li:hover a,#nav-one li.sfHover a{background:#666;color:#000;cursor:pointer;padding:2px 0;}
    #nav-one li:hover ul a,#nav-one li.sfHover ul a{background:#797979;color:#fff;width:155px;padding-left:2px;}
    .nav ul{border-bottom:1px solid #000;list-style:none;width:100px;position:absolute;top:-999em;left:-1px;font-size:10px;font-family:"Helvetica Neue", Helvetica, sans-serif;margin:0;}
    .nav li:hover ul,.nav li.sfHover ul{top:18px;}
    .nav ul li{border:0;float:none;}
    .nav ul a{border:1px solid #000;border-bottom:0;width:80px;white-space:normal;line-height:1;}
    li.uh{color:#666;font-style:italic;padding-top:3px !important;}
    #subnav p,.wp-posts{margin:0;}
    .nav li a:hover,#nav-one li:hover ul a:hover,#nav-one li.sfHover ul a:hover,.nav ul a:hover {background:#ccc;color:#5b69a6;}

    img.shrink { width:100%; }
    #content { background:#000;position:relative; margin:-1.5em 0 0 16px; padding:0 0px;border:0px solid #262626; }
    div.r {height:60px;display:block; text-align:left;}
    #doc_content { border-top:1px dashed #aaa; border-left:1px dashed #aaa; margin:12px 0 0; padding-top:1em;padding-left:0.4em; min-height:200px; }
    #doc_content p { text-align:left; }
    a { color:#999; }
    a.hint { text-decoration:none; border-bottom:1px dotted #999; }
    a.hint:hover { cursor:help; }
    a:hover { color:#F88017; }
    h2 { color: #444; display:inline; font-size:110%; font-weight: 300; }
    div#ajax_title, h3.longTitle { font-family:"Trebuchet MS", Helvetiva,sans-serif;text-transform:uppercase; font-size:115%; letter-spacing:6px; font-weight: 400; color:#666; text-align:left; }
    div#ajax_title a { text-decoration:none; }

	div.post { margin:0 0 23px 0; text-align:left; color:#aaa; }
	div.post div.entry { font-family:Georgia,serif; }
	div.post small { color:#444; }
	div.post h3,div.post h2 { margin:0; padding:0; color:#ccc; font-size:1.8em; display:inline; font-family:"helvetica neue",helvetica,sans-serif; font-weight:200; }
	div.post h3 a,div.post h2 a { text-decoration:none; color:#fff; }
	div.post h3 a:hover,div.post h2 a:hover { text-decoration:underline; }
	div.post h4, div.post ul.wire li a {margin:0; font-size:1.1em; padding:0; color:#ccc; display:inline; font-family:"helvetica neue",helvetica,sans-serif; font-weight:200; }
	div.post p, div.post ul { color:#aaa; }
    	div.entry ul { text-align: left; font-family:Georgia,serif; }
	div.post big { font-size:150%; }
	div.postspacer {height:1px;border-bottom:1px dashed #262626;margin-bottom:23px; }

#searchresults h2 { display:block; }
div.navigation div { display:block;}

#sidebar { font-size:0.9em; border-top:1px solid #222; border-bottom:1px solid #222; margin:0.2em 0; padding:1.3em 0; }
#sidebar .metaslug {font-family:"Trebuchet MS",Helvetica,sans-serif;text-transform:uppercase;padding:0 0 1em 0; text-align:left; letter-spacing:9px;}
#sidebar h2 { font-size:1.1em; }
#sidebar ul { list-style:none; margin:0; padding:0; }
#sidebar ul li { margin-bottom:1em; }
#sidebar ul li ul li { display:inline; margin:0 0 0.8em 0; padding-right:0.5em; border-right:1px solid #333; text-transform:uppercase; letter-spacing:1px; font-weight:200; }
#sidebar #recent-posts { clear:both; }
#sidebar #search { float:left; }
#sidebar #search br {display:none;} 
#sidebar #search input, #searchform input {font-size:0.9em; display:inline !important;} 
#sidebar #search input#s,#searchform input#s {background:#555; color:#fff; border:1px solid #5b69a6; padding:2px; width:210px; display:inline !important;} 
#sidebar #search input#s:focus, #sidebar #archives select:focus, #searchform input#s:focus {background:#eee; color:#000; }
#sidebar #archives { float:right; text-align:right; }
#sidebar #archives select {font-size:0.9em; background:#555; color:#fff; border:1px solid #5b69a6; padding:2px; width:210px; display:inline !important;} 
#sidebar a, #foot a { text-decoration:none; }
#foot { background:#222;padding: 1.5em 0; margin:0; line-height:1.2; font-size:0.8em; text-align:right; border-top:1px dashed #aaa; border-right:1px dashed #aaa; position:relative;width:100%; } 

code { color:#ccc; border:1px dotted #222; font-size:1.3em; padding: 12px 6px; display:block; }
textarea { width:530px; background:#555; border:1px solid #5b69a6; padding:3px; }
textarea:focus { width:530px; background:#eee; }

form#commentform { display:none; } /* will turn on via js to thwart robots */
form#commentform input { border:1px solid #5b69a6; background:#555; padding:2px; }
form#commentform input:focus {background:#eee; }
form#commentform input#submit:hover { border:1px solid #fff; color:#000; }

#newsslug { float:right;font-size:0.8em; }
.wht { color:#fff; }
.blk { color:#000; }
.dim { color:#555; }
 red { color:#d00; }
.giant { font-size:43px; }
ul.wire .oddbg, .oddbg { border:1px dashed #222; border-left:0; }
dl.oddbg {padding:1.0em 0; }
.yesno {font-weight:100; font-size:120%; }
.availbox { width:48%; background:#222;font-size:1.4em; overflow:hidden; color:#aaa;  padding:0.1em; }
.tinyside { line-height:1.3 !important; font-size:79%;color:#888;padding-top:0.6em;}
.tinyside span.wonk { color:#555; letter-spacing:0.3px;}
.clearspace { height:1em;clear:both; }
.clearboth,.postmetadata { clear:both; }
.floatright,.alignright { float:right !important; }
.floatleft,.alignleft { float:left !important; }
.frontthumb {max-width:53%; border:1px solid #444; margin:0.4em; opacity:0.8; }
div.post .frontthumb {max-width:53%; border:1px solid #444; margin:0.4em; opacity:0.8; padding:0.3em; }
.frontthumb.floatleft { margin-left:0 !important; }
.frontthumb.floatright { margin-right:0!important; }
.frontthumb:hover {opacity:1.0;}
ul.wire { list-style:none; padding-left:0; margin:1em 0; vertical-align:top; }
ul.wire:after { list-style:none; clear:both !important; }
ul.wire li { margin:0.5em 0; clear:both; padding:0.4em 0.1em; vertical-align:top; display:block; float:left; }
ul.wire span.derp {margin:0; font-size:1.1em; padding:0; color:#ccc; display:inline; font-family:"helvetica neue",helvetica,sans-serif; font-weight:200; }
.floatthumb { float:left; width:136px; border:1px solid #333; padding:0.4em; margin-right:0.5em; }
.cinetab li { width:100%; }
.cinetab li { font-size:90%; }
.cinetab li small { font-size:92%; }
.cinetab li span.derp { font-size:1.3em; }
.cinetab .floatthumb { width:250px; line-height:1; margin-bottom:1em; }
ul.wire li a:hover, ul.cinetab li a:hover { color:#F88017 !important; }
a img.floatthumb:hover { border-color:#666; }
img#wpstats{display:none}

    #alert,#msienote { font-size:1em; position:absolute; z-index:999999; top:0; left:0; text-align:center; background:#eee; color:#33f; border-bottom:3px dotted #fff; width:100%; opacity:0.9; }
    #msienote { display:none; color:#33f; }
    #msienote a { text-transform:lowercase; font-variant:small-caps; text-decoration:underline; font-weight:900; color:#00f; }
    #msienote a:hover { cursor:pointer; color:#c5f;}
    #msienote1 { background:orange; padding:0.4em 0.1em; font-size:90%; color:#000; border:1px dotted #fff; }
    #msienote1 a { color:#222;}
    #msienote1 a:hover { cursor:pointer; color:#fff;}