/* ----------- OpuScribo Stylesheet ----------- */
/* -------- See Download Instructions! -------- */
html { min-height: 100%; margin-bottom: 1px; overflow: -moz-scrollbars-vertical !important; }
scrollbar[orient="vertical"] { display: none !important; }
body, table {background:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:1.5em}

/* --- main links sitewide --- */
A { text-decoration: underline; color:#000066; }
A:Hover { text-decoration: none; color:#009999; }

/* --------------- Default Layout styles ---------------- */
#main {width:95%;  <x>margin-left: -50%;</x>}  /* --- width whole page --- */
#maincol {width:60%;}  /* --- width of main column --- */
#gapcol {width:10%;}  /* --- width of gap column --- */
#navcol {width:30%; line-height:2em;}  /* --- width of nav column --- */

/* ---------- Single Column Blog Stuff ---------- */
#sgltopnav {border:1px solid #cfcfcf; border-top:0px; padding:0px; padding-left:5px;}

/* --- content text styles --- */
/* -- 0 margins here make paragraphs & lists like line breaks -- */
/* -- Makes visually compatible with browsers that use divs or br's for breaks -- */
p, ul, ol, blockquote {margin-top:0px; margin-bottom:0px;}

.ptitle {font-size:15px; font-weight:bold; color:#000099;}
.headline {font-size:13px; font-weight:bold; color:#0000cc;}
.large {font-size:14px;}
.small {font-size:10px;}
.cpyr {font-size:9px; color:#999999;}

#imgdflt {display:block; margin-left:auto; margin-right:auto;}
#imglft {float:left; margin-left:0px; margin-right:20px; margin-top:5px; margin-bottom:5px;}
#imgrgt {float:right; margin-left:20px; margin-right:0px; margin-top:5px; margin-bottom:5px;}

hr {border:none 0; border-top:1px dashed #cccccc; height:1px;}
/* ----------- End Basic Stylesheet ----------- */

/* ------------ Pages and Articles specific styles ------------ */
/* --- The Article List --- */
.articlist {border:1px solid #dfdfdf; background-color:#fcfcfc; padding:5px;}


/* ---------------------------------------------- */
/* ------------ Blog specific styles ------------ */
/* ----- Change color and sizes if you want ----- */
/* ------- DO NOT change the class names! ------- */
/* ----- Copy & paste into your stylesheet. ----- */
/* ---------------------------------------------- */
.timestamp {color:#000099;}
.egap {height:15px;} /* --- depth of gap between entries --- */

.blog {} /* --- Blog entry, blank - style if you want --- */
/* --- Blog Header Site Name text if used --- */
.name {margin-bottom:7px; font-size:24px; color:#3f3f3f;}

/* --- comments styles --- */
#cmntline {border-top:1px dashed #cccccc;}
.cmntd {color:#006699; text-align:left; font-size:10px;}
.cmntdash {color:#cccccc;}
.cmntnote {width:50%; border:1px solid #00cccc; background:#efefef; padding:3px; color:#006699; text-align:center;}
#contcmnt {float:center;
 width:80%;  /* --- comment page width --- */
 margin-top:0px; border:0px solid #cccccc; padding:0px; background:#ffffff; text-align:left;}
#comment {margin-top:10px; border:1px dashed #cccccc; padding:5px; background:#ffffff; text-align:left;}
.cmntform {width:90%; border:1px solid #999999; background:#dfdfdf; padding:5px;}
#cmpost {border:1px solid #999999; background: #efefef; text-align:left; padding:5px;}
.nocommentsyet {border:1px solid #cccccc; background:#efefef; padding:3px;}

/* ----- Nav column elements ----- */
/* --- Panels for articles etc --- */
/* ------- Style as you want ----- */
.panels {border:0px solid #cccccc; background-color:ffffff; padding:0px;}

/* -- other -- */
 /* --- width is for archive AND search pages --- */
#archsrch {float:center; width:80%; margin-top:0px; border:0px solid #cccccc; background:#ffffff; text-align:left; line=height:1.5em;}
.jsadrop {width:100px; font-size:10px;} /* --- JS Archive drop width --- */

/* --- search styles only --- */
.srchbx {border:1px solid #cfcfcf; background-color:#f0f0f0; padding:1px;}
#srchres {line=height:1em; padding:2px;}
.srchnomatches {margin-left:5px; border:1px solid #cccccc; background:#efefef; padding:1px; color:#000000;}
.srchrehead {margin-top:10px; border-left:1px solid #cccccc; border-top:1px solid #cccccc; padding:2px; color:#006699; text-align:left; width:50%;}
.seararch {width:100%; margin:0px;}
.srchbox {width:120px; margin:0px; font-size:85%;}

/* ----- 
Forms - always needed so they look nice.
Note - may alter the look of your other forms,
if used on site with another stylesheet defining forms 
----- */
input, textarea {width:80%;
 margin-left:auto; margin-right:auto;
 border:1px solid #999999; font-weight:plain; color:#000000; background:#ffffff;}

/* -- for human verification - change path to yours as needed -- */
.stitle { background: url('cmntbg.gif') #ffffff;}

.mbtn {width:auto; border:1px solid #999999; background:URL('/tradeblog/buttonbg.jpg') #efefef; color:#003366; font-size:80%; text-decoration:none; text-align:center; cursor:pointer;}

.gobtn {width:auto; height:auto; border:1px solid #999999; background: URL('/tradeblog/buttonbg.jpg') #efefef; color:#003366; font-size:85%; text-decoration:none; text-align:center; cursor:pointer;}

form { margin-bottom:0px; }