#container {
font-size: 90%;
font-family: georgia;

text-align : left;
background-color: white;
}

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




h1 {font-family: verdana; font-size: 3em; color: #CA3A75;}
h2 {font-family: verdana; font-size: 1.1em; color: #CA3A75;}

.content a {color: #E72878; text-decoration: none;}
.content a:hover {text-decoration: underline;}
.rhs a {color: #E72878; text-decoration: none;}
.rhs a:hover {text-decoration: underline;}
.tablink {color: #959492; text-decoration: none;}
.tablink:hover {color: #E72878;}

#credits a {color: white; text-decoration: none;}
#credits a:hover {text-decoration: underline;}

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

.content {
padding: 9px;
line-height: 150%;
background: #E0E2CD;
color: #6D6D61;
}


.content img {
padding: 2px;
background: white;
border-top: 1px solid silver;
border-left: 1px solid silver;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
}

.content #map img {
background: transparent;
}


.contentcolor {
background: #E0E2CD;
}


.rhs {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 9px;
padding-left: 9px;
background: #DFD7EC;
text-align: center;
color: #7A7482;
font-size: .9em;
}


a.button {
color: #E377A1;
margin-top: 4px;
margin-left: 0;
font-size: 0;
text-indent: -10000px;
display: block;
width: 206px;
height: 77px;
background: url(../images/extramiled-button.gif);
border: 0;
text-decoration: none;
}

a.button:hover {
background: url(../images/extramiled-button.gif) 0 -77px no-repeat;
}

.comment {
border-top: 1px solid #B6B6AE;
padding-top: 10px;
padding-bottom: 10px;
}

.comment_top {
font-weight: bold;
}
.comment_bottom {
font-weight: bold;
}

.comment_controls {
float: right;
clear: both;
}

.reply {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
}

.reply_bottom {
font-weight: bold;
padding-left: 20px;
}


.question {
clear: both;
font-weight:bold;
}

#questionbox {
width: 450px;
}


#dougal .question {font-weight: bold; color:#FB0260;margin-top:20px;}
#dougaltop {padding:18px;border:1px solid #C7C8B8;background:#EFF1DB;margin-bottom:15px;}
#dougaltop th {font-weight: bold; color:#000000;font-size:.8em;}
span.ask {font-weight: bold; color:#000000;}
span.dougal {font-weight: bold; color:#FB0260}
span.feint {font-style:italic;color:#888888;}


#ask-dougal-button {
position:absolute;
width:199px;
height:76px;
z-index:50;
margin-left:525px;
margin-top:12px;
text-indent: -5000em;
outline:none;
background:url(/images/ask-dougal-button.gif);
}

#ask-dougal-button:hover {
background:url(/images/ask-dougal-button.gif) 0 -76px;
}


#tabs {
background: #E0E2CD;
font-family: verdana;
font-weight: bold;
color: #6F6D72;
}


#toprhs {
text-align: justify;
border-bottom: 1px solid #BBB4C4;
padding-bottom: 14px;
padding-top: 16px;
margin-bottom: 14px;
}
		
.rhsmap{
border: 1px solid #B1B7C5;
}

#bottomrhs {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #BBB4C4;
}

#credits {
background: #DBACBE;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
color: 6F6067;
font-family: verdana;
font-size: .9em;
}

#footercomments {
margin-top: 10px;
}

#footercomments div {
margin-top: 4px;
font-size: .85em;
text-align: left;
}

#rsslink {
color: white;
padding: 5px;
display: block;
margin-bottom: 5px;
background: #000000 url(/images/rss.gif) no-repeat 195px 5px;
}

.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;
}

/* ============================================== */
/* Styles for TOOLTIPS */
/* ============================================== */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#fff;
    background-color: #4444ff;
    font-weight: bold;
    text-decoration:none;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    left: 5px;
    cursor: help;}

a.info:hover{z-index:25; background-color:#7777ff;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:2em; width:15em;
    border:1px solid #ddddbb;
    background-color:#ffffe0; color:#000;
    text-align: center;
    font-weight: normal;
    padding: 5px;}
    
    
.nDate {font-weight: bold; font-family: verdana; font-size: .8em;}
.nHeadline {font-weight: bold; font-family: verdana; color: #CA3A75;}

.blogcomment {border-top: 1px solid #B6B6AE; margin-top: 10px; padding-top: 10px;}
.blogcommentname {font-weight: bold; font-family: verdana; font-size: .8em; margin-bottom: 10px;}

.blogindex {text-align: left;}
.blogindex a {font-weight: bold; font-family: verdana; font-size: .8em;}
.blogindexheader {font-family: verdana; color: #CA3A75; font-weight: bold; margin-bottom: 10px;}