@import 'http://www.yamahabandproject.com/reset.css';
@import 'http://www.yamahabandproject.com/global.css';
body{
	background:url(http://www.yamahabandproject.com/images/yamaha_bg.jpg) top center repeat-y;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#838383;}
a {text-decoration:none; outline:none;}
.clear {clear:both;}
.btn { cursor:pointer;}
#page { width:960px; margin:0 auto;}
#header { }

.fb-comments { margin-bottom:25px; border:2px solid #000;}

#wrap_top_menu {height:35px; line-height:35px; background: rgb(69,72,77); 
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}
#top_menu {width:960px; margin:0 auto; height:35px;  line-height:35px; position:relative;}
#top_menu ul {list-style:none;}
#top_menu li { float:left; list-style:none; height:35px;}
#top_menu li a{ font-size:14px; color:#b7b7b7; font-weight:bold; padding:0 20px; line-height:35px; display:block;} 
#top_menu li a:hover {
	 background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
 color:#000;
 }
 
.top_menu_1 {width:960px; margin:0 auto; height:35px;  line-height:35px; position:relative;} 
#top_menu_1 {width:500px; margin:0 auto; height:35px;  line-height:35px; position:relative;}
#top_menu_1 ul {list-style:none;}
#top_menu_1 li { float:left; list-style:none; height:35px;}
#top_menu_1 li a{ font-size:14px; color:#b7b7b7; font-weight:bold; padding:0 20px; line-height:35px; display:block;} 
#top_menu_1 li a:hover { background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
 color:#000;
 }
 
 
 
 .myname { color:#F00;} .myname:hover { color:#0CF;}
 
 
#wrap_sliderx {background:url(http://www.yamahabandproject.com/images/banner_shadow.png) no-repeat center bottom; height:370px;}
#menu_main_1 { height:82px;  background:url(http://www.yamahabandproject.com/images/bg_menu_main.png) no-repeat; width:940px; margin:0 auto; padding-left:20px; list-style:none;}

#menu_main { height:82px;  background:url(http://www.yamahabandproject.com/images/bg_menu_main.png) no-repeat; width:940px; margin:0 auto; padding-left:20px;}
#menu_main li {float:left;  list-style:none; }

#menu_main li a{ font-size:14px; color:#FFF; font-weight:bold; padding:0 15px;line-height:82px; border-right:1px solid #FFF;}
#menu_main li a.last {border:0;}

.what_news { width:340px; height:345px; background:url(http://www.yamahabandproject.com/images/what_news_bg.png); float:left; margin:0 20px 0 10px;}
.i_play { width:580px; height:345px; background:url(http://www.yamahabandproject.com/images/i_play_bg.png); float:left;}

#siderbar2 {width:820px; margin:0 auto; height:160px;}
#siderbar3 {width:570px; margin:0 auto; height:160px;}
#slider1 .thumb_x {width:180px; height:128px;}
.slider1_prev{position:absolute; top:0; left:0;}
.slider1_next{position:absolute; top:0; right:0;}

.slider_news_prev{position:absolute; top:50px; left:0;}
.slider_news_next{position:absolute; top:50px; right:0;}

#slider1 li {float:left;}
#slider1 {margin-top:15px; }

.grid_news { margin-top:-20px;}
#footer { background:url(http://www.yamahabandproject.com/images/footer_bg.png) top no-repeat;  padding:40px 0 5px;}
#menu_footer a{color:#000; padding:0 15px;}
#menu_footer li {float:left; list-style:none;}
.copyright { color:#000; margin:25px 0 0 15px; width:400px; float:left;}

.what_news_box { margin-top:75px;}
.list_news {clear:both; margin-bottom:15px;}
.list_news img { width:53px; height:53px; border:3px solid #000; float:left; margin-left:20px;}
.what_news_content {float:right; width:230px; margin-right:15px;}
.what_news_content a {color:#838383;}.what_news_content a:hover{color:#838383;}
.i_play_box {margin-top:75px;}
.i_play_box h6 {margin:4px 0;}
.i_play_box img{ border:3px solid #FFF;}
.i_play_col { width:255px; float:left; margin-left:25px; height:240px; overflow:hidden;}

.breadcram{ margin-left:35px; margin-bottom:30px; color:#b3b3b3;}
.breadcram a { color:#b3b3b3; padding:0 7px;}.breadcram a:hover{color:#F00;}
.breadcram span{color:#F00;}
#siderbar {width:214px; border:3px solid #000; min-height:350px; background:#3b3939; margin-left:10px; padding:20px 0; color:#bebebe; float:left;}
#siderbar h2 {color:#FFF; margin:10px 0;}
#siderbar_content  { margin:0 15px;}
#siderbar_content .readmore { color:#bebebe; float:right; margin-top:15px;}
#content {width:694px; border:3px solid #000; min-height:350px; background:#3b3939;margin-left:20px; float:left; position:relative;}
#content .title_page {position:absolute; top:-30px; left:20px;}
#content_inner { margin:50px 0 0 22px;}
#content_inner2 { width:640px; margin:50px auto 0;}
.box_news {width:205px; float:left; margin-right:15px; overflow:hidden; margin-bottom:25px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.box_news img{width:205px; height:205px;}
.box_news .news_content{ background:#FFF; padding:10px; height:70px; overflow:hidden; color:#000;}
.box_news .news_content a { color:#000;}

.box_artist{ width:640px; margin-bottom:30px;}
.box_artist img{ float:left; width:350px; height:150px;}
.box_artist .artist_content{
	background:#FFF;
	padding:10px;
	width:270px;
	float:left;
	height:130px;
	overflow:hidden;
	color:#000;
}
.box_artist h6{ font-size:12px; color:#666;}
.box_artist h6,.box_artist a,.box_artist p {color:#666;}.box_artist a:hover{color:#000; text-decoration:underline;}
.box_artist p { margin:15px 0;}

.list-page {margin-bottom:10px; color:#FFF;}
.list-page a{ 
height: 25px;
padding: 4px 8px;
text-decoration: none;
color: #666;
background:#FFF;
font-weight: bold;
border: 1px solid #ccc;
font-size: 11px;}
.list-page a:hover,.list-page a.active { background:#000; color:#FFF;}
.list-page li{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 2px;
display: inline-block;
margin: 5px 2px;
list-style:none;
 display:inline;
}


.topic_detail h1 {font-size:14px; color:#efefef; border-bottom:1px solid #efefef; padding-bottom:10px;}
.wrap_youtube { margin:15px 0 20px 0;}
.detail_text {margin-bottom:50px;}
.detail_text2  {margin-bottom:20px; width:470px; float:left;}
.button_vote {float:right;}
.zone_vote {color:#FFF; margin-top:25px; line-height:1.8em; font-size:16px;}
span.result { width:158px;  display:block; text-align:right; margin-top:10px; padding:3px 20px 0 0; }

.box_comp {width:200px; margin-right:20px; float:left; margin-bottom:25px;}
.box_comp img.cover_pic {width:194px; height:110px; border:3px solid #CECECE;}
.box_comp .comp_content{ margin-top:10px; height:70px; overflow:hidden;}
.box_comp h6 { margin:5px 0;}
.box_comp .comp_vote  { margin-top:15px; color:#FFF;}

.jack_content {height:580px;}
.ohm_content {height:580px;}
.girl_content {height:580px;}

#artist_nav { margin:0px; fo color:#838383; font-size:14px; }
#artist_nav li{ list-style:none; display:inline; padding:5px;}
#artist_nav li a { text-decoration:none; color:#838383; }
#artist_nav li a:hover { text-decoration:none; color:#FFF; }
#artist_nav li ul li { margin-left:20px; border:0;}
#artist_nav li ul li a { font-weight:500; color:#FFF;}
#artist_nav li.selected { background-color:#FFF;}

.detail_text li {margin-left:22px;}

#artist_nav_1 { margin:0px; fo color:#838383; font-size:14px; }
#artist_nav_1 li{ list-style:none; display:inline; padding:5px;}
#artist_nav_1 li a { text-decoration:none; color:#838383; }
#artist_nav_1 li a:hover { text-decoration:none; color:#F00; }
#artist_nav_1 li ul li { margin-left:20px; border:0;}
#artist_nav_1 li ul li a { font-weight:500; color:#F00;}
#artist_nav_1 li.selected { background-color:#F00;}



.wrap_form_register { margin:0 100px; overflow:hidden;}
.form_register {overflow:hidden;}
.frmright { float:right; width:70%; margin:10px 0;}
.myform  label { float:left; margin:20px 0 0; color:#FFF; font-size:12px;}
.wrap_form_login label { font-size:13px;}
.myform input[type=text],.myform textarea,.myform input[type=password]{

padding: 3px 6px;
background: white;
border:2px solid #000; margin-right:20px;
width: 90%;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

color: #656565;}

.mybtn{
	background: #5B5B5B;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
color: white;
padding: 4px 15px;
font-weight:bold;
cursor: pointer;
border:2px solid #202020; margin-right:20px;
}.mybtn:hover { background:#232323;}

.wrap_form_login { background:#3b3939; width:240px; padding:15px;}
.wrap_form_login a {color:#FFF; font-weight:bold;} .wrap_form_login a:hover{color:#999;}
.wrap_form_login input[type=text],.wrap_form_login input[type=password]{
	padding: 3px 4px;
	width: 100%;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border:2px solid #000; margin-right:20px;
}

.wrap_form_register .btn,.custom_btn {
background: #5B5B5B;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: white;
padding: 4px 8px;
cursor: pointer;
border:1px solid #000;
}
.wrap_form_register .btn:hover,.custom_btn:hover { background:#232323;}
/* ===== Form validation ===== */

.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 282px; display: block; z-index: 5000; cursor: pointer; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }

.formError .formErrorContent { background: #202020; position:relative; z-index:5001; color: #fff; width: 122px; font-size: 11px; border: 1px solid #000; padding: 2px 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px;  position:relative; z-index: 5006; }
.formError .formErrorArrowBottom { box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div { font-size: 0px; height: 1px; background: #202020; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }

.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #202020; border-right: 2px solid #202020; border-bottom: 0 solid #202020; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #202020; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #202020; }

.checker input, .radio input, .selector select { cursor: pointer; }


#left_nav { padding:0px; }
#left_nav li{ list-style:none; display:block; line-height:2em; border-bottom:1px dotted #eaeaea; padding: 0px 5px; }
#left_nav li a { text-decoration:none; color:#fff;}
#left_nav li ul li { margin-left:5px; border:0;}
#left_nav li ul li a { font-weight:500;color:#333; color:#FFF;}
#left_nav li ul li a:hover { font-weight:500;color:#333; color:# F00;}
#left_nav li.selected { background-color:#0029b4;}

.detail_text table {margin:auto;}
.detail_text table td{padding:8px; color:#DBDBDB; border:1px #FFF inset;}
#tbl_webboard {width:650px;}
#tbl_webboard th{ color:#FFF; background:#000; padding:5px; }
#tbl_webboard td{ padding:10px 8px; border-bottom:1px solid #444;}
#tbl_webboard a {color:#FFF;}
.comment_2  {color:#FFF; margin:15px 0;}
.comment_2 a {color:#C30;}.comment_2 a:hover{text-decoration:underline;}
.answer_box {border-bottom:1px solid #444; padding:15px 0;}

.fc-white {color:#FFF;}
.fc-red {color:#C60;}
#wrap_answer {border-bottom:1px solid #CCC; padding-bottom:15px;}
textarea.pg_comment {height:80px;}
.pg_comment {width:500px; background:#000; color:#FFF; border:1px solid #DBDBDB; padding: 3px; margin:10px 0;}

.detail_text a {color:#FFF;}.detail_text a:hover { text-decoration:underline;}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}