/*
  The original rdi Theme for phpBB version 2+
  Created by Isaura Simon
  http://www.isauras.com
*/

/* general page style */
body {
    background-image: url(http://graphics.dragonsmark.com/rdi/forums/templates/images/redleather.jpg);
    background-color: #E6E1C1;
    margin: 0;
    padding: 0;
    /*
    scrollbar-face-color: #C7BB9B;
    scrollbar-highlight-color: #F4EED6;
    scrollbar-shadow-color: #DACDAB;
    scrollbar-3dlight-color: #C7BB9B;
    scrollbar-arrow-color:  #440001;
    scrollbar-track-color: #E6E1C1;
    scrollbar-darkshadow-color: #B1B1B1;
*/
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
a:link,a:active,a:visited { color : #440001; }
a:hover     { text-decoration: underline; color : #AA2123; }
hr  { height: 0px; border: solid #C7BB9B 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline   { background-color: #F4EED6; border: 1px #B1B1B1 solid; }

/* This is the outline round the main forum tables */
.forumline  { background-color: #F4EED6; border: 2px #AE9B69 solid; }

/* Main table cell colours and backgrounds */
td.row1 { background-color: #E6E1C1; }
td.row2 { background-color: #DACDAB; }
td.row3 { background-color: #C7BB9B; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
    background-color: #F4EED6;
    background-image: url(http://graphics.dragonsmark.com/rdi/forums/templates/images/cellpic2.jpg);
    background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th  {
    color: #EDB035; font-size: 11px; font-weight : bold;
    background-color: #440001; height: 25px;
    background-image: url(http://graphics.dragonsmark.com/rdi/forums/templates/images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
    background-image: url(http://graphics.dragonsmark.com/rdi/forums/templates/images/cellpic1.gif);
    background-color:#C7BB9B; border: #DACDAB; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: #F4EED6; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
    background-color: #C7BB9B; border: #DACDAB; border-style: solid;
}

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow   { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right  { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle  {
    font-weight: bold; font-size: 22px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none; line-height : 120%; color : #000000;
}

/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #440001; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #AA2123; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu       { font-size : 11px; color : #000000 }
a.mainmenu      { text-decoration: none; color : #440001; font-weight: bold;  }
a.mainmenu:hover{ text-decoration: none; color : #AA2123; font-weight: bold; }

/* Forum category titles */
.cattitle       { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #440001}
a.cattitle      { text-decoration: none; color : #440001; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: 12px; color : #440001; }
a.forumlink     { text-decoration: none; color : #440001; }
a.forumlink:hover{ text-decoration: underline; color : #AA2123; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: 11px; color : #000000;}
a.nav           { text-decoration: none; color : #440001; }
a.nav:hover     { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2   { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #440001; }
a.topictitle:visited { text-decoration: none; color : #A51212; }
a.topictitle:hover  { text-decoration: underline; color : #AA2123; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name           { font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails        { font-size : 10px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 12px; line-height: 18px}
a.postlink:link { text-decoration: none; color : #440001 }
a.postlink:visited { text-decoration: none; color : #A51212; }
a.postlink:hover { text-decoration: underline; color : #AA2123}

/* Quote & Code blocks */
.code {
    font-family: Courier, sans-serif; font-size: 11px; color: #006600;
    background-color: #FAFAFA; border: #C7BB9B; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
    background-color: #FAFAFA; border: #C7BB9B; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright     { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}

/* Form elements */
input,textarea, select {
    color : #000000;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : #F4EED6;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : #E6E1C1;
    color : #000000;
    font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
    background-color : #FAFAFA;
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    background-color : #FAFAFA;
    font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DACDAB; border-style: none; }

.titles {
    color: #440001;
    font-size: 13px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}
h1  {
    color: #440001;
    font-size: 22px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}
.mtytitle  {
    color: #440001;
    margin-bottom: -14px;
    font-size: 18px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.subtitles  {
    color: #440001;
    font-size: 18px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.sched  {
    color: #000000;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}
#sidebox {
    * width: 135px;
    width: 125px;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    background-color: #E6E1C1;
    border: solid #AE9B69 2px;
}
.names      { font-size: 10px; color: #000000; }
a.names     { text-decoration: none; color: #440001; font-weight: bold; }
a.names:hover{ text-decoration: none; color: #AA2123; font-weight: bold; }
.ixtable    { background-color: #E6E1C1; border: 2px #AE9B69 solid; }
.oracletable    { border: 2px #AE9B69 solid; }

.welcome    {
    color: #440001;
    font-size: 13px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.award {
    float: left;
    margin: 0px 10px 5px 0px;
}
.note {
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.inside {
    list-style-position: outside;
}

/* The Oracle */

.oracle {
    margin: -15px;
}
.orlines    {
    background: url(http://graphics.dragonsmark.com/rdi/images/lines.gif) repeat-x #DACDAB;
    margin-left: 5px;
    padding-right: 5px;

}
.orissue {
    float: left;
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    color : #440001;
}
.ordate {
    float: right;
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    color : #440001;
}
.ortag {
    font: bold italic 14px Verdana, Arial, Helvetica, sans-serif;
    color : #440001;
}
.orcontent {
     background: #E6E1C1;
     border: solid #AE9B69 2px;
}
.ortext {
    text-indent: 2em;
    text-align: justify;
    margin: 0;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.ortextni {
    text-align: justify;
    margin: 0;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.ortabbytext {
    text-indent: 2em;
    text-align: justify;
    margin: 0;
    font: italic 11px Verdana, Arial, Helvetica, sans-serif;
}
.ortabbytextni {
    text-align: justify;
    margin: 0;
    font: italic 11px Verdana, Arial, Helvetica, sans-serif;
}

.orreport {
    text-align: center;
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-bottom: 14px;
}
.oreditor {
    text-align: right;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.orheaderbig {
    font: bold 24px Verdana, Arial, Helvetica, sans-serif;
    color : #440001;
    text-align: center;
    margin: 0;
}
.orheader {
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    color : #440001;
    text-align: center;
    margin-bottom: 5px;
}
.ortitlephoto {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color : #440001;
    text-align: justify;
    margin-bottom: 5px;
    margin-top: 5px;
}
.orphotocr {
    text-align: right;
    margin: 0 0 5px 0;
    font: 9px Verdana, Arial, Helvetica, sans-serif;
}
.orfooter {
    text-align: center;
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
    color : #440001;
    border-top: solid #AE9B69 1px;
    border-bottom: solid #AE9B69 1px;
    padding: 5px;
    background: #DACDAB;
}
.orcline {
    border-right: solid #AE9B69 1px;
}
.ordline {
    border-top: double #AE9B69 3px;
}
.ordline2 {
    border-top: double #AE9B69 3px;
    line-height: 1px;
    margin: 0;
    padding: 0;
}
.ordline3 {
    border-top: double #AE9B69 3px;
    line-height: 1px;
}
.orsline {
    border-top: solid #AE9B69 1px;
    margin-left: 40px;
    margin-right: 40px;
}
.orimgleft {
    float: left;
    margin: 0px 8px 5px 0px;
}
#lottowin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid #AE9B69 2px;
    background: #DACDAB;
    padding: 5px;
    text-align: center;
}
.lottotitle {
    font-weight: bold;
    font-size: 12px;
    color : #440001;
    text-align: center;
    margin-top: 0;
    margin-bottom: 5px;
}
.lottocont {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    margin: 0 0 5px 0;
}
#orstaffbox {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    border: solid #AE9B69 2px;
    background: #DACDAB;
    padding: 10px;
    text-align: center;
}
.ornote {
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
    margin: 0;
}
.orstafftitle {
    font-weight: bold;
    font-size: 12px;
    color : #440001;
    text-align: center;
    margin-top: 0;

}
.orimgboxl {
    float: left;
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
    margin-left: 0px;
    margin-right: 8px;
    margin-bottom: 8px;
}
.orimgboxr {
    float: right;
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
    margin-left: 8px;
    margin-right: 0px;
    margin-bottom: 8px;
}
.orimgbox1col {
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 245px;
}
.orimgbox2col {
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
    margin: 0px;
    width: 511px;
}
#comicbox1col {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 245px;
}
#orindexbox {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    border: solid #AE9B69 2px;
    background: #DACDAB;
    padding: 5px;
    text-decoration: none;
}

a.orindex1 {
    text-decoration: none;
    display: block;
    padding: 5px;
    background: #C7BB9B;
}
a.orindex2 {
    text-decoration: none;
    display: block;
    padding: 5px;
}
a.orindex1:hover,a.orindex2:hover {
    display: block;
    background-color: #300202;
    text-decoration: none;
    color: white;
    font-weight: bold;
    padding: 5px;
}


/* Advertisements */
.dbad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid #000000 2px;
    background: url(http://graphics.dragonsmark.com/rdi/oracle/vol1/images/dbback.jpg);
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    color: #FFFFFF;
}
.gsad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid #000000 2px;
    background: url(http://graphics.dragonsmark.com/rdi/oracle/vol1/images/gsback.jpg);
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    color: #FFFFFF;
    line-height: 1.5;
}
.alad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid #000000 2px;
    background: url(http://graphics.dragonsmark.com/rdi/oracle/vol1/images/alback.jpg);
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    color: #FFFFFF;
    line-height: 1.5;
}
.rbad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid #000000 2px;
    background: url(http://graphics.dragonsmark.com/rdi/oracle/vol1/images/bback.jpg);
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    color: #FFFFFF;
    line-height: 1.5;
}
.mshinead {
    font: 8pt Verdana, Arial, Helvetica, sans-serif;
    border: solid #000000 2px;
    background: #000000 url(http://graphics.dragonsmark.com/rdi/oracle/vol1/images/msback.jpg) no-repeat top center;
    padding: 10px;
    text-align: left;
    color: #FFFFFF;
    line-height: 1.5;
}
.mshineimg {
    float: left;
    margin: 5px;
}
#leatherad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid #000000 2px;
    background: url(http://graphics.dragonsmark.com/rdi/oracle/vol1/images/leatherback.jpg);
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    color: #FFFFFF;
    line-height: 1.5;
}
#weaponsad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid #000000 2px;
    background: #000000;
    padding: 0 10px 10px 10px;
    *padding: 10px;
    margin: 0;
    color: #FFFFFF;
    line-height: 1.5;
}
#swaterad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid #000000 2px;
    background: #000000;
    padding: 0 10px 10px 10px;
    *padding: 10px;
    margin: 0;
    color: #FFFFFF;
}
#furzad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    border: solid #000000 2px;
    background: #FFFFFF;
    padding: 10px;
    margin-top: 10px;
    text-align: justify;
    color: #000000;
}
#furzahad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    border: solid #000000 2px;
    background: #FFFFFF;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    color: #000000;
}

#scathad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 198px;
    padding-left: 130px;
    padding-top: 5px;
    padding-right: 5px;
    font-size: 8pt;
    border: solid #000000 2px;
    background: url(http://graphics.dragonsmark.com/rdi/oracle/vol1/images/scath.jpg) #2E2300;
    background-repeat: no-repeat; background-position: top left;
    text-align: center;
    color: #FFFFFF;
}

#wedad {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 278px;
    * height: 322px;
    width: 160px;
    * width: 245px;
    padding-left: 40px;
    * padding-left: 40px;
    padding-top: 40px;
    * padding-top: 48px;
    padding-right: 40px;
    * padding-right: 40px;
    font-size: 8pt;
    border: solid #D87388 2px;
    background: url(http://graphics.dragonsmark.com/rdi/oracle/vol1/images/wedback.jpg) #FFFFFF;
    background-repeat: no-repeat; background-position: top left;
    text-align: center;
    color: #000000;
}


/* Site Navigation pull down menu */

#nav, #nav ul {
    float: left;
    width: 98%;
    * width: 100%;
    list-style: none;
    line-height: 1;
    font-weight: bold;
    padding: 0;
    * padding: 0 0 0 2px;
    margin: 0;
    font-size: 7.5pt;
    background-image: url(http://graphics.dragonsmark.com/rdi/images/menuback.jpg);
    background-color: #4D443F;
    * text-align: left;
}
#nav a {
    display: block;
    width: 10em;
    color: #EDB035;
    text-decoration: none;
    line-height: 2.5;
    margin: 0 2px 0 2px;
}
#nav li {
    float: left;
    padding: 0;
    width: 10em;
}
#nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 15em;
    * width: 11em;
    font-weight: bold;
    margin: 0;
    * margin: 0;
    border: 1px solid #AE9B69;
}
#nav li li {
    width: 15em;
    * width: 11em;
}

#nav li ul a {
    width: 15em;
    * width: 13em;
    text-align: center;
}

#nav a:hover {
    color: #FFFFFF;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}

#nav li:hover, #nav li.sfhover {
    display: block;
    background-color: #300202;
}
#menu_iframe {
    z-index: 10;
    position: absolute;
    display: none;
}
#nav li { /* all list items */
    float: left;
    position: relative;
    width: 10em;
    z-index: 20;
}

.center {
    text-align: center;
}

h1.seo {
    text-align: left;
}

h1 span {
    display: none;
    margin: 0;
    padding: 0;
    height: 0;
}

/* Simple Subforums MOD */
a.topic-new, a.topic-new:visited { color: #AA2123; }
a.topic-new:hover, a.topic-new:active { color: #440001; }

/* chat room list */
a.chatAdmin,
span.chatAdmin {
    color: #BB0004;
}

a.chatHost,
span.chatHost {
    color: #20723D;
}

a.chatPatron,
span.chatPatron {
    color: #440001;
}

a.chatRohCaller,
span.chatRohCaller {
    color: #DE8D59;
}

#menuBar {
    display: block;
    margin-right: 20px;
    * margin-right: 10px;
    position: relative;
    right: 0px;
    float: right;
    overflow: hidden;
    vertical-align: middle;
}

.menuHeader {
    white-space: nowrap;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    display: inline;
    position: relative;
}

a.menuLink {
    color: #edb035;
    display: block;
    width: 140px;
    * width: 150px;
    padding: 0px 5px;
    line-height: 2.5;
}

a.menuLink:link {
    color: #edb035;
    text-decoration: none;
}

a.menuLink:visited {
    color: #edb035;
    text-decoration: none;
}

a.menuLink:hover {
    color: #ffffff;
    display: block;
    background-color: #440001;
    text-decoration: none;
}

a.menuLink:active {
    color: #edb035;
    text-decoration: none;
}

.menuDrop {
    color: #edb035;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: url(http://graphics.dragonsmark.com/rdi/images/menuback.jpg);
    background-color: #440001;
    position: absolute;
    z-index: 1000;
    top: 60px;
    left: 0;
    width: 150px;
    height: auto;
}