body {
background: #474747;
margin-bottom: 15px;
}


#topcontainer {
background: #000000;
}

#topcontainer img {
border: 0;
}

#container {
text-align : left;
}

#infobar {
padding: 0;
margin: 0 auto;
font-size: 75%;
color: white;
height: 28px;
}

#infobar td {
color: white;
}

#infobar input {
padding: 0;
margin: 0;
}

#infobar a {text-decoration: none;color: white;font-size:11px;}
#infobar a:hover {text-decoration: underline;}


#atozlink a {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 28px;
padding-right: 5px;
background: url(../images/icon-a-z.gif) no-repeat;
}

#forumlink a {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 23px;
background: url(../images/icon-forum.gif) no-repeat;
}

#podcastlink a {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 23px;
background: url(../images/icon-podcast.gif) no-repeat;
}

#helplink a {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 23px;
background: url(../images/icon-help.gif) no-repeat;
}

#selectiontext {width: 39%;}
#infobarbuttons {width: 37%;}
#infobarsearchbox {width: 24%;}


#usefullinks {
width: 100%;
border: 1px solid silver;
}

#usefullinks th {
padding-left: 10px;
}

#usefullinks td {
padding-left: 20px;
}


.comment {
clear: both;
margin-bottom: 15px;
border: 1px solid silver;
padding: 5px;
}

.commentdetails {
font-style: italic;
font-size: .9em;
border-top: 1px dotted silver;
margin-top: 5px;
}

#commentform {
clear: both;
margin-bottom: 10px;
border: 1px solid silver;
padding: 5px;
}

/*
======================================
==============TAGS====================
======================================
*/




/*
======================================
============== CLASSES ===============
======================================
*/

.tab {width:50%;float:left;}

.tab a {
text-align: center;
text-decoration:none;
display:block;
padding:1px;
padding-top:3px;
font-weight:bold;
}

.tab a.off {
border-bottom: 1px solid #666666;
background:#d5ace4;
}

.tab a:hover {
background:#9214c0;
color:white;
}

.content {
padding-top: 0;
border-left: 2px solid white;
}

.contentinner {
padding: 25px;
}





#content-left {
float: left;
background: #279393;
}

#content-right {
float: right;
background: #279393;
}

#content-right img {
border: 1px solid white;
}

.panel {
border-top: 12px solid #4EBBBB;
padding: 12px;
}

.panel a {
color: #ffff33;
}

.panel a:hover {
color: #ffffff;
}

.panel a:active, .panel a:focus {
color: #ff5555;
}

.panel-float {
float: left;
background: #D5ACE4;
border: 1px solid #e0edd9;
padding: 10px;
margin-right: 12px;
margin-bottom: 12px;
}

.rightpanel {
padding: 6px;
padding-top: 12px;
border-bottom: 10px solid #4EBBBB;
}

a img {
border: 0;
}

#credits {
border-top: 2px solid white;
}

#footspacer {
width: 100%;
height: 6px;
}

#footer {
text-align: center;
background: #F1F1F1;
border-top: 1px solid black;
width: 100%;
padding-top: 13px;
padding-bottom: 13px;
color: #7F7F7F;
font-size: .9em;
}

#footer a {text-decoration: none; color: #7F7F7F;}
#footer a:hover {text-decoration: underline}


.directorydetails {
width: 100%;
border:2px double #444444;
}

.directorydetails td {
background: #ffffff;
}


.row0 {
background-color: white;
}

.row1 {
}

/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}

#sitemap ul li {
margin-top: 4px;
}

#sitemap a.vis0 {
color:blue;
}

#sitemap a.vis1 {
color:green;
}

#sitemap a.vis2 {
color:purple;
}

#sitemap a.vis3 {
color:red;
}


.insert1 {
float: right;
border: 1px solid silver;
margin-left:10px;
padding: 5px;
background:#ffffff;
width:190px;
}

.insert2 {
float: right;
border: 1px solid silver;
margin-left:10px;
padding: 5px;
background:#ffff00;
width:190px;
}

.insert3 {
float: right;
border: 1px solid silver;
margin-left:10px;
padding: 5px;
background:pink;
width:190px;
}