/*----- DEFAULTS -----*/
html {
	height: 100%;
}

body {
	background: #f5f5f3;
	background-image: url('/images/heramb-bg.gif');
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px 0px 50px;
	text-align: center;
	font-family: Verdana,Sans-serif;
	font-size: 10px;
}

#main {
	/*margin: 136px auto;*/
	position: absolute;
	top: 136px;
	left: 136px;
	text-align: left;
	width: 685px;
	padding: 20px 30px 30px;
	border-top: 1px solid #e6e6df;
	border-right: 1px solid #e6e6df;
	border-bottom: 1px solid #e6e6df;
	border-left: 1px solid #e6e6df;
	background: #ffffff;
}

#gallerytitle {
	margin-top: 0px;
	width: 510px;
}

a {
	font-family: Verdana,Sans-serif;
	font-size: 10px;
	text-decoration: none;
	vertical-align: bottom;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

hr {
	clear: both;
	height: 0;
	border: 0;
	border-top: 1px solid #e6e6df;
	margin: 0 0 12px 0;
	padding: 0;
}

blockquote {
	border-left: 1px dotted #96967e;
	margin-left: 20px;
	padding-left: 20px;
	color: #363630;
}

/*----- HEADER -----*/
div.logo {
	position: absolute;
	left: 0px;
	top: 0px;
}

div.blue {
	position: absolute;
	left: 0px;
	top: 54px;
	background-color: #336699;
	z-index: -1;
	width: 300px;
	height: 15px;
	text-align: right;
	padding-top: 1px;
}

div.blue2{
	position: absolute;
	left: 0px;
	top: 70px;
	background-color: #336699;
	z-index: -1;
	width: 115px;
	height: 15px;
	text-align: right;
	padding-top: 1px;
}


.floatright {
	float: right;
}

.floatleft {
	float: left;
}

div.primarylinks {
	position: absolute;
	left: 300px;
	top: 55px;
	height: 15px;
	width: 100%;
	text-align: left;
}

.primarylinkstxt {
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	color: #ffffff;
}

div.datediv {
	display: none;
	position: absolute;
	top: 56px;
	right: 20px;
	height: 14px;
}

div.musicchoice {
	position: absolute;
	top: 56px;
	right: 20px;
	height: 14px;
}

select.musicchoice {
	border: solid 1px #ffffff;
	font-size: 10px;
}

.datetxt {
	font-family: Verdana,Sans-serif;
	font-size: 10px;
	text-decoration: none;
	vertical-align: bottom;
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	color: #ffffff;
}

div.secondaryimagediv {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: +1;
}

div.musicfull {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: +1;
	display: hidden;
}

#musiccollapsed {
	display: none;
	position: absolute;
	top: -38px;
	right: 0px;
}

/* To show in Chrome and Firefox - IE doesn't understand this*/
html>body #musiccollapsed { display: block; }

.secondaryimage {
	border-left: solid 0px #ffffff;
	border-bottom: solid 0px #ffffff;
	border-right: solid 0px #ffffff;
	z-index: +1;
}

div.secondarylinks {
	position: absolute;
	left: 115px;
	top: 71px;
	height: 15px;
	width: 100%;
	text-align: left;
}

.secondarylinkstxt {
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: top;
	color: #000000;
}

div.searchdiv {
	position: absolute;
	top: 90px;
	float: right;
	right: 150px;
}


/*----- CONTENT -----*/
div.contentleft {
	position: absolute;
	top: 126px;
	padding: 10px; 
	left: 0;
	text-align: left;
}

.block {
	display: block;
}

div.contentcenter {
}

div.contentright {
	position: absolute;
	top: 126px;
	padding: 10px; 
	right: 0;
	text-align: left;
}

/*------ RSS FEED STYLE -----*/
/* begin styles for RSS Feed 

     This is the most basic style to use for a list with no bullets */



.rss-box {

	 width: 600px;
	 background-color: #ffffff;

}



.rss-title, rss-title a {

	margin: 0px 0;

	padding: 0;
font-weight: bold;
color: blue;

}



.rss-items {

       list-style:none;

       margin:0px;

       padding:0px;

}



.rss-item  {

  font-size: small;

	padding: 4px;
  margin-bottom: 1em;;

}



.rss-item a:link, .rss-item a:visited, .rss-item a:active {

color: #0000ff;


	}



.rss-item a:hover { 



	}

	

.rss-date {

	font-size: xx-small;
color: #555555;

	} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }