/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.3;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */
body {font-size:14px;color: #999999;background:#000;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color: #CCCCCC;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:24px;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.0em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}


a, a:active, a:visited, a:focus { text-decoration:none; color:#990000; }
a:hover { text-decoration:none;color:#CC0000 }
body { text-align:center; font-family:verdana; font-size:12px; background: #000000 url(i/bg22.png) center top no-repeat }
#wrapper {width:834px; min-height:100%; margin:auto; text-align:left; display:block; border-left:#333333 thin solid; border-right:#333333 thin solid; padding:5px;   }
#headertop { display:block; background:#dae8ff; padding:3px 10px 3px 10px; }
#header h1 { font-size:24px; margin:0; padding:0; }
h2 { font-size:18px;color: #CCCCCC; }
#header  { display:block; color:#CCCCCC; clear:both; background: # ; padding:10px; }
#header2  {padding-left:310px; padding-top:10px; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif}
#header3  {padding-left:55%}

h1,h2,h3 { font-weight:lighter; }

#body { margin:10px; display:block; }
#footer { width:823px; padding:5px; margin-top:0px; border-top:#333333 thin solid; font-size:12px; }
.floatright { float:right; }
.break { clear:both; font-size:0;color:#00FF00 }

#main h2 { font-size:16px; font-weight:bold; font-style:oblique; font-family:Georgia; margin-top:8px; border-bottom:1px dotted #666666; }
#left { width:20%; float:left; margin:0px 0px 10px 0px; padding:10px; padding-top:0; font-size:12px }
#right{ width:74%; float:left; margin:0px 0px 10px 0px; padding:10px; padding-top:0; background-color:#; font-size:12px;min-height:100%;height:100% }

#topnav { margin:0px; padding-top:3px; padding-bottom:3px; background: #; line-height:30px; font-weight:bold; border-bottom:#333333 thin solid ; border-top:#333333 thin solid }
#topnav a { color:#990000; margin-right:3px; font-size:12px; margin:4px;  border-right:#333333 thin solid; }
#topnav a { line-height:20px; background:#; padding-left:9px; padding-right:15px; }
#topnav a:hover { background:#; text-decoration:none; color: #CC0000;}

li { margin-bottom:2px; color: #666666}
#leftnav ul { list-style-position:inside; margin:0; padding:0;  }
#leftnav ul li { padding:0; margin-left:3px; }

#header h1 { font-size:24px; }
#header h2 { font-size:14px; margin:0; }

/*  ============================== vague312 ============================== */
.randvids{min-width:49%;float:left}
.randvids2{margin-left:35px}
.randlinks3col{padding-left:20px;width:30%;float:left;}
.vheader{font: bold 18px lighter  Georgia, "Times New Roman", Times, serif; color:#FFFFFF;}

/*  ============================== Comments system ============================== */
.commentscontainer{margin:35px 30px 10px 30px;}
/*  comments display  */
.commentsdisplay{}
.commentcell{margin: 0px 0px 10px 35px}
.comments{font-weight:bold;}
.username{font-weight:bold;}
.usercomment{padding-left:35px;font-style:italic}
/*  comments form  */
.postacomment{width:300px;font-weight:bold;line-height:30px}
.commentform{margin:30px 30px 10px 30px;}
.addcomm{}
/*  comments submission  */
.commentsuccess{background: #00FF00; padding: 4px; margin: 2px; color:#000000}
.commentfail{background: #FF0000; padding: 4px; margin: 2px; color:#000000;}
.commenterror{background: #FF9900; padding: 4px; margin: 2px 2px 2px 15px; color:#000000; font-style: oblique}