/* CONTENTS

=LAYOUT: LAYOUT ELEMENTS
----------------------------------------------

=MENU: MENU ELEMENTS
----------------------------------------------

=TYPE:	TYPOGAPHIC ELEMENTS
----------------------------------------------

=ELEM:	MISC. ELEMENTS
----------------------------------------------

=FORM:	FORM ELEMENTS
----------------------------------------------

=SIFR: SiFR ELEMENTS
----------------------------------------------

*/ 

/* =TYPE: */
body {
	font-family: Helvetica, Arial, Verdana, san-serif;
	color: #571D1A;
	font-size: 1.0em;
	min-width: 800px;
	margin: 0;
	padding: 0;
}

a:link {
	text-decoration: none;
	color: #AD001C;
}

a:visited {
	text-decoration: none;
	color: #9D0085;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
	color: #EB3250;
}


div#sidebarArea p {
	font-size: 76%;
}

div#sidebarArea ul li {
	margin: 3x 0 10px 0px;
	padding: 0;
}

div#contentArea p {
	line-height: 150%;
        font-size: 83%;
}

h1 {
	font-size: 150%;
	color: #710012;
}

h1.sbTitle {
	font-size: 130%;
	margin: 0 0 -8px 0;
	padding: 0;
}

div#contentArea h1.title{
	font-size: 150%;
	margin: 0;
	padding: 0;
}

div#content1Col h2 {
	font-size: 150%;
	margin: 0;
	padding: 0;
}

div#contentArea2 h1.title {
	font-size: 150%;
	margin: 0;
	padding: 0;
}

/* article styles */

div.article {
	position: relative; 
	padding-top: 20px;
}

div.articleBody {
	margin-top: -10px;
}

div.article p {
	margin-right: 1em;
	font-size: 96%;
	line-height: 110%;
}

div.article p.reply {
	position: relative;
	padding: 0;
	margin: -5px 0 1em 0;
	color: #710012; 
	font-size: 10px;
	line-height: 10px; 
	/* background: url(../images/arrowR.gif) 0 0 no-repeat; */
}
.arrow {
	margin: 0 8px 0 0;
}
div.article h2 {
	font-size: 150%;
	margin-bottom: -20px;
	padding: 0;
}

.datePage {
	color: #B78A4B;
	font-family: Verdana, san-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	background: url(../images/dateCapTop.gif) 0 0 no-repeat;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
	margin-top: 0;
	width: 50px;
	padding-top: 5px;
	top: 20px;
	left: -60px;
}

.datePage .day {
	display: block;
	font-family: Verdana, san-serif;
	font-weight: bold;
	font-size: 24px;
	text-indent: -3px;
	letter-spacing: -2px; 
	color: #B78A4B;
	text-shadow: #bbb 2px 2px 0;
	background: url(../images/dateCapBot.gif) bottom left no-repeat;
	padding-bottom: 10px;
}

.eventPage {
	color: #CF4D31;
	font-size: 14px;
	font-weight: bold;
	display: block;
	background: url(../images/eventCapTop.gif) 0 0 no-repeat;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
	margin-top: 0;
	width: 50px;
	padding-top: 5px;
	top: 20px;
	left: -60px;
}

.eventPage .day {
	display: block;
	font-weight: bold;
	font-size: 24px;
	text-indent: -3px;
	letter-spacing: -2px; 
	color: #CF4D31;
	text-shadow: #bbb 2px 2px 0;
	background: url(../images/eventCapBot.gif) bottom left no-repeat;
	padding-bottom: 10px;
}

.eventOngoing {
	display: block;
	position: absolute;
	margin-top: 0;
	width: 50px;
	padding-top: 5px;
	top: 20px;
	left: -60px;
}

/* footer styles */
div.footerCol h1 {
	font-size: 125%;
	margin-bottom: -10px;
	margin-top: 0px;
	padding-top: 0px;
}

div.footerCol ul {
	list-style-type: none;
	margin: 10px 5px 5px 10px;
	padding: 0;
}

div.footerCol ul li {
	font-weight: bold;
	font-size: 90%;
	line-height: 150%;
}

div.footerCol ul li a {
	font-weight: bold;
	font-size: 90%;
	line-height: 150%;
}


/* =LAYOUT: */
body {
	text-align: left;
	margin: 0 auto;
	background-color: #FFC25F;
	background-image: url(../images/Bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

body.noSideBar {
	text-align: left;
	margin: 0 auto;
	background-color: #FFC25F;
	background-image: url(../images/Bg2.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}

#wrapper {
	position: absolute;
	width: 785px;
	margin: 0 auto;
	text-align: left;
	left: 35px;
}

#header {
	position: static;
	width: 785px;
	height: 150px;
}

#hLeft {
	position: absolute;
	left: 0;
	top: 0;
}

#hRight {
	position: absolute;
	left: 524px;
	top: 0;
}

div#contentArea {
	float: left;
	width: 524px;
}

div#contentArea2 {
	float: left;
	width: 785px;
}

div#content1Col {
	padding: 25px 70px 15px 70px;
}

div#sidebarArea {
	float: left;
	width: 261px;
        font-family: Verdana, Helvetica, Arial, san-serif;
}

div#sidebar1 {
	padding: 25px 15px 15px 15px;
}


#footer {
	clear: both;
	float: left;
	position: relative;
	width: 785px;
	background-color: #E6A13F;
	background-image: url(../images/menuBg.jpg);
}

.footerCol {
	width: 250;
	padding: 15px;
	float: left;
	position: relative;
}

/* =MENU: */
#menuContainer {
	position: static;
	width: 785px;
	background-color: #E6A13F;
	background-image: url(../images/menuBg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}


#menu {
	position: static;
	font-family: Verdana, Helvetica, Arial, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFD89B;
	padding: 10px 0px 10px 0px;
	text-align: left;
	vertical-align: middle;
	padding-left: 0px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 8px;
}

#menu ul li {
	padding: 0px 12px 0px 12px;
	color: #7F0014;
	display: inline;
	list-style-type: none;
}

#menu ul li a {
	text-decoration: none;
	color: #FFD89B;
	text-align: center;
}

#menu ul li a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#buyBox {
	position: absolute;
	top: 160px;
	left: 600px;
	width: 178px;
	text-align: right;
}

/* =GALLERY: */

div.setpreview {
	padding-top: 20px;
}

div.descContainer p.title {
	font-size: 110%;
	font-weight: bold;
	margin-top: 0;
	padding-top: 0;
}

div.thumbnail {
	float: left;
}

div.descContainer {
	margin: 0 0 0 10px;
	float: left;
}

div.flickrsetnav {
	font-size: 150%;
	font-weight: bold;
}

/* mp3 styles */
table.tracklist {
	margin-top: 10px;
	margin-left: -2px;
	font-family: Helvetica, Arial, Verdana, san-serif;
}

table.tracklist td.name {
	margin: 5px;
	padding: 5px;
	background-color: #A60019;
	color: #FFD89B;
	font-size: 80%;
}

table.tracklist td.name .mp3track {
	font-weight: bold;
}

table.tracklist td.name .mp3album {
	font-style: italic;
}


table.tracklist td.button {
	text-align: center;
	margin: 5px;
	padding: 5px;
	background-color: #A60019;
}

table.tracklist td.button a:link {
	color: #FFD89B;
	font-size: 80%;
	text-decoration: none;
	font-weight: bold;
}

table.tracklist td.button a:visited {
	color: #FFD89B;
	font-size: 80%;
	text-decoration: none;
	font-weight: bold;
}

table.tracklist td.button a:hover {
	color: #FFD89B;
	font-size: 80%;
	text-decoration: underline;
}

/* =SIDEBAR: */

ul.eventList {
	list-style-image: url(../images/BulletEvent.gif);
	list-style-type: disc;
	margin: 10px 0 0 25px;
	padding: 0;
}

#sidebarArea li {
	font-family: Verdana, Helvetica, Arial, san-serif;
	font-size: 76%;
	margin: 0px 0px 5px 0px;
padding-top: -5px;
}
/* =CONTACT: */

form label {
	font-size: 80%;
	line-height: 200%;
}

/* =SIFR: */ /* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*	These "decoy" styles are used to hide the browser text before it is replaced... 
	the negative-letter spacing in this case is used to make the browser text metrics
	match up with the sIFR text metrics since the sIFR text in this example is so
	much narrower... your own settings may vary... any weird sizing issues you may run
	into are usually fixed by tweaking these decoy styles.
*/
.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}