/* general */
* { margin: 0; padding: 0; }
body, p, a, input { font-family: "Arial", Helvetica, sans-serif; font-size: 12px; color: #343434; }
a { font-weight: bold; text-decoration: none; color: #5b0d45; }
a:hover { color: #821b65; }

body { background: #FFFFFF URL('images/background.jpg') no-repeat; }

div#header { width: 100%; overflow: hidden; }
div#header h1 { height: 1px; overflow: hidden; padding: 1px 0 0 0; }
div#header a { display: block; width: 452px; height: 112px; margin: 18px 0 0 28px; }
div#header a img { border: none; }

div#mainContainer { width: 1007px; overflow: hidden; margin: 0 0 10px 21px; min-height: 683px; background: URL('images/panel-mid.jpg') repeat-y; }
div#mainContainer div#main { width: 1007px; min-height: 683px; background: URL('images/panel-top.jpg') no-repeat; }
div#mainContainer div#top { width: 1007px; height: 51px; overflow: hidden; }
div#mainContainer div#top ul#menu { list-style-type: none; float: left; display: inline; margin: 18px 0 0 10px; }
div#mainContainer div#top ul#menu li { float: left; }
div#mainContainer div#top ul#menu li a { float: left; display: inline; height: 20px; padding: 5px 18px 0; background: URL('images/sep.jpg') no-repeat top right; }
div#mainContainer div#top ul#menu li a.last { background: none; }
div#mainContainer div#top ul#iconList { list-style-type: none; float: right; display: inline; margin: 14px 14px 0 0; }
div#mainContainer div#top ul#iconList li { float: left; }
div#mainContainer div#top ul#iconList li a img { border: none; }

div#mainContainer div#footer { width: 1007px; height: 41px; background: #FFF URL('images/panel-bottom.jpg') no-repeat; padding-top: 40px; float: none; clear: both; }
div#mainContainer div#footer p { text-align: center; font-size: 10px; }
div#mainContainer div#footer p a { font-size: 10px; }


div#center { float: left; overflow: hidden; display: inline; margin: 20px 30px; width: 660px; }
div#center h2 { margin: 20px 0; font-weight: normal; color: #A71039; font-family: "Segoe UI", Verdana, sans-serif; font-size: 22px; }
div#center h2.pageTitle { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #A71039; }
div#center p { margin: 20px 0; }
div#center a#nextRelease { display: block; margin: 20px auto; width: 487px; height: 479px; }
div#center a#nextRelease img { border: 1px solid #A71039; }

div#twitter { float: right; overflow: hidden; display: inline; margin: 30px 30px 30px 0; }

/* album list and page */
div#center div.albumitem { overflow: hidden; clear: both; }
div#center div.albumitem img { float: left; display: inline; margin: 0 10px 10px 0; border: none; }
div#center div.albumitem p { float: left; margin: 0; }
div#center div.albumitem p a { font-size: 14px; }

div#center h2.albumTitle { margin-bottom: 0; }
div#center p.releaseDate { margin-top: 0; }
div#center div.albumLeft { float: left; display: inline; margin: 10px 10px 10px 0; width: 300px; }
div#center div.albumLeft p { margin: 10px 0; font-size: 11px; }
div#center div.albumData { float: left; margin: 10px 0 0 10px; width: 300px; }
div#center div.albumData ol { margin: 20px 0 20px 40px; font-weight: bold; }
div#center div.albumData ol li { margin: 0 0 10px 0; }
div#center div.albumData ol li span.songAuthor { font-weight: normal; font-size: 10px; color: #AA5555; }
div#center div.albumData ol li div.playerDiv { margin-top: 10px; }

/* forms */
div#center form { width: 610px; margin: 20px auto; overflow: hidden; }
div#center form p { overflow: hidden; float: none; width: 510px; margin: 0 0 5px 0; border: 1px solid transparent; padding: 4px; background: transparent; }
div#center form p label { float: left; padding: 2px 0 0 0; width: 130px; }
div#center form p input { float: left; width: 230px; }
div#center form p textarea { float: left; width: 230px; height: 150px; }
div#center form p span { float: left; width: 118px; min-height: 20px; padding: 0 0 0 25px; }
div#center form p span.error { background: URL('images/cancel.png') no-repeat 4px 2px; }
div#center form p span.success { background: URL('images/ok.png') no-repeat 4px 2px; }
div#center form p.error { border: 1px solid #FF0000; background: transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

div#center form p input.button { float: right; width: auto; display: inline; margin: 0 145px 0 0; }

/* galleries */
div#center h2 a { color: #A71039; font-family: "Segoe UI", Verdana, sans-serif; font-size: 22px; font-weight: normal; }
div#center h2 a:hover { text-decoration: underline; }

div#center div.galpic { float: left; display: inline; margin: 0 10px 10px 0; }