/*---       "Color Me 096 Standard" theme (c) my2cents (www.webappworld.net)       ---*/
/*---                 and Jocelyn Brown (www.bantychick.com)                       ---*/
/*---  Based on "Color Me" theme by Jos using design/color from Old WebAPP v0.9.6  ---*/
/*---    Standard Theme (2002) as integrated by my2cents (www.webappworld.net)     ---*/
/*---            Work done for the BetaAPP Project (www.betaapp.org)               ---*/
/*---       Dedicated to WebAPP (www.web-app.org) 7 Sept 2006 for v0.9.9.3.5       ---*/
/*---                    Last Modified for WebAPP v0.9.9.7                         ---*/
/*---                                                                              ---*/
/*---          WebAPP Copyright (c) 2002, 2003, 2004, 2005, 2006, 2007, 2008       ---*/
/*---          M. Carter Brown                                                     ---*/
/*---          Jocelyn Brown                                                       ---*/
/*---          www.web-app.org                                                     ---*/
/*---                                                                              ---*/
/*---          See individual file headers for more details on copyrights by       ---*/
/*---          contributing developers, per file and per subroutine as noted.      ---*/
/*---                                                                              ---*/
/*---      ( webappworld.net Copyright (c) Web-APP - all rights reserved )         ---*/
/*---    J. Williams - my2cents - (www.classicchat.net, www.webappworld.net)       ---*/
/*---                           L.N.T. LTD.                                        ---*/
/*---                                                                              ---*/
/*---           This work is licensed under a Creative Commons                     ---*/
/*---      Attribution-Noncommercial-No Derivative Works 3.0 Unported              ---*/
/*---           http://creativecommons.org/licenses/by-nc-nd/3.0/                  ---*/
/*---                                                                              ---*/
/*---         to Share — to copy, distribute and transmit the work                 ---*/
/*---                                                                              ---*/
/*---         Attribution. You must attribute the work in the manner               ---*/
/*---         specified by the author or licensor (but not in any way              ---*/
/*---       that suggests that they endorse you or your use of the work).          ---*/
/*---                                                                              ---*/
/*---     Noncommercial. You may not use this work for commercial purposes.        ---*/
/*---                                                                              ---*/
/*--- No Derivative Works. You may not alter, transform, or build upon this work.  ---*/
/*---                                                                              ---*/
/*---        For any reuse or distribution, you must make clear to others          ---*/
/*---           the license terms of this work. The best way to do this            ---*/
/*---                   is with a link to the above web page.                      ---*/
/*---                                                                              ---*/
/*---       Any of the above conditions can be waived if you get permission        ---*/
/*---                          from the copyright holder.                          ---*/
/*---                                                                              ---*/
/*---   Nothing in this license impairs or restricts the author's moral rights.    ---*/ 


/*--- Page Variables ---*/
html {
 font-size: 100%;
 scrollbar-3d-light-color:#555; 
 scrollbar-arrow-color:#fff; 
 scrollbar-base-color:#000; 
 scrollbar-dark-shadow-color:#CE7014; 
 scrollbar-face-color:#000; 
 scrollbar-highlight-color:#CE7014; 
 scrollbar-shadow-color:#000;
}
body {
 margin: 0;
 padding: 0;
 background: #837560;
 color: #70695A;
 font-size: .68em;
}
td, p, div {
 font-size: 1em;
 font-family: verdana, arial, sans-serif;
}

A:link, A:visited {
 color: #CE7014;
}
A:active, A:hover {
 color: #f70;
 text-decoration: underline overline;
}

.pagetable {
 text-align: center;
}

#logo { /*--- logo  block ---*/
 background: #000 url(images/english/logo.jpg) no-repeat;
 height: 135px;
 text-align: left;
 margin: 0;
}
#logo h1 { 
 background: transparent;
 margin: 0px;
 padding: 60px 0 0 69px;
 font-family: arial, sans-serif;
 font-size: 180%;
 letter-spacing: .1em;
}
/*--- link for logo ---*/
A.logo:link, A.logo:visited {text-decoration:none; color: #fff;}
A.logo:active, A.logo:hover {text-decoration:underline;}
#logo h2
{ margin: 0px;
  padding: 0px 0px 4px 70px;
  font-size: 100%;
  color:#ccc;
}
#logo form {
 border: 0 solid #444;
 margin: -62px 10px 0 10px;
 text-align: right;
}
#logo form .textinput {
 background-color: #ccc;
 color: #000;
 margin-top:3px;
 margin-bottom:3px;
}
/*--- link for top search (Adavanced) ---*/
.topsearch {font-size: 80%;}
A.topsearch:link, A.topsearch:visited {text-decoration: none; color: #DBD7D1;}
A.topsearch:active, A.topsearch:hover {text-decoration: underline; color: #DBD7D1;}

/* links above the logo / at bottom footer */
.toplinks, #footer {
  margin-left: auto; 
  margin-right: auto;
  padding: 10px 21px 0px 19px;
  height: 26px;
  font-size: 80%;
  text-transform: uppercase;
  background: #444 url(images/menu.png);
  color: #DBD7D1;
  border-color: #D7D7D7;
}

#footer {text-align: left; color: #fff;}
.toplinks {text-align: right; color: #fff;}
.toplinks a, #footer a{text-decoration: none; color: #DBD7D1;}
.toplinks a:hover, #footer a:hover{text-decoration: underline; color: #DBD7D1;}


/*--- Banner ---*/
.bannertable {
 border: 1px outset #E88E23;
 margin: 5px 3px 0 3px;
 padding: 0 0 3px 0;
 font-size: 0.87em;
 text-align: center;
 line-height: 1.4em;
}
.bannertext {
}
.bannertexttitle {
}
A.bannerlink:link, A.bannerlink:visited,
A.bannerlink:active, A.bannerlink:hover {
}

/*--- Main ---*/
.menutable {
	/* Box title bars */
	border-bottom: 1px solid #CAAE90;
	color: Black;
	font-style: bold;
	text-align: left;
}
.menutable h2, .menutable h3 {
 font-size: 1.25em;
 line-height: 1.35em;
 font-weight: normal;
 margin: 0;
 padding: 0;
}
.menubordercolor { /* behind boxes, provides border in some themes */
 margin-bottom: 5px;
}
.menubackcolor { /* box content */
 padding: 6px;
 text-align: left;
}

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

/*--- Sidebar ---*/
.menu1table { /* Box title bars */
 background: #CE7014 url(images/sbi_header.png);
 border: 1px ridge #f70;
 color: #000;
 text-align: left;
 margin: 0 2px;
 padding-top: 4px;
 padding-bottom: 4px;
}
.menu1table h2, .menu1table h3 {
 font-size: 1em;
 line-height: 1.2em;
 margin: 0;
 padding: 0;
}
.menu1bordercolor { /* behind boxes, provides border in some themes */
 font-weight: normal;
}
.menu1backcolor { /* box content */
 padding: 3px 3px 6px 3px; 
 text-align: left;
}
.sidebarpad {
 height: 10px;
}
.sidebar form { /* keeps forms flat (display:inline; works too) */
 background-color: #555;
 border: 1px solid #CAAE90;
 margin : 0px;
 padding: 3px;
}
.sidebar .textinput { /* text inputs on forms */
 background-color: #555;
 color: #DBD7D1;
}
.sidebar select  {   /* select drop down on forms */
 background-color: #555;
 color: #DBD7D1;
}
.cat{margin: -3px 0 0 0;}
.cat ul {padding:0; margin:0; width:0;}
.cat li {list-style-type:none; width:154px; height:24px; margin:0; clear:both;}

/*---  Theme/Lang Drop image positioning - left, right and center ---*/
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

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

/*--- Theme/Lang Drop Variables ---*/
dt.cat {width:154px; height:20px; clear:both; margin:0;}
dt.cat a.menu, .cat a.menu:visited {display:block; background: transparent url(images/cog.png) no-repeat right center; color:#D1D3D7; font-weight: normal;}
dt.cat a.menu:hover {display:block; background: transparent url(images/orange_cog.png) no-repeat right center; color:#FF9C27; font-weight: normal;} 

/*--- Menu Variables ---*/
li.menu a:link, li.menu a:visited {color:#ddd; background: #555 url(images/link.png); text-decoration: none; font-weight: normal; display:block; width:154px; height:24px; line-height:23px; text-indent:3px;}
li.menu a:active, li.menu a:hover {background: #B7B7B7; color:#CE7014; text-decoration: none; font-weight: normal;}

.menu1backcolor a, .menu1backcolor a:visited {
 font-weight: normal;
 color: #DBD7D1;
}
.menu1backcolor a:active, .menu1backcolor a:hover {
 font-weight: normal;
 color:#CE7014;
}

div.cat ul {}
* html div.cat ul {}
div.cat ul li {list-style-type:none;}


/*--- Who's Online? ---*/
.whocat {
 font-size: 0.92em;
 line-height: 1.35em;
}
.cat ul.whocat {
 margin-left: 12px; /* Firefox */
}
.cat ul.whocat a {
 font-size: 1.1em;
}
.cat ul.whocat li {
 list-style-position: outside;
 text-indent: 0;
}
* html ul.whocat li {
 margin-left: 3px;
 padding-left: 3px;
}

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 overline;
}
.newsfootertable { /* bottom inset text tables (print, email, comments, ...) */
 background-color: #F3EFE9;
 border: 1px outset #F3EFE9;
 margin: 7px auto 0 auto;
 display: table;
 height:1.5em;
 width: 98%;
 font-size: 0.87em;
 white-space: nowrap;
 padding: 2px 0;
}
.newsfootertable span {
 display: block;
 float: left;
 text-align: left;
/* display: table-cell; doesn't work in IE */
 width: 50%;
 margin: 0;
 padding: 0;
}
.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%;
}

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: #70695A;
 font-weight: bold;
 font-size: 16px;
}
.newstextsmall { /* article subtitle notes news page */
 font-size: 0.89em;
}
.newstextnormal { /* articles text news page */
 padding: 0;
}
.newstexttitle { /* comments notes (title, number, post link) */
 background-color: #bbb;
 color: #fff;
 font-weight: normal;
}
.commenttitleback { /* Article comment title bar */
 background-color: #555;
 color: #DBD7D1;
 font-weight: bold;
}
.commentsubtitleback {
 background-color: #F3EFE9; /* Comment message subtitle */
 border: 1px inset #fff;
 color: #70695A;
 font-size: 0.89em;
}
.commentbordercolor {
 background-color: #fff; /* these only show when making comment until HTML in topics.pl is fixed */
 color: #70695A;
}
.commentbackcolor {
 background-color: #fff;
 border: 3px double #CAAE90;
 color: #70695A;
}
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: 14px;	
}

/*--- Poll ---*/
.pollquestion {
 margin-bottom: 5px;
}
.poll {
 text-align: center;
}
.poll .poll {
 text-align: left;
 font-size: 0.89em;
 padding-left:14px;
 text-indent:-14px;
}
.votebutton { /* poll.pl */
 background: #CE7014 url(images/sbi_header.png);
 border: 1px outset #f70;
 color: #000;
 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;
}
.mycontenttable a {
 font-size: 1.1em;
}


/*--- 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: #CE7014;
 color: #70695A;
}
.boardtitle { /* board and category title rows */
 background-color: #FFBE5D;
 color: #000;
 font-weight: bold;
 padding: 3px;
}
.forumwindow1 {
 background-color: #FFF6E8; /* stickies, link info, etc... */
 color: #70695A;
 font-weight: normal;
}
.forumwindow2 { /* (set link text separately) forum and board index category titles, messages, overview messages */
 background-color: #fff;
 color: #70695A;
 font-weight: normal;
}
.forumwindow3 { /* alternate messages, overview subtitles, alternate board index categories */
 background-color: #f5f5f5;
 color: #70695A;
 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: #FFBE5D;
 color: #000;
}
.imselected { /* Highlight IM being read */
 background-color: #FFF6E8;
 color: #70695A;
}
.imwindow1 { /* First, third, ..., message in list */
 background-color: #fff;
 color: #70695A;
}
.imwindow2 { /* Second, fourth, ..., message in list */
 background-color: #f5f5f5;
 color: #70695A;
}
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: #fff;
 color: #70695A;
}
.textsmall {
 font-size: 0.85em;
 font-family: Arial, Helvetica, sans-serif;
}
.texttitle {
 color: #70695A; /* titles on pages various sections */
 font-weight: bold;
 font-size: 16px;
 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 ---*/
form { /* keeps forms flat (display:inline; works too) */
 border: 1px outset #E88E23;
 padding: 4px;
 margin : 0px;
}
.formstextnormal {
 font-weight: bold; /* many forms */
 padding: 7px;
}
.formstext {
 /* text right of form field title post article, post comment, edit profile */
}
.formstexttitle {
 color: #70695A; /* edit profile titles */
 font-weight: bold;
 font-size: 16px;
}
.formstextsmall {
 font-size: 11px; /* edit profile (required fields note) */
}
.button {
 background: #CE7014 url(images/sbi_header.png);
 border: 1px outset #f70;
 color: #000;
}

/*--- 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 ---*/
HR {
 color: #A9A9A9;
 height: 1px;
 background-color: #dcdcdc;
 border: 0;
 margin:2px 0;
}
.codepost { /* scroll boxes for posting code in forums or articles */
 background-color: #fff;
 color: #000;
 width: 340px;
 height: 150px;
 white-space: nowrap;
 overflow: scroll;
 padding-left: 2px;
 padding-bottom: 12px;
 font-family: "Courier New", "Courier Regular", Lucida;
 font-size: 9pt;
}
blockquote hr {
 color: #CE7014;
 height: 1px;
 background-color: #CE7014;
 border: 0;
 margin:2px 0;
}
blockquote { 
 font-family: Arial;
 border-left: 5px solid #CE7014; 
 padding: 3px; 
 margin-left: 5px;
} 
blockquote blockquote { 
 font-family: Arial;
 border-left: 5px solid #545454; 
 padding: 3px; 
 margin-left: 5px;
}  

/* NEW CLASSES FOR 0.9.9.3: */

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

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

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

/* 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: #CE7014;
 color: #000;
 font-weight: normal;
}
.titlebar { /* section titles */
 background: #CE7014 url(images/sbi_header.png);
 color: #000;
 font-weight: bold;
}
.columnheader { /* column headers can be different color */
 background-color: #555;
 color: #DBD7D1;
 font-weight: bold;
}
.tabletext { /* ordinary text in tables */
 background-color: #fff;
 color: #70695A;
}

/*--- Square Tabs css by my2cents 8.22.2007 ---*/
/*--- Top Menu Bar (Menu Manager) ---*/
/*--- Menu Bar (bottom bar for Menu Manager)---*/
#topnavbar, #navbar { /* Menu bar */
 background-image: url(images/menu.png);
 background-color: #444;
 height: 42px;
 margin: 0;
}
#topnavbar ul, #navbar ul {
 margin: 0;
 list-style: none;
}
#topnavbar li, #navbar li {
 white-space: nowrap;
 float: left;
 text-align: center;
}

/*--- normal menu link (inactive) ---*/
li.topnav a:link, li.topnav a:visited, li.nav a:link, li.nav a:visited { 
 padding: 7px 19px 22px 19px;
 color: #D1D3D7;
 text-decoration: none; 
 text-transform: uppercase;
 display: block;
}

/*--- menu link (hover) ---*/
li.topnav a:active, li.topnav a:hover, li.nav a:active, li.nav a:hover {
 padding: 7px 19px 22px 19px;
 background: #CE7014 url(images/menu_hover.png);
 color: #444;
 text-decoration: none; 
 text-transform: uppercase;
 display: block;
}

/*--- menu link (active) ---*/
#topnavbar A.menuon:link, #topnavbar A.menuon:visited, #navbar A.menuon:link, #navbar A.menuon:visited {
 padding: 7px 19px 22px 19px;
 background: #CE7014 url(images/menu_hover.png);
 color: #444;
 text-decoration: none; 
 text-transform: uppercase;
 display: block;
}


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

.spacer {
 background: #CE7014 url(images/sbi_header.png);
 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: #CE7014; 
} 
.titletext { /* column headings admin pages */
    background-color:  #F2C973;
} 
.windowbg { /* articles admin, memberlist and instantmessage header rows */
    background-color: #F3EFE9; 
    border: 0; 
} 
.windowbg2 { /* articles admin, memberlist rows */
    background-color: #f5f5f5; 
} 
.windowbg3 { /* articles admin, memberlist alternate rows */
    background-color: #fff; 
} 
/*------ end code moved from theme.pl -----------------------*/

/* inputs on forms */
.textinput { /* text inputs on forms */
}
textarea {  /* text areass on forms */
}
select  {   /* select drop down on forms */
}
input {   /* font size or size of inputs on forms */
 border-color: #E88E23;
}

.legend {}

.clear {
 clear: both;
 font-size: 1px;
 line-height: 1px;
}

div.shoutbox iframe {
 display: inline;
}
div.shoutbox input.textinput {
 margin: 3px;
}

/* 0.9.9.7 */
.discrete {
 color: #C0C0C0;
}

/* 0.9.9.8 */
a.inlinelink:link, a.inlinelink:visited { /* for links - can be hidden, or not */
 color: #70695A;
 text-decoration: none;
}
a.inlinelink:active, a.inlinelink:hover {
 color: #f70;
 text-decoration: underline overline;
}

#viewnews .fullnewstitle {} /* article title, example for action specific rules */

#breadcrumb { /* nav bar with breadcrumb links */
}
#breadcrumb a:link, #breadcrumb a:visited { /* links in the navbar - was .menutable */
 color: #CE7014;
 text-decoration: underline;
}
#breadcrumb a:active, #breadcrumb a:hover {
 color: #CE7014;
 text-decoration: overline underline;
}

#welcome { /* welcome message */
}
#frontcontent { /* content section of front page */
}
#insidecontent { /* content section of inside pages */
}
#leftcolumn {
 width: 162px;
}
.sidebar { /* div around contents of left and right columns */
 width: 160px;
 background: #555;
 border-left: 1px solid #333;
 border-right: 1px solid #333;
 color: #DBD7D1;
}
.menubox { /* main menu, member panel, member menus */
}

/* custom */

#logs table { 
    background-color:#f5f5f5;
}

/* wrap div's css my2cents */
#bodywrap {
}
#outerwrap {/*--- complete body content wrap background/borders ---*/
 background-color: #fff;
 border-right:2px inset #999;
 border-left:2px outset #555;
 width:95%;
 margin:0 auto;
}
#innerwrap {/*--- menubar to menubar content wrap background/borders ---*/
 margin:0 auto;
}
#contentwrap {/*--- main content wrap background/borders ---*/
 margin:0 auto;
}


/*--- Helps Nav ---*/
.helpsnavtable { /* small block at bottom (help, contact, stats, ...) */
 background-color: #fff;
 border: 1px outset #E88E23;
 color: #70695A;
 font-family: Arial, Helvetica, sans-serif;
 margin: 10px 3px 0 3px;
 padding: 3px 4px;
}
A.helpsnavlink:link, A.helpsnavlink:visited, A.helpsnavlink:active, A.helpsnavlink:hover { /* instantmessages.pl has this */
}
#helpstable {
}

/*--- WebAPP Footer ---*/
.webapptext {
 font-size: 0.87em;
 text-align: center;
}
A.webapplink:link, A.webapplink:visited {
 text-decoration: none;
}
A.webapplink:active, A.webapplink:hover {
 text-decoration: underline;
}
#webappbar {
 margin:0 auto;
}

/*---  Footer Credits ---*/
#footercredit {/*--- footercredit wrap background/borders ---*/
 text-align: center; 
 font-size: 70%;
 margin:25px auto 3px auto;
}
 
.footercredit {color:#aaa;}
A.footercredit:link, A.footercredit:visited {text-decoration: none;}
A.footercredit:active, A.footercredit:hover {text-decoration: underline;}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/ */
/* Stu Nicholls | CSSplay | Krazy Korners */

/*--- snazzy sidebar ---*/
/* snazzy corners*/
.snazzy {width: 162px;}
.xtop {display:block; background:transparent; font-size:1px;}
.xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 { background: #555; border-left:1px solid #333; border-right:1px solid #333;}
.xb1 {margin:0 5px; background:#333;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}