@charset "utf-8";
/* CSS Document */

html{background:url(images/body_background.jpg) 0 0 repeat;}
body{color:#404040; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}

img{border:none;}
p{margin:0; padding:0; margin-bottom:15px;}
li{list-style-type:none; margin:0; padding:0;}
ul{margin:0; padding:0;}
a{color:#00ffff; text-decoration:none;}
a:hover{text-decoration:underline;}
h1{margin:10px 0; font-size:14px; font-weight:bold;}
h2{margin:10px 0; font-size:18px; font-weight:bold;}

#header{width:100%; height:210px; background:url(images/header_top_background.jpg) 0 0 repeat-x;}
.main_container{width:976px; margin:auto; position:relative;}
#page{width:976px; background:url(images/page_center.jpg) 0 0 repeat-y; overflow:auto;}
.page_bottom{width:976px; height:15px; background:url(images/page_bottom.jpg) 0 0 no-repeat; clear:both;}
#footer{width:960px; height:30px; margin:auto; padding-top:5px;}
#footer .menu{width:600px; float:left; color:#bfbfbf;}
#footer .menu a{color:#bfbfbf;}
#footer .copyright{width:250px; float:right; color:#bfbfbf; text-align:right;}

.logo{width:220px; height:160px; margin:auto;}

.vote{width:160px; height:73px; position:absolute; right:0; top:101px;}

.main_menu{}
.menu_left{width:208px; height:50px; float:left; background:url(images/main_menu_left.jpg) right no-repeat;}
.menu_right{width:208px; height:50px; float:left; background:url(images/main_menu_right.jpg) left no-repeat;}
.menu_1 a{width:80px; height:36px; float:left; display:block; text-align:center; color:#FFFFFF; font-size:14px; background:url(images/main_menu.jpg) 0 0 no-repeat; padding-top:14px;}
.menu_1 a:hover{color:#FFFFFF; background:url(images/main_menu.jpg) 0 -50px no-repeat; text-decoration:none;}
.menu_2 a{width:80px; height:36px; float:left; display:block; text-align:center; color:#FFFFFF; font-size:14px; background:url(images/main_menu.jpg) -80px 0 no-repeat; padding-top:14px;}
.menu_2 a:hover{color:#FFFFFF; background:url(images/main_menu.jpg) -80px -50px no-repeat; text-decoration:none;}

.page_container{width:908px; margin:auto;}
.slogan{width:280px; height:30px; margin:auto;}
.text_intro{width:700px; margin:auto; font-style:italic; text-align:center; color:#696969; padding:5px 0;}

.featured{width:974px; margin:auto;}
.title{width:300px; height:30px; padding-left:10px;}
.featured .background{width:100%; height:192px; background:url(images/band-1.jpg) 0 0 repeat-x;}
.featured .images{width:910px; height:170px; float:left; padding-top:13px; padding-left:33px;}
.featured .image{width:220px; height:170px; float:left; margin:0 3px;  background:url(images/image_background-1.jpg) 0 0 no-repeat;}
.featured .image img{width:168px; height:118px; overflow:hidden; text-align:center; padding:24px 26px;}

.line_1{width:908px; height:17px; margin:10px auto; clear:both; background:url(images/line-1.jpg) 0 0 no-repeat;}
.text_1{line-height:17px;}

.box_1{width:440px; float:left; margin-bottom:20px;}
.box_2{width:440px; float:right; margin-bottom:20px;}
.box_top_1{width:440px; height:45px; background:url(images/box_top-1.jpg) 0 0 no-repeat;}
.box_top_2{width:440px; height:45px; background:url(images/box_top-2.jpg) 0 0 no-repeat;}
.box_center_1{width:440px; height:200px; background:url(images/box_center-1.jpg) 0 0 repeat-y; overflow:auto;}
.box_bottom_1{width:440px; height:15px; background:url(images/box_bottom-1.jpg) 0 0 no-repeat;}

.box_1 .wrapper{padding:20px 40px; }
.box_1 .image{width:130px; height:153px; float:left; background:url(images/image_background-2.jpg) 0 0 no-repeat; text-align:center;}
.box_1 .image img{width:110px; height:130px; display:block; background-color:#CCCCCC; margin:12px 10px;}
.box_1 .info{width:170px; float:left; padding-left:44px;}
.box_1 .info .name{height:30px; color:#FFFFFF; font-weight:bold;}
.box_1 .info .name a{color:#FFFFFF;}
.box_1 .info .description{height:110px; color:#FFFFFF; font-size:11px;}
.box_1 .info .link{height:30px; color:#00ffff; font-size:11px;}
.box_1 .info .link a{color:#00ffff;}

.box_2 .background{width:380px; margin:auto; margin-top:15px; background-color:#FFFFFF; overflow:auto; padding-left:15px;}
.box_2 .event{background-color:#ededed; width:100%; overflow:auto; margin:15px 0;}
.box_2 .event .image{width:90px; height:60px; overflow:hidden; text-align:center; float:left;}
.box_2 .event .title{width:280px; height:18px; float:left; background-color:#e6e6e6; padding-left:10px; font-weight:bold; padding-top:2px;}
.box_2 .event .title a{color:#024a48;}
.box_2 .event .date{width:200px; height:20px; float:left; padding-top:20px; padding-left:10px; color:#808080; font-size:11px;}

.box_3{width:902px; margin:auto; background:url(images/box_center-3.jpg) 0 0 repeat-y; clear:both;}
.box_top_3{width:902px; height:10px; background:url(images/box_top-3.jpg) 0 0 no-repeat;}
.box_center_3{width:902px; background:url(images/box_center-3.jpg) 0 0 repeat-y;}
.box_bottom_3{width:902px; height:41px; background:url(images/box_bottom-3.jpg) 0 0 no-repeat;}
.box_3 .title{width:890px; height:30px; padding-left:10px;}
.box_3 .text{width:750px; margin:auto; line-height:17px; font-style:italic;}
.box_3 .name{color:#024a48; font-style:italic; font-weight:bold; padding:18px 0 0 20px;}
.name1{color:#024a48; font-style:italic; float:right; display:inline; padding-right: 60px;}

.artist_bio{width:974px; margin:auto; background-color:#3a5959; clear:both;}
.artist_bio .background_top{width:974px; height:12px; background:url(images/box_top-5.jpg) top no-repeat;}
.artist_bio .background_bottom{width:974px; height:12px; background:url(images/box_bottom-5.jpg) bottom no-repeat;}
.artist_bio .content{overflow:auto;}
.artist_bio .container_left{width:680px; float:left; padding:40px;}
.artist_bio .container_right{width:150px; height:200px; margin-top:40px; float:right; padding:20px; color:#ededed; font-size:11px; background:url(images/line-2.jpg) left no-repeat;}
.artist_bio .container_left .left{width:180px; float:left;}
.artist_bio .container_left .right{width:500px; float:left;color:#FFF;}
.artist_bio .container_left .right ul{padding-left:10px;}
.artist_bio .container_left .right ul li{color: #FFF;list-style-type:disc;}
.artist_bio .image{width:130px; height:153px; float:left; background:url(images/image_background-2.jpg) 0 0 no-repeat; text-align:center;}
.artist_bio .image img{width:110px; height:130px; display:block; background-color:#CCCCCC; margin:12px 10px;}
.artist_bio .link{height:30px; font-size:11px;}
.artist_bio .link a{color:#00ffff;}
.artist_bio .title{color:#FFFFFF; font-weight:bold; font-size:14px; padding:0; width:200px;}
.artist_bio p{color:#FFFFFF;}

.page_container_2{width:950px; margin:auto;}

.artwork{width:465px; background:url(images/box_center-4.jpg) 0 0 repeat-y; float:left; margin:5px;}
*HTML .artwork{margin:3px;}
.artwork .box_top{width:465px; height:12px; background:url(images/box_top-4.jpg) top no-repeat;}
.artwork .box_bottom{width:465px; height:12px; background:url(images/box_bottom_4.jpg) bottom no-repeat;}
.artwork .box_center{width:465px; height:180px;}
.artwork .left{width:185px; float:left; padding:0 8px;}
.artwork .right{width:250px; height:145px; float:left; background:url(images/artist_info.jpg) 0 0 no-repeat;}
.artwork .title{color:#FFFFFF; font-weight:bold; font-size:14px; width:400px; height:27px; padding-top:4px; padding-left:15px;}
.artwork .image{width:185px; height:145px; float:left; background:url(images/image_background-4.jpg) 0 0 no-repeat;}
.artwork .image img{width:136px; height:95px; overflow:hidden; text-align:center; padding:23px 25px;}
.artwork .info{padding:15px 0 0 20px; line-height:16px; color:#7f7f7f;}
.artwork .info .color_1{color:#037876; font-weight:bold;}
.artwork .info .color_2{color:#333333;}
.artwork .info_2{padding:21px 15px 0 0; text-align:right; color:#d9d9d9; font-size:11px;}

.pages{width:800px; margin:auto; color:#666666; font-weight:bold;}
.pages .left{width:100px; float:left;}
.pages .right{width:100px; float:right; text-align:right;}
.pages .center{width:600px; float:left; text-align:center;}
.pages a{font-weight:normal; color:#666666;}

.top_left{width:300px; height:50px; float:left; padding-top:10px;}
.top_right{width:300px; height:50px; float:right; padding-top:10px;}
.top_left .title{padding-top:10px;}

.head_pages{width:300px; float:right; color:#666666; font-weight:bold; padding-top:5px; background:url(images/line-4.jpg) top right no-repeat;}
.head_pages .left{width:70px; float:left;}
.head_pages .right{width:70px; float:right; text-align:right;}
.head_pages .center{width:160px; float:left; text-align:center;}
.head_pages a{font-weight:normal; color:#666666;}

.search{width:232px; height:26px; float:right; padding-bottom:5px;}
.search .search_box input{width:182px; height:18px; float:left; background:url(images/search_form.jpg) 0 0 no-repeat; border:none; padding:4px; color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif;}
.search .search_button input{width:42px; height:26px; float:left; background:url(images/go.jpg) 0 0 no-repeat; border:none; cursor:pointer;}

.artist{width:974px; margin:auto; background-color:#3a5959; clear:both; margin-bottom:10px;}
.artist .background_top{width:974px; height:12px; background:url(images/box_top-5.jpg) top no-repeat;}
.artist .background_bottom{width:974px; height:12px; background:url(images/box_bottom-5.jpg) bottom no-repeat;}
.artist .content{height:200px;}
.artist .container_left{width:620px; float:left; padding:20px;}
.artist .container_right{width:300px; height:200px; float:right; color:#ededed; font-size:11px; background:url(images/line-2.jpg) left no-repeat;}
.artist .container_left .left{width:180px; float:left;}
.artist .container_left .right{width:430px; float:left;}
.artist .image{width:130px; height:153px; float:left; background:url(images/image_background-2.jpg) 0 0 no-repeat; text-align:center;}
.artist .image img{width:110px; height:130px; display:block; background-color:#CCCCCC; margin:12px 10px;}
.artist .link{height:11px; font-size:11px; padding-top:10px;}
.artist .link a{color:#00ffff;}
.artist .title{width:200px; height:25px; color:#FFFFFF; font-weight:bold; font-size:14px; padding:0;}
.artist .text{color:#FFFFFF; height:110px; overflow:hidden;}
.artist .thumbs{width:246px; margin:auto;}
.artist .thumbs .image{width:82px; height:65px; float:left; background:url(images/image_background-3.jpg) 0 0 no-repeat; text-align:center;}
.artist .thumbs .image img{width:62px; height:44px; display:block; background-color:#CCCCCC; margin:10px 10px;}
.artist .container_right .title{width:246px; height:30px; margin:auto; color:#b4c8c8; text-align:center; font-size:11px; font-weight:normal; margin-top:30px;}
.artist .container_right .link{width:75px; height:11px; margin-top:20px; padding:0 30px 5px 0; float:right; color:#00ffff; text-align:right; font-size:11px; background:url(images/arrow-1.jpg) left center no-repeat;}
.artist .container_right .link a{color:#00ffff;}


