@import 'form-elements.css';

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

GLOBAL

**************************************/
body {
	background: #e9e9dd;
	margin: 0;
	padding: 0;
	}

body, p, td, input, textarea, .normal {
	font: normal 13px arial, helvetica, sans-serif;
	color: #535353;
	line-height: 17px;
	}
/**************************************
END GLOBAL
**************************************/




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

HTML

**************************************/
a {color: #535353; text-decoration: underline;}
a:hover {text-decoration: underline; color: #f563b2;}

b {font-family: Arial, Helvetica, sans-serif;}

blockquote {
	background: #eee;
	border: 1px solid #b0b0b0;
	color: #555;
	font: bold 14px arial, helvetica, sans-serif;
	padding: 20px;
	margin: 5px 30px;
	}


.quote {
	border: 1px solid #b0b0b0;
	color: #535353;
	font: bold 12px arial, helvetica, sans-serif;
	padding: 5px;
	margin: 10px 10px;
	}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin: 0;}
h1, .h1 {font-size: 25px; font-weight: normal;}
h1 a, h1 a:hover {text-decoration: none;}
h2, .h2 {font-size: 23px; font-weight: normal;}
h3, .h3 {font-size: 19px; color: #535353; font-weight: normal;}
h3.discography {margin: 0;}
h4, .h4 {font-size: 17px; font-weight: bold; margin-bottom: 10px;}
h5, .h5 {font-size: 15px; font-weight: bold;}
h6, .h6 {font-size: 13px; font-weight: bold;}

hr {background: #535353; border: 0; color: #535353; height: 1px; margin: 10px 0; width: 100%;}

ul, ol {margin-left: 0; margin-right: 0; padding: 0 0 0 30px;}
ul.nomargin, ol.nomargin {margin-top: 0;}
li {margin: 0 0 0 -10px; line-height: 1.5em;}

p {margin: 0 0 15px 0;}

.odd td {background: #f7f7f0;}
.even td {background: #fff;}
.odd {background: #f7f7f0;}
.even {background: #fff;}
/**************************************
END HTML
**************************************/








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

MEET

**************************************/
.bio, .eph_sec, .merchandise {margin-bottom: 20px;}
.bio .pic {width: 140px; padding-bottom: 30px;}
.bio .pic img {padding: 5px; background: #fff; border: 1px solid #bdbdbd;}
.bio .text {padding-bottom: 30px;}
/**************************************
END MEET
**************************************/




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

MERCHANDISE

**************************************/
.pic {width: 260px; float: left;}
.pic img {background: #e7efee; padding: 5px; border: 0;}
.text ul {margin-left: 20px; margin-right: 0; padding: 0 0 0 30px;}
/**************************************
END MEET
**************************************/




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

RECORDINGS (DETAIL)

**************************************/
div.songs-column {padding-right: 20px; float: left; white-space: nowrap; }
/**************************************
END RECORDINGS (DETAIL)
**************************************/




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

PAGE TITLES

**************************************/
#pagetitles:first-letter {
	font: normal 30px georgia, times, serif;
	color: #000;
	letter-spacing: .1em;
	}

#pagetitles {
	font: normal 24px georgia, times, serif;
	color: #000;
	letter-spacing: .1em;
	padding: 20px 0;
	}
/**************************************
END PAGE TITLES
**************************************/




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

COMMENTS

**************************************/
div.comment_wrapper {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	line-height: 1.3em;
	margin-top: -1px;
	padding: 5px;
	}

div.comment_wrapper_admin {
	background: #ffffe2;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	line-height: 1.3em;
	margin-top: -1px;
	padding: 5px;
	}

div.comment_wrapper br {font-size: 8px; line-height: 1em;}
div.comment_wrapper_admin br {font-size: 8px; line-height: 1em;}

/**************************************
END COMMENTS
**************************************/




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

DOWNLOADS (DETAIL PAGE)

**************************************/
.download {background: #F3F8F7; margin-bottom: 20px;}
.download_desc {float: left; width: 68%; padding: 1%;}
.download_icon {float: left; width: 30%; text-align: center; padding: 10px 0;}
.clear {clear: both; font-size: 1px;}
/**************************************
END DOWNLOADS (DETAIL PAGE)
**************************************/




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

MISCELLANOUS CSS CLASSES

**************************************/
.img, .imgl, .imgr, .adimg {padding: 5px; background: #fff; border: 1px solid #bdbdbd;}
.imgl {margin: 0 15px 15px 0;}
.imgr {margin: 0 0 15px 15px;}
.songs, .small {font-size: 10px; font-family: Verdana, sans-serif;}
.authors {padding: 0 0 0 22px; font-size: 11px; font-style: italic; color: #999; margin: 0 0 4px 0;}
.white {color: #fff;}

/**************************************
END MISCELLANOUS CSS CLASSES
**************************************/







div#banner_box {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	}






div.post {padding: 10px 0 0 10px; background: url('../theme/bg_post.png') repeat-x;}

div.separator {text-align: center; margin: 20px 0;}

div.date {margin-top: 3px;}


.artimg {text-align: center; padding: 20px 0 10px 0;}
.artimg img {padding: 5px; border: 0px solid #e9e9e9; background: #fff;}


table.recent {margin-top: 10px;}
table.recent td {border-bottom: 1px solid #B2B3A6;	color: <? echo D_FONT_COLOR; ?>; line-height: 1.2em; padding: 5px 0;}
table.recent td a {text-decoration: none; color: <? echo D_FONT_COLOR; ?>;}
table.recent td a:hover {text-decoration: underline; color: <? echo D_FONT_COLOR; ?>;}


/* Archives Table Display */
table.outer {width: 100%; border-collapse: collapse;}
table.outer tr {vertical-align: top;}
table.outer td {border-bottom: 1px solid #B2B3A6; line-height: 18px;}
table.outer td a {text-decoration: none; color: <? echo D_FONT_COLOR; ?>;}
table.outer td a:hover {text-decoration: underline;}
table.outer td.right {text-align: right; white-space: nowrap;}
table.outer td.inner {border: 0;}
table.outer td.inner table {margin:0 0 20px 0;}
table.outer tr.open td {border: 0;}
table.outer tr.open td.right {visibility: hidden;}
table.outer tr.closed {display: none;}











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

HEADER

**************************************/
#group {width: 200px; background: url('../theme/group.jpg') no-repeat;}
#content_container {padding-right: 30px;}
#logo {background: #f7f7f0 url('../theme/logo.gif') no-repeat; height: 72px;}
/**************************************
END HEADER
**************************************/

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

MAIN MENU

**************************************/
#mainmenu_container {background: #fff url('../theme/bg_menu.png') repeat-x; height: 31px;}
#mainmenu_table td {text-align: center; white-space: nowrap;}
#mainmenu_table td a {font: 12px/31px arial, sans-serif; color: #535353; padding: 0 8px; display: block; text-decoration: none;}
#mainmenu_table td a:hover {color: #fff; background: #b9b9b4; text-decoration: none;}
#mainmenu_table td a.active {color: #fff; background: #b9b9b4;}
#mainmenu_table td a.active:hover {color: #fff; background: #b9b9b4;}
/**************************************
END MAIN MENU
**************************************/

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

FOOTER

**************************************/
#copyright {font: normal 11px arial, sans-serif; padding: 50px 0; background: url('../theme/color_bar.png') repeat-x 0 30px;}
#footer_box {
	height: 50px;
	background: #fff url('../theme/bottom.jpg') no-repeat 0 100%;
	}

/**************************************
END FOOTER
**************************************/



#article_container {width: 570px;}

.link {
	font: bold 9px verdana, sans-serif;
	text-transform: uppercase;
	margin-top: 20px;
	}

#abc a {display: block; padding: 2px; border: 1px solid #b2b3aa; float: left; text-decoration:none; width: 12px; text-align: center; margin-right: 4px;}
#abc a:hover {background: #fff;}