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

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

*/

/*
_______________________________________ HTML > BODY
Style information for the page.
*/
html body {
 background: #e0e0d4 url(http://www.vanadia.com/images/studio/background.gif) repeat-x;
 background-attachment:fixed;
 color:#333; 
 margin:0 0 0;
 padding:21px 0 21px 0;
 border:0;
 font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Sans-Serif;
 font-size:1em;
}




/*
_______________________________________ HEADER
Black top bar with logo & subheading.
*/
#header {
 text-align:left;
 padding:0; 
 margin:0 auto;
 background: #000 url() repeat-x top left; 
 border-top:1px solid #321;
 border-bottom:#123 solid 1px;
 width:700px;
}


/*
_______________________________________ HEADER STUFF
Formats the text in the top black bar.
*/
#header-stuff {
 padding:21px 0 13px 21px;
 margin:0px auto;
 color:#ccc; 
 width:700px;
}






/*
_______________________________________ HEADER H1
Formats the heading in the top black bar.
*/
#header h1 {
 margin:0;
 padding:0;
 color:#999932;
 font-weight:normal;
 font-family: Garamond,serif;
 background:transparent;
font-size:2.3em;
}







/*
_______________________________________ HEADER > H1.VANADIA
Formats the Vanadia "logo".
*/
#header h1 .vanadia {
 color:#fff;
 font-family:Georgia, Serif;
 font-style:italic;
 font-weight:normal;
letter-spacing:1px;
}








/*
_______________________________________ HEADER > H1.VANADIA > LINK
Formats the Vanadia "logo" link.
*/
#header h1 .vanadia a{
 color:#fff;
 text-decoration: none;
}
#header h1 .vanadia a:hover {
 color:#fff;
 text-decoration: none;
 border-bottom: none;
}







/*
_______________________________________ HEADER > H1 > LINK
Formats the Vanadia "logo" link.
*/
#header h1 a {color:#999;}
#header h1 a:hover {
 color:#fff;
 border-bottom:solid 1px #369;
 text-decoration:none;
}








/*
_______________________________________ UNDER-V
The little text under the header.
*/
#under-v {
 margin:3px 0 5px 8px;
 font-size:.8em;
 color:#d6d6ad;
}







/*
_______________________________________ ATTENTION-BAR
The colored bar across the top under the header.
*/
#attention-bar {
 min-height:13px;
 text-align:left;
 width:100%;
 margin:0 auto;
 padding:0;
}







/*
_______________________________________ ATTENTION
Holds contents of colored attention bar.
*/
#attention {
 margin:0px auto;
 padding:13px 0 21px 0;
 width:700px;
 background:#000;
}







/*
_______________________________________ ATTENTION > P
Paragraphs in the attention bar. (Same as CAT P).
*/
#attention p {
 font-size:.9em;
 color:#999;
 margin:0 0 -8px 0;
}







/*
_______________________________________ ATTENTION-BAR > ATTENTION > H2
Formats the main attention item.
*/
#attention-bar #attention h2 {
 margin:0;
 padding:0 0 8px 0;
 color:#ddd;
 font-weight:normal;
 font-size: 1.1em;
 background:transparent;
}







/*
_______________________________________ ATTENTION-BAR > ATTENTION > LINK
Formats the main attention item.
*/
#attention-bar #attention a:hover {
 color: #fff;
 border-bottom:solid 1px #369;
 text-decoration: none;
}







/*
_______________________________________ ATTENTION-BAR > ATTENTION > LINKS
Formats the main attention item.
*/
#attention a:link, #attention a:active, #attention a:visited {
 text-decoration:none;
 color:#ddd;
}








/*
_______________________________________ CAT 
Formats the drop down division.
*/
#cat {
 width:700px;
 background-color:#000;
 color:#999;
 padding:0; 
 margin:0;
}







/*
_______________________________________ CAT > P
Formats the drop down division.
*/
#cat p {
 padding:8px 21px 8px 21px;
 font-size:.9em;
 color:#d6d6ad;
}








/*
_______________________________________ CAT > LINK 
Formats the drop down division links.
*/
#cat a {color:#fff;}








/*
_______________________________________ CAT > LINK.HOVER 
Formats the drop down division links on hover.
*/
#cat a:hover {
 text-decoration:none;
 border-bottom:solid 1px #369;
}








/*
_______________________________________________________________________ NAVIGATION

_______________________________________ TOP NAV
Top div for main links
*/
#top-nav {
 margin:0 auto;
 padding:2px 0 2px 0;
 width:700px;
 background:#0f0f0f url(http://www.vanadia.com/images/studio/topnav-fade.gif) repeat-x bottom left;
 border-bottom:solid 1px #321;
 font-size:1.2em;
 font-weight:normal;
 color:#687;
 text-align:center;
letter-spacing:1px;
 font-family:Georgia, serif;
}







/*
_______________________________________ TOP NAV > UL
The top row of links are an UL
*/
#top-nav ul {
margin:0;
 padding:0 0 0 13px;
 list-style:none;
}







/*
_______________________________________ TOP NAV > LIST
Each LI in the top navigation
*/
#top-nav li {
 display:inline;
 padding:13px;
}







/*
_______________________________________ TOP NAV > LINK
Each LI in the top navigation
*/
#top-nav li a {
color:#887;
 padding:0px 8px 0 0;
 border-bottom:none;
}







/*
_______________________________________ TOP NAV > A:HOVER
Each LI in the top navigation
*/
#top-nav li a:hover {color:#fff;}







/*
_______________________________________ TOP NAV > A:HOVER > ACTIVE
Each LI in the top navigation
*/
#top-nav li a:hover.active {
 color:#fff;
 padding:6px;
 margin-top:8px;
 position:relative;
 top:-3px;
 left:-3px;
}







/*
_______________________________________ TOP NAV > BODY.about > ACTIVE
Active top navigation by section (body class).
*/
body.about #top-nav li a.about {
 color:white;
 padding:6px;
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}



/*
_______________________________________ TOP NAV > BODY.storytelling > ACTIVE
Active top navigation by section (body class).
*/
body.storytelling #top-nav li a.storytelling {
 color:white;
 padding:6px;
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}







/*
_______________________________________ TOP NAV > BODY.stories > ACTIVE
Active top navigation by section (body class).
*/
body.stories #top-nav li a.stories {
 color:white;
 padding:6px;
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}



/*
_______________________________________ TOP NAV > BODY.folklore > ACTIVE
Active top navigation by section (body class).
*/
body.folklore #top-nav li a.folklore {
 color:white;
 padding:6px;
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}


/*
_______________________________________ TOP NAV > BODY.info > ACTIVE
Active top navigation by section (body class).
*/
body.info #top-nav li a.info {
 color:white;
 padding:6px; 
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}




/*
_______________________________________ TOP NAV > BODY.classes > ACTIVE
Active top navigation by section (body class).
*/
body.classes #top-nav li a.classes {
 color:white;
 padding:6px;
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}








/*
_______________________________________ TOP NAV > BODY.services > ACTIVE
Active top navigation by section (body class).
*/
body.services #top-nav li a.services {
 color:white;
 padding:6px; 
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}




/*
_______________________________________ TOP NAV > BODY.blog > ACTIVE
Active top navigation by section (body class).
*/
body.blog #top-nav li a.blog {
 color:white;
 padding:6px; 
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}







/*
_______________________________________ TOP NAV > BODY.shows > ACTIVE
Active top navigation by section (body class).
*/
body.shows #top-nav li a.shows {
 color:white;
 padding:6px; 
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}







/*
_______________________________________ TOP NAV > BODY.about > ACTIVE
Active top navigation by section (body class).
*/
body.about #top-nav li a.about {
 color:white;
 padding:6px; 
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}




/*
_______________________________________ TOP NAV > BODY.links > ACTIVE
Active top navigation by section (body class).
*/
body.links #top-nav li a.links {
 color:white;
 padding:6px; 
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}





/*
_______________________________________ TOP NAV > BODY.contact > ACTIVE
Active top navigation by section (body class).
*/
body.contact #top-nav li a.contact {
 color:white;
 padding:6px; 
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}



/*
_______________________________________ TOP NAV > BODY.forum > ACTIVE
Active top navigation by section (body class).
*/
body.forum #top-nav li a.forum {
 color:white;
 padding:6px;
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}




/*
_______________________________________ TOP NAV > BODY.archive > ACTIVE
Active top navigation by section (body class).
*/
body.archive #top-nav li a.archive {
 color:white;
 padding:6px;
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}




/*
_______________________________________ TOP NAV > BODY.archives > ACTIVE
Active top navigation by section (body class).
*/
body.archives #top-nav li a.archives {
 color:white;
 padding:6px;
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}


/*
_______________________________________ TOP NAV > BODY.interviews > ACTIVE
Active top navigation by section (body class).
*/
body.interviews #top-nav li a.interviews {
 color:white;
 padding:6px;
 margin-top:8px;
 border-right:solid 1px #111;
 background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
 font-style:italic;
 position:relative;
 top:1px;
 left:1px;
}



/*
_______________________________________ TOP NAV > LI > ACTIVE
Each active LI in the top navigation

#top-nav li .active {
color:white;
padding:6px;
margin-top:8px;
border-right:solid 1px #111;
background:#342 url(http://www.vanadia.com/images/studio/green_stud_top.gif) repeat-x top left;
font-style:italic;
}







/*
_______________________________________________ SUB NAV


_______________________________________ SUB NAV
Top, 2nd row of links
*/
#sub-nav {
margin:0 auto;
padding:5px 0 5px 0;
background:#342 url(http://www.vanadia.com/images/studio/green_stud_bot.gif) repeat-x bottom left;
width:700px;
font-weight:normal;
font-size:.9em;
font-family:Georgia, serif;
border-bottom:solid 1px #000;
border-top:solid 1px #111;
text-align:center;
color:#999932;
min-height:3px;
}







/*
_______________________________________ SUB NAV > UL
Unordered list
*/
#sub-nav ul {
margin:0;
padding:0 0 0 13px;
list-style:none;
font-size:1em;
}







/*
_______________________________________ SUB NAV > LI
List items
*/
#sub-nav li {
display:inline;
padding:0 3px 0 0;
letter-spacing:1px;
}







/*
_______________________________________ SUB NAV > A:ACTIVE
List item when being clicked
*/
#sub-nav li .active {
color:white;
font-style:italic;
}







/*
_______________________________________ SUB NAV > A
List item anchor (link)
*/
#sub-nav li a {
color:#887;
padding:0;
border-bottom:none;
}


/*
_______________________________________________ SUB NAV ON 1-13
Sub-nav selected (on)
*/
/*
_______________________________________ SUB NAV > A ON1
List item anchor (link)
*/
#sub-nav.on1 ul li a.on1 {
color:#fff;
font-style:italic;
}

/*
_______________________________________ SUB NAV > A ON2
List item anchor (link)
*/
#sub-nav.on2 ul li a.on2 {
color:#fff;
font-style:italic;
}
/*
_______________________________________ SUB NAV > A ON3
List item anchor (link)
*/
#sub-nav.on3 ul li a.on3 {
color:#fff;
font-style:italic;
}
/*
_______________________________________ SUB NAV > A ON4
List item anchor (link)
*/
#sub-nav.on4 ul li a.on4 {
color:#fff;
font-style:italic;
}
/*
_______________________________________ SUB NAV > A ON5
List item anchor (link)
*/
#sub-nav.on5 ul li a.on5 {
color:#fff;
font-style:italic;
}
/*
_______________________________________ SUB NAV > A ON6
List item anchor (link)
*/
#sub-nav.on6 ul li a.on6 {
color:#fff;
font-style:italic;
}
/*
_______________________________________ SUB NAV > A ON7
List item anchor (link)
*/
#sub-nav.on7 ul li a.on7 {
color:#fff;
font-style:italic;
}
/*
_______________________________________ SUB NAV > A ON8
List item anchor (link)
*/
#sub-nav.on8 ul li a.on8 {
color:#fff;
font-style:italic;
}
/*
_______________________________________ SUB NAV > A ON9
List item anchor (link)
*/
#sub-nav.on9 ul li a.on9 {
color:#fff;
font-style:italic;
}
/*
_______________________________________ SUB NAV > A ON10
List item anchor (link)
*/
#sub-nav.on10 ul li a.on10 {
color:#fff;
font-style:italic;
}
/*
_______________________________________ SUB NAV > A ON11
List item anchor (link)
*/
#sub-nav.on11 ul li a.on11 {
color:#fff;
font-style:italic;
}
/*
_______________________________________ SUB NAV > A ON12
List item anchor (link)
*/
#sub-nav.on12 ul li a.on12 {
color:#fff;
font-style:italic;
}
/*
_______________________________________ SUB NAV > A ON13
List item anchor (link)
*/
#sub-nav.on13 ul li a.on13 {
color:#fff;
font-style:italic;
}







/*
_______________________________________ SUB NAV > A:HOVER
List item link on mouseOver
*/
#sub-nav li a:hover {
color:#fff;
padding:8px 0 8px 0;
border-bottom:0;
position:relative;
top:1px;
left:1px;
}








/*
_______________________________________ SUB NAV > A:HOVER.active
List item link on mouseOver
*/
#sub-nav li a:hover.active {
color:#fff;
padding:8px 0 8px 0;
border-bottom:0;
position:relative;
top:0px;
left:0px;
}






/*
_______________________________________ BGIMAGE OVERLAY
The whole page content area with a bg.
*/
#bgimage {width:100%;}







/*
_______________________________________ HOLDER
Col widths, white, shaded, and center.
*/
#holder {
margin:0 auto;
padding:0;
width:700px;
background:#fff url(http://www.vanadia.com/images/studio/infader.gif) repeat-x top left;
}







/*
_______________________________________ INBOX
Holds the cols and stuff.
*/
#inbox {
position:relative;
top: 0;
left:0;
text-align:left;
width:100%;
margin:0;
padding:0;
}






/*
_______________________________________ BOTH
This is BOTH columns (LEFT and RIGHT).
*/
#both {
width:700px;
margin:0;
padding:0;
}


/*
_______________________________________ BOTH-STUFF
This is the stuff inside of BOTH columns.
*/
#both-stuff {
padding:21px 21px 0 21px;
margin:0 auto;
width:658px;
}


/*
_______________________________________ BOTH-STUFF > P
Paragraphs inside the both stuff column.
*/
#both-stuff p {
margin:0 0 1.5em 0;
padding:0;
line-height:1.5em;
font-size:.8em;
color:#232323;
}


/*
_______________________________________ BOTH-STUFF > IMG.big
Paragraphs inside the both stuff column.
*/
#both-stuff img .big {
padding:0;
margin:0 auto;
}



/*
_______________________________________ LEFT
The LEFT 500px column with 200px on the right.
*/
#left {
width:500px;
margin:0;
padding:0;
min-height:666px;
float:left;
}




/*
_______________________________________ LEFT-STUFF
*/
#left-stuff {
text-align:left;
margin:0;
padding:21px 21px 0 21px;;
}







/*
_______________________________________ MIDDLE
The middle column with white space on either side.
*/
#middle {
width:700px;
margin:0;
padding:0;
}





/*
_______________________________________ MENU
The right side menu.
*/
#menu {
 width:180px;
 padding:0px;
 margin-left:44px;
 margin-right:-21px;
 float:right;
 voice-family: "\"}\"";
 voice-family: inherit;
 }

/*
_______________________________________ MENU-STUFF
The right side menu stuff.
*/
.menu-stuff {
 border-left:1px solid #ddd; 
 border-bottom:1px solid #ddd;
 background:transparent;
 color:#555;
 padding:8px;
 margin-bottom:8px;
 text-align:left;
 font-size:.7em;
 background:#fff url(http://www.vanadia.com/images/studio/bgshade.gif) repeat-x top left;
 line-height:1.3em;
 }
	






/*
_______________________________________ VIMAGE
Main image in the middle.
*/
#vimage {
margin:0;
padding:13px 0 0 0;
text-align:center;
}







/*
_______________________________________ VIMAGE > IMG
Main image in the middle with a border.
*/
#vimage img {
margin:0;
padding:1px;
border:solid 1px #ddd;
}


/*
_______________________________________ VIMAGE > p
Images in the Vimage div.
*/
#vimage p {
text-align:right;
margin:0 13px 0 0;
font-size:.7em;
color:#666;
padding:0;
}






/*
_______________________________________ MIDDLE-STUFF
*/
#middle-stuff {
padding:21px 21px 0 21px;
margin:0;
width:658px;
}









/*
_______________________________________ LEFT-STUFF, MIDDLE-STUFF > P
*/
#left-stuff p, #middle-stuff p {
margin:0 0 1.5em 0;
padding:0;
line-height:1.5em;
font-size:.8em;
color:#232323;
}










/*
_______________________________________ LEFT-STUFF, MIDDLE-STUFF > P > ITALIC
*/
#left-stuff p i , #middle-stuff p i {font-family:georgia;serif;}








/*
_______________________________________ STUFF > H3
H3 in the middle column.
*/
#both-stuff h3, #left-stuff h3, #middle-stuff h3 {
color:#321;
font-weight:normal;
font-size:1.3em;
letter-spacing:-1px;
margin:0 0 21px 0;
padding:0;
font-weight:normal;
}






/*
_______________________________________ MIDDLE-STUFF > H4
H4 in the middle column.
*/
#both-stuff h4, #left-stuff h4, #middle-stuff h4 {
margin:13px 0 21px 0;
font-size:1.1em;
padding:0;
color:#321;
font-weight:normal;
border-bottom:solid 0px #ddd;
}







/*
_______________________________________ MIDDLE-STUFF > H5
H5 in the middle column.
*/
#both-stuff h5, #left-stuff h5, #middle-stuff h5 {
margin:21px -21px 13px 0;
font-size:1em;
padding:0;
border-bottom:solid 1px #ddd;
color:#321;
font-weight:normal;
}







/*
_______________________________________ MIDDLE-STUFF > H6
H6 in the middle column.
*/
#both-stuff h6, #left-stuff h6, #middle-stuff h6 {
margin:13px 0 8px -13px;
padding:0 0 0 13px;
font-size:.9em;
color:#321;
font-weight: normal;
}






/*
_______________________________________ MIDDLE-STUFF > BOLD
Bold things in the middle column.
*/
#both-stuff b, #left-stuff b, #middle #middle-stuff b, #right-stuff b {
color: #0f0f0f;
}








/*
_______________________________________ MIDDLE-STUFF > BOLD.hey
Bold things in the middle column.
*/
#middle #middle-stuff b.hey {
color: #999932;
}







/*
_______________________________________ MIDDLE-STUFF > LINK
Links in the middle column.
*/
#both-stuff a, #left-stuff a, #middle #middle-stuff a {
text-decoration: none;
color:#369;
border-bottom:solid 1px #ddc;
}







/*
_______________________________________ MIDDLE-STUFF > LINK HOVER
Hover links in the middle column.
*/
#both-stuff a:hover, #left-stuff a:hover, #middle #middle-stuff a:hover {
text-decoration: none;
color:#333;
border-bottom:solid 1px #693;
}











/*
_______________________________________ MIDDLE-STUFF > LINK VISITED
Visited links in the middle column.
*/
#both-stuff a:visited, #left-stuff a:visited, #middle #middle-stuff a:visited {
text-decoration: none;
border-bottom:solid 1px #ddc;
color:#036;
}







/*
_______________________________________ MIDDLE-STUFF > LINK ACTIVE
Active links in the middle column.
*/
#both-stuff a:active, #left-stuff a:active, #middle #middle-stuff a:active  {
text-decoration: none;
color:#000;
border-bottom:none;
}








/*
_______________________________________ MIDDLE-STUFF > IMG
Images in the middle column.
*/
#both-stuff img, #left-stuff img, #middle-stuff img  {
border: 0px solid #ddd;
background-color:#fff;
padding:1px;
}



/*
_______________________________________ BROWN-BOX
Background color and light border.
*/
.brown-box {
background-color:#e0e0d4;border:solid 1px #ddd;margin-bottom:13px;padding:0 8px 0 8px;
}


/*
_______________________________________ BORDER-BOX
A light border.
*/
.border-box {
border:solid 1px #e0e0d4;margin-bottom:13px;padding:0 8px 0 8px;
}



/*
_______________________________________ SMALL-QUOTE
SMALL Quotes in the left side.
*/
p .small-quote {
margin:0 0 0 21px;padding-left:8px;border-left:solid 3px #999932;
}


/*
_______________________________________ QUOTE
Quotes in the left side.
*/
.quote {
color:black;margin:0 0 0 21px;border-left:solid 3px #999932; padding-left:8px;
}

/*
_______________________________________ BIG-QUOTE
BIG Quotes in the left side.
*/
.big-quote {
width:200px;float:right;font-size:1.3em;color:black;text-align:center;font-family:georgia;margin:13px 0 21px 21px;
}


/*
_______________________________________ LEFT-COL left
Left Columns left side.
*/
#left-col-left {
float:left;
width:216px;
margin-right:21px;
}

/*
_______________________________________ LEFT-COL right
Left Columns right side.
*/
#left-col-right {
float:left;
width:216px;
}



/*
_______________________________________ LIST200
List Columns 200px wide making three.
*/
div.list200 {
float:left;
width:200px;
}

/*
_______________________________________ LIST300
List Columns 300px wide making two.
*/
div.list300 {
float:left;
width:300px;
}








/*
_______________________________________ LISTS
Lists in the middle column.
*/
ul,ol {
list-style:square;
line-height:1.3em;
font-size:.8em;
}




/*
_______________________________________ RIGHT
Right side sub-navigation wide.
*/
#right {
float:left;
width:199px;
margin-top:21px;
border-left:solid 1px #ddd;
}

/*
_______________________________________ RIGHT-STUFF
Right side sub-navigation box.
*/
#right-stuff {
margin:0;
padding:3px 21px 0 13px;
font-size:.8em;
color:#666;
}

/*
_______________________________________ RIGHT-STUFF > P
Right side Paragraphs.
*/
#right-stuff p {
margin:0 0 1.5em 0;
padding:0;
line-height:1.5em;
color:#666;
font-size:.9em;
}


/*
_______________________________________ RIGHT-STUFF > H3
Right side heading 3.
*/
#right-stuff h3 {
margin:13px 0 13px -13px;
padding:0 0 0 13px;
border-bottom:solid 1px #ddd;
color:#2f2f2f;
font-weight:normal;
}


/*
_______________________________________ RIGHT-STUFF > H1-6
Right side headings.
*/
#right-stuff h1, #right-stuff h2, #right-stuff h4, #right-stuff h5, #right-stuff h6 {
margin:0;
padding:0 0 13px 0;
color:#2f2f2f;
font-weight:normal;
}








/*
_______________________________________ EMAIL BOX
Holds the email list form.
*/
#email-box {
float:right;
width:113px;
border:solid 1px #ddd;
padding:0 8px 3px 8px;
margin:0 0 21px 13px;
}


















/*
_______________________________________ LITTLE IMG
Right side thumb image floating left
*/
.littleimg {
float:left;
margin:0 8px 3px 0;
}






/*
_______________________________________ CLEAR
Clears the page bottom.
*/
#clear {
clear:both;
margin:0;
}









/*
_______________________________________ FOOTER
Copyright info at page bottom.
*/
#footer {
padding:0;
font-size:.8em;
margin:0;
text-align:right;
width:700px;
color:#aa9;
background: #e0e0d4 url(http://www.vanadia.com/images/studio/footfader.gif) repeat-x top left;
}






/*
_______________________________________ FOOTER > P
Info at page bottom.
*/
#footer p {
font-size:.8em;
color:#aa9;
text-align:right;
padding:3px 8px 0 0;
}





/*
_______________________________________ FOOTER > LINK
Info at page bottom.
*/
#footer a {color:#369;}







/*
_______________________________________ FOOTER > TOP LINK
Little arrow at page bottom.
*/
#footer a:link.top, #footer a:visited.top, #footer a:active.top {
font-family:georgia;
font-weight:bold;
color:#369;
}








/*
_______________________________________ FOOTER > TOP LINK HOVER
Little arrow (hover) at page bottom.
*/
#footer a:hover.top {
font-family:georgia;
color:#060;
text-decoration:none;
border:none;
}








/*
_______________________________________ LINKS
Links anywhere in the page.
*/
a:link {
color: #369;
text-decoration: none;
}

a:visited {
color:#036;
text-decoration:none;
}
a:active {
color: #000;
text-decoration:none;
}
a:hover {
color:#369;
text-decoration:none;
border-bottom:solid 1px #999932;
position:relative;
top:1px;
left:1px;
}









/*
_______________________________________ PAGINATE
*/
#paginate {margin:13px;float:right;}









/*
_______________________________________________________________________ FORMZ

_______________________________________ FORM
*/
form {
margin:0;
padding:0;
}











/*
_______________________________________ TEXTAREA
*/
textarea {
border:solid 1px #ccc;
background-color:#eed;
font-family:Arial,sans-serif;
font-size:1em;
color:#333;
width:100%;
height:200px;
}











/*
_______________________________________ INPUT
*/
input {
border:solid 1px #ccc;
background-color:#eed;
font-family:Arial,sans-serif;
font-size:1em;
color:#333;
width:100%;
}	








/*
_______________________________________ INPUT.email
*/
input.email {
border:solid 1px #ccc;
background-color:#eed;
font-family:Arial,sans-serif;
font-size:1em;
color:#333;
width:100%;
}








/*
_______________________________________ INPUT.elist
*/
input.elist {
border:solid 1px #ccc;
background-color:#eed;
font-size:1em;
color:#369;
width:100%;
}








/*
_______________________________________ INPUT.elistbutton
*/
input.elistbutton {
border:solid 1px #360;
background-color:#693;
font-family:Arial,sans-serif;
font-size:.9em;
color:#cfc;
font-weight:bold;
padding:0;
margin:3px -2px 0 0;
float:right;
width:3em;
}








/*
_______________________________________ INPUT.button
*/
input.button {
border:solid 1px #360;
background-color:#693;
font-family:Arial,Verdana,sans-serif;
font-size:1em;
color:#cfc;
font-weight:bold;
padding:0 2px 0 2px;
margin:3px 0 0 0;
width:40%;
}








/*
_______________________________________________ EVERYTHING ELSE!
*/









/*
_______________________________________ DATE
Text under the H1 titles to entries.
*/
#date {
padding:0;
background:url() no-repeat center left;
color:#808080;
font-size:.6em;
margin:-16px 0 13px 0;
}








/*
_______________________________________ SMALL
*/
small, td small  {font-size:.5em;}








/*
_______________________________________ P.INFO
*/
p.info {font-size:.5em;}








/*
_______________________________________ POSTCOLOR
*/
.postcolor {color:#d74e04;}











/*
_______________________________________ POSTEDBY
*/
#combox p.postedby {font-size:.7em;}






/*
_______________________________________ P
*/
p {
margin:0;
padding:0;
}






/*
_______________________________________ IMG
*/
img {border:0;}







/*
_______________________________________ IMG-LEFT
*/
.img-left {
float:left;
margin:0 13px 3px 0;
}



/*
_______________________________________ IMG > LEFT
*/
img.left {
float:left;
margin:0 13px 3px 0;
}





/*
_______________________________________ IMG > RIGHT
*/
img.right {
float:right;
margin:0 0 3px 13px;

}


/*
_______________________________________ IMG-RIGHT
*/
.img-right {
float:right;
margin:0 0 3px 13px;

}






/*
_______________________________________ EM
*/
em {
font-family:Georgia, serif;
background-color:#d6d6ad;
}







/*
_______________________________________________________________________ ETC. */		





/*
_______________________________________ WINGDINGS
*/
.wingding {font-family:wingdings;}









/*
_______________________________________ .INFO
The little text that gets the message across.
*/
.littleinfo {
line-height:1.5em;
font-size:.8em;
color:#654;
}





/*
_______________________________________ .LETTER
A little starter letter for paragraphs.
*/
.letter {
font-size:1.3em;
font-family:Georgia;
font-wieght:bold;
}








/*
_______________________________________ .BIG-LETTER
The big starter letter for paragraphs.
*/
.big-letter {
float:left;
color:#aaaa99;
font-size:6em;
line-height:1em;
margin:-5px 0 -5px 0;
padding-right:5px;
font-family:Georgia;
}





/*
_______________________________________ COMBOX
Comments box color area.
*/
#combox {
background: #efefef url() repeat-x top left;
padding:13px;
border:solid 1px #ddd;
margin:13px 0 13px 0;
}








/*
_______________________________________ LIST
List for archives, clients, etc.
*/
#list {
float:left;
width:40%;
padding:0 21px 0 3px;
margin:0;
}



/*
_______________________________________ WINGDINGS
Wingding text.
*/
.wingdings {font-family:wingdings;}


/*
_______________________________________ WEBDINGS
Webding text.
*/
.webdings {font-family:webdings;}

/*
_______________________________________ COLORS
You know what this is.
*/

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