/* ========== BASICS ========== */

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

a:hover {
color:#A00000;
text-decoration:underline;
}

body {
background:#F1D9B3 url(http://www.westeros.org/Graphics/bg_parchment.png) repeat;
color:#000000;
font: 16px 'Alegreya', serif; 
line-height:1.58;
letter-spacing:-.003em;
margin:0 auto;
padding:0;
}

h1, h2, h3, h4, h5, h6 {
border-bottom:medium solid #202020;
font-family: 'Uncial Antiqua', cursive;
font-weight:normal;
line-height:1;
margin:20px 0px 20px 0px;
text-transform:uppercase
}

h1 {
font-size:200%;
}

h2 {
font-size:180%;
}

h3 {
font-size:160%;
}

h4 {
font-size:140%;
}

h5 {
font-size:120%;
}

h6 {
font-size:100%;
}

p {
font-size:120%;
margin:20px 0px 20px 0px;
}

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

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

/* ========== NAVIGATION ========== */

#TopNavBar { 
position:fixed; 
top:0;
width:100%; 
z-index:1001;
}

#TopNavWrap {
background: #780000;
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
height:2em;
z-index:1002;
text-align:center;
}

ul.TopNavMain {
list-style: none;
position: relative;
display: inline-table;
margin:0;
padding:5px 0 0 0;
text-align:center;
}

ul.TopNavMain:after {
content: ""; clear: both; display: block;
}

ul.TopNavMain li {
float: left;
font: 120% 'Uncial Antiqua', serif; 
}

ul.TopNavMain li:hover {
}

ul.TopNavMain li:hover > ul {
display: block;
}
	
ul.TopNavMain li a {
display: block; 
padding: 0px 10px;
color:#F1D9B3;  
text-decoration: none;
}

ul.TopNavMain li a:hover {
color:#F4E1C4;
text-decoration:underline;
}

ul.TopNavMain ul {
display: none;
background: #000000;
margin:0;
padding: 0;
position: absolute; 
top: 100%;
white-space:nowrap;
}

ul.TopNavMain ul li {
float: none; 
font: 90% 'Alegreya SC', serif; 
position: relative;
text-align:left;
}

ul.TopNavMain ul li a {
padding: 10px 10px 10px 10px;
color:#F1D9B3;
text-decoration: none;
}	

ul.TopNavMain ul li a:hover {
color:#F4E1C4;
text-decoration:underline;
}

/* ========== LAYOUT ========== */

#Wrapper {
margin:4em 2% 2em 2%;
}

.section {
clear: both;
padding: 0px;
margin: 0px;
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display:flex;
}

.col {
display: block;
float:left;
margin: 1vw 0 1vw 2%;
}

.col:first-child { margin-left: 0; }

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
  	width: 87.25%;
}

.span_6_of_8 {
  	width: 74.5%;
}

.span_5_of_8 {
  	width: 61.75%;
}

.span_4_of_8 {
  	width: 49%;
}

.span_3_of_8 {
  	width: 36.25%;
}

.span_2_of_8 {
  	width: 23.5%;
}

.span_1_of_8 {
  	width: 10.75%;
}

@media only screen and (max-width: 800px) {
	.section { flex-wrap:wrap; }
	.col {  margin: 1vw 0 1vw 0%; }
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; }
}

.header {
background:#F4E1C4 url(http://www.westeros.org/Graphics/bg_parchment-light.png);
background-clip:padding-box;
border-style: solid; 
border-width: 30px; 
-moz-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
-webkit-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
-o-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat round;
}

.footer {
background:#F4E1C4 url(http://www.westeros.org/Graphics/bg_parchment-light.png);
background-clip:padding-box;
border-style: solid; 
border-width: 30px; 
-moz-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
-webkit-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
-o-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat round;
font: 120% 'Alegreya Sans', sans-serif; 
}

.middle {
background:#F4E1C4 url(http://www.westeros.org/Graphics/bg_parchment-light.png);
background-clip:padding-box;
box-sizing: border-box;
border-style: solid; 
border-width: 30px; 
-moz-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat ; 
-webkit-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
-o-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat round;
}

.sidebar.left {
background:#F4E1C4 url(http://www.westeros.org/Graphics/bg_parchment-light.png);
background-clip:padding-box;
box-sizing: border-box;
border-style: solid; 
border-width: 30px; 
-moz-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat ; 
-webkit-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
-o-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat;
}

.sidebar.right {
background:#F4E1C4 url(http://www.westeros.org/Graphics/bg_parchment-light.png);
background-clip:padding-box;
box-sizing: border-box;
border-style: solid; 
border-width: 30px; 
-moz-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat ; 
-webkit-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
-o-border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat; 
border-image: url(http://www.westeros.org/Graphics/bg_border.png) 30 30 30 30 repeat;
}

/* ========== HEADER ========== */

.header h1 {
border:none;
text-align:center;
margin-top:0px;
font-weight:light;
text-shadow: -1px -1px 0 #D89441, 1px -1px 0 #D89441, -1px 1px 0 #D89441, 1px 1px 0 #D89441;
}

.header h2 {
border:none;
text-align:center;
color:#780000;
font-weight:light;
text-shadow: -1px -1px 0 #D89441, 1px -1px 0 #D89441, -1px 1px 0 #D89441, 1px 1px 0 #D89441;
}

.header .left {
background-image: url(http://www.westeros.org/Graphics/header_left-shield-westeros.png);
background-repeat: no-repeat;
background-position: center ;
min-height:150px;
}

.header .right {
background-image: url(http://www.westeros.org/Graphics/header_right-shield-westeros.png);
background-repeat: no-repeat;
background-position: center ;
min-height:150px;
}

@media only screen and (max-width: 800px) {
.header .left { background-image:none; min-height:0; }
.header .right { background-image:none; min-height:0;}
}

/* ========== FOOTER ========== */

.footer hr {
border-top: 3px double #780000;
}

.footer p {
font-size:100%;
margin:0px 10px 10px 10px;
}

ul.FooterNav {
list-style: none;
margin:0 0 -10px 0;
padding:0;
display: inline-block;
float:left;
width:100%; 
text-align:center;
text-transform:uppercase;
}

ul.FooterNav li {
margin:0; 
padding:0;
display:inline-block; 
text-align:center;
}

ul.FooterNav li a {
display: block;
color: #780000; 
text-decoration: none;
padding:0.5em;
}

ul.FooterNav li a:hover {
display:block;
color:#A00000;
text-decoration:underline;
padding:0.5em;
}

.FooterSocial {
text-align:center;
}

.FooterSocial a {
padding:5px;
}

#social:hover {
-webkit-transform:scale(1.3); 
-moz-transform:scale(1.3); 
-o-transform:scale(1.3); 
}

#social {
  -webkit-transform:scale(1);
/* Browser Variations: */
-moz-transform:scale(1);
-o-transform:scale(1); 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
} 

.social-fb:hover {
color: #3B5998;
}
.social-tw:hover {
 color: #33ffff;
}
.social-gp:hover {
color: #d34836;
}
.social-ig:hover {
color: #517fa4;
}
.social-em:hover {
color: #f39c12;
}
.social-yt:hover {
color: #bb0000 ;
}
.social-rs:hover {
color:  #FF6600;
}


/* ========== MIDDLE ========== */

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

div.CommentInfo {
font-size:75%;
text-align:right;
}

div.CommentTitle {
font-size:100%;
font-weight:bold;
}

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

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

div.EntryDate {
font-size:100%;
margin-bottom:-10px;
margin-top:20px;
text-align:right;
text-transform:uppercase
}

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

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

.EntryImage img {
height:auto;
max-width:90%;
}

div.EntryInfo {
clear:both;
font-size:75%;
text-align:right;
text-transform:uppercase;
}

div.EntryInfoWrap {
background:transparent url(http://www.westeros.org/Graphics/bg_enamel-gold.png) repeat;
margin-bottom:20px;
margin-top:20px;
overflow:hidden;
text-align:center;
text-transform:uppercase;
width:100%;
}

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

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

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

div.FBComments {
background:#F3DFC1;
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:140%;
margin:10px 0px 10px 0px;
text-align:left;
}

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

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

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

div.FeaturedBorderWesteros {
background:transparent url(http://www.westeros.org/Graphics/bg_enamel-westeros.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:140% 'Alegreya SC', serif;
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 & opera*/
height:200px;
padding:5px 10px 5px 10px;
vertical-align:top;
}

div.GalleryCaption {
text-align:center;
}

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

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

div.GalleryStats {
text-align:center;
}

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

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:140% 'Alegreya SC', serif;
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 & opera*/
padding:10px;
text-align:center;
vertical-align:top;
width:45%;
}

@media only screen and (max-width: 1200px) {
div.Index ul li { width: 100%; }
}

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

div.IndexItem {
text-align:left;
}

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

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

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

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

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

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

div.LinksInfo {
font-size:100%;
text-align:right;
margin:0px 0px 0px 0px;
}

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

div.LinksItem {
text-align:left;
}

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

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

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

div.StoreIndex ul li {
display:-moz-inline-box; /* mozilla only */
display:inline-block; /* browsers that support display:inline-block like safari & opera*/
vertical-align:top;
width:24%;
}

div.StoreIndexItem {
margin:2px 2px 10px 2px;
padding:5px 5px 5px 5px;
}

div.StoreIndexImage {
height:auto;
padding:5px;
width:100%;
}

div.StoreIndexText {
border-top:medium solid #000000;
font-size:100%;
padding-top:10px;
text-align:left;
text-transform:uppercase;
}

div.StoreIndexLink {
font-size:80%;
text-align:right;
text-transform:uppercase;
}

/* ========== SIDEBAR ========== */

div.SidebarHeader {
background:transparent url(http://www.westeros.org/Graphics/bg_enamel-gold.png) repeat;
font: 120% 'Alegreya SC', serif; 
line-height:1;
margin:7px 0px 7px 0px;
padding:0px 5px 0px 5px;
text-transform:uppercase;
}

.sidebar p {
font: 100% 'Alegreya Sans', sans-serif; 
margin:7px 0px 7px 0px;
}

.sidebar ul {
font: 100% 'Alegreya Sans', sans-serif; 
list-style-type:none;
margin:7px 0px 7px 0px;
padding-left:10px;
}

div.StoreSidebarItem {
margin:7px auto 7px auto;
text-align:center;
}

div.StoreSidebarImage {
height:auto;
max-width:100%;
}

div.StoreSidebarText {
border-top:medium solid #000000;
font-size:100%;
padding-top:10px;
text-align:left;
text-transform:uppercase;
}

div.StoreSidebarLink {
font-size:80%;
text-align:right;
text-transform:uppercase;
}

/* ========== FORMS ========== */

form.Submit, form.SearchAdvanced {
border: 2px solid #D89441; 
border: inset 2px solid #000000;
font-style: italic;
font-weight: bold;
line-height: 30px;
margin: 20px auto 20px auto;
padding:10px;
width:90%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

fieldset {
border: 2px solid #D89441; 
padding:10px;
}

input {
background-color:#F1D9B3;
border: 1px solid #D89441; 
color:#780000;
display:block;
height: 25px;
width:400px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

input[type="submit"] {
border: 1p solid #D89441; 
font-weight: bold;
height:25px;
width:100px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

input[type="radio"] {
display:inline;
height:auto;
width:auto;
}

.SearchSimple input {
margin: 20px auto 20px auto;
}

.SearchSimpleSidebar input {
margin: 20px auto 20px auto;
width:90%;
}

.SearchNav input {
border: 1p solid #D89441; 
font-weight: bold;
height:25px;
width:200px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin:0;
}

select {
background-color:#F1D9B3;
border: 1px solid #D89441; 
color:#780000;
display:block;
height: 100px;
width:400px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

select.ArchiveDropdown {
height:25px;
margin: 20px auto 20px auto;
width:90%;
}

.SearchAdvanced select {
height: 25px;
margin-top:10px;
}

.SearchAdvanced select.SearchMultiSelect {
height: 200px;
}

textarea {
background-color:#F1D9B3;
border: 3px solid #D89441; 
color:#780000;
display:block;
height:150px;
width:400px;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

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

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

.Quote {
color:#282828;
font: 105% 'Alegreya Sans', sans-serif; 
padding:0 50px 0 50px;
text-indent:0px;
}

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

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

.amzn-native-header-text {
 display:none;
}

/* ========== IMAGES ========== */

.middle .Ad {
margin:20px auto 20px auto;
text-align:center;
}

.sidebar .Ad {
margin:2px auto 2px auto;
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;
}

/* ========== RULES TO REPLACE ========== */

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

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;
}

.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;
}

.Left {
text-align:left;
}

.Right {
text-align:right;
}

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

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

.Divider {
background:#500000 url(http://www.westeros.org/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;
}