/*
____   _________    _______      _____  ________  .___   _____   
\   \ /   /  _  \   \      \    /  _  \ \______ \ |   | /  _  \  
 \   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.
http://www.vanadia.com/images/studio/background.gif
*/
html body {
 background: #413F35 /*443b34 - 44443F*/ url() repeat-x;
 background-attachment:fixed;
 color:#343434; 
 margin:0 0 0;
 padding:21px 0 21px 0;
 border:0;
 font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;
 font-size:1em;
 border-top:1px solid #1B1D1E;
 border-bottom:1px solid #930;
 height:100%;
}




/*
_______________________________________ HEADER
Black top bar with logo & subheading.
*/
#header {
 text-align:left;
 padding:0; 
 margin:0 auto;
 background-color: #080808;
 background: #080808 url(http://www.vanadia.com/images/studio/08.gif) repeat top left; 
 border-top:#1B1D1E solid 3px;
 border-left:#1B1D1E solid 3px;
 border-right:#1B1D1E solid 3px;
 border-bottom:#123 solid 0px;
 width:670px;
}


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


/*
_______________________________________ LOGIN 
*/
#login {width:400px;margin:0; padding:3px 8px 0 0;color:#666;float:right;font-size:.8em;text-align:right;}
#login a {color:#999;text-decoration:none;border:none;}
#login a:hover {color:#fff;text-decoration:none;border-bottom:solid 1px #930;}



/*
_______________________________________ 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.5em;
}







/*
_______________________________________ 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;
 border-bottom:none;
}
#header h1 .vanadia a:hover {
 color:#fff;
 text-decoration: none;
 border-bottom: solid 1px #369;
}







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








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







/*
_______________________________________ 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:676px;
 background:#080808;
}







/*
_______________________________________ 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:606px;
 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;
}



/*
_______________________________________ MIDDLE-PIC 
Picture area in the top of the page content.
*/
#middle-pic {padding:0 0 3px 0;margin: 0 auto;background-color:#e0e0d4;text-align:center;}
#middle-pic-stuff {padding:13px 0 3px 0;background-color:#fff;}
#middle-pic-stuff p {text-align:left;font-size:.7em;text-align:left;padding: 3px 0 3px 21px;}
#middle-pic-stuff img {border:solid 1px #aa9;}





/*
_______________________________________________________________________ NAVIGATION

_______________________________________ TOP NAV
Top div for main links
*/
#top-nav {
 margin:0 auto;
 padding:5px 0 3px 0;
 width:670px;
 background: #556B2F url(http://www.vanadia.com/images/studio/top-nav.gif) repeat-x top left;
 border-left:solid 3px #1B1D1E;
 border-right:solid 3px #1B1D1E;
 border-bottom:solid 3px #1B1D1E;
 font-size:1.1em;
 font-weight:normal;
 color:#aa9;
 text-align:left;
 letter-spacing:1px;
}







/*
_______________________________________ 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:#aa9;
 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 ON 1-13
TOP-nav selected (on)

_______________________________________ TOP NAV > A ON1
List item anchor (link)
*/
#top-nav.on ul li a.on, #top-nav.on1 ul li a.on1, #top-nav.on2 ul li a.on2, #top-nav.on3 ul li a.on3, #top-nav.on4 ul li a.on4, #top-nav.on5 ul li a.on5, #top-nav.on6 ul li a.on6, #top-nav.on7 ul li a.on7, #top-nav.on8 ul li a.on8, #top-nav.on9 ul li a.on9, #top-nav.on10 ul li a.on10, #top-nav.on11 ul li a.on11, #top-nav.on12 ul li a.on12, #top-nav.on13 ul li a.on13 {

 color: #930;
 padding:6px 5px 7px 8px;
 margin-top:8px;
 border-right:solid 1px #aa9;
 border-left:solid 1px #aa9;
 background:#e0e0d4 url(http://www.vanadia.com/images/studio/top-tab.gif) repeat-x top left;
 position:relative;
 top:1px;
 left:1px;
}


















/*
_______________________________________ BGIMAGE OVERLAY
The whole page content area with a bg, makes up the side borders.
*/
#bgimage {
 width:670px;
 background-color: #1b1d1e; 
 margin:0 auto;
 padding:0 3px 3px 3px;
}




/*
_______________________________________ HOLDER
Tan background wraps around the white boxes.
*/
#holder {
margin:0 auto;
padding:3px;
width:664px;
background:#e0e0d4 url() repeat-x top left;
}







/*
_______________________________________ INBOX
Holds the cols and stuff.
*/
#inbox {
 top: 0;
 left:0;
 text-align:left;
 width:100%;
 margin:0;
 padding:0;
 background:#e0e0d4 url(http://www.vanadia.com/images/studio/mid-pic.gif) repeat-y top left;
}






/*
_______________________________________ DIV.LEFT
The wide left content LEFT.
*/
div.left {
 width:480px;
 margin:0 3px 0 0;
 padding:0;
 min-height:666px;
 float:left;
 background-color: #fff;
}

/*
_______________________________________ LEFT
The LEFT 490px column with 160px on the right.
*/
#left {
 width:480px;
 margin:0 3px 0 0;
 padding:0;
 min-height:888px;
 float:left;
 background-color: #fff;
}




/*
_______________________________________ LEFT-HALF */
.left-half {float:left;width:300px;padding:0 8px 0 0;margin:0 8px 0 0;}
.left-half p {font-size:.9em;}
.left-half h6 {margin:0; padding:1.5em 0 .5em 0; font-size:1em; color:#321; font-weight: normal;}
.left-half h6.orange {color:#930;}

/*
_______________________________________ RIGHT-HALF */
.right-half {float:left;width:300px;padding:0;margin:0 0 0 3px;}
.right-half p {font-size:.9em;}
.right-half h6 {margin:0; padding:1.5em 0 .5em 0; font-size:1em; color:#321; font-weight: normal;}
.right-half h6.orange {color:#930;}








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








/*
_______________________________________ MIDDLE
The middle column take up the whole thing.
*/
#middle {
width:664px;
margin:0;
padding:0;
}



/*
_______________________________________ MIDDLE-STUFF
*/
#middle-stuff,.middle-left-stuff {
padding:21px;
margin:0;
background-color:#fff;
 min-height:666px;
}



/*
_______________________________________ LEFT & MIDDLE-STUFF > H3 LINKS
*/
div#left h3 a:link, div#middle h3 a:link {
color: #321;
text-decoration: none;
border-bottom:none;
}

div#left h3 a:visited,div#middle h3 a:visited  {
color:#321;
text-decoration:none;
border-bottom:none;
}

div#left h3 a:active, div#middle h3 a:active {
color: #000;
text-decoration:none;
border-bottom:none;
}

div#left h3 a:hover,div#middle h3 a:hover  {
color:#369;
text-decoration:none;
border-bottom:solid 1px #556b2f;
position:relative;
top:1px;
left:1px;
}


/*
_______________________________________ LEFT & MIDDLE-STUFF > H5 LINKS
*/
div#left h5 a:link, div#middle h5 a:link {
color: #369;
text-decoration: none;
border-bottom:none;
}

div#left h5 a:visited,div#middle h5 a:visited  {
color:#369;
text-decoration:none;
border-bottom:none;
}

div#left h5 a:active, div#middle h5 a:active {
color: #000;
text-decoration:none;
border-bottom:none;
}

div#left h5 a:hover,div#middle h5 a:hover  {
color:#556b2f;
text-decoration:none;
border-bottom:none;
position:relative;
top:1px;
left:1px;
}






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










/*
_______________________________________ 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:0;
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 #e0e0d4;
}







/*
_______________________________________ 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:8px 0 0 0;
border-top:solid 3px #e0e0d4;
color:#321;
font-weight:normal;
}







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

#left-stuff h6.orange, #middle-stuff h6.orange {color:#930;}




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








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







/*
_______________________________________ MIDDLE-STUFF > LINK
Links in the middle column.
*/
#both-stuff a:link, #left-stuff a:link, #middle #middle-stuff a:link {
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:#336;
}







/*
_______________________________________ 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 21px 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:181px;
margin:0;
background-color: #fff; 
min-height:888px;
}

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

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


/*
_______________________________________ RIGHT-STUFF > H3
Right side heading 3.
*/
#right-stuff h3 {
margin:0 -21px 13px -13px;
padding:13px 0 0 13px;
border-top:solid 3px #e0e0d4;
color:#321;
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:#321;
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;
}













/*
_______________________________________ NEXT-PREV
*/
#next-prev p {
 font-size:.8em;
 line-height:.8em;
}








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






/*_______________________________________ CLEAR
Clears the page bottom. */

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


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









/*
_______________________________________ FOOTER
Copyright info at page bottom.
*/
#footer {
 padding:0;
 margin:0 auto;
 width:670px;
 background: #080808 url() repeat-x top left;
 border-left:solid 3px #1B1D1E;
 border-right:solid 3px #1B1D1E;
 border-bottom:solid 3px #1B1D1E;
}

/*
_______________________________________ FOOTER-STUFF
Copyright info at page bottom.
*/
#footer-stuff {
 padding:3px;
 margin:0 auto;
 text-align:left;
 width:670px;
 color:#998;
}

#footer ul li { line-height: 1.5em; margin:0; list-style:circle; }

#footer-stuff a:link { color: #ccc; text-decoration:none; border-bottom:solid 1px #332;}
#footer-stuff a:visited { color: #ccc; text-decoration:none; border-bottom:solid 1px #332; }
#footer-stuff a:hover { color: #fff; text-decoration:none; border-bottom:solid 1px #0f0e0d;}

#footer-brown {width: 640px; margin: 3px auto; padding: 8px; background: #030201; border:solid 2px #123;}
#footer-brown h4 {font-weight:normal; color:#d6d6ad; margin:0; border-bottom:dotted 1px #332;}
#footer-brown ul {width:630px;} /* this could be any length in px or % */
#footer-brown ul li { width: 25%; float: left; list-style: none; padding-left: 8px; line-height:1em; margin:0 0 13px -13px;}

#footer-about { float: left; width: 250px; text-align:left; padding:13px; color:#aa9;margin-right:13px;}
#footer-about h4 {font-weight:normal; color:#d6d6ad; margin:0; border-bottom:dotted 1px #332; margin-bottom:13px;}
#footer #footer-stuff #footer-about p {margin:0 0 13px 0; text-align:left; font-size:.8em;}

.footer-box { float: left; width: 150px; padding:13px; color:#aa9;margin-right:13px;}
.footer-box h4 {font-weight:normal; color:#d6d6ad; border-bottom:dotted 1px #332; margin:0 0 13px 0;}
.footer-box ul li {line-height:1.8em; margin:0 0 13px -13px;}
.footer-box p {margin:0 0 13px 0; text-align:left; font-size:.8em; line-height:1.5em;}

.footer-box-23 { float: left; width: 340px; padding:13px; color:#aa9;margin-right:13px;}
.footer-box-23 h4 {font-weight:normal; color:#d6d6ad; margin:0; border-bottom:dotted 1px #332; margin-bottom:13px;}
.footer-box-23 ul li {line-height:1.8em; margin:0 0 13px -13px;}
.footer-box-23 p {margin:0 0 13px 0; text-align:left; font-size:.8em;line-height:1.5em;}

/*
_______________________________________ SUBFOOTER
Copyright info at page bottom.
*/
#subfooter {
padding:0;
font-size:.8em;
min-height:44px;
margin:0 auto 21px auto;
text-align:right;
width:670px;
background: transparent url(http://www.vanadia.com/images/studio/subfoot-fader.gif) repeat-x top left;
}






/*
_______________________________________ SUBFOOTER > P
Info at page bottom.
*/
#subfooter p {
font-size:.8em;
color:#080808;
text-align:center;
padding:3px 8px 0 0;
}





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







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








/*
_______________________________________ SUBFOOTER > TOP LINK HOVER
Little arrow (hover) at page bottom.
*/
#subfooter 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:#236;
text-decoration:none;
}
a:active {
color: #000;
text-decoration:none;
}
a:hover {
color:#556B2F;
text-decoration:none;
border-bottom:solid 1px #369;
position:relative;
top:1px;
left:1px;
}









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









/*
_______________________________________________________________________ FORMZ

  _______________________________________  FORM ITEMS */

form {margin:0; padding:0; }


/* _______________________________________ INPUT.captcha */
input.captcha {
 font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;
 border:solid 1px #aa9;
 background-color:#eed;
 font-size:1em;
 color:#333;
 padding:3px;
 width:300px;
}

/* _______________________________________ INPUT.input */

input.input {
 font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;
 border:solid 1px #aa9;
 background-color:#eed;
 font-size:1em;
 color:#333;
 padding:3px;
 width:300px;
}	

/* _______________________________________ TEXTAREA.input */
textarea.input {
 font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;
 border:solid 1px #aa9;
 background-color:#eed; 
 font-size:1em;
 color:#333;
 height:200px;
 padding:3px;
 width:400px;
}

/* _______________________________________ INPUT.button */
input.button {
 font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;
 border:solid 1px #556B2F; 
 background-color:#556b2f;
 font-size:1em;
 color:#cfc;
 font-weight:bold;
 padding:3px; 
 margin:3px 0 8px 0;
}

/* _______________________________________ INPUT.button HOVER */
input:hover.button {
 font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;
 border:solid 1px #556B2F; 
 background-color:#693;
 font-size:1em;
 color:#fff;
 font-weight:bold;
 padding:3px; 
 margin:3px 0 8px 0;
 cursor: pointer;
}


/* _______________________________________ INPUT.email */
input.email {
 font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;
 border:solid 1px #aa9;
 background-color:#eed;
 font-size:1em;
 color:#369;
 width:100%;
}


/* _______________________________________ INPUT.fb */
input.fb {
 font-family: "Lucida Grande", Verdana, Helvetica, Arial, Sans-Serif;
 border:solid 1px #aa9;
 background-color:#eed;
 font-size:1em;
 color:#333;
 width:100%;
}







/*
______________________________________________________________________ EVERYTHING ELSE!
*/








/*
_______________________________________ COMMENT-LINK
*/
#comment-link {float:right; font-size:.7em; margin-top:-26px;}	
#comment-link a:link {color:#369; border-bottom:none;}	
#comment-link a:visited {color:#369; border-bottom:none;}	
#comment-link a:active {border-bottom:#369; color:#000;}	
#comment-link a:hover {border-bottom:#369; color:#556b2f;}	


div.comment-author {float:left; width:180px; padding:0; font-size:.9em; color:#ccc;}
div.comment-speak {float:left; width:420px; font-size:.9em; padding:8px 0 8px 8px; border-left:solid #e0e0d4 1px; }


/*
_______________________________________ DOTTED-LINE
DDD Dotted line. Simple.
*/
div .dotted-line {border-bottom:dotted 1px #e0e0d4; margin:0 0 13px 0;}


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

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








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








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








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

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






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






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




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




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

}






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







/*
_______________________________________________________________________ ETC. */		




/*
_______________________________________ DIV .CENTER
*/
#div.center {
 margin:auto;
 text-align:center;
}


/*
_______________________________________ TABLES
*/
table, tr, td {font-size:1em;}






/*
_______________________________________ 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-weight: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;}
.bigblue {color:#036;}
.brown {color:#321;}
.dark210 {color:#210;}
.gray {color:#888;}
.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;}