/*
Theme Name: House Of Night
Theme URI: http://www.houseofnightseries.co.uk/
Description: House Of Night bespoke theme created for Little Brown Book Group http://www.littlebrown.co.uk/.
Version: 1.6
Author: Richard Marsden
Author URI: http://www.abitrich.co.uk/

*/


/* Layout */
div#container { position: relative; margin: 0 auto; padding: 0; float: none;}
div#branding { position: relative; margin: 0 auto; width: 895px; height: 306px; text-align: left; float: none;}
div#header { z-index: 1; position: relative; margin: 0 auto; left: 100px; top: 116px; width: 895px; height: 480px; background: url(graphics/MainHeader.png) no-repeat center top; float: none; }
div#tabs { z-index: 0; position: relative; margin: 0 auto; left: 230px; top: 116px; width: 420px; height: 60px; background: url(graphics/Tabs.png) no-repeat; float: none; }
div#content { position: relative; margin: 0 auto; top: 144px; left: 100px; width: 965px; background: url(graphics/MainTile.png) center repeat-y; float: inherit; }
div#nav { z-index: 6; position: absolute; margin: 0 auto; width: 290px; height: 580px; padding: 0; left: -120px; top: -110px; background: url(graphics/Sidepage.png) no-repeat center; }
div#blog_content { z-index: 3; position: relative; margin: -220px 0 0 0; padding: 0; min-height: 1150px; bottom: -20px; left: 155px; width: 390px; float: inherit; }
div#post { position: relative; margin: 0 auto; padding: 0px 15px; left: 0; top: 0; width: 390px; float: inherit; }
div#content_sub { z-index: 4; position: absolute; margin: 0 auto; padding: 0; top: -40px; width: 180px; left: 635px; float: none; }
div#footer { z-index: 5; margin: 0 auto; padding: 0; height: 256px; background: url(graphics/Footer.png) no-repeat center; clear: both; bottom: 0; left: 0; width: 100%; overflow: hidden; }

/* =html */
html { margin: 0 auto; height: 100%; background:#000; }

/* =body */
body { margin: 0 auto; background: url(graphics/BG_Night.jpg) no-repeat center top; width: 100%; display: table; }

/* branding */
div#branding h1 { z-index: 2; position: absolute; left: 10px; top: -20px; width: 638px; height: 150px; background: url(graphics/HouseOfNight.png) no-repeat }
div#branding h1 a { display: block; width: 338px; height: 133px; border: none; text-indent : -9999px; }

/* tabs navigation */
div#tabs ul { position: relative; left: 30px; top: 16px; width: 420px; height: 60px; padding: 0; list-style-type: none; }
div#tabs a { z-index: 7; display: block; height: 38px; width: 190px; overflow: hidden; text-indent: -9999px; }
li#tn_0 { position: absolute; left: 0px; background: url(graphics/Tab_01.png) no-repeat; }
li#tn_0 a:hover { background: url(graphics/Tab_01ro.png) no-repeat; }
li#tn_1 { position: absolute; left: 190px; background: url(graphics/Tab_02.png) no-repeat; }
li#tn_1 a:hover { background: url(graphics/Tab_02ro.png) no-repeat; }

/* main navigation */
img#banner { position: absolute; left: 0; top: 275px; padding: 0; }
div#nav ul { position: relative; width: 209px; left: 45px; top: 50px; padding: 0; list-style-type: none; }
div#nav a { display: block; height: 38px; width: 190px; overflow: hidden; text-indent: -9999px; }
li#mn_0 { position : absolute; top: 0px; background: url(graphics/Nav_Menu01.png) no-repeat; }
li#mn_0 a:hover { background: url(graphics/Nav_Menu01ro.png) no-repeat; }
li#mn_1 { position: absolute; top: 38px; background: url(graphics/Nav_Menu02.png) no-repeat; }
li#mn_1 a:hover { background: url(graphics/Nav_Menu02ro.png) no-repeat; }
li#mn_2 { position: absolute; top: 76px; background: url(graphics/Nav_Menu03.png) no-repeat; }
li#mn_2 a:hover { background: url(graphics/Nav_Menu03ro.png) no-repeat; }
li#mn_3 { position: absolute; top: 114px; background: url(graphics/Nav_Menu04.png) no-repeat; }
li#mn_3 a:hover { background: url(graphics/Nav_Menu04ro.png) no-repeat; }
li#mn_4 { position: absolute; top: 152px; background: url(graphics/Nav_Menu05.png) no-repeat; }
li#mn_4 a:hover { background: url(graphics/Nav_Menu05ro.png) no-repeat; }
div#nav span { position: absolute; width: 260px; height: 275px; left: -40px; top: 200px; padding: 0; background: url(images/Banner_Burned_on.png) no-repeat; }
div#nav span a { display: block; height: 275px; width: 260px; overflow: hidden; text-indent: -9999px; }

/* content */
div#content { font-family: Georgia, serif; color:#01041e; }
div#content a:link { color: #ad1d62 ; text-decoration: none; }
div#content a:visited { color: #494a5b; text-decoration: none; }
div#content a:hover { color: #ff2b90; text-decoration: underline; }
div#content a:active, a:focus { color: #ffd4e9; text-decoration: none; }

/* content_main */
div#post { display: block; margin-left: 20px;}
div#post .date { position: relative; text-align: right; float: right; top: -55px; left: -5px; margin: -20px 0; }
div#post .month { position: relative; font-size: 1em; color: #494a5b; text-align: right; }
div#post .day { position: relative; font-size: 2em; top: 5px; text-align: center; font-weight:bold; padding: 10px 0; background: url(graphics/Date.png) no-repeat center; }
div#post .year { position: relative; font-size: 1em; color:#494a5b; text-align: left; }
div#post h1 { position: relative; font-size: 1.8em; left: -10px; line-height: 1.1em; margin-bottom: 30px; }
div#post h2 { position: relative; font-size: 1em; color: #494a5b; left: 23px; line-height: 0.15em; }
div#post h2.subtitle { font-size: 1.4em; color: #494a5b; line-height: 1.5em; margin: 10px 0px; left: -10px;}
div#post h3 { position: relative; font-size: 1.25em; left: -10px; line-height: 0.05em; margin: 40px 0 0 0; }
div#post h3.subtitle { font-size: 1.2em; line-height: 1.5em; left: 0px; margin: 30px 0px 5px 0px; }
div#post p { position: relative; font-size: 0.9em; line-height: 1.4em; margin: 20px 0; }
div#post h1 + p { position: relative; font-size: 0.9em; line-height: 1.4em; top: 5px; margin: 20px 0; }
div#post h2 + p { position: relative; font-size: 0.9em; line-height: 1.4em; top: 5px; margin: 20px 0; }
div#post h3 + p { position: relative; font-size: 0.9em; line-height: 1.4em; top: 5px; margin: 20px 0; }
div#post hr { position: relative; width: 388px; height: 32px; top: -30px; background: url(graphics/HorizontalRule.png) no-repeat; border: 0; margin: 35px 0; float: left; }
div#post img { top: -10px; border: 2px solid #DDD; padding: 6px; background: #FFF; float: right; margin: 0 0 20px 6px; }
div#post ol, div#post ul { margin: 0px padding: 10px; }
div#post ol li, div#post ul li { font-size: 0.9em; line-height: 1.4em; padding-left: 5px; padding-bottom: 5px; }

/* content_sub */

div#content_sub { border-left: 2px solid #ddd; }
div#content_sub p { font-size: 0.8em; line-height: 1.5em; margin: -15px 0px 30px 0px; }
div#content_sub li { position: relative; left: 0; top: 5px; list-style: none; margin: 5px 0 15px -10px; }
div#content_sub img { position: relative; left: 0px; top: -10px; border: 2px solid #DDD; padding: 8px; background: #FFF; margin: 0 auto; }

div#side {font-size: 0.8em; }
div#side li {line-height: 1.5em; margin: 5px 0 15px -20px; }
div#side a:hover {text-decoration: none;}

/* site info */
div#footer span { display: block; position: relative; margin: 0 106px; top: 135px;  width: 675px; overflow: hidden; font-size: 0.8em; line-height: 1.10em; text-align: center; }
div#footer ul { position: relative; height: 38px; width: 950px; left: 109px; top: 115px; padding: 0; list-style-type: none; }
div#footer a { display: block; height: 38px; width: 190px; overflow: hidden; text-indent: -9999px; }
li#fn_0 { position: absolute; left: 0px; top: -15px; background: url(graphics/Nav_Menu01.png) no-repeat; }
li#fn_0 a:hover { background: url(graphics/Nav_Menu01ro.png) no-repeat; }
li#fn_1 { position: absolute; left: 130px; top: 5px; background: url(graphics/Nav_Menu02.png) no-repeat; }
li#fn_1 a:hover { background: url(graphics/Nav_Menu02ro.png) no-repeat; }
li#fn_2 { position: absolute; left: 288px; top: -10px; background: url(graphics/Nav_Menu03.png) no-repeat; }
li#fn_2 a:hover { background: url(graphics/Nav_Menu03ro.png) no-repeat; }
li#fn_3 { position: absolute; left: 410px; background: url(graphics/Nav_Menu04.png) no-repeat; }
li#fn_3 a:hover { background: url(graphics/Nav_Menu04ro.png) no-repeat; }
li#fn_4 { position: absolute; left: 530px; top: 7px; background: url(graphics/Nav_Menu05.png) no-repeat; }
li#fn_4 a:hover { background: url(graphics/Nav_Menu05ro.png) no-repeat; }

/*image classes */
div#post img.imgl {margin-right: 20px; margin-bottom: 20px; float:right;}
div#post img.imgr {margin-left: 20px; margin-bottom: 20px; float:right;}
div#post img.imgc {margin: 0px 10px; float: none;}