
/* main site */

body {
    padding: 0;
    margin: 0;
    background-color: #696969;
    text-align: left; 
    width: 100%;
    display: table;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt; 
    font-style: normal; 
    font-weight: normal;
    color: #000000;
    text-decoration:none;
} 

.topicdetail img {
    max-width: 460px;
}

#pageheader 
{
    margin: 2px auto 0;
	background: url('../images/site/afrheader.png') no-repeat center top;
	width: 100%;
	display: table;
}

#topad {
    width:731;
    height: 91px;
	padding-top: 20px;
	padding-right: 60px;
	text-align: center;
}

#topmenu 
{
    background: url('../images/site/afrslogan1.png') no-repeat center top;
    width: 1018px;
    height: 34px;
	margin: 30px auto 0;
	text-align: right;
	padding-top: 10px;
	padding-right:20px;
}

#topmenu a:link, #topmenu a:visited, #topmenu a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    text-decoration:none;
}
#topmenu a:hover { text-decoration:underline; }

#midmenu 
{
    width: 1008px;  /* 1018 - padding(5) x 2 */
    background-color: #DDC676;
    margin: auto;
	text-align: left;
	padding: 5px;
}

#midmenu a:link, #midmenu a:visited, #midmenu a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration:none;
}
#midmenu a:hover { text-decoration:underline; }

.searchbox { font-family:tahoma; font-size:12px; width:120px; height:15px; border-width:1px; background-color:#FFFFFF; border-color:#9E8946;border-style:dashed }
.searchbutton { border:0; }

#pagecontent {
	width: 1018px;
	margin: 1px auto 0;
	background: #ffffff;
	border: solid 1px #000000;
	padding: 0;
}

#bodymain 
{
 	margin: 0;
	padding: 0;
}


/* 
            =========
            home page 
            =========
*/


.homeheadlines
{
    width:390px;
    border:1px solid #696969;
    margin:5px;
}

/* 
        ======================
        Home Page + Sidebar??
        ======================
*/
.teaserrows td
{
    border-bottom: 1px Dotted #696969;
    vertical-align: text-top;
    margin: 5px;
    padding: 5px;
}

#sidepane
{
    background-color: #cccccc;
    height:100%;
}

#footer {
    font-family: Monaco, monospace; 
    font-size: 11px; 
    font-style: normal;
    color: #000000;
    /* color: #6F7475;*/
    text-decoration:none;
    /* height: 50px; */
    background-color: #C3C6CD;
    padding: 6px;
}

.votingtable 
{
    width:600px;
    border: 1px dashed #696969;
    padding:10px;
    margin:10px;
}

.votingtable td
{
    padding:10px;
}

#inputlabels
{
    color: #274698;
}

/*
    afr red:    #8C0800
    afr yellow: #CC9900
*/

.pagemaintitle 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-style: normal;
    font-weight: bold;
    color: #CC9900;
    margin:4px;
    padding-top:2px;
    padding-bottom:2px;
    border-top: 2px dotted #CC9900;
    border-bottom: 2px dotted #CC9900;
    text-align: center;
}


/* border around home page titles */
.titlebox 
{
    border:2px dotted #CC9900;
    margin:3px;
    padding:3px;  
}

/* home page titles */
.blocktitle, .blocktitle a:link, .blocktitle a:visited, .blocktitle a:active, .blocktitle a:hover 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-style: normal;
    font-weight: bold;
    color:#CC9900;
    text-decoration:none;   
}

/* slogan under titles */
.teaserintro
{
    font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color:#696969; 
}


.newstable 
{
    width:95%;
    margin-left:10px;
}
.newsrows td 
{
    border-right: 0;
    border-top: 0;
    border-left: 0;
    /*border-bottom: 1px Dotted #696969;*/
    vertical-align: text-top;
    padding-top:6px;
    padding-bottom:6px;
}

.newsrows, .newsrows a:link, .newsrows a:visited, .newsrows a:active
{
    font-family: Verdana, Helvetica, sans-serif; 
    font-size: 10pt; 
    text-decoration:none; 
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-align: left;
}

.newsrows a:hover { text-decoration:underline; }

/* styles for all topic displays */
.gridborder
{
    width: 700px; 
    margin: 10px auto 10px auto;
    border:1px dotted #8C0800;
}

/* Main TOPICS display */

/* outter table format */
table.topictable
{
    /* border-collapse:collapse; */
    border: 0; /*1px solid #696969;*/
    margin-top:10px;
    margin-bottom:10px;
}

/* header row */
.topictable th
{
    text-align:left;
    padding: 4px;
    color: #ffffff;
    background-color: darkred;
    font-size:8pt;
    font-weight: bold;
    border: 1px solid #000000;
}

.topictablex tr 
{
    border-bottom: 1px solid #696969;
}

/* the cell that hold the replies, topics etc */
.topictable td
{
    /* display: block; */
    color: #000000;
    vertical-align: text-top;    
    padding: 0px;
}

/* the actual topic & reply content - in case I want to border or change font */
.topicdetail 
{
    padding: 4px;
    margin-top:5px;
    margin-bottom:10px;
}

#postblock
{
    padding: 0px;
    border-top: 1px dashed #494949;
}

#quote 
{
    padding:10px;
    margin:10px;
    border: 1px dotted darkred;
    font-size: 9pt;
    font-style:italic;
}

/* the section on the main topic listing that shows the author, links to edit, quote etc */
#postinfoblock
{
    margin: 0px;     /* space outside the box */
    padding: 4px;    /* space inside the box */
    border-bottom: 1px dotted #696969;
    font-family: Tahoma, Arial; 
    font-size: 10pt; 
    font-style: normal;
    text-align: left;
    color: darkred; 
}

#postauthor 
{
    margin: 0px;     /* space outside the box */
    padding: 4px;    /* space inside the box */
    font-family: Tahoma, Arial; 
    font-size: 10pt; 
    font-style: normal;
    text-align: left;
    color: #000000;
    width: 100px;
}

#postcount 
{   
    padding-top: 4px;
    font-size: 8pt; 
    color: #693535 ;
}

.smallstuff 
{
    font-size: 8pt;
}

/* buttons for quote, edit etc.. */
#topicbuttons, #topicbuttons a:link, #topicbuttons a:visited, #topicbuttons a:active 
{
    color:#694720; 
    font-size: 8pt; 
    text-decoration:none; 
}

#topicbuttons a:hover { text-decoration:underline; }

#topiclink, #topiclink a:link, #topiclink a:visited, #topiclink a:active 
{
    text-decoration:none; 
    font-size: 13px; 
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-align: left;
}

#topiclink a:hover { text-decoration:underline; }



/* links to topics from anywhere..home page, forums, topiclists, sidebar etc */
.topiclink, .topiclink a:link, .topiclink a:visited, .topiclink a:active 
{
    text-decoration:none; 
    font-size: 13px; 
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-align: left;
}

.topiclink a:hover { text-decoration:underline; }


#searchlink, #searchlink a:link, #searchlink a:visited, #searchlink a:active 
{
    text-decoration:none; 
    font-size: 15px; 
    font-style: normal;
    font-weight: normal;
    color: #1122CC;
    text-align: left;
    text-decoration:underline; 
}
#searchlink a:hover { text-decoration:none; }

#searchdata 
{
    color: #009933;
}


/* generic table */
table.gentable
{
    margin-top:10px;
    margin-bottom:10px;
}

.gentable th
{
    text-align:left;
    padding: 4px;
    color: #ffffff;
    background-color: darkred;
    font-size:8pt;
    font-weight: bold;
    border: 1px solid #000000;
}

.gentable td 
{
    border: 1px solid #494949;
}

.noborders
{
    border: 0;
}
/* forum notices */

/* outter table format */
table.noticebox
{
    margin-bottom:5px;
    border: 1px solid #000000;
    width: 450px;
    text-align:center;
    padding:10px;
}

/* header row */
.noticebox th
{
    text-align:center;
    padding: 4px;
    color: #ffffff;
    background-color: darkred;
    font-size:8pt;
    font-weight: bold;
    border: 1px solid #000000;
}

.noticebox td
{
    color: #000000;
    border:0;
    vertical-align: text-top;
    background-color: #ffffff;
    padding: 0px;
}



/* override the padding of the topicgrid for the forum listing */
.largerpadding td
{
    padding:10px;
}

.posttime 
{
    color: #8C0800
}


.errormsg {
    border: 1px dashed darkred; color:#000000; font-weight:normal; padding: 4px; margin:10px;
}

.infomsg 
{
    border: 1px dashed darkorange; color:#000000; font-weight:normal; padding: 4px; margin:10px;
}

.centercol 
{
    text-align:center;
}

#topicauthor
{
    padding:5px;
    font-size: 8pt;
    background-color: #ffffff;
    border:0;
    /* border: 1px dotted #694720;  */
    
}

/*
#topictext 
{
    padding:4px;
    background-color: #ffffff;
}
*/
#topicfooter 
{
    margin: 6px;
    padding:4px;
    border-top: 1px dashed #696969;
    color: #696969;
    font-size: 8pt;
    font-style: italic;
}



.hottopicsblock
{
    margin-top: 5px;
    margin-bottom: 10px;     
    padding: 0;
    background: #ffffff; 
    font-family: Monaco, monospace; 
    font-size: 11px; 
    font-style: normal;
    text-align: left;
}

.hottopicsblock a:link, .hottopicsblock a:visited, .hottopicsblock a:active 
{
    color: #696969;
    text-decoration: none;
    border-bottom: 1px dotted #696969;
}

.hottopicsblock a:hover 
{
    color: #000000;
}






#hottopicsblock
{
    margin-top: 5px;
    margin-bottom: 10px;     
    padding: 0;
    background: #ffffff; 
    font-family: Monaco, monospace; 
    font-size: 11px; 
    font-style: normal;
    text-align: left;
}

#hottopicsblock a:link, #hottopicsblock a:visited, #hottopicsblock a:active 
{
    color: #696969;
    text-decoration: none;
    border-bottom: 1px dotted #696969;
}

#hottopicsblock a:hover 
{
    color: #000000;
}



#divleft 
{
    float: left;
}
#divright 
{
    float: right;
}



#sidebar
{
    width:202px;
    background-color: #ffffff;
}

#sidebarheadlines 
{
    width:196px;
    border: 1px solid #9F966F;
    text-align:center;
}

#teaserheadline, #teaserheadline a:link, #teaserheadline a:visited, #teaserheadline a:active 
{
    font-family: Verdana, Helvetica, sans-serif; 
    font-size: 10pt; 
    text-decoration:none; 
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-align: left;
}

#teaserheadline a:hover { text-decoration:underline; }


.sideteaserheadline, .sideteaserheadline a:link, .sideteaserheadline a:visited, .sideteaserheadline a:active 
{
    font-family: Verdana, Helvetica, sans-serif; 
    font-size: 8pt; 
    text-decoration:none; 
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-align: left;
}

.sideteaserheadline a:hover { text-decoration:underline; }

#teaserdatestamp  
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 8pt; 
    font-style: italic; 
    font-weight: normal; 
    color:#993300; 
    text-align: right;
    padding-top: 5px;
}

/* links box - links to speak out home, post new topic etc.. */
.linksbox 
{
    background-color: #DDC676;
    padding:4px;
    border: 1px solid #9F966F;
    margin-top:4px;
    margin-bottom:4px;
}

.linksbox, .linksbox a:link, .linksbox a:visited, .linksbox a:active 
{
    color:#000000; 
    font-size: 8pt; 
    text-decoration:none; 
}
.linksbox a:hover { text-decoration:underline; }

.hotlinks 
{
    padding-top: 8px;
    font-size:9pt;
}
.hotlinks, .hotlinks a:link, .hotlinks a:visited, .hotlinks a:active 
{
    color: darkred; 
    text-decoration:none; 
}
.hotlinks a:hover { text-decoration:underline; }


/* pager */
#pager 
{
    padding:4px;
    border: 1px solid #9F966F;
}

#pager, #pager a:link, #pager a:visited, #pager a:active 
{
    color:#694720; 
    font-size: 8pt; 
    text-decoration:none; 
}
#pager a:hover { text-decoration:underline; }

   /* 
.readmore a:hover, .readmore a:link, .readmore a:visited, .readmore a:active 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    color: #8B8E90;
    text-decoration:none;
    text-align: left;
}


a:hover, a:link, a:visited, a:active {             
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration:underline;
}

td a:hover, td a:link, td a:visited, td a:active {             
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration:none;
}
*/
pwdreset a:hover, td a:link, td a:visited, td a:active {             
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    color: #696969;
    text-decoration:underline;
}


#pagetitle 
{
    color: darkorange;
    font-weight: bold;
}

form {margin-bottom : 0; }

table.borders
{
    border: 1px solid #9F966F;
}



#status {
    font-size: 8pt;
    color: darkred ;
    text-decoration:none;
    padding: 2px;
    margin:10px;
    text-align:left;
    width:97%;
}

#footnote {
    font-size: 8pt;
    color: #696969;
    text-decoration:none;
    padding: 2px;
    margin:10px;
    text-align:left;
    width:97%;
}

/* STORY STYLES */
.storytitle {  font-family: Verdana, Arial, Sans-Serif; font-size: 10pt; font-weight: normal; color:black }
.storydate { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color:#CC6600; }
.storyheadline {  border-top: 1px dotted #696969; border-bottom: 1px dotted #696969; padding: 4px; margin-bottom:10px;margin-top:10px; font-family: font-family: Verdana, Arial, Sans-Serif; font-size: 18pt; font-weight: normal; text-align: left; color: #8C0800}
.storymain { font-family: Verdana, Arial, Sans-Serif; font-size: 11pt; font-weight: normal; text-align: justify }
.goldtitle { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color:#B68902; }
.smalltext { font-family: arial; font-size: 8pt; font-weight: normal; color:black }

.morelink a:link, .morelink a:visited, .morelink a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    text-decoration:none;
}

.morelink a:hover { text-decoration:underline; }

/* outter table format */
table.maintable
{
    border: 0;
    padding: 0;
    margin:0;
    width:100%
}

/* header row */
.maintable th
{
    text-align:left;
    padding: 4px;
    color: #ffffff;
    background-color: darkred;
    font-size:8pt;
    font-weight: bold;
    border: 1px solid #000000;
}

/*
        -------------
        Generic Boxes
        -------------
*/

.graybox {
    border:1px solid #696969;
}

#orangebox
{
    border: dotted 1px darkorange;
    padding: 4px;
    margin:4px;
}

#bluebox
{
    border: dotted 1px #696969;
    padding: 4px;
    margin:4px;
    color: #1338A5;
    
}