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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
#info {background:#f8f8f8; border:0;}
a { color: #fc6c03; }
strong { font-weight: bold; }
html { background: url(http://houseofnightfans.com/assets/templates/hon2/images/Brick%20to%20Repeat.png); font-family:"Adobe Garamond Pro", adobe garamond, garamond, serif;}
body { background: url(http://houseofnightfans.com/assets/templates/hon/images/BackgroundNew.png) no-repeat center top; }
#wrap { width: 960px; margin: 0 auto;}
#login { color: #fff;float: right; width: 650px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; background:#780e10; padding: 1px 10px 10px 10px; }
#title { height: 200px; }
#contentwide { width: 775px; float: right; }
#content { width: 570px; float: left; padding: 5px; border:3px solid #000; background:#fff; }
#content a { color:#345969;}
#content li { padding: 5px 2px 5px 10px; }
#content ul { padding: 2px 2px 2px 25px;}
#content ol { padding: 25px;}
#content h1 { color:#345969; font-size: 160%; font-weight: bold; text-align: center;}
#content h2 { display: inline; font-weight: bold; }
#rightsidebar { color: white; float:right; width: 160px; padding: 5px; border:3px solid #000; background:#780e10 url(http://houseofnightfans.com/assets/templates/hon2/images/Sidebar-Marks.jpg) repeat-y center top; }
#leftsidebar { color: white; float: left; width: 160px; padding: 5px; border:3px solid #000; background:#780e10 url(http://houseofnightfans.com/assets/templates/hon2/images/Sidebar-Marks.jpg) repeat-y center top; }
.sidebar_title {font-size: 1.2em; color:#fff; background:#000;text-align:center; }
.sidebar_list { text-align: center; list-style-type: none; list-style-image: none; list-style-position: outside; font-weight: bold; }
.sidebar_list li a { text-decoration: none;}
#footer { text-align: center; }
.clear { clear: both; }
#PageTitle { color:#345969; font-size: 160%; font-weight: bold; text-align: center;}
#ajaxSearch_input {
width: 155px;
height: 16px;
}
.LIn_shortMode {
list-style-type:none;
}
.LIn_date { display:block; }
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu { height:32px; position:relative; z-index:100;border:3px solid #000; font-family:"Adobe Garamond Pro", adobe garamond, garamond, serif;background:#780e10; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:15px;text-decoration:none; color:#fff; height:32px; border:0; background:#780e10; padding-left:10px;padding-right:10px; line-height:29px ;text-transform: uppercase;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#780e10 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#780e10 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#780e10 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#000;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#780e10;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
/* position the third level flyout menu */
.menu ul ul ul{left:148px; top:-1px; width:149px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-150px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#000; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
/* style the top level hover */
.menu a:hover {color:#fff; background:#000;}
.menu ul ul a:hover{color:#fff; background:#780e10;}
.menu :hover > a {color:#fff; background:#000;}
.menu ul ul :hover > a {color:#fff; background:#780e10;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* Ditto 2 Blog ------------------------------------------------------------------------------- */
#ditto_pages {
margin-top: 5px;
}
.ditto_summaryPost {
line-height: 1.5em;
}
.ditto_summaryPost h3 {
border-bottom: 1px solid #fc6c03;
text-decoration: none;
margin: 0px !important;
padding: 5px !important;
font-size: 150%;
font-weight: bold;
}
.ditto_summaryPost h3 a {
text-decoration: none;
}
.ditto_summaryPost .ditto_info {
background-color: #F8F8F8;
padding: 5px !important;
font-size: 0.8em;
color: black;
}
.ditto_summaryPost .ditto_tags {
font-size: 0.7em;
}
.ditto_summaryPost ul {
padding: 2px;
}
.ditto_summaryPost ul li {
padding: 2px;
}
.ditto_link {
font-size: 76%;
text-align: right;
}
.ditto_paging {
border-top: 1px solid #345969;
padding: 10px;
font-size: 86%;
color: #618100;
}
#ditto_pages .ditto_currentpage {
border: 1px solid #345969;
padding: 1px 5px 2px;
margin-right: 1px;
background-color: #345969;
color: #fff;
}
#ditto_pages .ditto_off {
border: 1px solid #ccc;
padding: 1px 5px 2px;
margin-right: 1px;
color:#345969;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
border: 1px solid #345969;
padding: 1px 5px 2px;
margin-right: 1px;
text-decoration: none !important;
color: #345969;
}
#ditto_pages a:hover {
background-color: #fff;
color: #000;
}
#ditto_archivelist ul {
list-style-type: none;
margin-left: 15px;
padding-left: 0;
}
#ditto_archivelist ul ul{
list-style-type: square;
margin-left: 35px;
}
#ditto_archivelist .ditto_month {
font-weight: bold;
}
.reflect_year { margin-left: 15px; }
.reflect_months { margin-left: 15px; }
.reflect_month { margin-left: 15px; }
/* --- END Ditto 2.0 -----*/