/*
____   _________    _______      _____  ________  .___   _____   
\   \ /   /  _  \   \      \    /  _  \ \______ \ |   | /  _  \  
 \   V   /  /_\  \  /   |   \  /  /_\  \ |    |  \|   |/  /_\  \ 
  \     /    |    \/    |    \/    |    \|    `   \   /    |    \
   \___/\____|__  /\____|__  /\____|__  /_______  /___\____|__  /
                \/         \/         \/        \/            \/ 

	       h t t p : / / w w w . v a n a d i a . c o m 
*/

/* _______________________________________ HTML > BODY
*/

html body {
 background-color:#fff;
 font-family:arial;
 color:#212121; 
 margin:0;
 padding:0;
 border:0;
 font-family:"Trebuchet MS", "Lucida Grande", Arial, Sans-Serif;
 height:100%;
}


/* _______________________________________ LINKS
*/

a:link {
 color: #369 /*314454 007AAA*/;
 text-decoration: none;
 border-bottom:none;
}

a:visited {
 color:#5C738A;
 text-decoration:none;
 border-bottom:none;
}
a:active {
 color: #998066;
 text-decoration:none;
}
a:hover {
 color:#577538;
 text-decoration:none;
 border-bottom:none;
 position:relative;
 top:1px;
 left:1px;
}


/* _______________________________________ HEADER
*/

#header {
 text-align:left;
 padding:0; 
 margin:0 auto;
 background-color: #000;
 width:100%;
 border-bottom:solid 1px #080808;
}


/* _______________________________________ HEADER STUFF
*/

#header-stuff {
 color:#999932;
 margin:0 auto;
 padding:1px 0 0 0;
 width:888px;
}


/* _______________________________________ VANADIA-HEADING
*/

#vanadia-heading {
 max-width:888px;
 margin:0 auto;
 padding:21px 0 0 0;
 width:888px;
 text-align:left;
 color: #E3CF57;
 font-size:2.5em;
 letter-spacing: -1px;
 text-decoration: none;
 font-weight: normal;
 text-transform: none;
}


/* _______________________________________ VANADIA-HEADING > LINK
*/

#vanadia-heading a {
 color:#fff;
 text-decoration: none;
 border-bottom:none;
 font-weight: normal;
}

#vanadia-heading a:hover {
 color:#fff;
 text-decoration: none;
 border-bottom: solid 1px #314454;  
 font-weight: normal;
}


/* ________________________________________________ NAVIGATION
_______________________________________ TOP NAV */

#top-nav {
 width:888px;
 color:#666;
 margin:-5px auto 0 auto;
 padding:0 0 8px 0;
 font-size:1em;
 letter-spacing:1px;
 text-align:right;
 text-transform: none;
 font-weight:normal;
}

/* _______________________________________ TOP NAV > UL
*/

#top-nav ul {
 margin:0;
 padding:0;
 list-style:none;
}

/* _______________________________________ TOP NAV > LIST
*/

#top-nav li {
 display:inline;
 padding:0;
}

/* _______________________________________ TOP NAV > LINK
*/

#top-nav li a {
 color:#fff;
 text-decoration:none;
 border:0;
}

/* _______________________________________ TOP NAV > A:HOVER
*/

#top-nav li a:hover {
 color:#fff;
 border-bottom:solid 1px #314454;
 text-decoration:none;
}

/* _______________________________________ TOP NAV > A:HOVER > ACTIVE
*/

#top-nav li a:hover.active {
 color:#fff;
 text-decoration:none;
 position:relative;
 top:-3px;
 left:-3px;
}

/* ________________________________________________________ TOP NAV ON 1-13
_________________________________________ TOP NAV > A ON1
*/

body.about #top-nav ul li a.about,
body.archive #top-nav ul li a.archive,
body.blog #top-nav ul li a.blog,
body.book #top-nav ul li a.book,
body.contact #top-nav ul li a.contact,
body.classes #top-nav ul li a.classes,
body.events #top-nav ul li a.events,
body.folklore #top-nav ul li a.folklore,
body.forum #top-nav ul li a.forum,
body.info #top-nav ul li a.info,
body.links #top-nav ul li a.links,
body.press #top-nav ul li a.press,
body.shows #top-nav ul li a.shows,
body.storytelling #top-nav ul li a.storytelling,
body.store #top-nav ul li a.store,
body.stories #top-nav ul li a.stories,
body.work #top-nav ul li a.work,
body.stuff #top-nav ul li a.stuff {
 color: #fff;
 border-bottom:#314454 solid 1px;
 text-decoration:none;
}

/* _______________________________________ BANNER
*/

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

/* _______________________________________ COM
*/

div.com {
 padding:8px 0;
 color:white;
 letter-spacing:1px;
 margin:0 auto;
 width:888px;
}


/* _______________________________________ RIGHT-NAV
*/

div.right-nav {
 padding:3px 13px 0 13px;
 border-left:solid 1px #ddd;
}

/* _______________________________________ STAGE
*/

div#stage {
 width:100%;
 margin:0;
 padding:0;
 background:#fff url(http://www.vanadia.com/images/studio/sha-d.gif) repeat-x top left;
 font-size:1em;
 height:100%;
}

/* _______________________________________ STAGE > A B D C
*/

.a { 
 background: transparent;
 margin: 0;
 padding: 0;
 width: 222px;
 float: left;
}

.ab { 
 background: transparent;
 margin: 0;
 padding: 0;
 width: 444px;
 float: left;
}

.abc { 
 background: transparent;
 margin:0;
 padding:0;
 width: 666px;
 float: left;
}


.abcd { 
 background: transparent;
 margin:0;
 padding:0;
 width: 888px;
}
.b { 
 background: transparent;
 margin: 0;
 padding: 0;
 width: 222px;
 float: left;
}

.bc { 
 float: left;
 background: transparent;
 margin: 0;
 padding: 0;
 width: 444px;
 display: inline;
}

.bcd { 
 float: right;
 background: transparent;
 margin: 0;
 padding: 0;
 width: 666px;
 display: inline;
 position: relative;
}

.c { 
 background: transparent;
 margin: 0;
 padding: 0;
 width: 222px;
 float: left;
}

.cd { 
 float: right;
 background: transparent;
 margin: 0;
 padding: 0;
 width: 444px;
 display: inline;
 position: relative;
}

.d { 
 float: right;
 background: transparent;
 margin: 0;
 padding: 0;
 width: 222px;
 display: inline;
 position: relative;
}

.dd { 
 float: right;
 background-color:#333;
 background: transparent;
 margin: 0;
 padding: 15px 0 0 0;
 width: 222px;
 display: inline;
 position: relative;
}

.a-comment { 
 background: transparent;
 margin: 0;
 padding: 0;
 width: 222px;
 float: left;
 border-top:solid 1px #ddd;
}

.bc-comment { 
 float: left;
 background: transparent;
 margin: 0 21px 0 0;
 padding: 0;
 width: 423px;
 display: inline;
 border-top:solid 1px #ddd;
}

/* _______________________________________ STUFF
*/

div.stuff {
 margin:0 auto;
 padding:0 0 21px 0;
 width:888px;
}

/* _______________________________________ PAD-8
*/

div.pad-8 {
 padding:0 8px;
}


/*_______________________________________ POSTBY
*/

.postby {
 color:#999;
 font-size:.8em;
 margin:-13px 0 0 0;
 padding:0;
}

/*_______________________________________ DATE
*/

.date {
 font-size:.8em;
 background-color:#fff;
 border-bottom:solid 1px #ddd;
 margin:0 21px 44px 0;
 padding: 3px;
 color: #333;
 text-align:right;
}

/*_______________________________________ DATE_UNDER
*/

.date-under {
 font-size:.8em;
 color:#666;
 margin:-21px 21px 0 0;
 text-align: right;
}

/*_______________________________________ COMMENT-JUMP
*/

.comment-jump {
 font-size:.8em;
 color:#666;
 margin:-21px 21px 0 0;
 text-align:right;
}

/*_______________________________________ P
*/

p {
 line-height:1.5em;
 padding:0 21px 0 0
}


/*_______________________________________ BOLD
*/

b {color:#000;}

/*_______________________________________ BOT
*/

div.bot { 
 font-weight:bold;
 padding:0 1px 0 0;
 color:#fff;
 font-size:1em;
 float: right;
 text-align: right;
 width:1em;
 margin:0 0 -3px 0;
}


/*_______________________________________ BOT > LINK
*/

div.bot a:link.bot, div.bot a:visited.bot, div.bot a:active.bot { 
 color:#fff;
 border:solid 1px #000;
 text-decoration:none;
 position:relative;
 top:0px;
 left:1px;
}
div.bot a:hover.bot { 
 color:#fff;
 border:solid 1px #333;
 text-decoration:none;
 position:relative;
 top:0px;
 left:1px;
}



/*_______________________________________ CLEAR
*/

div .clear { clear:both; margin:0;}

/* _______________________________________ HEADING LINKS
*/

h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link {
 color:#080808;
 border:none;
}

h1 a:hover, 
h2 a:hover, 
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
 color:#314454;
 border:none;
}

h1 a:visited, 
h2 a:visited, 
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
 color:#080808;
 border:none;
}

/* _______________________________________ HEADINGS
*/

h1 {
 color:#080808;
/* text-shadow: 0px 1px 3px #aaa;	*/
}

h1.white {
 color:#fff;
 text-shadow:none;	
}

h2 {color:#080808;}

h3 {color:#080808;}

h4 {color:#080808;}

h5 {color:#080808;}

h6 {color:#080808;}

/* _______________________________________ FOOTER
*/

#footer {
 width:100%;
 background-color:#000;
 margin:0;
 padding:0;
 font-size:1em;
 min-height:666px;
}

/* _______________________________________ FOOTER > HEADINGS
*/

#footer h1 {
 color:#fff;
 padding:0 21px 0 0 ;
}

#footer h2 {
 color:#fff;
 padding:0 21px 0 0 ;
}

#footer h3 {
 color:#fff;
 padding:0 21px 0 0 ;
}

#footer h4 {
 color:#fff;
 padding:0 21px 0 0 ;
}

#footer h5 {
 color:#fff;
 padding:0 21px 0 0 ;
}

#footer h6 {
 color:#fff;
 padding:0 21px 0 0 ;
}


/* _______________________________________ FOOTER P
*/

#footer p {
 font-size:1em;
 color: #888;
 padding:0 21px 0 0 ;
}

/* _______________________________________ FOOTER-STUFF
*/

#footer-stuff {
 width:888px;
 padding:13px 0 88px 0;
 margin:0 auto;
}


/* _______________________________________ FOOTER > LINKS
*/

#footer a:link {
 color: #ddd;
 text-decoration: none;
 border-bottom: solid 1px #314454;
}

#footer a:visited {
 color:#ddd;
 text-decoration:none;
 border-bottom: solid 1px #314454;
}

#footer a:active {
 color: #fff;
 text-decoration:none;
 border-bottom:none;
}

#footer a:hover {
 color:#fff;
 text-decoration:none;
 border-bottom:solid 1px #577538;
}


/* ______________________________________________________________________ EVERYTHING ELSE!
*/

/* _______________________________________ BORDER-BOX
 */

.border-box {
 border:solid 1px #ddd;
 padding:8px;
 margin:0 21px 0 0;
}

/* _______________________________________ FOCUS
 */

:focus {
 outline: 0;
}


/* _______________________________________ IMG
*/

img {
 border:0;
 outline:none;
}


/* _______________________________________ IMG-GRAY
*/

img.gray {
 border:0;
 outline:solid #666 3px;
}

/* _______________________________________ IMG-BLACK
*/

img.black {
 border:0;
 outline:solid #000 3px;
}


/* _______________________________________ IMG-LEFT
*/

img.img-left {
float:left;
margin:0 21px 8px 0;
}

/* _______________________________________ IMG-RIGHT
*/

img.img-right {
float:right;
margin:0 21px 8px 21px;
}

/* _________________________________________________ FORMZ
_________________________________________ TEXTAREA */

textarea {
 border:solid 1px #ddd;
 background-color: #eee;
 font-size:1.1em;
 padding: 3px;
 width: 88%;
 height: 222px;
 line-height: 1.5em;
 font-family: "Trebuchet MS";
 color: #314454;
}


/* _______________________________________ INPUT
*/

input {
 border:solid 1px #ddd;
 background-color:#eee; 
 font-size:1.1em;
 font-family: "Trebuchet MS";
 color: #314454;
 padding:3px;
}

/* _______________________________________ INPUT .checkbox
*/

input.checkbox {
 width:1.2em;
 border:solid 1px #ddd;
 background-color:#eee; 
 font-size:1.1em;
 font-family: "Trebuchet MS";
 color: #314454;
 padding:3px;
}

/* _______________________________________ INPUT .INPUT
*/

input.input {
 width:88%;
 border:solid 1px #ddd;
 background-color:#eee; 
 font-size:1.1em;
 font-family: "Trebuchet MS";
 color: #314454;
 padding:3px;
}

/* _______________________________________ INPUT .EMAIL
*/

input.email {
 width:88%;
 border:solid 1px #ddd;
 background-color:#eee; 
 font-size:1.1em;
 font-family: "Trebuchet MS";
 color: #314454;
 padding:3px;
}


/* _______________________________________ INPUT .BUTTON
*/

input.button {
 background-color:#314454; 
 font-size:1.1em;
 font-family:"Trebuchet MS";
 color: #fff;
 padding:3px 5px;
 margin:3px 0 0 0;
}


/* _______________________________________ INPUT .BUTTON HOVER 
*/

input:hover.button {
 background-color:#577538;
 font-size:1.1em;
 font-family:"Trebuchet MS";
 color: #fff;
 cursor: pointer;
 margin:3px 0 0 0;
}

/* _______________________________________ INPUT .SUBMIT
*/

input.submit {
 background-color:#314454; 
 font-size:1.1em;
 font-family:"Trebuchet MS";
 color: #fff;
 padding:3px 5px;
 margin:3px 0 0 0;
}

/* _______________________________________ INPUT .SUBMIT HOVER 
*/

input:hover.submit {
 background-color:#577538;
 font-size:1.1em;
 font-family:"Trebuchet MS";
 color: #fff;
 cursor: pointer;
 margin:3px 0 0 0;
}

/* _______________________________________ LATEST-COMMENT 
*/

div.latest-comment { 
 width:423px;
 height:555px;
 padding: 0;
 overflow-x:hidden;
 overflow-y:auto;
 margin: 0;
 background-color:#000;
}

/* _______________________________________ OPT-OUT 
*/
.opt-out {
 font-size:.8em;
 margin:-13px 0 0 0;
 color:#666;
}


/* _______________________________________ DIV.CENTER 
*/

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


/* _______________________________________ TABLES
*/

table, tr, td {font-size:1em;}



/* _______________________________________ WINGDINGS
*/

.wingdings {font-family:wingdings;}


/* _______________________________________ WEBDINGS
*/

.webdings {font-family:webdings;}

/* _______________________________________ COLORS
*/

.black {color:#000;}
.blue {color:#369;}
.bigblue {color:#036;}
.brown {color:#321;}
.dark210 {color:#210;}
.gray {color:#888;}
.green {color:#693;}
.rust {color:#662121;}
.hey {color:#E3CF57;}
.offwhite {color:#d6d6ad;}
.olive{color:#556B2F;}
.orange {color:#930;}
.red {color:#993232;}
.white {color:#fff;}
.yellow {color:#E3CF57;}