/* This controls the default settings on a page */
body {
	color: #773366;
	background-color: #FFFFEE;
	margin: 0px;
	padding: 0px;
	font-size: small;
	font-family: Georgia, "Times New Roman", Times, serif;
}

table {
	margin: 0px;
	padding: 0px;
	border:0px solid silver;
	border-right:0px solid silver;
}
table td {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px #0066CC;
	border-right:1px #0066CC;
}
.box1 {background-image:url(images/box1.jpg);background-repeat: repeat-y;}
.box1:hover {background-image:url(images/box1_o.jpg);background-repeat: repeat-y;} 
.box2 {background-image:url(images/box2.jpg);background-repeat: repeat-y;}
.box2:hover {background-image:url(images/box2_o.jpg);background-repeat:repeat-y;} 
.box3 {background-image:url(images/box3.jpg);background-repeat: repeat-y;}
.box3:hover {background-image:url(images/box3_o.jpg);background-repeat: repeat-y;} 
.box4 {background-image:url(images/box4.jpg);background-repeat: repeat-y;}
.box4:hover {background-image:url(images/box4_o.jpg);background-repeat: repeat-y;} 
.box5 {background-image:url(images/box5.jpg);background-repeat: repeat-y;}
.box5:hover {background-image:url(images/box5_o.jpg);background-repeat: repeat-y;} 
.box6 {background-image:url(images/box6.jpg);background-repeat: repeat-y;}
.box6:hover {background-image:url(images/box6_o.jpg);background-repeat: repeat-y;} 
.box7 {background-image:url(images/box7.jpg);background-repeat: repeat-y;}
.box7:hover {background-image:url(images/box7_o.jpg);background-repeat: repeat-y;} 
.box8 {background-image:url(images/box8.jpg);background-repeat: repeat-y;}
.box8:hover {background-image:url(images/box8_o.jpg);background-repeat: repeat-y;} 
.tablemargin {
	margin: 8px;
	padding: 3px;
	background-color: #FFFFFF;
	font-size: small;
	border: thin;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.but1 {
	background-image:url(images/pouf1.png);background-repeat: no-repeat;
	border: 2px #FF9999;
	background-position: left center;
}
.but2 {	background-image:url(images/pouf2.png);	background-repeat: no-repeat;   border: 2px #FFCC66;background-position: left center;}
.but3 {	background-image:url(images/pouf3.png);	background-repeat: no-repeat;	border: 2px #FFFF66;background-position: left center;}
.but4 {background-image:url(images/pouf4.png); background-repeat: no-repeat;border: 2px #99FF99;background-position: left center;}
.but5 {background-image:url(images/pouf5.png); background-repeat: no-repeat;border: 2px #99FFFF;background-position: left center;}
.but6 {background-image:url(images/pouf6.png); background-repeat: no-repeat;border: 2px #000066;background-position: left center;}
.but7 {background-image:url(images/pouf7.png); background-repeat: no-repeat;border: 2px #9933FF;background-position: left center;}
.but1:hover {background-image:url(images/pouf3.png);	background-repeat: no-repeat;border: 2px #FFFF66;background-position: left center;}
.but2:hover {	background-image:url(images/pouf4.png);background-repeat: no-repeat;	border: 2px #99FF99;background-position: left center;}
.but3:hover {background-image:url(images/pouf5.png);background-repeat: no-repeat;border: 2px #99FFFF;background-position: left center;}
.but4:hover {background-image:url(images/pouf6.png); background-repeat: no-repeat;border: 2px #000066;background-position: left center;}
.but5:hover {background-image:url(images/pouf7.png); background-repeat: no-repeat;border: 2px #9933FF;background-position: left center;}
.but6:hover {background-image:url(images/pouf1.png); background-repeat: no-repeat;border: 2px #FF9999;background-position: left center;}
.but7:hover {background-image:url(images/pouf2.png); background-repeat: no-repeat;border: 2px #FFCC66;background-position: left center;}

/* The default settings for ALL tables on a site, unless explicity defined for a particular table */

.tablenoborderyesmargin {
	margin: 8px;
	padding: 3px;
	background-color: #FFFFFF;
	border:0px solid silver; 
	border-right:0px solid silver;
	font-size: small;
}
.tablenoborder {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border:0px solid silver;
	border-right:0px solid silver;
}
.tdborder {
	border-right:1px solid silver;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
}
.tableborder {
	border:1px solid silver;
	border-right:1px solid silver;
}
.tableborder2 {
	border:2px solid silver;
	border-right:2px solid silver;
}

.tableouter {
	width: 80%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border:0px solid silver;
	border-right:0px solid silver;
}
.tdoltl {
	background-image: url(images/cortl.jpg);
	background-repeat: no-repeat;	
}
.tdoltr {
	background-image: url(images/cortr.jpg);
	background-repeat: no-repeat; 
	background-position: right top;
}
.tdoltop {
	background-image: url(images/outtop.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.tdolbot {
	background-image: url(images/outbot.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.tdolright {
	background-image: url(images/outright.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
.tdolleft {
	background-image: url(images/outleft.jpg);
	background-repeat: repeat-y;
}
.tdolbr {
	background-image: url(images/corbr.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.tdolbl {
	background-image: url(images/corbl.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/* This controls the default link settings & link mouseover/hover settings */
a {color: #000099; text-decoration: none; background-color: transparent;}
a:hover {color: #990099;}

/* Controls HTML tags for headings #1-5, unordered list and items in the list */
h1 {4}
h2 {3}
h3 {9}
h4 {2}
h5 {1}
ul { margin: 0px; padding: 0px; list-style: decimal inside; text-align: left;}
li { margin-left: 0px; list-style: square inside; color: #2F5376}

/* Selector for a form button */

input.formButton {}

/* The following appear to primarily apply to the NEWS stories, */
/* though they may be found in other areas as well */
/*
BEGIN NEWS SECTION DEALING PRIMARILY WITH NEWS
*/

/* The border around news stories */
.item {border: 1px solid #cccccc;}

/* The BG color for the cell for news story titles */
.itemHead {padding: 2px; background-color: #FFFFFF;	
	background-image:url(images/bar1rl.jpg);
	background-repeat:repeat-y;
}

/* The BG color for the area right under a news title (post by so-and-so) */
.itemInfo {text-align: right; padding: 3px; background-color: #FFFFFF;}

/* The text in the story title EXCEPT the colon between the topic and the title */
.itemTitle a {font-size: medium;  font-variant: small-caps; color: #9999CC; background-color: transparent;}

/* The text "exta6sy" just preceding the posters name */
.itemPoster {font-size: 90%; font-style:italic;}

/* The text On $date $time immediately after the posters name */
.itemPostDate {font-size: 90%; font-style:italic;}

/* The xx # reads for a story, but NOT the parenthesis surrounding the total */
.itemStats {font-size: 90%; font-style:italic;}

/* The text of the story itself */
.itemBody {padding-left: 2px;	
	padding-right: 2px;	
}

/* XOOPS DEVELOPER HELP NEEDED - This seems to be the same as .itemBody above. What is the difference??? */
.itemText {margin-top: 0px; margin-bottom: 0px; line-height: 1.5em;}

/* Makes the first letter in a story bold */
.itemText:first-letter {font-size: 133%; font-weight: bold;}

/* The foooter of a new story (read more, etc.) */
.itemFoot {text-align: right; padding: 0px; background-color: #efefef;}

/* The [edit | delete] section of a news footer */
.itemAdminLink {font-size: 90%;}

/* The | xx# bytes more | section of the news footer */
.itemPermaLink {font-size: 90%;}

/*
END SECTION DEALING PRIMARILY WITH NEWS
*/

/* Controls the settings for a table header */

th {background-color: #FFFFFF; color: #336666; padding : 0px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/bar1rl.jpg);
	background-repeat:repeat-y;
}

/* The area at the top of the page where the logo and advertising banner are */

td#headerbanner {
	width: 100%;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align:center;
	color: #9933FF;
}

/* The whitish-grey bar on the default install right underneath the top section/header */

td#headerbar {border-bottom:0px solid #dddddd; background-image: url(hbar.gif);}

/*
BEGIN SECTION DEALING WITH THE THREE COLUMNS
*/

/* controls the settings for blocks on the LEFT side of the page */
td#leftcolumn { border:0px solid #cccccc;}
	 

/* controls the settings for the table headers on the left column */
td#leftcolumn th { border:0px solid silver;background-color: #FFFFFF; color: #003333; vertical-align: middle;}

/* controls the settings for the block titles on the left column */
td#leftcolumn div.blockTitle {border:0px solid silver; border-right:0px solid #cccccc; padding: 3px; background-color: #FFFFFF; color: #000066;}

/* controls the settings for the blocks' content on the left column */
td#leftcolumn div.blockContent {border:0px solid silver; border-right:0px solid #cccccc; 	padding: 0px; line-height: 100%; line-height: 100%;}

/* controls the settings for block in the CENTER section of the page */
td#centercolumn {}

/* controls the settings for the table headers on the center column */
td#centercolumn th {background-color: #FFFFFF; color: #330099; vertical-align: middle;}

/* Controls the settings for "center-aligned CENTER blocks" on the page */
td#centerCcolumn {
	padding: 0px 0px 0px 0px;
	color: #003333;
}
/* The title for center center blocks */
td#centerCcolumn legend.blockTitle {
	padding: 0px;
	color: #CC0000;
	background-color: #FFFFFF;
}
/* The content for center center blocks */
td#centerCcolumn div.blockContent {border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; border-bottom: 0px solid #dddddd; padding: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; line-height: 100%;}

/* Controls the settings for "left-aligned CENTER blocks" on the page */
td#centerLcolumn {width: 50%; padding: 0px 0px 0px 0px;}

/* The title for left-aligned center blocks*/
td#centerLcolumn legend.blockTitle {
	padding: 0px;
	color: #003366;
	margin-top: 0px;
	background-color: #FFFFFF;
}

/* The content for left-aligned center blocks */
td#centerLcolumn div.blockContent {border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; border-bottom: 0px solid #dddddd; padding: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; line-height: 100%;}

/* Controls the settings for "right-aligned CENTER blocks on the page */
td#centerRcolumn {width: 50%; padding: 0px 0px 0px 0px;}

/* The title for right-aligned center blocks */
td#centerRcolumn legend.blockTitle {
	padding: 0px;
	color: #660033;
	margin-top: 0px;
	background-color: #FFFFFF;
}
/* The content area for left-aligned center blocks */
td#centerRcolumn div.blockContent {border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; border-bottom: 0px solid #dddddd; padding: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; line-height: 100%;}

/* Controls everything defined as content. for example in news it controls: */
/* The article text, posted by, date, time & number of reads Including the parenthesis */
/* the [ | ] brackets around the admin edit section and also the disclaimer: "the comments are */
/* owned by the poster. We aren't responsible for their content" on the bottom of a news comments page */
/* also a ton of text on the forum page...probably a ton of stuff everywhere...be careful with this one */

div#content {text-align: left; padding: 0px;}


/* settings for blocks in the RIGHT column on a page*/
td#rightcolumn { border-left: 0px solid #cccccc; padding:0px;}

/* Controls the table headers for the right columns.*/
td#rightcolumn th {background-color: #FFFFFF; color: #000033; vertical-align: middle; padding:0px;}

/* Controls the right column blocks' titles */
td#rightcolumn div.blockTitle { padding:0px; background-color: #FFFFFF; color: #003333;}

/* Controls the right column blocks' content area */
td#rightcolumn div.blockContent { padding:0px; line-height: 100%;}

/* END SECTION DEALING WITH THREE COLUMNS */

/* settings for the footerbar where the xoops copyright notice is */
tr#footerbar {text-align:center; background-image: url(hbar.gif);}

/* settings for the Main Menu */

td#mainmenu a {
	background-color: #FFFFFF; 	
	display: block; 
	margin:3px;
	padding:0px;
}

/* What happens on a mouse hover on the main menu */
td#mainmenu a:hover {background-color: #EEEEff;}

/* The top cell on the main menu (typically HOME). This way you can give the top cell a different border or */
/* other appearance. Useful for drawing a box around the entire menu, for instance. */
td#mainmenu a.menuTop {padding-left:0px; border-top:0px solid silver; border-right:0px solid #666666; border-bottom:0px solid #666666; border-left:0px solid silver;}

/* The remaining entries in the main menu other than the top most defined one line above */
td#mainmenu a.menuMain {padding:0px; border-right:0px solid #666666; border-bottom:0px solid #666666; border-left:0px solid silver;}

/* The settings for submenu items that open when u are in a particular module. For example */
/* "Submit news" and "Archives" when you are on the news module */
td#mainmenu a.menuSub {padding-left:6px; border-right:0px solid #666666; border-bottom:0px solid #666666; border-left:0px solid silver;}

/* settings for the User Menu */

td#usermenu a {
	background-color: #ffffff;
	border-right:0px solid #666666;
	border-bottom:0px solid #666666;
	border-left:0px solid silver;
	margin:3px;
	padding:0px;
}

/* What happens on a mouse hover on the user menu */
td#usermenu a:hover {padding:0px; background-color: #eeeeff;}

/* The top most entry on the user menu */
td#usermenu a.menuTop {padding:0px; border-top:0px solid silver;}

/* The settings for when a user has a private message */
td#usermenu a.highlight {padding:0px; background-color: #FFCC66;}


/* Styles used to draw homogeneous tables */
/* Described in a seperate page in the xoops.org wiki */
.outer {border: 1px solid silver;}
.head {border: 1px solid silver; background-color: #FFFFFF; padding: 0px; }
.even {border: 0px solid silver;background-color: #EEFFDD; padding: 0px;}
.odd {border: 0px solid silver;background-color: #ECFFEE; padding: 0px;}
.foot {border: 0px solid silver;background-color: #EEDDFF; padding: 0px; }
tr.even td {border: 0px solid silver;background-color: #EEFFDD; padding: 0px;}
tr.odd td {border: 0px solid silver;background-color: #EEFFFF; padding: 0px;}

/* NOT INCLUDED IN DEFAULT */
/* customization to add special color to forum title head. requires editing newbb_index.html template as well */
.outerhead{}
.outerhead a{font-size: small; color : #FFFFFF;}
.outerhead a:hover{}

/* NOT SURE Special system messages MAYBE */
/* I leave the defaults */
div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

/* Settings for when you insert code in a forum post */
div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
/* Settings for when you quote during a forum post */
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


/* Styles for the commenting system */
.comTitle { margin-bottom: 2px;}
.comText {padding: 1px;}
.comUserStat {font-size: 10px; color: #2F5376;  border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0px}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption { font-style: normal;}