/* FIX IE6 Scrollbars bug - Leave this in! */

/* FIX IE6 Scrollbars bug - Leave this in! */

html { overflow-x: auto; } 



/* Body entry, change forum page background colour, default font, font size, etc. Leave text-align:center to center board content

   #ipwrapper will set text-align back to left for the forum. Any other tables / divs you use must use text-align:left to re-align

   the content properly. This is a work around to a known Internet Explorer bug --

   Change the "color" here also changes the "Welcome back-last visit line" */

BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; color: #000000; margin:0px;padding:0px; background-image:url('style_images/2/bg.gif'); text-align:center }

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; color: #000000;}/*changes right 3 column font color

as well as the main login page! Don't know what changes the background color for that page - also changes posting font color!*/



/* MAIN WRAPPER: Adjust forum width here. Leave margins alone to auto-center content */

#ipbwrapper { text-align:left; width:90%; margin-left:auto;margin-right:auto }



/*LINKS COLORS*/

a:link, a:visited, a:active { text-decoration: underline; color:#8B4513}

a:hover { color: #CD853F; text-decoration:underline }



fieldset.search { padding:6px; line-height:150% }

label      { cursor:pointer; }

form       { display:inline; }

img        { vertical-align:middle; border:0px }

img.attach { border:2px outset #EEF2F7;padding:2px }



.googleroot  { padding:6px; line-height:130% }

.googlechild { padding:6px; margin-left:30px; line-height:130% }

.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #FFEBCD; }

.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#FFEBCD; }

.googlepagelinks { font-size:1.1em; letter-spacing:1px }

.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#FFEBCD}



li.helprow { padding:0px; margin:0px 0px 10px 0px }

ul#help    { padding:0px 0px 0px 15px }



option.cat { font-weight:bold; }

option.sub { font-weight:bold;color:#CD853F}

.caldate   { text-align:right;font-weight:bold;font-size:12px;color:#F5DEB3;background-color:#FFEBCD;padding:4px;margin:0px }



.warngood { color:green }

.warnbad  { color:red }



#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:4px 0px 4px 0px }



#profilename { font-size:28px; font-weight:bold; }

#calendarname { font-size:22px; font-weight:bold; }



#photowrap { padding:6px; }

#phototitle { font-size:24px; border-bottom:1px solid black }

#photoimg   { text-align:center; margin-top:15px } 



#ucpmenu    { line-height:120%;width:30%; border:1px solid #8B4513; background-color:#3CB371}/*changes background on message area, etc. also My Controls menu*/

#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }

#ucpcontent {background-image:url('style_images/2/bg.gif'); border:1px solid #8B4513;line-height:150%; width:auto }/*also changes right side of Controls*/

#ucpcontent p  { padding:10px;margin:0px; }



#ipsbanner { position:absolute;top:0px;right:0%; }

#logostrip { border:0px solid #345487;  background-image:url('style_images/2/bg.gif');padding:0px;margin:0px;}

#submenu   { border:0px solid #BCD0ED; background-image:url('style_images/2/bg.gif'); font-size:12px;margin:3px 0px 3px 0px; color:#CD853F;font-weight:bold;}



/*changes topmost links under banner*/

#submenu a:link, #submenu  a:visited, #submenu a:active {font-weight:bold; color: #F0FFFF; font-size:14px; text-decoration: none; color:#CD853F;}



/*changes 2nd links under banner*/

#userlinks {background-image:url('style_images/2/bg.gif'); border:0px solid #F0FFFF;}/*changes 2nd links under banner*/



/*changes the TCO link area*/

#navstrip  {background-image:url('style_images/2/bg.gif'); color:#F0FFFF ;font-weight:bold;padding:10px 10px 10px 10px; }



.activeuserstrip { background-color:#BCD0ED; padding:6px }



/* Form stuff (post / profile / etc) */ /*change pformstrip to change color bars under "users online, etc at bottom

and also chages the main color on the sides and top for the making a post area*/

/*pformstrip =changes backcolor and font for users online and Board statistics

as well as the background for typing a post(the Code Button/Enter Post area) as well as second bars on the Login area!*/

.pformstrip {background-image:url('style_images/2/bg.gif');; color:#000000 ;font-weight:bold;padding:4px;margin-top:0px }

.pformleft {background-image:url('style_images/2/bg.gif');; padding:4px; margin-top:1px;width: 30%; border-top:0px solid #663300; border-right:0px solid #663300; }



/*changes the making a post area*/

.pformleftw {background-color:#F5DEB3; padding:6px; margin-top:1px;width:30%; border-top:0px; solid #8FBC8F; border-right:0px; solid #8FBC8F; }

.pformright {background-color:#F5DEB3; padding:6px; margin-top:1px;border-top:1px; solid #8FBC8F; } /* color #B0C4DE is Lightsteelblue*/



/* Topic View elements */

.signature   { font-size: 12px; color: #339; line-height:160% }

.postdetails { font-size: 12px }

.postcolor   { font-size: 12px; line-height: 140% }



.normalname { font-size: 12px; font-weight: bold; color: #FFFFFF }



/*changes the welcome guest and welcome back line - Also changes member names on the top of 

their posts -- ALSO changes the NAME area so the member names are bigger */

.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; color: #483D8B}



.unreg { font-size: 11px; font-weight: bold; color: #900 }

/* change the post 1 & 2 to change background colors on posts */

.post1 {background-color:#D2B48C}/* Light Steel Blue */

.post2 {background-color:#D2B48C}



/*change the padding to change the height of the 2nd banner -- the print and email to links*/

.postlinksbar {background-color:#ADD8E6; padding:0px; margin-top:0px;font-size:14px; font-color: #FFFFFF;}



/* Common elements Changes each row color */

.row1 {background-color:#D2B48C} 

.row2 {background-color:#D2B48C}

.row3 {background-color:#D2B48C}

.row4 {background-color:#D2B48C}



/* change both colors to change the bottom row on each Topic*/

.darkrow1 {background-image:url('style_images/2/bar1.gif')}/*cadet blue*/

.darkrow2 {background-image:url('style_images/2/bar1.gif')}

.darkrow3 {background-image:url('style_images/2/bar1.gif')}



/* changes the background for the Message area --When you receive a New Message and the listing */

.hlight {background-color:#F5DEB3}

.dlight {background-color:#F5DEB3}



/* Main table top (dark blue gradient by default) --- change "padding top" here to make top main forum bars smaller

Also changes the text (1st maintitle) on the "Active Topics" (when new messages are checked) */

.maintitle { vertical-align:bottom; font-weight:bold; color:#FFF8DC; text-size: 24px; background-color:#DEB887;  padding-left:0px; padding-right:0px; padding-top:18px; padding-bottom:10px }



/*Font color here changes the Category font color and size, ex: Announcements */

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active {text-size: 22px; text-decoration: none; color: #FFF8DC}



.maintitle a:hover { text-decoration: underline }



/* Change padding setting to make lower Forum bar smaller Larger the number, the taller it becomes*/

.titlemedium { font-weight:bold; color:#483D8B; padding:06px; margin:0px; background-color:#6495ED; background-image:url('style_images/2/bar1.gif');}

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-size: 12px; text-decoration: underline; color: #8B0000}





/* tableborders gives the white column / row lines effect */

/* changed the px to 0 to remove border-changes box border with emoticons too! */

.plainborder { border:0px solid #345487;background-color:#C0C0C0} 



 /* b-g color changes line color on table - but, also changes "Guided Mode" background on making 
 a post! */
 
/* THIS CHANGES THE LINES THAT SEPARATE EVERYTHING!!! */
.tableborder { border:0px solid #FFFFFF;background-color:#FFE4B5; padding:6; margin:0 } /* Color is Medium Purple - also changed the thin bars separating everything! */



/*changes the emoticon box background color as well as the 2nd row (edit,etc.) and front

boxes when the board starts up*/

.tablefill   { border:1px solid #C0C0C0; background-color:#D2B48C;padding:6px;  }

.tablepad    { background-color:#C0C0C0;padding:6px }

.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }



.wrapmini    { float:left;line-height:1.5em;width:35% }

.pagelinks   { float:left;line-height:1.2em;width:35% }



/*change desc color to change text that describes each Topic*/

.desc { font-size:12px; color:#000000}

.edit { font-size: 12px }





.searchlite { font-weight:bold; color:#FFEBCD; background-color:#8B4513}



#QUOTE { white-space:normal; font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FFDAB9; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE  { white-space:normal; font-family: Courier, Courier New, Verdana, Arial;  font-size: 12px; color: #FFD700; background-color: #8B4513 ; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }



.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }



.codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.forminput, .textinput, .radiobutton, .checkbox  { font-size: 12px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }



.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #8B4513 ;border-bottom:1px solid #8B4513 }



.purple { color:purple;font-weight:bold }

.red    { color:red;font-weight:bold }

.green  { color:green;font-weight:bold }

.blue   { color:blue;font-weight:bold }

.orange { color:orange;font-weight:bold }