/*#############################################################
Name: Dark Ritual
Date: 2006-11-06
Description: Tribal-style three column layout.
Author: Viktor Persson
URL: http://templates.arcsin.se
Feel free to use and modify but please provide credits.
#############################################################*/
@import url('../css-extra/nuggie.css');
/* standard elements */
* {
margin: 0;
padding: 0;
}
a {color: #682;}
a:hover {color: #9A6;}
body {
background: #333 url(../img/bg.gif);
color: #333;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 3% 0;
}
body#tinymce {
background-color: #f7f7f7 !important;
background-image: none !important;
color: #111111;
}
p,ul {
padding-bottom: 1em;
}
ul {margin-left: 1.2em;}
li {list-style: none;}
.main li, body#tinymce li {list-style-image: url(../img/li.gif);}
h1 {font-size: 1.2em;}
blockquote {
background: #FFF;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
color: #333;
display: block;
font-size: 0.9em;
margin-bottom: 1.2em;
padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
h1,h2,h3 {color: #994;}
/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}
/* structure */
.container {
font-size: 1.2em;
background: url(../img/bgcontainer.gif) repeat-y;
margin: 0 auto;
width: 840px;
border: 12px solid #222;
}
/* Adaptation for "simple" (limited elements) view */
.container-simple {
width: 640px;
background-position: -160px 0;
margin-top: 100px;
}
/* header */
.header {
float: left;
width: 640px;
background: url(../img/header.jpg) no-repeat;
font: normal 2.4em Verdana,sans-serif;
line-height: 150px;
text-align: center;
}
.container-simple .header {
line-height: 3em;
background-position: center center;
border-bottom: 1px solid #111111;
}
/* structure */
.top {
background: #222;
color: #DDD;
float: left;
font: normal 1.4em Verdana;
height: 50px;
text-align: center;
width: 639px;
}
.subnav {
float: left;
width: 160px;
color: #f7f7f7;
}
.subnav div.subnav_raw {
margin-left: 8px;
}
#subnav_left {
clear: left;
margin-top: 10px;
}
.main {
float: left;
width: 480px;
}
.main_right {
float: right;
width: 200px;
color: #CCC;
}
/* sub-navigation */
.subnav h1 {
background: #222;
color: #FFE;
font: bold 1.1em Verdana,sans-serif;
line-height: 24px;
padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
border-bottom: 1px solid #696755;
list-style: none;
}
.subnav li a {
background: #89866F;
color: #111;
display: block;
padding: 8px 0 8px 12px;
width: 148px;
text-decoration: none;
}
.subnav li a:hover {
background: #9C997C;
color: #000;
}
/* footer */
.footer {
background: url(../img/bgfooter.gif) repeat-x;
color: #CCC;
font-size: 0.9em;
line-height: 39px;
width: 100%;
text-align: center;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover {color: #FAFCB0;}
.post{margin:0 0 25px 0;}
.post .info, .mdg-comment, .mdg-infobox {
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}
fieldset {
padding: 1em;
}
/*
* ENANO STUFF
*/
/*
* jBox menu system
*/
div.menu, div.menu_nojs {
background-color: #333333;
font-size: 7pt;
border-width: 0;
}
/* This is Dark Ritual-specific */
div.menu#pagebar_main, div.menu_nojs#pagebar_main {
float: left;
width: 639px;
}
/* So is this */
div.menu#pagebar_main span.menuclear, div.menu_nojs#pagebar_main span.menuclear {
}
.menu_bg {
background-color: #222222;
}
div.menu a, div.menu div.label {
padding: 2.5pt 5px;
margin-right: 3px;
text-decoration: none;
display: block;
float: left;
color: #111111;
}
div.menu_nojs a, div.menu_nojs div.label {
padding: 2.5pt 5px;
margin-right: 3px;
text-decoration: none;
display: block;
float: left;
color: #c6c6c6;
}
div.menu div.label, div.menu_nojs div.label {
color: #a0a0a0;
cursor: default;
}
/* Buttons/labels on pop-down menus */
div.menu_nojs ul li a, div.menu ul li a, div.menu_nojs ul div.label, div.menu ul div.label {
color: #111111;
}
div.menu_nojs ul div.label, div.menu ul div.label {
font-weight: bold;
}
div.menu span.sep, div.menu_nojs span.sep {
display: block;
float: left;
width: 5px;
}
div.menu div.multopts, div.menu_nojs div.multopts {
line-height: 17pt;
}
div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label {
float: none;
display: inline;
}
div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover, div.menu_nojs a.liteselected, div.menu_nojs a.liteselected:hover, div.menu_nojs a:hover {
color: #f7f7f7;
background-color: #555555;
}
div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] {
border-width: 0;
font-size: 9pt;
padding: 2px 5px 3px 5px;
max-width: 70px;
background-color: #aaa787;
}
div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu_nojs input[type ^="password"]:hover {
background-color: #b5b290;
}
div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu_nojs input[type ^="password"]:focus {
background-color: #c1bd99;
}
div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] {
border-width: 0;
font-size: 9pt;
padding: 3px 5px;
max-width: 70px;
}
div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover, div.menu_nojs a.current, div.menu_nojs a.current:hover, div.menu_nojs a.selected, div.menu_nojs a.selected:hover {
color: #111111;
background-color: #9C997C;
}
div.menu ul, div.menu_nojs ul {
display: none;
position: absolute;
padding: 0;
margin: 0 !important;
background-color: #9f9c7e;
border-width: 0;
min-width: 120px;
}
div.menu ul li, div.menu_nojs ul li {
list-style: none;
}
div.menu ul a, div.menu_nojs ul a {
float: none;
margin: 0;
}
span.menuclear {
font-size: 1px;
height: 0px;
width: 0px;
clear: left;
line-height: 0px;
display: block;
}
#h1_page_name {
border-bottom: 1px solid #111111;
margin-bottom: 10px;
}
/* Enano's tables */
.tblholder { margin: 10px 0 0 0; padding: 0; border: 1px solid #AAAAAA; background-color: #E8E8E8; }
/* The beautiful tables inside what may not obviously be mdg-comment divs */
div.tblholder td.row1 { padding: 4px; background-color: #E0E0E0; }
div.tblholder td.row2 { padding: 4px; background-color: #F0F0F0; }
div.tblholder td.row3 { padding: 4px; background-color: #E8E8E8; }
div.tblholder th { padding: 4px; background-color: #696755; font-weight: bold; text-align: center; color: #FFFFFF; }
div.tblholder th.subhead { padding: 4px; background-color: #84816b; font-weight: bold; text-align: center; color: #FFFFFF; }
div.tblholder table { background-color: #FFFFFF; width: 100%; }
/* Changes for tables embedded in the sidebars */
.subnav .tblholder, .main_right .tblholder { margin: 10px 0 0 0; padding: 0; border: 1px solid #AAAAAA; background-color: #111111; }
.subnav div.tblholder table, .main_right div.tblholder table { background-color: #888888; width: 100%; }
.subnav div.tblholder td.row1, .main_right div.tblholder td.row1 { padding: 4px; background-color: #333333; }
.subnav div.tblholder td.row2, .main_right div.tblholder td.row2 { padding: 4px; background-color: #444444; }
.subnav div.tblholder td.row3, .main_right div.tblholder td.row3 { padding: 4px; background-color: #3B3B3B; }
/* Colored table cells */
div.tblholder td.row1_red { padding: 4px; background-color: #F8E0E0; }
div.tblholder td.row2_red { padding: 4px; background-color: #FFF0F0; }
div.tblholder td.row3_red { padding: 4px; background-color: #FFE8E8; }
div.tblholder td.row1_green { padding: 4px; background-color: #E0F8E0; }
div.tblholder td.row2_green { padding: 4px; background-color: #F0FFF0; }
div.tblholder td.row3_green { padding: 4px; background-color: #E8FFE8; }