/*
Theme Name: NOVAREN-GRID
Theme URI: http://novaren.com/
Description: for Nova Ren Suma - novaren.com
Version: 1.0
Author: erik ryerson
Author URI: http://36invisible.com/design/

for: novaren.com
owner: nova ren http://novaren.com
code by: erik ryerson http://36invisible.com/design/
copyright 2009, erik ryerson. all rights reserved.
*/

html { padding:0; margin:0; color:#111; }
/** { color:#111; }*/

body{
margin: 0;
padding: 0;
border: 0;
font:16px "Helvetica Neue", helvetica, sans-serif;
color:#222;
background:#fff url(./img/nova-grid-bbg-w.png) no-repeat center 560px;
}

#outwrap { 
position:relative;
max-width:1200px;
min-width:900px;
padding:0;
top:0.5em;
margin:0 auto;
}

#framecontent{
clear:both;
position:relative;
width: 845px; /*Width of frame div*/
height: 500px;
overflow:hidden !important;
background: #fff;
color: #111;
font-size:1em;
padding:0.2em;
margin:1.0em auto 0.5em auto;
border:1px solid #111;
-moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;
}
/*
#framecontent .bgthumb { opacity:1.0; width:80px;height:80px; }
#framecontent .bgthumb:hover { opacity:0.9; }
*/
#framecontent .fade div.thumbdiv { display:inline-block;width:80px;height:80px; position:relative; }

#headcontent { 
position:relative;
width: 845px; /*Width of frame div*/
background: transparent;
color: #111;
font-size:0.9em;
padding:0;
height:1em;
margin:0 auto !important;
color:#ccc;
}
#headcontent h1 { color:#aaa; display:inline; }
#headcontent h2 { color:#bbb; display:inline; }
#headcontent .dim { color:#ccc; }
#headcontent_left { float:left; display:inline; margin:0; padding:0; }
#headcontent_right { float:right; display:inline; margin:0; padding:0; }

ul#fp_news-recentposts { font-size:95%;list-style:none;margin:0 0.5em;padding:0; margin:0 !important; font-style:italic; }
ul#fp_news-recentposts li { padding-left:1em; }
ul#fp_news-recentposts li:first-child { padding-left:0 !important; font-style:normal !important; color:#aaa; }

#ticker { border:0;background:transparent;font-size:95%; text-align:left; margin:1em 0 !important; overflow:hidden; height:1.35em; }
ul#recentposts { display:none;list-style:none;margin:0;padding:0; margin:0 !important; font-style:italic; }

#ip-inner { padding:0.15em .15em 0.1em .15em; margin:0; }
#ip-inner a img { margin:0 !important; padding:0 !important; }

#footBox { font-size:0.75em; 
position:relative;
width: 845px; /*Width of frame div*/
padding:0;
margin:0 auto;
}
#footBox_left { float:left; text-align:left; }
#footBox #fcntrl { float:right; text-align:right; font-size:90%; display:inline-block;border:1px solid #444; border-right:0; border-left:0; padding:0 0; background:transparent; border:0; }

img#book-thumb { margin:0 0 0 0.3em; padding:0; float:right; border:0; } /*px solid #aaa; }*/
canvas { float:right; height:200px; width:200px; margin:0; padding:0; }

h1 { font-size:130%; font-weight:normal; color:#000; letter-spacing:4px; }
h1#dtit { color:#aaa; }
#dtit a { color:#aaa; text-decoration:none; }
h2 { color:#555; font-weight:normal; font: 110% "Helvetica Neue", Helvetica, sans-serif; margin:0; }
h3 { font-size:105%; font-weight:500;font-style:italic; color:#666; margin:0; }
a img { border:1px solid #333;padding:.2em; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; }
a img:hover { border-color: #7e356a; }
a img.t_button { opacity:0.75; }
a img.t_button:hover { opacity:1.0; }
a { color: #59b4d4; }
a:hover { color: #7e356a; }
a.noborder { border:0 !important; }
small { font-size:0.75em; }
.pagetitle-nna { text-align:right; color:#ccc; }
.attr { font-size:90%; color:#ccc; }
.attr a { color:#ccc; }
.attr a:hover { color:#7e356a; }
.dim { color:#777; }
.alignright {float:right;}
.alignleft {float:left;}
.fade {
          /*position: absolute;*/
margin:0 auto;
text-align:center;
        }

/*
.fade div {
          position: absolute;
          top: 0;
          left: 0;
        }
*/
ul.bookDetails { list-style-type:none; font:0.9em Courier, fixed-width; margin:0; padding-left:1em; border-left:1px dotted #999; }
/*#msiealert { display:none; }*/
/* iesux */
#msienote { display:none;position:absolute;z-index:999;padding-bottom:0.1em;font-size:0.8em;top:0;left:0;width:100%;text-align:center;color:#0045af;background:#bbb;opacity:0.9;line-height:1;border-bottom:1px solid #fff; }
#msienote a { text-transform:uppercase; text-decoration:underline; font-weight:900; color:#00f; }
#msienote a:hover { cursor:pointer; color:#c5f;}

/* for display before ready() */
ul.prejs { list-style:none; padding:0; }
div.prejs { margin:0 1.5em; }


/* new styles */
#jsalert { position:absolute;z-index:9;font-size:0.9em;top:0;width:99%;text-align:right;color:#0078af; text-align:center;}
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.clearboth { clear:both; }
.clearspace { clear:both; height:1em;}
div.post { margin:0.5em 0; }
input, textarea { max-width:100%; }
.postmetadata { clear:both; padding:0.1em 0; border:1px dotted #444; border-right:0; border-left:0; color:#777; }
p.postmetadata { font-size:small; color:#777; }
.small { font-size:small; }
div#news.tab-preview p { display:inline; }
div#news.tab-preview li br { display:none; }
div.post h2 { font-size:120%;color:#7e356a; text-decoration:none; }
div.post li { margin-bottom:0.5em; }
h2.ptit { }
.aligncenter { text-align:center; }
.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}
div.entry { line-height:1.15; }
.entry li.page_item { background:transparent; background-image:none; border:0; font-weight:normal; }
.entry li.page_item a { color:#59b4d4; }
.entry li.page_item a:hover { color:#7e356a; text-decoration:underline; }

form p { margin-top:0.2em; margin-bottom:0.2em; }
input, textarea { -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid transparent; background:#cce; }
input:focus, textarea:focus { background:#fff; border:1px solid #59b4d4; }
input#submit { font-size:80%; }
input#submit:hover, input#submit:focus, input#searchsubmit:hover, input#searchsubmit:focus { border:1px solid #ff0fee; color:#fff; background:#7e356a; }
ol.commentlist { font-size:95%; }
ol.commentlist li.thread-odd { background:#111; }
ol.commentlist div.reply { font-size:75%; text-transform:uppercase;  }
ol.commentlist li { margin-bottom:1.0em; }
ol.commentlist p { margin:0.3em 0; }
.commentmetadata { font-size:80%; }
.nocomments { font-size:95%; font-style:italic; }
.purp { color:#7e356a !important; }
.white { color:#fff !important; }
div#ip-inner h2, div#ip-inner small { color:#ccc; }
#shadowbox_title_inner { font-size:75% !important; }

/*
.page_item { border: 0px solid #222; background: #eee; font-weight: normal; color: #aaa; outline: none; }
.page_item a { color: #aaa; text-decoration: none; outline: none; }
.page_item, .current_page_item { border-bottom:0 !important; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
.page_item:hover { border: 1px solid #000; background: #ddd; font-weight: normal; color: #338; outline: none; }
.page_item:hover a { color: #59b4d4; text-decoration: none; outline: none; }
.current_page_item, .current_page_parent, .current_page_item:hover, .current_page_parent:hover { border: 1px solid #338; border-bottom:0; background: transparent; font-weight: normal; color: #338; outline: none; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.current_page_item a, .current_page_parent a { color: #338 !important; outline: none; text-decoration: none; }
.page_item ul { display:none; }
.page_item ul * { -moz-border-radius:0 !important;-webkit-border-radius:0 !important; }
    .page_item:hover ul,.current_page_item ul:hover  {top:1.95em;margin:0 0 0 -1px;border:1px solid #59b4d4; padding:0;position:absolute;overflow:hidden;display:inline-block; }
	.page_item ul li.page_item{border:0;float:none; background:#fff; font-size:85%; padding:0; width:100%; }
	.page_item ul li.page_item a { width:100%; height:100%; }
	.page_item ul li.current_page_item a { color:#59b4d4; }
	.page_item ul li.current_page_item a:hover { background:#fff; }
	.page_item ul li.page_item:hover { background: #0078a3; } 
	.current_page_item ul, .current_page_parent:hover ul, .current_page_parent ul {border-color: #ff0fee; }
	.current_page_parent:hover ul, .current_page_parent:hover, .current_page_item:hover { border-color: #59b4d4 !important; }
	.page_item ul { border-top:1px solid #338 !important; }
*/

/* TOP MENU */
.page_item:hover { cursor:pointer !important; opacity:1.0 !important; }
.page_item a { color:#aaa; }
.page_item a:hover { color: #59b4d4; text-decoration: none; }
.current_page_item a, .current_page_item a:hover { color:#222; }
.current_page_parent { text-decoration:underline; }
.current_page_parent:hover { text-decoration:none; }
#headcontent_right ul { float:right; z-index:8; font-size:90%; margin:0.5em 0 0 0; padding:0; }
.page_item { display:inline-block; margin:0 0.2em 0 0; padding:0em 0.2em; }
.page_item ul { background:#fff; margin:0 0 0 -0.25em; position:absolute;display:none;top:-99999px; max-width:140px; }
.page_item:hover ul,.current_page_item ul:hover  {margin:0 0 0 0;top:1em;padding:0;display:block !important; }
.page_item ul li{border:0;float:none; background:#fff; font-size:1em; min-height:1em;padding:0; width:100%; }
.page_item ul { background:#fff !important; margin-top:0.85em !important; border:1px solid #bbb; border-top:0; opacity:0.9; z-index:10; } 
.page_item ul:hover { opacity:1.0; }
.page_item ul li a { display:block !important; background:transparent; font-size:1em; padding:0.3em 0 !important; }
/* //TOP MENU */

.wp-caption.alignleft { margin:0 0.5em 0.5em 0; }
.wp-caption.alignright { margin:0 0 0.5em 0.5em; }
.wp-caption-text { font-size:63%; font-style:italic; color:#666; margin:0 0 0.5em 0; text-align:left !important; padding: 0 0.2em; }

div.widget { margin-bottom:1em; }

div.navigation { font-size:80%; border:1px solid #eee; border-left:0; border-right:0; padding:0.4em 0; }

.rssicon { float:right;margin:0;padding:0; position:absolute;z-index:9;right:0.3em; }
.rsshint { display:none; color:#7e356a; font-style:italic; }
.rsshint:after { content:"\2192 \0020"; }
.rssicon:hover .rsshint { display:inline; }

#sitemeterdiv { display:inline !important; float:left !important; }
#sitemeterdiv a img { border:0; opacity:0.2; margin-right:1.0em; display:inline !important; height:1em; }
#sitemeterdiv noscript p { margin-top:0.1em; margin-bottom:0; }
#sitemeterdiv noscript p img { border:0; opacity:0.2; margin-right:1.0em; display:inline !important; height:1em; }

.noborder { border:0 !important; }
.nopad { padding:0 !important; }

/* nrs page items */

#loading { margin:0;padding:0;overflow:hidden;display:none;text-align:center; }

.tlett,.tlett_sm { bottom:0; left:0; background-color:black;color:#fff;position:absolute;z-index:2; overflow:hidden; }
.tlett { font-size:50px; width:45px; cursor:default; }
.tlett_sm { font-size:0.9em;text-align:left;height:100%;width:100%; }
.tlett_load { top:40%; left:33%;font-size:50px; margin:0 auto;background-color:black;color:#fff;position:absolute;z-index:9; letter-spacing:10px;}
.tlett a img,.tlett_sm a img, .tlett a img:hover,.tlett_sm a img:hover { border:0; width:80px;margin:0;padding:0; }

.popbox { overflow:auto;position:absolute;width:410px;height:321px;background:#fff;color:#000;opacity:1.0;padding:0.5em;-moz-border-radius:6px;-webkit-border-radius:3px; border:0; z-index:4; }
.popbox div#popbox_inner { font-size:90%; }
#ll_box { bottom:0;left:0;}
#tl_box { top:0;left:0;}
#l_box { top:0;left:0; height:490px; }
#lr_box { bottom:0;right:1px;}
#tr_box { top:0;right:1px;}
#r_box { top:0;right:1px; height:490px; }
#c_box { top:83px;left:173px; width:489px; height:323px; }