/*---  Color Me(R6) Pillar theme by my2cents ---*/
/*---  Color Me layout - by Jos aka "bantychick" - http://www.bantychick.com/   ---*/  
/*---  Snazzy Tab layout - 6/24/06 - by Jos aka "bantychick" - http://www.bantychick.com/   ---*/ 
/*---  corners/css main/tabs menus add by my2cents - http://webappworld.net ---*/                        
/*---  corner css based on work by Stu Nicholls - http://www.cssplay.co.uk/index.html ---*/                               
/*---  webappworld.net setup 8/17/2006 Pillar by my2cents ---*/

/*--- Front Page table ---*/
.fpage {
 font-size: 0.89em;
}

/*--- Menu Tab Variables ---*/
#navbar {
 background: transparent;
 text-align: center;
 margin: 0;
 height: 3em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
 overflow: hidden; 
/* */
}

#navbar ul {
/* width: 43.5em; width for 7 tabs */
 margin-top:0;
 margin-bottom:0;
 margin-right: auto;
 margin-left: auto;
 padding:0; list-style-type:none; background:transparent;}
#navbar li {display:block; float:left; margin:0 1px;}
.snazzy {background:transparent;}
.snazzy span {text-align:center; color:#000; margin:0; font-weight:normal; font-family: "Trebuchet MS", "Franklin Gothic Medium", Verdana, Helvetica, sans-serif;}
.snazzy .menubackcolor span { color:#000; }

.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #000; border-right:1px solid #000;}
.b1 {margin:0 5px; background:#000;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #000; border-right:1px solid #000;}

a.nav, a.nav:visited {display:block; text-decoration:none; width:6em;}
a.nav:hover {background:transparent; cursor:pointer;}
a.nav:hover span {padding-top:10px; background:#888;}
a:nav:hover b {background:#888;} 

.tab1 {background:#990099;}
.tab2 {background:#990099;}
.tab3 {background:#990099;}
.tab4 {background:#990099;}
.tab5 {background:#990099;}
.tab6 {background:#990099;}
.tab7 {background:#990099;}
.tab8 {background:#990099;}
.tab9 {background:#990099;}
.tab10 {background:#990099;}
.tab11 {background:#990099;}

a:hover b.tab1, a:hover b.tab2, a:hover b.tab3, a:hover b.tab4, a:hover b.tab5, 
a:hover b.tab6, a:hover b.tab7, a:hover b.tab8, a:hover b.tab9, a:hover b.tab10,
a:hover b.tab11 {background:#888;}

#topnavbar {
 background: transparent;
 text-align: center;
 margin: 0;
 height: 3em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
 overflow: hidden; 
/* */ }

#topnavbar ul {
 width: 43.5em;
 margin-top:0;
 margin-bottom:0;
 margin-right: auto;
 margin-left: auto;
 padding:0; list-style-type:none; background:transparent;}
#topnavbar li {display:block; float:left; margin:0 1px;}

.pad {display:block; height:1em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

a.topnav, a.topnav:visited {display:block; text-decoration:none; width:6em;}
a.topnav:hover {background:transparent; cursor:pointer;}
a.topnav:hover .boxcontent {padding-bottom:0.8em; background:#888;}
a.topnav:hover .pad {height:0.2em;}


/* Pillar type */
.pillar {background: transparent; width:100%; margin:0 auto;}
.pillar h1, .pillar p {margin:0 10px;}
.pillar h1 {font-size:2em; color:#000; letter-spacing:1px;}
.pillar p {padding-bottom:0.5em;}

.pillar .top, .pillar .bottom {display:block; background:transparent; font-size:1px;}
.pillar .b1, .pillar .b2, .pillar .b3, .pillar .b4 {display:block; overflow:hidden;}
.pillar .b1, .pillar .b2, .pillar .b4 {height:1px;}
.pillar .b2, .pillar .b3 {background:#990099; border-left:1px solid #000; border-right:1px solid #000;}
.pillar .b4 {background:#990099; border-left:4px solid #000; border-right:4px solid #000;}

.pillar .b1 {margin:0 2px; background:#000;}
.pillar .b2 {margin:0 1px; border-width:0 1px;}
.pillar .b3 {height:2px; margin:0;}
.pillar .b4 {margin:0 2px;}

.pillar .boxcontent {display:block;}

/*--- Menu Variables ---*/
.cat ul {padding:0; margin:0; width:0;}

.cat li {list-style-type:none; width:125px; height:20px; margin:2px 0; clear:both;}

dt.cat { width:125px; height:20px; margin:2px 0; clear:both;}

.cat a.menu, .cat a.menu:visited {position:relative; display:block; width:125px; height:18px; border: 1px solid #fff; background-color:#fff; color:#904; padding-left:3px; text-decoration:none;}

a.menu span, a.menu:visited span {display:none;}

.cat a.menu:hover {color:#fff; background-color:#990099; border:1px solid #000; text-decoration:none;}

a.menu a:hover span {position:absolute; display:block; left:125px; top:0; width:0px; height:0px; border-left:8px solid #000; border-top:8px solid #fff; border-bottom:8px solid #fff; font-size:1px;}

* html a.menu:hover span {width:8px; height:16px; w\idth:0; he\ight:0;}

/*--- Page Variables ---*/

html {
 font-size: 100%;
}
body {
 background-color: #fff;
 color: #000;
 font-size: 0.8em;
}
td, p, div {
 font-size: 1em;
 font-family: "Trebuchet MS", "Franklin Gothic Medium", Verdana, Helvetica, sans-serif;
}

A:link, A:visited {
 color: #3333FF;
}
A:active, A:hover {
 color: #990099;
 text-decoration: none;
}

.pagetable {
 text-align: center;
}

/*--- Title Box ---*/
.myheadertable { /* logo_block */
 background-color: #fff;
 border: 1px solid #000;
 text-align: right;
 height: 60px;
 line-height: 1.38em;
 font-size: 0.92em;
 margin-bottom:0;
 padding: 5px;
}
.myheadertable form {
 margin-right: 3px;
 text-align: right;
 line-height: 16px;
}
A.helps:link, A.helps:visited, A.helps:active, A.helps:hover { /* help, contact, recommend usually at top */
 font-size: 0.77em;
}

/*--- Menu Bar (bottom bar for Menu Manager) moved up and given id ---*/

/*--- Banner ---*/
.bannertable {
 font-size: 0.95em;
 font-weight: bold;
 text-align: center;
 width: 492px;
 line-height: 15px;
 border: 1px dashed #696969;
 padding: 3px;
}
.bannertext {
}
.bannertexttitle {
}
A.bannerlink:link, A.bannerlink:visited,
A.bannerlink:active, A.bannerlink:hover {
 font-size: 0.95em;
}

/*--- Menu ---*/
/* when using a colored box header, to keep width for netscape 4.7, use: */
.menutable { /* Box title bars */
 background-color: #fff;
 border: 1px solid #000;
 font-weight: bold;
 color: #000000;
 text-align: left;
 padding: 1px;
}
.menubordercolor { /* behind boxes, provides border in some themes */
 background-color: #990099;
 border-left:1px solid #000;
 border-right:1px solid #000;
 margin:0 5px;
 text-align: center;
 padding: 7px;
}
.menubackcolor { /* box content */
 background-color: #fff;
 color: #000;
 border: 1px solid #000;
 padding: 3px;
 text-align: left;
}
.cat {
}

A.menu:link, A.menu:visited {
 font-weight: bold;
 text-decoration: none;
}
A.menu:active, A.menu:hover {
 font-weight: bold;
}

/*--- Who's Online? ---*/
.whocat {
 font-size: 0.92em;
}
.cat ul.whocat {
 margin-left: 12px; /* Firefox */
}
.cat ul.whocat a {
 font-size: 1.1em;
}

A.whomenu:link, A.whomenu:visited, A.whomenu:active, A.whomenu:hover {
 font-weight: bold;
}

/*--- News ---*/
.newssubtitle { /* Notes under front article titles */
 font-size: 0.89em;
}
A.smallnewslink:link, A.smallnewslink:visited { /* Nickname author subtitle notes, more link long front page news */
 text-decoration: none;
}
A.smallnewslink:active, A.smallnewslink:hover {
 text-decoration: underline;
}
.newsfootertable { /* bottom inset text tables (print, email, comments, ...) */
 background-color: #eeeeee;
 border: 1px solid #696969;
 margin-top: 5px;
 margin-bottom: auto;
 margin-right: auto;
 margin-left: auto;
 display: table;
 width: 99%;
 font-size: 0.89em;
 white-space: nowrap;
}
.newsfootertable span {
 display: block;
 float: left;
 text-align: left;
/* display: table-cell; doesn't work in IE */
 width: 50%;
 margin-top: 3px;
 margin-bottom: 3px;
}
.newsfootertable span.newsfootertext { /* inset text bottoms front page news */
 display: block;
 float: right;
 text-align: right;
/* display: table-cell; doesn't work in IE */
 width: 49%;
 padding: 0;
}

A.newslink:link, A.newslink:visited, A.newslink:active, A.newslink:hover { /* links in news footers */
}

/* topics.pl only from here on: */
.fullnewstitle { /* article title news page */
 color: #000000;
 font-weight: bold;
 font-size: 1.2em;
}
.newstextsmall { /* article subtitle notes news page */
 background-color: #a9a9a9;
 color: #000000;
 font-size: 0.89em;
}
.newstextnormal { /* articles text news page */
 padding: 7px;
}
.newstexttitle { /* comments notes (title, number, post link) */
 background-color: #aaaaaa;
 border: 1px solid #696969;
 color: #ffffff;
 font-weight: normal;
}
.commenttitleback { /* Article comment title bar */
 background-color: #990099;
 color: #000000;
 font-weight: bold;
}
.commentsubtitleback {
 background-color: #dcdcdc; /* Comment message subtitle */
 color: #000000;
 font-size: 0.89em;
}
.commentbordercolor {
 background-color: #ffffff; /* these only show when making comment until HTML in topics.pl is fixed */
 color: #000000;
}
.commentbackcolor {
 background-color: #ffffff;
 border: 1px solid #696969;
 color: #000000;
 padding: 7px;
}
A.commentlink:link, A.commentlink:visited, 
A.commentlink:active, A.commentlink:hover {
 font-weight: bold;
}
.articlecatnormal { /* columns on topics page */
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 padding: 10px;
}
.articlecattitle { /* Title tops topics and category pages (also in user.pl) */
 color: #696969;
 font-weight: bold;
 font-size: 1.12em;	
}

/*--- Poll ---*/
.pollquestion {
 color: #CC3333;
 margin-bottom: 5px;
}
.poll {
 text-align: center;
}
.poll .poll {
 text-align: left;
 font-size: 0.89em;
 padding-left: 17px;
 text-indent: -17px;
}
.votebutton { /* poll.pl */
 margin: 5px;
}
A.polllink:link, A.polllink:visited, 
A.polllink:active, A.polllink:hover {
 font-size: 0.895em;
}

/*--- My Content ---*/
.mycontenttable { /* border around latest forum posts bottom of page (if turned on) */ 
 width: 98%;
 margin-left: auto; /* Firefox */
 margin-right: auto;
 margin-bottom: 10px;
}
.mycontenttext, .mycontenttexttitle {
}
A.mycontentlink:link, A.mycontentlink:visited, 
A.mycontentlink:active, A.mycontentlink:hover {
 font-weight: bold;
}

/*--- Helps Nav ---*/
.helpsnavtable { /* small block at bottom (help, contact, stats, ...) */
 background-color: #ffffff;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
 width: 23em;
 border: 1px solid #000000;
 margin: 15px;	
 padding: 3px;
}
A.helpsnavlink:link, A.helpsnavlink:visited, A.helpsnavlink:active, A.helpsnavlink:hover { /* instantmessages.pl has this */
}

/*--- WebAPP Footer ---*/
.webapptext {
 font-size: 0.95em;
 font-weight: bold;
 width: 550px;
 height: 70px;
 padding-top: 4px;
}
A.webapplink:link, A.webapplink:visited {
 text-decoration: none;
}
A.webapplink:active, A.webapplink:hover {
 text-decoration: underline;
}

/*--- Forum ---*/
.forumtext { /* nav tree, site time and other text under index */
}
.forumtextbold {
 font-weight: bold;
}
.forumtitlebackcolor { /* table behind topics and messages indexes (makes grid) */
 background-color: #990099;
 color: #000000;
}
.boardtitle { /* board and category title rows */
 background-color: #990099;
 color: #000000;
 font-weight: bold;
 padding: 3px;
}
.forumwindow1 {
 background-color: #bbb; /* stickies, link info, etc... */
 color: #000000;
 font-weight: normal;
}
.forumwindow2 { /* (set link text separately) forum and board index category titles, messages, overview messages */
 background-color: #ffffff;
 color: #000000;
 font-weight: normal;
}
.forumwindow3 { /* alternate messages, overview subtitles, alternate board index categories */
 background-color: #f5f5f5;
 color: #000000;
 font-weight: normal;
}
A.forumlink:link, A.forumlink:visited, 
A.forumlink:active, A.forumlink:hover { /* board titles */
 font-weight: bold;
}
A.forumnav:link, A.forumnav:visited, A.forumnav:active, A.forumnav:hover { /* navigation tree, mark as read */
}

/*--- Stats ---*/
.statstext {
 text-align: left;
}
.statstextbold {
 font-weight: bold;
 text-align: left;
}

/*--- IM ---*/
/* Grid background and each single message heading set in theme.pl variables */

.imtitle {
 background-color: #990099;
 color: #000000;
}
.imselected { /* Highlight IM being read */
 background-color: #bbb;
 color: #000000;
}
.imwindow1 { /* First, third, ..., message in list */
 background-color: #ffffff;
 color: #000000;
}
.imwindow2 { /* Second, fourth, ..., message in list */
 background-color: #f5f5f5;
 color: #000000;
}
A.newimlink:link, A.newimlink:visited, 
A.newimlink:active, A.newimlink:hover {
 font-weight: bold;
}
A.oldimlink:link, A.oldimlink:visited, A.oldimlink:active, A.oldimlink:hover {
}

/*--- Text ---*/
.text {
 background-color: #ffffff;
 color: #000000;
}
.textsmall {
 font-size: 0.85em;
 font-family: Arial, Helvetica, sans-serif;
}
.texttitle {
 color: #000000; /* titles on pages various sections */
 font-weight: bold;
 font-size: 1.2em;
 padding-top: 0px;
 margin-top: 0px;
}
/* texttitle: palm article titles, about, caption in admin "Site Configuration", help, */
/* admin send newsletter, title on view article or comment from search, */
/* user welcome view profile, data_error, print_main (welcome) */

/*--- Form ---*/
.formstextnormal {
 font-weight: bold; /* many forms */
 padding: 7px;
}
.formstext {
 /* text right of form field title post article, post comment, edit profile */
}
.formstexttitle {
 color: #000000; /* edit profile titles */
 font-weight: bold;
 font-size: 1.2em;
}
.formstextsmall {
  font-size: 0.89em; /* edit profile (required fields note) */
}
.button {
}

/*--- not in use, not implemented in any files in WebAPP ---*/
/* .articlecatempty, .time, .helpsnavtext, .helpsnavtexttitle */

/*--- Calendar (also still has settings in calendar.cfg) ---*/
.calhead {
 text-align: center;
}
.calbody {
}
.calhigh {
 background-color: #FFFFCC;
}
.calhigh a:link, .calhigh a:visited, .calhigh a:active, .calhigh a:hover {
 font-weight: bold;
}
.caltoday {
 font-weight: bold;
 color: #FF3300;
 font-size: 10px;
}

/*--- Custom ---*/
FORM { /* keeps forms flat (display:inline; works too) */
 margin : 0px;
}
HR {
 color: #A9A9A9;
 height: 1px;
 background-color: #dcdcdc;
 border: 0;
}
.codepost { /* scroll boxes for posting code in forums or articles */
 background-color: #ffffff;
 color: #000000;
 width: 340px;
 height: 150px;
 white-space: nowrap;
 overflow: scroll;
 padding-left: 2px;
 padding-bottom: 12px;
 font-size: 0.85em;
}
blockquote { 
 font-size: 0.98em; 
 font-family: Arial; 
 color: #000000; 
 width: 25em;
 border: 1px solid #696969; 
 background-color: #FFFFFF; 
 padding: 3px; 
} 


/* NEW CLASSES FOR 0.9.9.3: */

/* "More" link for long articles shortened on front page */ 
.morelink {
 font-size: 0.89em;
}

/* for firefox */ 
a img {
 border:0; 
 text-decoration:none; 
}

.highlight { /* 3 for whoson */
 color: #FFFFCC;
 font-weight: bold;
}
.mouseoveroff {
}
.mouseover {
 cursor: help;
 background-color: #ffccff;
 color: #000000;
}

/* these need to be kept below the other rules if to override an old style */
/* some of them are compound classes */
.tableback { /* behind whole table, makes edges if in different color */
 background-color: #696969;
 color: #000000;
 font-weight: normal;
}
.titlebar { /* section titles */
 font-weight: bold;
}
.columnheader { /* column headers can be different color */
 background-color: #f5f5f5;
 color: #000000;
 font-weight: bold;
}
.tabletext { /* ordinary text in tables */
 background-color: #ffffff;
 color: #000000;
}

.menutable A:link, .menutable A:visited { /* links in the navbar */
 font-weight: bold; /* netscape 4.7 */
}
.menutable A:active, .menutable A:hover {
 font-weight: bold; /* netscape 4.7 */
}

/*--- Menu Bar (bottom bar for Menu Manager) moved up and given id ---*/

/* for contributors list (action=ver) */
.ver A:link, .ver A:visited {
}
.ver A:active, .ver A:hover {
}

/* new for betaapp */

.spacer {
 background-color: #ffffff;
 border: 0;
}

table.forumtitlebackcolor {
 border-spacing: 1px; /* doesn't work IE */
 border-collapse: separate; /* doesn't work IE with cellspacing defined in tables */
}

/*--- NEW CLASSES FOR code moved from theme.pl by my2cents after 0.9.9.3.2 ---*/ 
.titlebg { /* grid behind admin, instantmessage, and memberlist */
    background-color:#396DA6; 
} 
.titletext { /* column headings admin pages */
 background-color: #F2C973;
} 
.windowbg { /* articles admin, memberlist and instantmessage header rows */
    background-color:#dddddd; 
} 
.windowbg2 { /* articles admin, memberlist rows */
    background-color:#f5f5f5; 
} 
.windowbg3 { /* articles admin, memberlist alternate rows */
    background-color:#ffffff; 
} 
/*------ end code moved from theme.pl -----------------------*/

.textinput { /* text inputs on forms */
}
textarea { /* textarea inputs on forms */
}
input  { /* checkboxes, and radio inputs on forms, all input size if not declared elsewhere */
 font-size: 0.92em;
}
select { /* dropdown selects on forms */
}

/* custom */