/*
==========================================================
WebBBS Main stylesheet
main styles common to all  pages
==========================================================
*/

/*
-------------------------------------------------------------------------------------

to change a style on a particular page (post, main, etc.;
use the class for that particular page in that section
---------------------------------------------------------------------------------------
*/
html{
border-width: 1px;
border-style: solid;
text-align: center;
}

body {
font-size: 100%;
font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
}

/*
---- general font families for common tags
*/

a {
text-decoration: underline;
}

a.gen, a.genmed, a.gensmall	{
text-decoration: none;
}

big	{
font-size: 125%; /* title just below Navigation Bar */
}

small	{
font-size: 90%; /* affects all text not in threads/links */
}

strong {
font-weight: 600; /* title just below Navigation Bar */
}

img {
border-width: 0px;
}

hr	{
height: 1px;
}

textarea {
padding: 5px 1px;
}

/*
--------------------------------
Forms (where user inputs information - Post, Preferences, etc.)
--------------------------------
*/
form {
margin: 10px auto;
padding: 10px;
width: 90%;
}

/* ---> buttons on forms */
input, textarea, select {
font-size: 85%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ---> Miscellaneous Text */

.code, pre	{
width: 95%;
max-width: 100%;
overflow: auto;
width:expression(document.body.clientWidth > 500? "500px": "auto" ); /* IE hack */
}

/*
-------------------------------------------------------------------------------------------------------------
Main Index Page particulars
-------------------------------------------------------------------------------------------------------------
*/
#mainindex {
margin: 0px;
}

#mainindex .navbartable {
width: 99%;
}

.banner {
width: 100%;
}

/* --- $NewOpenCode and $AdminOpenCode --- */

.newcode	{
font-weight: bold;
}

.admincode	{
font-weight: bold;
}

.searchbox {
padding: 0px;
text-align: left;
}

.searchbox form{
margin: 0px;
}

.searchbox a:link,
.searchbox a:visited {
font-weight: bold;
padding: 2px 5px;
line-height: 30px;
}

.mode {
width: 400px;
margin: 0 auto;
}

/* ----
welcome Back, since your last visit ...
header cells gradient backgrounds
*/

.welcome a {
font-weight: bold;
padding: 3px 5px;
}

.welcome th	{
font-weight: bold;
height: 25px;
}

/*----- pagination -----------*/

.pagination {
padding: 3px 10px;
margin: 15px auto;
font-size: 90%;
font-weight: bold;
text-align: center;
}

.pagination .thispage {
font-weight: bold;
font-size: 115%;
margin: 3px 5px;
padding: 0px 2px;
}


td.pages {
padding: 5px 8px;
}

td.pprev {
padding-right: 10px;
}

td.pnext {
padding-left: 10px;
}


.pagination a {
font-weight: bold;
padding: 2px;
}



/*
--------------------------------
Navigation Bar display
--------------------------------
*/
.navbartable {
font-weight: bold;
padding: 0px 20px;
margin: 5px auto;
}

.navbartable a, .navbartable a:visited {
line-height: 30px;
padding: 3px 6px;
font-weight: bold;
margin: 2px 3px;
white-space: nowrap;
}

/*
--------------------------------
CREDIT NOTICE at bottom of all pages
MODERATED BY notice at bottom
--------------------------------
*/
.credit, #footer {
margin: 5px 5%;
padding: 10px 15px;
font-size: 90%;
}

.credit img {
height: 40px;
}

/*
--------------------------------
Threads display
--------------------------------
*/

div.threads {
margin: 10px auto;
padding: 15px 5px;
width: 90%;
text-align: left;
}

dl a:visited {
text-decoration: line-through;
}

/* --- compressed index page layout --- */

.compressed div.threads {
}

.compressed dl a {
font-weight: bold;
padding: 2px;
}

dl dd li {
margin: 10px 10px 0px 35px;
padding: 5px;
font-family: "Lucida Handwriting", "Sans Serif", sans-serif;
}

.compressed dd {
margin: 10px 0px 15px;
padding: 5px;
}

/* --- NEWS Display --- */

#mainindex .news {
width: 100%;
margin: 0 auto 20px;
text-align: left;
}



/*--------------------------------*/
/* View Message Page particulars  */
/*--------------------------------*/
#readmsg {
padding: 0px 3%;
}


#readmsg .outer {
max-width: 800px;
width:expression(document.body.clientWidth > 800? "800px": "auto" ); /* IE hack */
margin: 0px auto;
}

#readmsg dl {
padding: 3px;
}

#readmsg div.threads {
width: 100%;
}

/* ---> Tell A Friend */
.taf a {
padding: 5px 15px;
font-weight: bold;
}

div.taf {
position: absolute;
left: 10px;
top: 20px;
}

/* ---> %FormatCode - quote & code blocks */
div.quote, div.code	{
padding: 0px 10px 0 10px;
width: 95%;
}

.quote	{
line-height: 125%;
}



/* --->  $MessageOpenCode - the body of text of the posts */

.messagebody {
display: block;
padding: 5px;
text-align: left;
}

.messagebody a		{
text-decoration: underline;
}

.messagebody a:hover	{
text-decoration: underline;
}

/*
-------------------------------------------------------------------------------------------------------------
POST Page particulars
-------------------------------------------------------------------------------------------------------------
*/

#post .outer {
max-width: 900px;
margin: 0 auto;
}

#post .tablespec {
text-align: left;
margin: 0px auto;
}

#post .emotlist {
height: 200px;
width: 90%;
margin: 0 auto;
}

#post .emotlist table {
width: 100%;
}

td.row1
{
padding-right: 10px; /* leftmost column of post form */
text-align: right;
}

/* --->  Format buttons in post form */
input.button	{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.row2		{
padding-left: 15px; /* right column of post form */
text-align: left;
}

td.row3		{
}

/* --->  Format button rollover help line. Actually it's a text box
set to the same color as the background so no one will know. */

#post .helpline	{
padding: 2px 5px;
}


/*
-------------------------------------------------------------------------------------------------------------
PREVIEW AND PROFILE Page particulars
-------------------------------------------------------------------------------------------------------------
*/

#profile .outer {
max-width: 800px;
width:expression(document.body.clientWidth > 800? "800px": "auto" ); /* IE hack */
margin: 0px auto;
}
#profile .messageblock {
padding: 5px 20px;
}

#profile th {
padding: 5px 8px;
}

#profile textarea {
width: 90%;
height: 350px;
margin-bottom: 20px;
}

/*
-------------------------------------------------------------------------------------------------------------
SEARCH particulars
-------------------------------------------------------------------------------------------------------------
*/

#search  {
text-align: left;
margin: 5px 15px;
}

#search .outer {
max-width: 800px;
width:expression(document.body.clientWidth > 800? "800px": "auto" ); /* IE hack */
margin: 0px auto;
}

#search .tablespec {
text-align: left;
margin-bottom: 25px;
padding: 10px;
}

#search td {
padding: 10px 5px;
}

#search input{
padding: 3px;
}

/*--- Search Results Page ---*/

#search2 {
margin: 0px;
}
#search2 div.threads {
}

#search2 dl a {
padding: 2px;
}

#search2 dd {
margin: 10px 0px 15px;
padding: 5px;
}

#search2 .welcome {
text-align: center;
font-size: 110%;
}

/*
-------------------------------------------------------------------------------------------------------------
PREFERENCES particulars
-------------------------------------------------------------------------------------------------------------
*/

#profile {
text-align: left;
margin: 0 15px;
}

#profile h1 {
margin: 0 auto;
}

#preferences table {
text-align: center;
}

#preferences td {
padding: 10px 5px;
}

#preferences form {
text-align: center;
padding: 5px 5%;
width: 75%;
margin: 20px auto;
}

#preferences form p {
text-align: center;
}

#preferences p {
text-align: justify;
}

#preferences input{
padding: 3px;
}

#preferences em {
font-weight: bold;
}

#preferences div.instr {
padding: 5px 15px;
text-align: left;
margin: 15px auto;
}

#preferences ul
{
margin: 0;
padding: 0;
font-family: verdana, arial, Helvetica, sans-serif;
}

#preferences li {
margin: 5px 0 0 30px;
}


#preferences lh {
padding: 3px;
display: block;
font-weight: bold;
margin: 10px 0px 0px 0px;
}

#preferences ul ul {
margin-left: 35px;
}

/*
-------------------------------------------------------------------------------------------------------------
STATISTICS particulars
-------------------------------------------------------------------------------------------------------------
*/

#stats .tablespec {
text-align: left;
margin-bottom: 25px;
}

/*
-------------------------------------------------------------------------------------------------------------
HELP PAGE particulars
-------------------------------------------------------------------------------------------------------------
*/


#subnav {
text-align: left;
}

.content {
text-align: left;
}

#forumhelp div {
padding: 0px 10px;
}

/*
-------------------------------------------------------------------------------------------------------------
Email page/ Form to send email
-------------------------------------------------------------------------------------------------------------
*/

#email form {
width: 500px;
margin: 20px auto;
}
/*
-------------------------------------------------------------------------------------------------------------
Email page/ Form to send email To A Friend
-------------------------------------------------------------------------------------------------------------
*/

#emailaf {
padding: 0px 3%;
}

#emailaf form {
width: 600px;
margin: 20px auto;
padding: 0px; }

#emailaf blockquote {
padding: 5px 15px 20px;
text-align: left;
margin: 0px 15px;
}

/*
-------------------------------------------------------------------------------------------------------------
General Admin List (stats / action lists / etc.
-------------------------------------------------------------------------------------------------------------
*/

#adminlist div.outer {
width: 80%;
margin: 0px auto;
padding: 20px;
}

/*
-----------------------------------
any message you want noticed
-----------------------------------
*/
.notice, .urhere {
padding: 3px 10px;
font-weight: bold;
}

.notice a, .notice a:visited {
font-weight: bold;
}