/* ========== GENERAL ========== */

/* Reset */

* {
margin:0;
padding:0;
}

/* Elements */

a:link, a:visited {
color:#780000;
text-decoration:none;
}

a:link:hover, a:visited:hover, a:link:active, a:visited:active {
color:#A00000;
text-decoration:underline;
}

acronym {
border-style:dashed;
border-width:0 0 1px 0;
cursor:help;
}

body {
background:#500000 url(http://www.westeros.org/Graphics/bg_leather.png) repeat;
color:#000000;
font: normal normal normal 16px/1.2 Cambria, Georgia, serif;
height:100%;
text-align:center;
}

fieldset {
border:thin solid #000000;
margin:10px 10px 10px 10px;
}

h1, h2, h3, h4, h5, h6 {
border-bottom:medium solid #4B857D;
font-weight:normal;
line-height:1;
margin:20px 0px 20px 0px;
text-transform:uppercase
}

h1 {
border:none;
font-size:22px;
}

h2 {
font-size:20px;
}

h3 {
font-size:18px;
}

h4 {
font-size:16px;
}

h5 {
font-size:14px;
}

h6 {
font-size:12px
}

html {
height:100%;
}

legend {
font-weight :bold;
}

input, option, select, textarea {
background-color:#D3A664;
color:#780000;
}

option {
border:thin ridge #000000;
}

select {
border:thin ridge #000000;
height:20px;
}

textarea {
border:thin groove #000000;
}

p {
margin:20px 0px 20px 0px;
text-indent:25px;
}

ul {
list-style-type:disc;
margin:20px 0px 20px 0px;
padding-left:25px;
}

ul ul, ul ul ul, ul ul ul ul {
margin:0;
}

/* Elements with Classes */

h2.NoBorder, h3.NoBorder, h4.NoBorder, h5.NoBorder, h6.NoBorder {
border:none;
}

input.Button {
border:thin outset #000000;
}

input.Checkbox, input.Textbox {
border:thin inset #000000;
}

ul.NestedDisc, ul.NestedDisc ul, ul.NestedDisc ul ul, ul.NestedDisc ul ul ul {
list-style-type:disc; 
}

ul.NestedDisc {
font-style:normal;
font-weight:bold;
}

ul.NestedDisc ul {
font-style:italic;
font-weight:bold;
}

ul.NestedDisc ul ul {
font-style:normal;
font-weight:normal;
}

ul.NestedDisc ul ul ul {
font-style:italic;
font-weight:normal;
}

ul.NestedNone, ul.NestedNone ul, ul.NestedNone ul ul, ul.NestedNone ul ul ul {
list-style-type:none;
}

ul.NestedNone {
font-style:normal;
font-weight:bold;
}

ul.NestedNone ul {
font-style:italic;
font-weight:bold;
}

ul.NestedNone ul ul {
font-style:normal;
font-weight:normal;
}

ul.NestedNone ul ul ul {
font-style:italic;
font-weight:normal;
}

/* Generic Classes */

.Bold {
font-style:normal;
font-weight:bold;
}

.BoldItalic {
font-style:italic;
font-weight:bold;
}

.Center {
margin-left:auto;
margin-right:auto;
text-align:center;
}

.ClearBoth {
clear:both;
}

.ClearLeft {
clear:left;
}

.ClearRight {
clear:right;
}

.FloatLeft {
float:left;
}

.FloatRight {
float:right;
}

.Indent {
text-indent:25px;
}

.Italic {
font-style:italic;
font-weight:normal;
}

/* Specific Classes */

.Alert {
font-size:18px;
font-weight:bold;
margin:20px auto 20px auto;
text-align:center;
}

.Banner, .SearchForm {
margin:20px auto 20px auto;
text-align:center;
}

.Divider {
background:#500000 url(http://www.westeros.org/ARoIaF/Graphics/bg_leather.png);
height:2px;
margin:20px auto 20px auto;
text-align:center;
width:300px;
}

.Info {
font-style:italic;
font-weight:normal;
}

.Note {
font-style:normal;
font-weight:bold;
}

.Left {
text-align:left;
}

.Right {
text-align:right;
}

.Spoiler {
background:#000000; 
color:#000000; 
}

.Spoiler:hover {
background:inherit; 
color:inherit; 
}

/* ========== SPECIAL ========== */

/* Full Page Layout */

#Wrapper {
margin:0 auto;
max-width:1200px;
min-width:1000px;
padding:0;
position:relative;
text-align:left;
width:100%;
z-index:1;
}  

#Top {
background:#D3A664 url(http://www.westeros.org/ARoIaF/Graphics/bg_parchment.png) repeat;
height:150px;
margin-bottom:10px;
position:relative;
z-index:5;
}

#Top h1 {
height:115px;
left:200px;
margin:0;
position:absolute;
top:10px;
width:600px;
}

#HeaderLeftBG {
background:transparent url(http://www.westeros.org/ARoIaF/Graphics/header_left-bg-aroiaf.png) repeat;
height:150px;
left:0px;
position:absolute;
top:0px;
width:500px;
}

#HeaderLeftShield {
height:150px;
left:0px;
position:absolute;
top:0px;
width:190px;
}

#HeaderRightBG {
background:transparent url(http://www.westeros.org/ARoIaF/Graphics/header_right-bg-aroiaf.png) repeat;
height:150px;
position:absolute;
right:0px;
top:0px;
width:500px;
}

#HeaderRightShield {
height:150px;
right:0px;
position:absolute;
top:0px;
width:190px;
}

#HeaderText {
height:115px;
left:200px;
position:absolute;
top:10px;
width:600px;
}

#Bottom {
background:#D3A664 url(http://www.westeros.org/ARoIaF/Graphics/bg_parchment.png) repeat;
height:150px;
margin-top:10px;
position:relative;
z-index:5;
}

#FooterLeftBG {
background:transparent url(http://www.westeros.org/ARoIaF/Graphics/footer_left-bg-aroiaf.png) repeat;
bottom:0px;
height:150px;
left:0px;
position:absolute;
width:500px;
}

#FooterRightBG {
background:transparent url(http://www.westeros.org/ARoIaF/Graphics/footer_right-bg-aroiaf.png) repeat;
bottom:0px;
height:150px;
position:absolute;
right:0px;
width:500px;
}

#Main {
clear:both;
overflow:hidden;
position:relative;
width:100%;
z-index:4;
}

#MainLeft {
display:inline; 
float:left;
padding:10px 5px 10px 5px; 
position:relative;
width:180px;
z-index:1; 
}

#MainMiddle {
display:inline;
float:left; 
margin-right:-380px;
padding-bottom:20px;
padding-top:20px;
position:relative;
width:100%;
z-index:1;
}

#MainMiddleInner {
margin:0 410px 0 30px;
min-height:0;
overflow:hidden;
}

#MainRight {
display:inline;
float:left;
padding:10px 5px 10px 5px;
position:relative;
width:180px;
z-index:1; 
}

.Clearer {
clear:both;
height:1px;
margin-top:-1px;
overflow:hidden;
}

.MainLeftFix {
background:#D3A664 url(http://www.westeros.org/ARoIaF/Graphics/bg_parchment.png) repeat;
bottom:0;
left:0px;
position:absolute;
width:190px;
z-index:0;
}

.MainMiddleFix {
background:#D3A664 url(http://www.westeros.org/ARoIaF/Graphics/bg_parchment.png) repeat;
bottom:0;
max-width:800px;
min-width:600px;
left:200px;
position:absolute;
right:200px;
z-index:0; 
}

.MainRightFix {
background:#D3A664 url(http://www.westeros.org/ARoIaF/Graphics/bg_parchment.png) repeat;
bottom:0;
position:absolute;
right:0px;
width:190px;
z-index:0;   
}

html>body .MainLeftFix, html>body .MainMiddleFix, html>body .MainRightFix {
top:0
}

.ColumnTop {
background:transparent url(http://www.westeros.org/ARoIaF/Graphics/bg_enamel-gold.png) repeat;
height:10px;
position:absolute;
top:0px;
width:100%;
}

.ColumnBottom {
background:transparent url(http://www.westeros.org/ARoIaF/Graphics/bg_enamel-gold.png) repeat;
bottom:0px;
height:10px;
position:absolute;
width:100%;
}

/* Simple Page Layout */

#Simple {
background:#D3A664 url(http://www.westeros.org/BoD/Graphics/bg_parchment.png) repeat;
height:100%;
padding:5px 5px 5px 5px;
text-align:left;
}

/* Navigation */

ul#MenuLeft, ul#MenuLeft ul {
height:25px;
left:200px;
list-style:none;
margin:0;
padding:0;
position:absolute;
top:125px;
width:460px;
}

ul#MenuLeft ul {
background:#D3A664 url(http://www.westeros.org/ARoIaF/Graphics/bg_parchment.png);
border:5px solid #D89441; 
font:normal normal normal 16px Cambria, Georgia, serif;
height:auto;
padding-left:10px;
width:175px;
}

ul#MenuLeft li, ul#MenuLeft li a {
float:left;
position:relative;
text-decoration:none;
text-indent:-999em;
}

ul#MenuLeft li {
height:45px;
}

ul#MenuLeft li a {
background:url(http://www.westeros.org/ARoIaF/Graphics/menu_left-aroiaf.png) no-repeat 0 0;
height:25px;
} 

ul#MenuLeft li a:focus {
outline:0
}

ul#MenuLeft li.Home, ul#MenuLeft li.Home a {
background-position:0 0;
width:52px;
}

ul#MenuLeft li.Home a:hover {
background-position:0 -25px
}

ul#MenuLeft li.Joining, ul#MenuLeft li.Joining a {
background-position:-52px 0;
width:68px;
}

ul#MenuLeft li.Joining a:hover {
background-position:-52px -25px
}

ul#MenuLeft li.Ringcode, ul#MenuLeft li.Ringcode a {
background-position:-120px 0;
width:81px;
}

ul#MenuLeft li.Ringcode a:hover {
background-position:-120px -25px
}

ul#MenuLeft li.Members, ul#MenuLeft li.Members a {
background-position:-201px 0;
width:85px;
}

ul#MenuLeft li.Members a:hover {
background-position:-201px -25px
}

ul#MenuLeft li ul {
left:0;
margin-left:-999em;
position:absolute;
top:100%;
}

ul#MenuLeft li li {
float:none;
height:25px;
width:175px;
}

ul#MenuLeft li li a {
background:none;
text-indent:0;
}

ul#MenuLeft li:hover ul ul {
margin-left:-999em;
}

ul#MenuLeft li:hover ul, ul#MenuLeft li li:hover ul {
margin-left:0;
}

ul#MenuLeft li li a:link, ul#MenuLeft li li a:visited {
color:#780000;
text-decoration:none;
}

ul#MenuLeft li li a:link:hover, ul#MenuLeft li li a:visited:hover, ul#MenuLeft li li a:link:active, ul#MenuLeft li li a:visited:active {
color:#A00000;
text-decoration:underline;
}

ul#MenuRight, ul#MenuRight ul {
height:25px;
list-style:none;
margin:0;
padding:0;
position:absolute;
right:200px;
top:125px;
width:40px;
}

ul#MenuRight ul {
background:#D3A664 url(http://www.westeros.org/ARoIaF/Graphics/bg_parchment.png);
border:5px solid #D89441; 
font:normal normal normal 16px Cambria, Georgia, serif;
height:auto;
padding-right:10px;
text-align:right;
width:175px;
}

  
ul#MenuRight li, ul#MenuRight li span {
float:right;
position:relative;
text-decoration:none;
text-indent:-999em;
}

ul#MenuRight li {
height:45px;
}

ul#MenuRight li span {
background:url(http://www.westeros.org/ARoIaF/Graphics/menu_right.png) no-repeat 0 0;
height:25px;
}

ul#MenuRight li span:focus {
outline:0
}

ul#MenuRight li.Sites, ul#MenuRight li.Sites span {
background-position:0 0;   
width:40px;
}

ul#MenuRight li.Sites span:hover {
background-position:0 -25px
}

ul#MenuRight li.Sites ul, ul#MenuRight li.Sites ul a {
width:175px;
}

ul#MenuRight li ul {
margin-right:999em;
position:absolute;
right:0;
top:100%;
}

ul#MenuRight li li {
float:none;
height:25px;
width:175px;
}

ul#MenuRight li li a {
background:none;
text-indent:0;
}

ul#MenuRight li:hover ul ul {
margin-right:999em;
}

ul#MenuRight li:hover ul, ul#MenuRight li li:hover ul {
margin-right:0;
}

ul#MenuRight li li a:link, ul#MenuRight li li a:visited {
color:#780000;
text-decoration:none;
}

ul#MenuRight li li a:link:hover, ul#MenuRight li li a:visited:hover, ul#MenuRight li li a:link:active, ul#MenuRight li li a:visited:active {
color:#A00000;
text-decoration:underline;
}

/* Middle Content */

div.AllCategory, div.AllMonthly {
float:left;
text-align:center;
width:250px;
}

div.CommentBody	{ 
margin:5px 0px 5px 0px;
}

div.CommentInfo {
font-size:12px;
text-align:right;
}

DIV.CommentTitle {
font-size:14px;
font-weight:bold;
text-indent:25px;
}

div.CommentBody p, div.EntryBody p {
margin:10px 0px 10px 0px;
}

div.EntryBody {
margin-bottom:5px;
}

div.EntryDate {
font-weight:bold;
margin-bottom:-10px;
margin-top:20px;
}

div.EntryExtended {
margin-bottom:5px;
margin-top:-5px;
text-align:right;
}

div.EntryInfo {
font-size:12px;
text-align:right;
}

div.EntryInfoWrap {
background:transparent url(http://www.westeros.org/ARoIaF/Graphics/bg_enamel-gold.png) repeat;
overflow:hidden;
text-align:center;
width:100%;
}

div.EntryInfoPosted {
float:right;
font-size:12px;
text-align:right;
width:200px;
}

div.EntryInfoSocial {
float:left;
font-size:12px;
text-align:left;
width:200px;
}

div.EntryTitle {
font-size:14px;
font-weight:bold;
margin:20px 0px -5px 0px;
text-indent:25px;
text-transform:uppercase
}

div.FBComments {
background:#D3A664;
border:5px solid #D89441; 
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:500px;
}

div.Featured {
margin:20px auto 20px auto;
text-align:center;
width:90%;
}

div.Featured p {
font-size:18px;
margin:10px 0px 10px 0px;
text-align:left;
text-indent:0px;
}

div.Featured p:first-letter {
font-size:60px;
line-height:1;
float:left;
margin:0 0 0 0;
}

div.FeaturedBorderARoIaF {
background:transparent url(http://www.westeros.org/Graphics/bg_enamel-aroiaf.png) repeat;
height:5px;
margin:10px auto 10px auto;
width:100%;
}

div.FeaturedHeader {
background:transparent url(http://www.westeros.org/Graphics/bg_enamel-gold.png) repeat;
font-size:18px;
line-height:1;
margin:0px 0px 0px 0px;
text-align:left;
text-transform:uppercase;
}

div.FeaturedLink {
text-align:right;
margin:0px 0px 0px 0px;
text-transform:uppercase;
}

div.Gallery {
margin:0 0 0 0;
width:100%;
}

div.Gallery ul {
list-style:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding-left:0;
}

div.Gallery ul li {
display:-moz-inline-box; /* mozilla only */
display:inline-block; /* browsers that support display:inline-block like safari &amp; opera*/
height:150px;
padding:5px 10px 5px 10px;
vertical-align:top;
}

div.GalleryCaption {
text-align:center;
}

div.GalleryCategory {
margin-bottom:10px;
margin-left:25px;
}

div.GalleryImage {
margin-left:auto;
margin-right:auto;
margin-top:20px;
text-align:center;
}

div.GalleryImage IMG {
max-width:90%;
}

div.GalleryStats {
text-align:center;
}

div.GallerySubCategory {
margin-bottom:10px;
margin-left:50px;
}

div.GallerySubSubCategory {
margin-bottom:10px;
margin-left:75px;
}

div.GalleryTitle {
font-size:16px;
font-weight:bold;
margin-top:10px;
text-align:center;
}

div.ImageLeft {
float:left;
margin:20px 5px 20px 5px;
}

div.ImageMiddle {
margin:20px auto 20px auto;
text-align:center;
}

div.ImageRight {
float:right;
margin:20px 5px 20px 5px;
}

div.Index {
margin:0 0 0 0;
text-align:center;
width:100%;
}

div.IndexHeader {
background:transparent url(http://www.westeros.org/Graphics/bg_enamel-gold.png) repeat;
font-size:20px;
line-height:1;
margin:0;
text-transform:uppercase;
}

div.Index .EntryTitle {
line-height:1;
margin:10px 0px 5px 0px;
text-indent:0px;
}

div.Index p {
text-indent:0;
margin:0px 0px 5px 0px;
}

div.Index ul {
list-style:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding-left:0;
}

div.Index ul li {
display:-moz-inline-box; /* mozilla only */
display:inline-block; /* browsers that support display:inline-block like safari &amp; opera*/
padding:10px;
text-align:center;
vertical-align:top;
width:45%;
}

div.IndexIcon {
float:left;
padding-right:10px;
}

div.IndexItem {
text-align:left;
}

div.IndexLink {
text-align:right;
margin:0px 0px 0px 0px;
}

div.Pagination {
clear:both;
font-size:14px;
text-align:center;
text-transform:uppercase;
}

div.StoreSidebarItem {
background:url(http://www.westeros.org/Graphics/bg_enamel-westeros.png);
border:medium solid #D89441;
height:200px;
margin:10px auto 10px auto;
padding:5px 5px 5px 5px;
text-align:center;
width:120px;
}

div.StoreSidebarImage {
height:125px;
text-align:center;
padding-top:5px;
width:120px;
}

div.StoreSidebarText {
border-top:medium solid #D89441;
color:#D89441;
font-size:12px;
padding-top:10px;
text-align:left;
text-transform:uppercase;
width:120px;
}

div.StoreSidebarLink {
text-align:right;
text-transform:uppercase;
}

div.Syndicate {
margin:0px 2px 2px 2px;
text-align:center;
}

div.TrackbackBody {
margin:5px 0px 5px 0px;
text-indent:25px;
}

div.TrackbackInfo {
font-size:12px;
text-align:right;
}

div.TrackbackTitle {
font-size:14px;
font-weight:bold;
text-indent:25px;
}

div.WebringOne, div.WebringTwo, div.WebringThree, div.WebringFour {
font-size:14px;
margin:20px auto 20px auto;
text-align:center;
}

p.Quote {
color:#282828;
font-size:16px;
padding:0 50px 0 50px;
text-indent:0px;
}

/* Left & Right Content */

div.Ad {
margin:2px auto 2px auto;
text-align:center;
}

div.SidebarHeader {
background:transparent url(http://www.westeros.org/Graphics/bg_enamel-gold.png) repeat;
font-size:16px;
line-height:1;
margin:7px -5px 7px -5px;
padding:0px 5px 0px 5px;
text-transform:uppercase;
width:100%;
}

#MainLeft div.Syndicate, #MainRight div.Search {
font:normal normal normal 14px Candara, Verdana, Geneva, sans-serif;
margin:5px auto 5px auto;
text-align:center;
}

#MainLeft p, #MainRight p {
font:normal normal normal 14px Candara, Verdana, Geneva, sans-serif;
margin:7px 0px 7px 0px;
text-indent:0px;
}

select.ArchiveDropdown {
font:normal normal normal 14px Candara, Verdana, Geneva, sans-serif;
margin:5px auto 5px auto;
width:160px;
}

#MainLeft ul, #MainRight ul {
font:normal normal normal 14px Candara, Verdana, Geneva, sans-serif;
list-style-type:none;
margin:7px 0px 7px 0px;
padding-left:10px;
}
