/* general css */
div#content { text-align: left; }
#xoopsHiddenText {visibility: hidden; background-color: transparent; font-weight: normal; font-style: normal; text-decoration: none;}

@media screen {

body, iframe {font:sans-serif;background: #ffffff; color: #001;}
body, iframe, table, table td, table tr {border-style: none; vertical-align:top; border-width:0; border-spacing:0; padding:0; margin:0;width:100%}


table#bodytable {position:absolute; z-index:2; padding:10px 50px 0 50px;}
              
h1 { font-size: 120%; } 
h2 { font-size: 115%; } 
h3 { font-size: 110%; } 
h5 { font-size: 105%; }

a:link {text-decoration: none; color: #370}
a:visited {text-decoration: none; color: #370}
a:active {text-decoration: none; color: #260}
a:hover {text-decoration: underline overline; color: #130}


#sideCol {width:25%;border-spacing:1px;} 
#sideCol .blocks {border:1px solid #ddd;margin:12px 0 0 0}
#sideCol .blockTitle {background: url('images/blockTitleBar.gif') repeat-x; color: #363; font-size: 130%; font-weight: bold; font-family: serif; padding: 8px 10px 0px 8px; margin:0;text-align: left;}
#sideCol .blockContent {background-color:#f4fcf3;font-family:sans-serif;text-align:left;padding:0px 10px 5px 18px;margin:0;}

#centerblocks {width:75%;border-spacing:1px;font-size:120%;padding:0 20px 0 0;}
#centerblocks .blocks {border:0px}
#centerblocks .blockTitle {font-size:130%;font-weight:bold;font-family:sans-serif;text-align:left;}
#centerblocks .blockContent {font-family:serif;text-align:left;padding: 0px 10px 5px 18px;margin:0;}

.verticaltext{font:bold 12px serif;position:absolute;right:3px;top:10px;width:13px;writing-mode: tb-rl;}

/* custom form */
form {padding:0; margin:0;}
label {width:4em;float:left;text-align:right;margin-right:0.5em;display:block;}
fieldset {border:1px solid #031;width:20em;}
legend {color:#020;background: #9b8; border:1px solid #031;padding:2px 6px;}
input:hover {color:#130;border:1px outset #5a8;}
input {height:17px;font: 11px verdana;}
input, textarea, select {color:#320; background:#bda; border:1px solid #220; text-indent:2px;margin:0px 0px 6px 0px;}
#submit input {background:#9b8;border:1px outset #fa8;}

/* logo */
#logo img {height:auto;position:absolute;}
#login {left:85%;top:20px;position:absolute;}
#login p {font:bold 9px verdana;}
#welcome {left:75%;top:80px;position:absolute;}

/* Custom menu system */
#menu {font-family: sans-serif; font-weight: bold; display: block; text-align: left;margin: 8px 0px 4px 0px;}
#contentMenu {font-size: 95%; line-height: 1.5; padding-left: 4px;}
#subcontentMenu {font-size: 85%; line-height: 1.2; text-align:left; padding-left: 8px;}
#subMenuBlock {background-color: #143;}
#contentMenu a:link {text-decoration: none; color: #370}
#contentMenu a:visited {text-decoration: none; color: #370}
#contentMenu a:active {text-decoration: none; color: #260}
#contentMenu a:hover {text-decoration: underline overline; color: #020}
#subContentMenu a:link {text-decoration: none; color: #270}
#subContentMenu a:visited {text-decoration: none; color: #270}
#subContentMenu a:active {text-decoration: none; color: #240}
#subContentMenu a:hover {text-decoration: underline overline; color: #010}


/* tabbed menu system */
/* Top Bar for tabbed menu system and crossfader RSS */
#topBar {margin: 0px 0px 8px 0px; width: 100%; background: transparent; z-index: 1;}

/*set to left, center, or right to align the menu as desired*/
.basictab {padding: 2px 0px;margin:0;font: bold 12px sans-serif; border-bottom: 1px solid gray;list-style-type: none; text-align: right;z-index:50}
.basictab li{display: inline;margin:0;}
.basictab li a{text-decoration: none;padding: 3px 4px; margin-right: 2px;border: 1px solid gray; border-bottom: none;background: url('images/blockTitleBar.gif') repeat-x; color: #370;}
.basictab li a:visited{color: #444;}
.basictab li a:hover{background: url('images/blockTitleBar.gif') repeat-x; color: #130;}
.basictab li a:active{color: #260; z-index:1;padding:0 0 3px 0}


#mainbodyrow {background: #fff;}

/*selected tab effect*/
.basictab li.selected a{ position: relative;top: 1px;
padding-top: 4px;background-color: #2B4F0C; color: #eee;}

/* STYLES FOR CROSSFADER */
/* margin order notes: (top, right, bottom, left) */
#wrapper34 {margin: 0px 0px 5px 20px; text-align: left;}
div.cf_wrapper34 {position: relative;padding: 0px;}
div.cf_element34 {height: 30px;background-color: transparent;}
div.cf_element34 div.content34 {font-weight: bold;}
#ani-colr-wrapper {font-weight: bold;}

/* Content formatting */
div#content { padding: 10px; }
div#content td { padding: 5px;}

/* Xoops menu system */
#mainmenu a {font-size: 90%; text-align:left; display: block; margin: 0; padding: 3px;}
#mainmenu a.menuTop {padding-left: 3px;}
#mainmenu a.menuMain {padding-left: 3px;}
#mainmenu a.menuSub {padding-left: 9px;}
#usermenu a {font-size: 90%; text-align:left; display: block; margin: 0; padding: 4px;}
#usermenu a.menuTop {padding-left: 3px;}
#usermenu a.highlight {background-color: transparent;}


img { border: 0; padding: 0px;}

ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: disc inside;}

.odd { background-color: #efe;}
.outer { background-color: #777;}
.even { background-color: #9b9;}

.head { background-color: transparent; padding: 0px;}
.foot { background-color: transparent; padding: 0px; text-align: center; padding-top: 2px;}


.comTitle {font-family: sans-serif; font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat { font-weight:bold; border: 1px solid; background-color: transparent; margin: 2px; padding: 0px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 0px; font-weight:bold; }
.comUserRank {margin: 2px;}
.comUserRankText { font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; }
.comDateCaption {font-weight: bold; font-style: normal;}

.item {border: 1px solid #84b072;}
.itemHead {background-color: transparent; padding: 0px; font-weight: bold; text-align: left;}
.itemInfo {text-align: right; padding: 0px;}
.itemTitle a {font-family: sans-serif; font-size: 120%; font-weight: bold; font-variant: small-caps; background-color: transparent;}
.itemPoster { font-style:italic;}
.itemPostDate { font-style:italic;}
.itemStats { font-style:italic;}
.itemBody {padding-left: 5px; text-align: left}
.itemText { margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 120%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px}
.itemAdminLink {}
.itemPermaLink {}

.pagneutral {width: 16px; height: 19px; text-align: center;}
.pagact {width: 16px; height: 19px; text-align: center;}
.paginact {width: 16px; height: 19px; text-align: center;}
}

@media print {

body {font-family: serif; background: #fff; color: #000; border-style: none;}
.noprint { display: none; }
p, h4, ul, ol, td, a { font-size: 12pt; }
h1 { font-size: 24pt; } 
h2 { font-size: 18pt; } 
h3 { font-size: 14pt; } 
h5 { font-size: 10pt; }

a {text-decoration: underline; color: #111; }

}