* {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: black;
}

.blue  { color: blue; }
.red   { color: red; }
.green { color: green; }

html, body {
	margin: 0;
	padding: 0;
        /* These next two get rid of that small grey border around the page in IE */
        border: 0;
        outline: 0;
	background-color: #af8456;
	scrollbar-base-color: #af8456;
	height: 100%;
}  
  
small, .blog_date, .blogsum_date, .hvmusic_date  {
  	font-size : 8pt;
	color: #855726;
}
.smalldark  {
  	font-size : 8pt;
	color: #af8456;
}
.caption  {
  	font-size : 8pt;
	color: #7E9B5A;
}

/* Links */ 
a:link, a:visited {
	color : #EF6730;
}
a:hover, a:active {
	color : #EF6730;
}
/* Links for Nav bar */
a:link.nav, a:visited.nav {
	font-family : Georgia, Times New Roman, Times, serif;
	color: #d5a867;
	font-weight : normal;
	text-decoration: none;	
	text-transform: uppercase;	
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 5px;
        padding-right: 5px;
	display: block;
}
a:hover.nav, a:active.nav {
	color: #000000;
	background-color: #FD7C47;
}
   
h1  {
	font-family : Georgia, Times New Roman, Times, serif;
	font-size: 20pt;
	font-weight: normal;
	color : #855726;
	letter-spacing: -0.05em;
}
  
h2, .heading2, .blog_name  {
	font-family : Georgia, Times New Roman, Times, serif;
	font-size: 18pt;
	font-weight : normal;
	color : #855726;
	letter-spacing: -0.04em;
}
  
h3, .heading3, .blog_title, .hvmusic_headline  {
	font-family: Georgia, Times New Roman, Times, serif;
  	font-size: 16pt;
  	font-weight: normal !important; /*Override the bold set by HVmusic_headline */ 
	color : #855726;
	letter-spacing: -0.04em;
}
  
h4, .heading4 {
	font-family : Georgia, Times New Roman, Times, serif;
	text-transform: uppercase;
	color : #855726;
	/* letter-spacing: -0.05em;  */
}
 
.page_data {
	background-color: #fdeacd;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
}
 
.right_news {
	background-image: url(/images/right-column-background.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top: 1px solid #af8456;
}
 
.header {
	background-color: #231e17;
	background-repeat: no-repeat;
	background-position: top right;
}
.header-bottom {
	background-color: #231e17;
	background-image: url(/images/header-bottom.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

/* Adding display:block to the images seems to remove the 5PX bottom padding */
/* that we get on images in <td>s with HTML5 doctype                         */
/* But only do this for images within <td>s.                                 */
td img {
        display: block;
}

/* Remove the space at the top of ul and ol */
ul.compact, ol.compact {
	margin-top: 2px;
        margin-left: 20px;
}

select, input, textarea {
	color: black;
	background-color: #FFFFFF;
	border: 1px solid #EF6730;
	border-radius: 4px;
}

input.button, .button {
	color: black;
	background-color: #EF6730;
	border-radius: 4px;
	cursor: hand;
	cursor: pointer;
}

/* This is for displaying checkboxes and radio buttons, which look
bad when formatted using the above style */
input.box {
	background-color: #F8FFE3;
	border: none;
}

.align_left {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}

.align_right {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
}

.photo_right_fullborder {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
        border: 1px solid #ABBA98;
}

.photo_left_fullborder {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
        border: 1px solid #ABBA98;
}

.photo_border {
        /*border: 1px solid #ABBA98;*/
        border: 1px solid #000000;
}

hr {
	border: none;
	color : #EF6730;
	background-color: #EF6730;
	height: 1px;
}

sup  {
        font-size : 6pt;
}

.blog_toc {
        padding-top: 10px;
        font-size : 8pt;
        color: #660000;
}
.blog_toc_div {
        margin: 0px 0px 10px 10px;
        padding: 0px 0px 0px 10px;
        width: 175px;
        float: right;
        border-left: 1px solid #FEC58B;
}
hr.blog_rule {
/* Make sure left aligned photos in one entry don't spill over into another.
But also screws up the right-aligned blog_toc_div. SO I have to sort this out. */
        clear: both;
}
.blogsum_title {
	font-weight : bold;
}

/* Make the twitter updates more flush left */
#twitter_update_list {
	margin-top: 2px;
        margin-left: -25px;
}