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

    STARRING... (in order of appearance) 
_______________________________________ */

/* _______________________________________ BODY */

body { background: #E0E0D4 url(http://www.vanadia.com/images/studio/bg.gif) fixed repeat-x; /* background: #aa9 url(http://www.vanadia.com/images/bg_paper.jpg) fixed repeat;*/ font: 14px/16px 'Trebuchet MS'; color: #111; }

/* _______________________________________ TOP */

#top { margin: 0; padding: 0; clear: both; }

/* _______________________________________ CLEAR */

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

/* _______________________________________ BACKDROP-TOP */

#backdrop-top { background: transparent url('http://www.vanadia.com/images/studio/backdrop/top8.png') no-repeat center bottom; width: 688px; height: 21px; margin:0 auto; clear: both; }

/* _______________________________________ BACKDROP */

#backdrop { background: transparent url('http://www.vanadia.com/images/studio/backdrop/middle8.png') repeat-y center; width: 688px; margin: 0 auto; clear: both; }

/* _______________________________________ HEADER */

#header { background: #080808 url('http://www.vanadia.com/images/studio/stripes/top-back.gif') repeat top left; margin: 0 auto; padding: 0; width: 666px; clear: both; }

/* _______________________________________ LOGIN */

#login { font-size:12px; color: #E3CF57; text-align: right; margin: 0; padding: 1px 13px 0 0; font-family: Tahoma; }

#login a:link { color: #aa9; text-decoration: none; border: none; }
#login a:hover { color: #fff; text-decoration: none; border-bottom: solid 1px #123; }
#login a:visited { color: #aa9; text-decoration: none; border-bottom: none; }
#login a:active { color: #aa9; text-decoration: none; border-bottom: none; }

/* _______________________________________ H1 .VANADIA */

h1.vanadia { color: #E3CF57; padding-left: 21px; margin: 44px 0 0 0; clear: both; font-weight: normal; letter-spacing: 0; font-size: 35px; }
h1.vanadia a:link { color: #fff; text-decoration: none; border: none; }
h1.vanadia a:hover { color: #fff; text-decoration: none; border: none; }
h1.vanadia a:visited { color: #fff; text-decoration: none; border: none; }
h1.vanadia a:active { color: #fff; text-decoration: none; border: none; }

/* _______________________________________ H1 A .web */

h1 a:link.web { color: #fff; text-decoration: none; border: none; }
h1 a:hover.web  { color: #fff; text-decoration: none; border: none; }
h1 a:visited.web { color: #fff; text-decoration: none; border: none; }
h1 a:active.web { color: #fff; text-decoration: none; border: none; }

/* _______________________________________ UNDER-V */

#under-v { margin: 0 0 21px 23px; font-size: 12px; color: #E3CF57; letter-spacing: 2px; font-family: Tahoma; }
#under-v a:link { color: #E3CF57; border: none; text-decoration: none;}
#under-v a:hover { color: #fff; border: none;}
#under-v a:visited { color: #E3CF57; border: none;}
#under-v a:active { color: #fff; border: none;}

/* _______________________________________ TOP-NAV */

#top-nav, #top-nav.van  { border-bottom: solid 1px #080808; text-align: center; margin: 0 auto; padding: 3px 21px 5px 21px; width: 624px; background: #443 url('http://www.vanadia.com/images/studio/top-nav-van.gif') repeat-x top left;  border-top:solid 1px #930; font-size: 1.1em; letter-spacing: 1px; color: #E3CF57; font-weight: normal;}
#top-nav.van a:link,
#top-nav.van a:active,
#top-nav.van a:visited { color: #aa9; border-bottom: none; text-decoration: none; margin: 0 3px; }
#top-nav.van a:hover { color: #fff; border-bottom: none; text-decoration: none; margin: 0 3px; }

/* _______________________________________ TOP-NAV STORYTALK */
#top-nav.storytalk { background: #321 url(http://www.vanadia.com/images/storytalk/top-nav.gif) repeat-x top left;  border-top:solid 1px #431; }
#top-nav.storytalk a:link,
#top-nav.storytalk a:active,
#top-nav.storytalk a:visited { color: #aa9; border-bottom: none; text-decoration: none; margin: 0 3px; }
#top-nav.storytalk a:hover { color: #fff; border-bottom: none; text-decoration: none; margin: 0 3px; }
.storytalk-color { color: #321; }

/* _______________________________________ TOP-NAV ERROR */
#top-nav.error { background: #E3CF57 url('http://www.vanadia.com/images/studio/top-error.gif') repeat-x top left; border-top:solid 1px #123; }

/* _______________________________________ TOP-NAV MMA */
#top-nav.mma { background: #556B2F url('http://www.vanadia.com/images/mma/top-nav.gif') repeat-x top left; border-top:solid 1px #123; }
#top-nav.mma a:link,
#top-nav.mma a:active,
#top-nav.mma a:visited { color: #aa9; border-bottom: none; text-decoration: none; margin: 0 3px; }
#top-nav.mma a:hover { color: #fff; border-bottom: none; text-decoration: none; margin: 0 3px; }
.mma-color { color: #556b2f; }

/* _______________________________________ TOP-NAV NYC STORIES */
#top-nav.nycstories { background: #665 url('http://www.vanadia.com/images/nycstories/top-nav.gif') repeat-x top left;  border-top:solid 1px #210; }
#top-nav.nycstories a:link,
#top-nav.nycstories a:active,
#top-nav.nycstories a:visited { color: #ccb; border-bottom: none; text-decoration: none; margin: 0 3px; }
#top-nav.nycstories a:hover { color: #fff; border-bottom: none; text-decoration: none; margin: 0 3px; }
.nyc-color { color: #665; }

/* _______________________________________ TOP-NAV STOP BEING SWEET */
#top-nav.sbs { background: #993232 url('http://www.vanadia.com/images/stopbeingsweet/top-nav.gif') repeat-x top left; border-top:solid 1px #221; color: #E3CF57; }
#top-nav.sbs a:link,
#top-nav.sbs a:active,
#top-nav.sbs a:visited { color: #aa9; border-bottom: none; text-decoration: none; margin: 0 3px; }
#top-nav.sbs a:hover { color: #fff; border-bottom: none; text-decoration: none; margin: 0 3px; }
.sbs-color { color: #993232; }

/* _______________________________________ TOP-NAV DIY STORIES */
#top-nav.diystories { background: #930 url('http://www.vanadia.com/images/diystories/top-nav.gif') repeat-x top left;  border-top:solid 1px #321; }
#top-nav.diystories a:link,
#top-nav.diystories a:active,
#top-nav.diystories a:visited { color: #aa9; border-bottom: none; text-decoration: none; margin: 0 3px; }
#top-nav.diystories a:hover { color: #fff; border-bottom: none; text-decoration: none; margin: 0 3px; }
.diy-color {color: #930;}

/* _______________________________________ TOP-NAV ART */
#top-nav.art { background: #443 url('http://www.vanadia.com/images/studio/top-nav-van.gif') repeat-x top left;  border-top:solid 1px #930; }
#top-nav.art a:link,
#top-nav.art a:active,
#top-nav.art a:visited { color: #aa9; border-bottom: none; text-decoration: none; margin: 0 3px; }
#top-nav.art a:hover { color: #fff; border-bottom: none; text-decoration: none; margin: 0 3px; }

/* _______________________________________ TOP-NAV KISS */
#top-nav.kiss { background: #999932 url('http://www.vanadia.com/images/studio/top-nav-brownf.gif') repeat-x top left;  border-top:solid 1px #930; }
#top-nav.kiss a:link,
#top-nav.kiss a:active,
#top-nav.kiss a:visited { color: #ffffcb; border-bottom: none; text-decoration: none; margin: 0 3px; }
#top-nav.kiss a:hover { color: #fff; border-bottom: none; text-decoration: none; margin: 0 3px; }


/* _______________________________________ TOP-NAV A ON */
body.about #top-nav a.about,
body.archive #top-nav a.archive,
body.art #top-nav a.art,
body.blog #top-nav a.blog,
body.book #top-nav a.book,
body.contact #top-nav a.contact,
body.classes #top-nav a.classes,
body.events #top-nav a.events,
body.folklore #top-nav a.folklore,
body.forum #top-nav a.forum,
body.index #top-nav a.index,
body.info #top-nav a.info,
body.links #top-nav a.links,
body.live #top-nav a.live,
body.press #top-nav a.press,
body.qigong #top-nav a.qigong,
body.services #top-nav a.services,
body.shows #top-nav a.shows,
body.sitemap #top-nav a.sitemap,
body.storytelling #top-nav a.storytelling,
body.store #top-nav a.store,
body.stories #top-nav a.stories,
body.stuff #top-nav a.stuff,
body.taichi #top-nav a.taichi,
body.work #top-nav a.work,
body.why #top-nav a.why,
body.yoga #top-nav a.yoga {
 color: #fff;
}

/* _______________________________________ STAGEZ */

#stage { width: 666px; padding: 0; margin: 0 auto; background:#fff url(http://www.vanadia.com/images/studio/stripes/white-top.gif) repeat-x top left; clear: both; font: 14px/1.5em 'Lucida Grande', 'Trebuchet MS', sans-serif; }
#stage.stuff { width: 624px; padding: 21px; margin: 0 auto; background:#fff url(http://www.vanadia.com/images/studio/stripes/white-top.gif) repeat-x top left; clear: both; font: 14px/1.5em 'Lucida Grande', 'Trebuchet MS', sans-serif; }
#stage.blog { background: #e0e0d4 url('http://www.vanadia.com/images/studio/stripes/blog.gif') repeat; clear: both; }
#stage.tan { background: #e0e0d4 url('http://www.vanadia.com/images/studio/stripes/tan.gif') repeat; clear: both; }
#stage.split { background: #e0e0d4 url('http://www.vanadia.com/images/studio/stripes/split.gif') repeat; clear: both; }

#stage div.left-half { min-height:555px; background:#fff url(http://www.vanadia.com/images/studio/stripes/white-top.gif) repeat-x top left; margin: 0; padding: 21px 13px 21px 21px; float: left; width: 299px; clear:both; }
#stage div.right-half { float:left; background:#e0e0d4 url(http://www.vanadia.com/images/studio/stripes/tan-top.gif) repeat-x top left; width:299px;padding:21px 13px 0 21px;}

#stage div.content { min-height:555px; background:#fff url(http://www.vanadia.com/images/studio/stripes/white-top.gif) repeat-x top left; margin: 0; padding: 21px; float: left; width: 402px; clear:both;}
#stage div.right { background: #e0e0d4 url(http://www.vanadia.com/images/studio/stripes/tan-top.gif) repeat-x top left; margin: 0; padding: 21px 11px; float: left; width: 200px; font: 13px/1.5em 'Lucida Grande', 'Trebuchet MS', sans-serif; clear: right; }

#stage div.comments { margin: 0; padding: 0; float: left; width: 100%; clear: both; font: 12px/1.5em 'Lucida Grande', 'Trebuchet MS', sans-serif;}
#stage div.comment-l { margin: 0; padding: 0; float: left; width: 150px; border-top: solid 1px #ddc; font-size: 12px;}
#stage div.comment-r { min-height:88px; margin: 0; padding: 0 0 0 13px; float: left; width: 437px; border-top: solid 1px #ddc; font-size: 13px;}

/* _______________________________________ BOXEZ */

div.bigbox {  width: 624px; padding: 0; margin: 0 auto; border-bottom: solid 1px #080808; background:#080808 url(http://www.vanadia.com/images/studio/stripes/white-tops.gif) repeat-x top left; clear: both; font: 14px/1.5em 'Lucida Grande', 'Trebuchet MS', sans-serif; }
div.bigbox h2 {  color:#fff; margin:-13px 0 13px 0; padding:0; }


/* _______________________________________ FOOTER */

#footer { background: #060707 url('http://www.vanadia.com/images/studio/foot.gif') repeat-x top left; width: 666px; margin: 0 auto 21px auto; padding: 0; border-top: solid 1px #4c4c4c; color: #887; font: 14px/1.5em 'Lucida Grande', 'Trebuchet MS', sans-serif;}
#footer.stuff { background: #060707 url('http://www.vanadia.com/images/studio/foot.gif') repeat-x top left;  width: 624px; margin: 0 auto; padding: 21px; border-top: solid 1px #4c4c4c; color: #887; font: 14px/1.5em 'Lucida Grande', 'Trebuchet MS', sans-serif;}

#footer div.content { background: #060707 url('http://www.vanadia.com/images/studio/foot.gif') repeat-x top left;  min-height: 88px; margin: 0; padding: 21px; float: left; width: 402px; font: 14px/1.5em 'Lucida Grande', 'Trebuchet MS', /*sans-serif; clear:both;*/ }
#footer div.right { background: #060707 url('http://www.vanadia.com/images/studio/foot.gif') repeat-x top left;  margin: 0; padding: 21px 11px; float: left; width: 200px; font: 14px/1.5em 'Lucida Grande', 'Trebuchet MS', sans-serif; /*clear: right;*/ }

#footer div.left-half { background: #060707 url('http://www.vanadia.com/images/studio/foot.gif') repeat-x top left;  margin: 0; min-height: 88px; float: left; width: 299px; padding: 21px 13px 0 21px; color: #aa9; font: 14px/1.5em 'Lucida Grande', 'Trebuchet MS', sans-serif; }
#footer div.right-half { background: #060707 url('http://www.vanadia.com/images/studio/foot.gif') repeat-x top left;  margin: 0; float:left; width:299px;padding:21px 13px 0 21px; color:#aa9; font: 14px/1.5em 'Lucida Grande', 'Trebuchet MS', sans-serif; }

#footer a:link { color:#ccc; text-decoration: none; border-bottom: solid 1px #456; }
#footer a:visited { color:#ccc; text-decoration: none; border-bottom: solid 1px #456; }
#footer a:active { color:#fff; text-decoration: none; }
#footer a:hover { color:#fff; text-decoration: none; border-bottom: solid 1px #562; }

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color:#E3CF57; }

/* _______________________________________ BACKDROP-BOTTOM */

#backdrop-bottom { background: transparent url('http://www.vanadia.com/images/studio/backdrop/bottom8.png') no-repeat center top; width: 688px; height: 21px; padding:0; margin: 0 auto 88px auto; }


/* ____________________________________________________________________________________________________________________ ETC */


/* _______________________________________ INPUT */

input[type=text], textarea { font-size: 14px; font-weight: 800; line-height: 1.3em; padding: 3px; border: 1px solid #aa9; font-family: 'Lucida Grande', 'Trebuchet MS', sans-serif; color: #080808; width: 96%; background-color: #efefef;  }
#stage div.right input, #stage div.right select, #stage div.right textarea { background-color: #fff; }

input[type=text] { font-size: 14px; font-weight: 800; line-height: 1.3em; padding: 3px; border: 1px solid #aa9; font-family: 'Lucida Grande', 'Trebuchet MS', sans-serif;  padding: 3px; border: solid 1px #aa9; color: #080808; width: 96%; background-color: #efefef;  }

input[type=password] {font-weight: normal; line-height: 1.1em; padding: 3px; border: solid 1px #aa9; font: 14px/1em 'Lucida Grande', 'Trebuchet MS', sans-serif; color: #080808; background-color: #efefef;   }

select { font-weight: normal; line-height: 1.3em; padding: 3px; border: solid 1px #aa9; font: 14px/1.5em 'Lucida Grande', 'Trebuchet MS', sans-serif; color: #080808; background-color: #efefef;  }

input[type=text].button, input.button, #stage div.right input.button { color: #fff; background-color: #693; font-size: 1.1em; border: solid 1px #693; }

input:hover[type=text].button, input:hover.button, #stage div.right input:hover.button { background-color: #9c6; color: #693; cursor: pointer; }


/* _______________________________________ INPUT FOCUS */

input[type=text]:focus, select:focus, textarea:focus { background-color: #ffc; }
#stage div.right input[type=text]:focus, #stage div.right select:focus, #stage div.right textarea:focus { background-color: #ffe; }


/* _______________________________________ FORM-PAD */
div.form-pad { margin:0 0 21px 0; }

/* _______________________________________ OPT-OUT */

.opt-out {font-size:.9em;color:#332;line-height:1.2em;margin:13px 0 3px 0;}

/* _______________________________________ HEADINGZ */

h1, h2, h3, h4, h5, h6 { font: bold 1em/1.2em 'Trebuchet MS', Sans-Serif; margin: 0 0 13px 0; padding:0; }
h1 { font-size: 30px; letter-spacing: -1.0px; color: #080808; }
h2 { font-size: 28px; font-weight: normal; color: #080808; }
h3 { font-size: 24px; letter-spacing: -1.0px; color: #080808;} 
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover { color: #080808; }  
h4 { font-size: 21px; color: #080808; }  
#footer h4 { font-size: 21px; font-weight: normal;}  
h5 { font-size: 16px; letter-spacing: 1px; color: #080808; } 
div.right h5 { font-size: 16px; letter-spacing: 1px; border-top: solid 1px #aa9; padding:13px 0 -5px 0; font-weight: normal;} 
h6 { font-size: 16px; letter-spacing: -1.0px; color: #080808;} 


/* _______________________________________ UNORDERED LIST .LINKS */

ul.links { padding: 0; margin:0 0 0 21px; }
ul.links li { line-height:1.5em; padding:5px 0 8px 0;}

/* _______________________________________ DATE-UNDER */

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

/* _______________________________________ DATE */

.date {font-size: 12px; text-align: left; margin: -8px 0 21px 0; padding: 0 0 3px 0; border-bottom: solid 0px #ddc; color: #666;}

/* _______________________________________ COMMENT-JUMP */

.comment-jump {font-size: 12px; margin: -13px 0 0 0; text-align: right; color: #888;}

/* _______________________________________ COMBOX */

.combox {background-color:#eee; padding: 8px; border: solid 1px #aaa; margin: 0 0 13px 0;}

/* _______________________________________ COMBOX P */

.combox p {padding:0 3px; }
/* _______________________________________ BORDER-BOX */

.border-box {background-color:#eee; padding: 0 8px; border: solid 1px #aaa; margin: 0 0 13px 0;}

/* _______________________________________ BROWN-BOX */

.brown-box {background-color:#e0e0d4;border:solid 1px #ddd;margin-bottom:13px;padding:0 8px 0 8px;}

/* _______________________________________ HALF-BOX */

.half-box { margin: 0; padding: 0 3px 0 3px; float: left; width: 45%; border-left: solid 1px #aa9; }

/* _______________________________________ CENTER */

.center { margin: 0 auto; padding: 0; text-align: center; }

/* _______________________________________ RIGHT B */

div#right b {font-size:1.1em;}

/* _______________________________________ NORMAL */

.normal {font-weight: normal;}

/* _______________________________________ BIG . BIG */

big, .big { font-size: 1.3em; }

/* _______________________________________ PADZ */

.padbot13 { padding-bottom: 13px; }


/* _______________________________________ LINE */

.line { border-top: solid 1px #ddc; margin: 21px 0; }

/* _______________________________________ SMALL.GRAY */

small.gray { font-size: .8em; color: #888; }

/* _______________________________________ .SMALL */

.small { font-size: .8em; }
/* _______________________________________ .GRAY */

.gray { color: #888; }

/* _______________________________________ BLOCKQUOTE */

blockquote { font-size: 34px; font-family: Georgia; line-height: 32px;border-left: solid 3px #E3CF57; padding: 0 0 0 8px;}

/* _______________________________________ IMG */

#stage div.content img {margin-bottom:8px;}
a img, img a {border: 0; text-decoration: none;} 
img.img-left {float: left; margin: 0 13px 8px 0;}
img.img-right {float: right; margin: 0 0 8px 13px;}
img.border { border: solid 1px #aaa;}
img.big-border { border: solid 13px #ddd; margin: 0 0 13px 0; }
div.picframe { padding: 0 0 5px 0; margin: 3px 0 13px 0; }
div.picframe-r { margin: 3px 0 13px 13px; float: right; }
div.picframe-l { margin: 3px 13px 13px 0; float: left; }
div.picframe p, div.picframe-r p, div.picframe-l p { font-family: 'Trebuchet MS',sans-serif; font-size: 12px; padding: 0 0 0 3px; color:#888; margin: 0; }
div.picframe p.border, div.picframe-r p.border, div.picframe-l p.border { font-family: 'Trebuchet MS',sans-serif; font-size: 12px; padding: 0 0 0 3px; color:#888; margin: -13px 0 0 0; border:0; }

/* _______________________________________ LINKS */

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


/* _______________________________________ FONTZ */
.georgia { font-family: Georgia, serif; }

/* _______________________________________ BOTTOM-LINE */
.bottom-line { border-bottom: solid 1px #ddd; }

/* _______________________________________ BACKGROUND COLORS */

.bg-eee {background-color:#eee;}
.bg-blue {background-color:#036;}
.bg-brown {background-color:#321;}
.bg-green {background-color:#693;}
.bg-hey {background-color:#E3CF57;}
.bg-moss{background-color:#990;}
.bg-olive{background-color:#660;}
.bg-orange {background-color:#c30;}
.bg-purple {background-color:#606;}
.bg-red {background-color:#933;}
.bg-rust {background-color:#841;}
.bg-blood { background-color:#c00;}
.bg-yellow { background-color: #E3CF57; }

/* _______________________________________ COLORS */

.black {color:#080808;}
.blue {color:#036;}
.brown {color:#321;}
.green {color:#693;}
.hey {color:#E3CF57;}
.moss{color:#990;}
.olive{color:#660;}
.orange {color:#c30;}
.purple {color:#606;}
.red {color:#933;}
.rust {color:#930;}
.blood {color:#c00;}
.white { color: #fff; }
.yellow { color: #E3CF57; }
.yellowz { color: #fc3; }






















/* ______________________________________________________________________________ FORUM */


/* _______________________________________ FORUM-TOPIC-HOLDER
holds all the the forum divs in place */

div.forum-topic-holder { width: 624px; background-color: transparent; }

/* _______________________________________ FORUM-HEADING-DIVS
the top bar with the red borders */

div.topic-heading { float:left;width:350px; font-weight: 800; border-top: solid 1px #993232; border-bottom: solid 1px #993232; }
div.replies-heading { float:left;width:50px; font-weight: 800; border-top: solid 1px #993232; border-bottom: solid 1px #993232; }
div.total-views-heading { float:left;width:50px; font-weight: 800; border-top: solid 1px #993232; border-bottom: solid 1px #993232; }
div.post-info-heading { float:left;width:174px; font-weight: 800; border-top: solid 1px #993232; border-bottom: solid 1px #993232; }

/* _______________________________________ FORUM-DIVS
the divs under the bar containing the forum posts and info */

div.topic-title { float: left; width: 350px; border-top: solid 1px #eed; padding: 5px 0;}
div.total-replies { float: left; width: 50px; border-top: solid 1px #eed; padding: 5px 0; }
div.total-views { float: left; width: 50px; border-top: solid 1px #eed; padding: 5px 0; }
div.post-info { float: left; width: 174px; border-top: solid 1px #eed; padding: 5px 0; font-size: 11px; }


/* _______________________________________ POST NEW TOPIC
the divs under the post new topic area (small left, big right) */

div.newtopic-left { float:left; width: 130px; border-right: solid 1px #ddd; padding-bottom: 8px;  }
div.newtopic-right { float:left; width:470px; padding: 0 0 8px 13px; }

/* _______________________________________ FORUM SECTIONS
the divs under the post new topic area (small left, big right) */

div.paginator { width:100%; padding:0; margin:0; }
div.paginate-left { float:left; width: 40%; padding:0; margin-bottom:5px; }
div.postreply-right { float:left; width:60%; padding: 0; margin-bottom:5px; text-align: right; }









/* _______________________________________ */

























/*
    Special formatting for quotes, <code>, <pre> etc..
------------------------------------------------------ */ 

code {
  white-space: normal;
 }

 pre {
 background: #e0e0e0;
 border: 1px solid #ddd;
 color: #333;
 margin: 8px 2px 10px 6px;
 padding: 10px 10px 10px 6px;
 white-space: normal;
}

.codeblock { background: white; 
color:#38394b;
margin:8px 0 13px; padding:13px 13px 13px 0px; border: solid 1px #ddd; }

blockquotez { 
 color: #577538;
 background: #f8fbf3;
 line-height: 17px; 
 margin: 8px 0 10px;
 padding: 5px 10px;
 border-color: #b2b3ce #b2b3ce #b2b3ce #668c5e; 
 border-style: none none none solid;
 border-width: 1px 1px 1px 4px; 
}

blockquotez p { color: #577538; }

.quote_author {
 color: #577538; 
 font-weight: bold;
 margin: 0 0 4px;
 background-color: transparent;
}


/*------------------------------------------------------ MEMBER SIGNATURE
 */ 

.signature { color: #38394b; margin: 15px 18px 0 20px; padding: 10px 0 4px; border-color: #fbedc3 transparent transparent; border-style: solid none none; border-width: 1px; }
.signature p { color: #b37548; }
.signatureTitle { color: #f5d49f; background-color:  transparent; margin: 0; padding: 0 6px 1px 0; }



/*------------------------------------------------------ FORUM TEXT FORMATTING
 */ 



/*------------------------------------------------------ FORUM NAME
On the forum index page, the big text */ 

.forumName {
 letter-spacing:.1em;
 font-size:1.3em; 
}

.forumDescription {
 padding: 0;
 width: 300px;
 font-size:.8em;
}

.forumLightLinks {
 font-size:.9em;
 color: #888; 
 padding:3px 0;
}

.forumLightLinks a:link { 
 text-decoration:   none;
} 
.forumLightLinks a:visited { 
 text-decoration:   none;
}
.forumLightLinks a:hover { 
 text-decoration:   underline;
}

.topicTitle {
 letter-spacing:    .1em;
 color:             #333449;
 background-color:  transparent;  
}

.userBlock {
 padding:	2px 0 2px 0;
}

.edited {
	color:			#f5d49f;
	margin:			15px 18px 0 20px;
	padding:		10px 0 4px;
}

/*------------------------------------------------------  FILE ATTACHMENTS
*/ 

.attachTitle { font-weight: normal; color: #f5d49f; padding:  4px 4px 4px 0; margin: 0 20px 6px; border-bottom: 1px solid #fbedc3; }
.attachBody { color: #73769d; padding: 4px 4px 4px 0; margin: 0 0 0 20px; }

.attachThumb { margin: 3px 6px 3px 0; border: solid 1px #fbedc3; background-color:  white; padding: 0; }

/*
    User Rank Text in Post
------------------------------------------------------ */ 
.rankAdmin {
 font-weight:		bold;
 color:             #577538;
 padding:           2px 0 3px;
 background-color:  transparent;  
}

.rankModerator {
 font-weight: bold;
 color: #990000;
 padding: 2px 0 3px;
 background-color:  transparent;  
}

.rankMember {
 font-weight: bold;
 padding: 2px 0 3px;
 background-color:  transparent;  
}

.rankImage {
 margin: 0;
 padding: 0;
 border:  0;
}

/*------------------------------------------------------ PREVIEW
*/ 

.preview { padding: 8px; margin:0 0 13px; border-color: #E3CF57; border-style: none solid solid; border-width: 1px; }
.previewheading { background:#E3CF57; font-weight:bold;  color:#080808; padding:8px 0 8px 13px; border-top:1px solid #E3CF57; border-right:1px solid #E3CF57; border-left:1px solid #E3CF57; border-bottom-color: #E3CF57; }

/*
    Moderator Highlight
    This controls the look of the name of moderators
    that appear in the stats area.  The idea is that
    moderators appear in the list differently than
    regular members
------------------------------------------------------ */ 
.activeModerator {
 font-weight: bold;
 color:#E3CF57;
}



/*______________________________  TABLES 
*/ 

td {padding:5px 0;}

.border {
 border-top: 1px solid #ddd;
 padding: 0;
 margin-top: 1px;
 margin-bottom: 3px;
}
.ignored {color: #993232; padding: 0; margin: 0 0 8px;}
.tableBorder, .tableBorderLeft { width:100%; margin: 0; padding: 0; }
.tableBorderTopLeft { padding: 0; margin-top: 1px; margin-bottom: 3px; border-left: solid 1px #ddd; border-right: solid 1px #ddd;  }
.tableBorderPad {}
.threadBorder { padding: 0; margin: 0 0 8px; border:solid 1px #ddd; }
.tableBG { background-color: #eee;}

.tablePad {
 padding:  0 2px 4px 2px;
}
td.tablePad2 { padding: 0 13px 0 18px; }
td.tablePad3 { padding: 0 8px 0 21px; }



/*______________________________  FORUM TABLE HEADING
*/ 

.tableHeadingBG { 
 margin: 0;
 padding:8px 13px 8px 0;
 font-weight:bold;
 font-size:1.2em;
}

.BGright { background-position: right top; margin: 0; padding: 15px 18px 11px; border-bottom: 1px solid #ccc; }

.tableHeading {
 letter-spacing: 0.1em;
 font-weight:bold;
 padding: 0;
 margin: 0;
 white-space: nowrap;
}

.tableHeadingSmall { font-size:.8em; font-weight:normal; line-height:1em; padding:0; margin:0;}
.tableRowHeading, .tableRowHeadingBold { padding: 8px 13px 8px 0; font-weight:bold; }
.tableRowSpacer {padding:1px;}


/*______________________________  TABLE CELL ONE 
Topic title, latest post info cols*/
.tableCellOne { background-color:#eee; padding: 5px;}

/*______________________________  TABLE CELL TWO
Replies, views, icon cols*/
.tableCellTwo { padding: 5px; }


.tableCellThree { background-color:#eee;margin:0; padding:13px; }
* html .tableCellThree { padding: 8px 0 8px 13px; }
.tableCellFour { background-color:#eee; padding: 10px 13px 10px 0; }
* html .tableCellFour { padding: 9px 13px 6px 0; }
.leftcol { padding:13px; }


/*______________________________  TABLE POST INFO
Shows in the search results on the right most side. */
 
.tablePostInfo { color:#666; padding: 0 13px 0 21px; font-size:.9em;}


td.T1 { width: 22px; }
td.T2 { width: 333px; }
td.T3 { width: auto; }
td.T4 { width: auto; }
td.T5 { width: 222px; }

/*______________________________  POSTCOUNT
The little red text. */

.postcount { color: #993232; display: block; font-size:.9em;}

td.secondcell { width: 333px; }







/* ------------------------------------------------------ MEMBER PROFILEZ
*/ 


/* ------------------------------------------------------ MENU
The menu heading in the profile on the left. */
 
.profileHead {
 font-weight: bold;
 text-transform:	uppercase;
 color: #993232;
 padding: 3px 3px 3px 0;
 margin:0;
 }

.profileMenu { border-right:solid 1px #ddd;}

.profileMenuInner {
 padding-left:		0;
 padding-right:		8px;
 margin-bottom:		3px;
 margin-top:		3px;
 border-right:              1px solid #ddd;
}

.menuItem { 
 padding: 3px 0 3px 0;
 background: url({path:image_url}bl_orange_arrow.gif) no-repeat left center;
}





.profileHeadingBG {
 color: #577538;
 padding:13px 8px 8px 0;
}

.profileAlertHeadingBG {
 background: 		#fffae2 url({path:image_url}bg_category.jpg) no-repeat right top;
 color:             #c00;
 padding: 8px 5px 5px 13px;
}

/* This is the top left of the member profile table */
.profileTopBox {
 border-top:solid 1px #ddd;
 margin:0;
 padding:0;
}

.profileTitle {
 font-weight:bold;
 color:#993232;
 padding:13px 0 3px 0;
 margin:0;
}

.profileItem {
 color: #38394b;
 margin: 3px 0;  
}

/* This is the right side of the top of the member profile table */
.profilePhoto { padding:1px; margin-top:1px; margin-bottom:3px;border-top:solid 1px #ddd; }

.avatar {
 background:	transparent;
 margin:		3px 13px 3px 0;
}

.photo {
 background:	transparent;
 margin:		5px 13px 0 3px;
}


.menuHeadingBG {
 color:#577538;
 padding: 13px 0 8px 0;
}

.borderTopBot {
 border-top:	1px solid #4B5388;
 border-bottom:	1px solid #4B5388;
}

.borderBot {
 border-bottom:	1px solid #4B5388;
}

.success {
 color: #577538;
 font-weight:bold;
 padding:3px 0;
}

.memberlistRowOne { background: #fff url({path:image_url}bg_forum.ggif) repeat-x left top;padding:5px 6px; border-color: #ddd #ddd #eee #eee; border-style: none solid; border-width: 1px; }
.memberlistRowTwo { background: #eee url({path:image_url}bg_forum.ggif) repeat-x left top;padding: 5px 6px; border-color: #ddd #ddd #eee #eee; border-style: none solid; border-width: 1px; }

.memberlistHead {
 color: #080808;
 font-weight:bold;
 border-bottom:1px solid #666; 
 padding:8px 0; }

.memberlistFooter {
 color: #080808;
 padding: 21px 13px 21px 8px;  
}

.innerShade {
 background-color:#f0f0f0;
 border:solid 1px #668c5e;
 margin:0;
 padding:13px;
}


/*------------------------------------------------------  PAGINATION
*/ 

.paginateBorder { margin-bottom:		7px; margin-left: 10px; }
.paginate {
 padding:           2px 4px;
 margin:		 	0;
 }
.paginateStat {
 padding:           3px 13px;
 margin:			0;
 white-space: 		nowrap; 
 }
.paginateCur {
 padding:           2px 6px;
 margin:			0;
 }
 
.paginate a:link {
 text-decoration:   none;
}
  
.paginatea:visited {
 text-decoration:   none;
}

.paginate a:hover {
 text-decoration:   none;
}

/* ------------------------------------------------------ FORMS
*/ 

form {
 margin:            0;
 padding:           0;
 border:            0;
}
.hidden {
 margin:            0;
 padding:           0;
 border:            0;
}
.select { font-weight:normal; letter-spacing: 0.1em; color: #888; margin-top:3px; margin-bottom:3px; border: solid 1px #888; } 
.multiselect {
 border:1px solid #ddd;
 color: #333;
 margin-top:3px;
 margin-top:3px;
} 
.radio {
 margin-top:        4px;
 margin-bottom:     4px;
 padding:           0;
 border:            0;
}
.checkbox {
 padding:           0;
 border:            0;
}
.buttons { margin: 0; padding:1px 1px 3px; border: 0 transparent; cursor: pointer; }
button#copy { background: url({path:image_url}bt_vsmall_copy.gif) no-repeat; text-indent: -9000px; width: 61px; height: 22px; }
button#move { background: url({path:image_url}bt_vsmall_move.gif) no-repeat; text-indent: -9000px; width: 61px; height: 22px; }
button#delete { background: url({path:image_url}bt_vsmall_delete.gif) no-repeat; text-indent: -9000px; width: 61px; height: 22px; }
button#reply_all { background: url({path:image_url}bt_vsmall_reply_all.gif) no-repeat; text-indent: -9000px; width: 88px; height: 22px; }
button#reply { background: url({path:image_url}bt_vsmall_reply.gif) no-repeat; text-indent: -9000px; width: 61px; height: 22px; }
button#forward { background: url({path:image_url}bt_vsmall_forward.gif) no-repeat; text-indent: -9000px; width: 80px; height: 22px; }
button#add { background: url({path:image_url}bt_vsmall_add_member.gif) no-repeat; text-indent: -9000px; width: 107px; height: 22px; }
a.pm img { margin: 0; }
* html a.pm img { margin-top: -3px; }

/*------------------------------------------------------ ERROR MESSAGES
*/ 

.errorHeading {
 background: #f25800;
 color:  #fff;
 padding:8px;
 border-bottom:1px solid #fff;
 letter-spacing:0.1em;
 font-weight:bold;
}

.errorMessage {
 color: #993232;
 padding: 10px 0;
}

.errorBox {
 background: #fff9f9;
 color: #993232;
 padding:8px;
 margin:0 0 13px;
 border: #993232 solid 1px;
}

.alert {
 color:             #993232;
 font-weight:		bold;
}

.highlight {
 color:             #993232;
}







/*
    SPELL CHECK CSS
--------------------------------------------------------------- */

.iframe {border:1px solid #ddd;}

.wordSuggestion
{
	background-color: #f4f4f4; 
	border: 1px solid #ddd; 
	padding: 3px; 
}

.wordSuggestion a, .wordSuggestion a:active
{
	cursor: pointer;
}

.spellchecked_word
{
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px dashed #993232;
}

.spellchecked_word_selected
{
	cursor: pointer;
	background-color: #E3CF57;
}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-table}
* html .clearfix {height:1%;margin:0 15px 20px 0;display:block}
.clearfix {display:block}

/*---------------------------------------------------------------  FAST REPLY
*/
#fastreply .tableCellTwo, .pad18 .tableCellOne, .pad18 .tableRowHeadingBold, .pad18 .tableCellTwo { padding-right: 18px; padding-left: 18px; }
#email_console_form { padding-top: 30px; }
.class { color: #f23a04; }
table td { font-size: 1em; }


/*---------------------------------------------------------------  EVERYTHING ELSE
*/

.lighttext {color:#666; font-size:.8em;}
.smallLinks{font-size:.8em;}