/* font-size:75% - typical font is 16px, this reduces it to 12px for ie6 and below */
body {
font-size: 75%;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: gray;
}

/* for firefox etc */
html>body {
font-size: 12px; 
} 

h1, h2, h3, h5, h6 {
margin:0;
padding:0;
font-family: Georgia, serif;
color:#333;
}

h1 {
font-size: 2em;
padding: 0 0 5px 0;
border-bottom:1px solid #333;
}

h2 {
padding:20px 0 5px 0;
font-size: 1.4em;
}

h3 {
padding:20px 0 5px 0;
font-size: 1.2em;
}

strong{
color:#333;
}

a {
color: #6caddd;
border-bottom: 1px dotted #6caddd;
text-decoration: none;
}

a:hover {
color: blue;
border-bottom: 1px solid blue;
text-decoration: none;
}

p.subheading{
margin-top:5px;
padding-top:0;
padding-bottom:15px;
font-style:italic;
}

/******************************************************************************/

#header_bg {
height:294px;
width:100%;
background: url(/images/header_bg.jpg) repeat-x;
margin:0;
padding:0;
}

#header {
height: 294px;
width: 780px;
margin: 0 auto;
background: url(/images/header.jpg) no-repeat;
background-position:top;
}

/******************************************************************************/
#container {
margin: 0 auto;
padding-top:20px;
width:780px;
}

ul.menu {
padding: 0;
margin: 0 0 50px 0;
list-style: none;
font-size:150%;
}

ul.menu li {
/*
padding-left: 35px;
background-image: url(/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0.1em;
*/
}

ul.menu li a {
text-decoration: none;
border-bottom: none;
}

/******************************************************************************/

#breadcrumbs{
height:15px;
padding-left:200px;
padding-bottom:15px;
font-style:italic;
}


#content {
float:right;
width:580px;
padding-bottom:10px;
}

#content .author {
text-align:right;
color: black;
font-size:small;
}

#content .date {
text-align:right;
color: black;
font-style:italic;
font-size:x-small;
}

#content .credit {
margin-top:50px;
font-style:italic;
color: green;
color: #0101DB;
color: black;
}

#content blockquote{
padding-top:5px;
padding-bottom:5px;
border-top: thin dotted #006699;
border-bottom: thin dotted #006699;
}

#content .addtodir{
font-weight:bold;
color:black;
border:1px solid #6DADDD;
border:1px solid black;
padding:5px 5px 5px 20px;
padding:10px;
}

#sidebar {
float:left;
width: 180px;
margin-top:0;
padding-right:20px;
padding-top:0;
padding-bottom:20px;
}

.topright {
float:right;
margin-left:10px;
margin-bottom:5px;
padding:5px;
border: 2px solid #D3D3D3;
}

.topleft {
float:left;
margin-right:10px;
margin-bottom:5px;
padding:5px;
border: 2px solid #D3D3D3;
}

.noborder {
border:none;
}

#footer {
clear: both;
color:white;
margin-top:100px;
background: #6caddd;
border-top: 2px solid #283F58;
}

#footer-contents {
text-align: center;
width:800px;
margin: 0 auto;
}

#footer a {
color:white;
}

#footer p{
margin:0;
padding:5px 0;
}

#footer #smallprint {
padding-top:20px;
}

.interview{
padding-bottom:50px;
}

/******************************************************************************/
/* microformats */

.vcard{
padding-bottom:20px;
}

.adr{
padding-top:5px;
padding-bottom:0;
}

.vcard .description{
font-style:italic;
}

#microformat_info{
padding-top:80px;
color:#333;
font-style:italic;
font-size:small;
}

.vevent .dates{
font-style:italic;
}

/******************************************************************************/
/* tags */

.tags{
padding-top:100px;
font-style:italic;
font-size:small;
}

.tags a{
text-decoration:none;
color:inherit;
}
.tags a:hover{
text-decoration:none;
color:inherit;
}

/******************************************************************************/

#advert_bottom{
margin-top:50px;
}

#advert_content{
float:left;
margin-right:10px;
margin-bottom:10px;
}

#advert_content_banner{
padding-top:20px;
padding-bottom:20px;
}