/* ******************* BODY *******************  */

body {
    line-height: 1;
    font-family:Verdana, sans-serif;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

    /* Keep this bit to make sure there is no funky business */
    background-repeat: no-repeat;
    background-attachment: fixed;

}

/* ******************* IMAGES *******************  */

/* ******************* HEADERS *******************  */

h1, h2, h3, h4, h5, h6{
    line-height:1.35;
    padding:5px 0 0 0;
}

h1{
    color: #370307;
    font-family:"IM FELL Double Pica PRO",serif;
    font-size:1.8rem;
    font-weight:bold;
    padding: 20px 0;
    text-align: center;
    margin: 1.0rem 0;
    border-style: solid none;
    border-width: 2px;
    border-color: darkgray;
    -moz-border-radius:0 2rem;
    -webkit-border-radius:0 2rem;
    border-radius: 0 2rem;
    text-shadow: 1px 1px #e7ce5e;
}
/*
 */

h2{
    color: #876b22;
    font-family:  'Prociono', serif;;
    font-size:1.5rem;
    font-weight:bold;
    text-shadow: 1px 1px #820711;
}
/*
h2:before{
    content: '» ';
}
h2:after{
    content: ' «';
}
*/

h3{
    color: #b35a22;
    font-family: 'Georgia', serif;
    font-size:1.2rem;
    font-weight:bold;
    font-style: normal;
    text-shadow: 1px 1px #676767;
}

h4{
    color: #d69f58;
    font-family: 'Raleway', sans-serif;
    font-size:1.1rem;
    font-weight:bold;
    text-shadow: 1px 1px #676767;
}

h5{
    color: #74070e;
    font-family:'Trebuchet MS', sans-serif;
    font-size:1.05rem;
    font-weight:bold;
    font-style: italic;
}

h6{
    color:#666666;
    font-family:Verdana, sans-serif;
    font-size:1rem;
    font-weight:bold;
}

/* ******************* STANDARD TEXT *******************  */

p, blockquote, ol, ul, li, dl, dt, dd, table, td, tr, th, label{
    color: #545454;
    font-family:Verdana, sans-serif;
    font-size:.875rem;
    line-height:1.35;
}

/* **** Text Variations **** */
p{
    padding:0 0 5px 0;
}

/* ******************* Computer Code *******************  */
code{
    color: #545454;
}

/* ******************* LINKS *******************  */
/* regular */
a {
    color: #bd2622;
    text-decoration:none;
    border:none;
}

a:visited
{
    color: #9c1f1c;
}
a:active
{
    color:#9c1f1c;
}
a:hover
{
    color:red;
}

/* menu */
a.menu {
    color:#FFF68F;
    text-decoration:none;
    border:none;
}

a.menu:visited
{
    color:#EEE685;
}
a.menu:active
{
    color:#EEE685;
}
a.menu:hover
{
    color:red;
}

/* ******************* ORDERED / UNORDERED LISTS *******************  */

ol, ul, dl{
    margin-left: 15px;
    padding:0 0 5px 0;
}

dd, dt{
    padding-left: 10px;
}
/* ******************* QUOTES *******************  */

/* BLOCK QUOTES */
blockquote{
    border-color: #660a08;
    background-color: #fff2cb;
}

.quotesig{
    font-weight: bold;
    font-style:italic;
    text-align: right;
}

/* tables still need 'cellspacing="0"' in the markup */
/* TABLE FORMATTING */

/* ******************* TABLES, TRs, TDs, THs *******************  */
table {
    padding:0 0 5px 0;
}

td{
    vertical-align: top;
}

th{
    background-color: rgba(255, 221, 134, 0.5);
}
th.subheader{
    color: #757575;
    text-align: center;
    border-style: solid;
    border-width: 1px 0;
    border-color: #d08536;
    background-color: rgba(255, 255, 255, 0.5);
}

#cavstable td{
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #d08536;
}

#cavstable th{
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color: #d08536;
}
#cavstable th.subheader{
    border-style: solid;
    border-width: 1px 0 2px 0;
    border-color: #d08536;
    background-color: rgba(255, 255, 255, 0.5);
}

/* ******************* FORMS, LABELS, INPUTS, SELECTS, BUTTONS, etc. *******************  */

label {
    font-weight: bold;
}

input, select, textarea {
    border: 2px #660a08;
    color: #3e3e3e;
    font-family:Verdana, sans-serif;
    font-size:.875rem;
    line-height: 1.3;
}

input[type="button"], input[type="submit"], .button {
    background-color: #450408;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #660a08;
    display:inline-block;
    cursor:pointer;
    color: #dddddd;
    font-family:Verdana, sans-serif;
    font-size:1.1rem;
    padding: 1px;
    text-decoration:none;
    text-shadow:1px 1px 0 #460705;
    margin: auto;
}
input[type="button"]:hover, input[type="submit"]:hover, .button:hover {
    color:#ffffff;
    background-color: #74070e;
    text-decoration: none;
}
input[type="button"]:active, input[type="submit"]:active, .button:active {
    color:#ffffff;
    position:relative;
    top:1px;
    text-decoration: none;
}
input[type="button"].inactive {
    background-color: #454343;
    border:2px solid #666464;
    color: #dddddd;
    text-shadow:1px 1px 0 #464645;
    opacity: .5;
}

/* ******************* WRAPPERS *******************  */

#wrapperInner {
    border: double #30040c;
    background: #090101;
}

/* ******************* HEADER SECTION *******************  */

#header{
}

/* Banner Area */

#banner_left, #banner_right{
    height:80px;
}
#banner p{
    color: #bc3516;
    font-weight: bold;
    font-style: normal;
}

/* Menu Area */

#menu {
    background-color: #30040c;
    color: #b8a664;
    font-family:Verdana, sans-serif;
    border-color:#eee;
}

#currentSection {
    color: #b99b3b;
    font-family:MedievalSharp,sans-serif;
    font-weight:normal;
    font-style: normal;
}

.menuBar1, .menuBar2, .menuBar3 {
    background-color: #b99b3b;
}

.dropdown-content {
    background-color: #292929;
    box-shadow: 0 8px 8px 0 rgba(0,0,0,0.2);
}

.accordion {
    background-color: #292929;
    color: #d1d1d1;
    border: 0;
    width: 100%;
}

.active, .accordion:hover {
    background-color: #767676;
}

.accordion:after {
    color: #d1d1d1;
}

.panel {
    background-color: #616161;
}

.SideMenu{
    font-size:.875rem;
}

/* Current Header Area */

#currentHeader {
    color: #969696;
    font-family:"IM FELL Double Pica PRO",serif;
    font-size:1.2rem;
    font-weight:bold;
    padding: 5px;
    text-align: left;
}

/* ******************* MAIN CONTENT *******************  */

#content{
    background: #F9EFD6;
    background-image: url(/images/bgimages/parchment2.jpg);
    background-attachment: fixed;
    border-width: 1px 0;
    border-color: white;
    border-style: solid;
}

.section{
    width: 99%;
}

.scroll{
    height: 116px;
    width: 36px;
    z-index: 1;
    padding: 0;
}

.sectionscroll{
    background-image: url(/images/sdr/parchment_header_2_middle.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 116px;
    background-size: 98% 100%;
    display: table;
    width: 100%;
}

#sectiontext{
    vertical-align: middle;
    display: table-cell;
    font-family:MedievalSharp,sans-serif;
    font-size: 3rem;
    font-weight:normal;
    font-style: normal;
    color: #7b1d13;
    text-align: center;
    text-shadow: 2px 1px #a08f41;
}

.header{
}
/* **************** FOOTER AREA ******************* */


#footer{
    width: 100%;
}

#copyright{
    width: 100%;
    color: #c70000;
    text-align: center;
}

/* **************** MISC. STANDARD CLASSES ******************* */

.FixedHeightContainer
{
    height: 250px;
    width:950px;
    padding:3px;
    background: #1f1e1e;
}
.FixedContainerContent
{
    height:248px;
    overflow:auto;
    background:#343434;
}

/* **************** SPECIAL CASES ******************* */
.textCode, pre{
    font-family:"Courier New", Courier, serif;
    padding:5px 10px;
    white-space:pre;
    overflow-x:auto;
    color: #000000;
    font-size: .9rem;
    font-weight:bold;
}
pre i{
    color: #5a925a;
    text-decoration:none;
    font-style:normal;
}
pre b{
    color: #8baeb9;
}
pre q{
    color: #d06e58;
    quotes: "\"" "\"";
}

#shots{
}
#shot_prev, #shot_next, #shot_current{
    vertical-align: middle;
}
#shots_hidden img{
    opacity:0;
    position: fixed;
}

.caption{
    font-family:MedievalSharp,sans-serif;
    font-size: 2rem;
    font-weight:normal;
    font-style: normal;
    color: #3f0b0a;
    text-align: center;
}

#daedricarmor{
    width:100%;
}

#lucien{
    width:150px;
}

#reboots{
    width:150px;
}

#sdrmoon{
    width:150px;
}