body{
	color:#999; font-size:80%; font-family:Arial, Helvetica, sans-serif; line-height:150%;
	background:#000 url(images/bg.gif) repeat-x;
	margin:0; padding:0;
}
a{text-decoration:none;}
a:link{color:#CCC;}
a:visited{color:#CCC;}
a:hover{color:#FFF;}
hr{display:none;}
img{background-color:#999; color:#333;}

.center{text-align:center;}
.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both;}

.none{overflow:hidden; margin:0; padding:0;}
.none a{display:block; text-indent:-9999px;}
ul.none{position:relative; list-style:none; margin:0; padding:0;}
ul.none li{position:absolute; overflow:hidden; text-indent:-9999px;}
ul.none li a{display:block;text-decoration:none;}
dl.inline dt{display:inline;}
dl.inline dd{display:inline;margin:0 0 0 5px;}

.menu_bottom{width:195px; height:7px; background:url(images/menu_bottom.gif) no-repeat;}
.cmsmenu_bottom{width:192px; height:9px; background:url(images/cmsmenu_bottom.gif) no-repeat;}

#skip{position:absolute; left:-9999em;}
.pagetop{text-align:right;}
.pagetop a{text-decoration:underline;}
.pagetop a:link{color:#999;}
.pagetop a:visited{color:#999;}
.pagetop a:hover{color:#CCC;}

#container{width:900px; background:#000; margin:auto;}
#header{
	width:900px; height:90px;
	background:#666 url(images/header.jpg) no-repeat;
}
#top{background:url(images/top_bottom.jpg) repeat-y; padding-bottom:10px;}
h1{margin:0; padding:0;}
h1 a{width:270px; height:60px; margin-top:10px;}
h2{text-indent:-9999px; margin:0; padding:0;}
h3{
	width:680px; height:29px; background:url(images/title_head.jpg) no-repeat;
	color:#CCC; font-weight:normal; /*text-align:center;*/ text-indent:-9999px;
	margin:0; padding:5px 0 0 0;
}
h4{text-indent:-9999px; margin:0; padding:0;}
h5{margin:0; padding:0;}

/* content */
#con_container{padding:0 10px;}

/* menu */
#menu{float:left; width:195px; height:100%; padding-right:4px;}
#main_menu{width:195px; height:161px; background:url(images/mm_bg.gif) no-repeat; padding-bottom:10px;}
#main_menu li{width:195px; height:22px; padding-bottom:1px;}
#main_menu a{width:195px;height:22px;}
#mai_m01{background:url(images/mm_home_off.jpg) no-repeat; top:0px;}
#mai_m01 a:hover{background:url(images/mm_home_on.jpg) no-repeat; top:0px;}
#mai_m02{background:url(images/mm_schedule_off.jpg) no-repeat; top:36px;}
#mai_m02 a:hover{background:url(images/mm_schedule_on.jpg) no-repeat; top:36px;}
#mai_m03{background:url(images/mm_report_off.jpg) no-repeat; top:59px;}
#mai_m03 a:hover{background:url(images/mm_report_on.jpg) no-repeat; top:59px;}
#mai_m04{background:url(images/mm_clip_off.jpg) no-repeat; top:81px;}
#mai_m04 a:hover{background:url(images/mm_clip_on.jpg) no-repeat; top:81px;}
#mai_m05{background:url(images/mm_profile_off.jpg) no-repeat; top:104px;}
#mai_m05 a:hover{background:url(images/mm_profile_on.jpg) no-repeat; top:104px;}
#mai_m06{background:url(images/mm_booking_off.jpg) no-repeat; top:127px;}
#mai_m06 a:hover{background:url(images/mm_booking_on.jpg) no-repeat; top:127px;}
.menu_list{font-size:0.9em; list-style:none; margin:0; padding:0;}
.menu_list li{padding:0 0 7px 5px !important;}
.menu_list li a{color:#999; background:url(images/menu_icon_off.jpg) no-repeat; padding-left:17px;}
.menu_list li a:hover{color:#CCC; background:url(images/menu_icon_on.jpg) no-repeat;}
#link_h{height:14px; background:url(images/link_h.gif) no-repeat; margin-left:5px; padding-bottom:5px;}

/* */
#con_cms{float:right; width:680px;}
#cms{padding-top:15px;}
.news h3{background:url(images/news_h.jpg) no-repeat;}
.schedule h3{background:url(images/schedule_h.jpg) no-repeat;}
.report h3{background:url(images/report_h.jpg) no-repeat;}
.clip h3{background:url(images/clip_h.jpg) no-repeat;}
.profile h3{background:url(images/profile_h.jpg) no-repeat;}
.booking h3{background:url(images/booking_h.jpg) no-repeat;}

#cms_body{/*padding:0 10px;*/}
#cms_body img{border:solid 1px #666;}
#cms_body .center{margin:0; padding:0;}
#con_cms .float_area #cms_body{float:left; width:480px; border-right:solid 1px #262626; padding-right:5px;}

#entry_list{list-style:none; margin:0; padding:0;}
#entry_list li{border-bottom:dotted 2px #333;}
#entry_list li li{border:none; margin:0; padding:0;}
#entry_list h4{display:none;}
#entry_list p{color:#CCC;}

.news .data_list dl{list-style:none; margin:0; padding:0;}
.news .data_list dl dt{display:inline;}
.news .data_list dl dd{display:inline; margin:0 0 0 5px;}

.data_list{list-style:none; margin:0; padding:0;}
.data_list li{margin:0; padding:0;}
.dat_date{color:#FFF; font-size:1.3em; padding-bottom:10px;}
.dat_title{display:inline; color:#FFF; font-size:1.3em; padding-bottom:3px;}
.dat_place{display:inline; color:#FFF; font-size:1.3em; background:url(http://www.flapper3.com/images/at.gif) no-repeat;padding-bottom:3px;}
.dat_map{}
.dat_map iframe{width:480px; height:320px; border:solid 1px #666;}
.dat_title a,
.dat_place a{color:#FFF;}
.dat_title a:hover,
.dat_place a:hover{color:#666; background:#FFF;}
.dat_performer{}
.data_list ul{list-style:none; margin:0; padding:0;}
.data_list dt{display:inline;}
.data_list dd{display:inline; margin:0 0 0 5px;}
.dat_ticket ul,
.dat_genre ul{display:inline;}
.ticket_list li,
.genre_list li{display:inline;}
.genre_list li{margin-right:10px !important;}
.ticket_list dl{display:inline;}
.ticket_list dd{margin-right:10px;}
.guest_dj_list{}
.dj_list{}
.vj_list{}

.schedule #entry_list li{border-bottom:dotted 2px #333; margin-bottom:15px; padding:3px 0 3px 0;}
#cms_body #entry_list li li{border:none; margin:0; padding:0;}
.news .dat_place,
.schedule .dat_place{padding-left:19px !important;}

.schedule h4{display:none;}

.report h4{display:none;}
.report .dat_place{overflow:visible; padding-left:19px !important;}

.report_list #entry_list li{float:left; width:335px; font-size:95%; margin-right:5px; padding:3px 0;}
.report_list #entry_list li li{float:none; width:auto; margin-right:0;}
.report_list .dat_image{float:left; width:144px;}
.report_list .dat_image a:hover img{border-color:#39C !important;}	
.report_list .caption{float:right; width:176px; padding: 5px;}
.report_list .post_list{display:none;}

.report_entry div{clear:both;padding-bottom:4px;}
.report_entry .float_area div{clear:none; padding-bottom:0;}
.report_entry .data_list{margin-bottom:0; padding-top:10px;}

.clip .data_list dl{color:#FFF; margin:0; padding:0;}
.clip .data_list dt,
.clip .data_list dd{display:inline; margin:0; padding:0;}
.clip .dat_time dl,
.clip .dat_audio dl{line-height:100%;}
.clip .dat_audio{padding:5px 0 3px 0 !important;}
.clip .dat_time,
.clip .dat_audio,
.clip .post_list{font-size:80%;}

.clip_list #entry_list li{float:left; width:335px; margin-right:5px; padding:3px 0;}
.clip_list #entry_list li li{float:none; width:auto; margin-right:0;}
.clip_list .dat_movie{float:left; width:160px;}
a:hover img{border-color:#39C !important;}
.clip_list .dat_movie object,
.clip_list .dat_movie embed{width:160px !important; height:120px !important;}
.clip_list .dat_movie p{display:none;}
.clip_list .caption{float:right; width:160px; padding: 5px;}
.clip_list .post_list{display:none !important;}

.clip_entry{width:400px;margin:auto;}
.clip_entry h4{display:none;}
.clip_entry .dat_movie{text-align:center;}
.clip_entry .dat_movie p{display:none;}
.clip_entry .caption{padding-top:10px;}

/*
.input_txt,
textarea{background:#F2F2F2;border:solid 1px #808080;}
*/
.input_txt,
textarea{background:#222;color:#CCC;border:solid 1px #333;}
input.s200{width:200px;}
input.s400{width:400px;}
textarea{width:400px;height:150px;}
#form_action li{float:left;}

.booking dl{clear:both; width:400px;}
.booking dt{float:left; width:100px;}
.booking dd{float:right; width:300px;}
.booking ul{clear:both; list-style:none; margin:0; padding:0;}

.booking h4{text-indent:0;}
.booking .box{padding-bottom:10px;}

/* post */
.post_list{color:#666; text-align:right; list-style:none; margin:0; padding:0;}
.post_list li{display:inline;}
.pos_date{}
.pos_date abbr{border:none;}

/* pager */
.pager_menu{clear:both; height:16px; list-style:none; margin:0; padding:3px 0 0 0 !important;}
.pager_menu a{width:116px;height:16px;}
.pag_m1{background:url(images/prev_off.jpg) no-repeat; left:0px;}
.pag_m1 a:hover{background:url(images/prev_on.jpg) no-repeat; left:0px;}
.pag_m3{background:url(images/next_off.jpg) no-repeat; left:364px;}
.pag_m3 a:hover{background:url(images/next_on.jpg) no-repeat; left:364px;}

.content-nav{clear:both;}

#cms_menu{float:right; width:192px; background:url(images/cmsmenu_top.gif) no-repeat; padding-top:15px;}
#archive_menu{list-style:none; margin:0; padding:0 9px;}
#archive_menu h4{height:8px; margin:0 0 0 5px; padding:0 0 11px 0;}
#arc_m1,
#arc_m2{border-bottom:dotted 2px #333; padding:11px 10px;}
#arc_m3{padding:11px 10px;}
#category_h{background:url(images/category_h.gif) no-repeat;}
#archives_h{background:url(images/archives_h.gif) no-repeat;}
#entry_h{background:url(images/entry_h.gif) no-repeat;}

/* footer */
#footer{
	clear:both;
	background:url(http://www.flapper3.com/images/footer.gif) no-repeat;
	margin-top:95px;
	padding-top:10px;
}
#footer_menu{width:754px; height:11px; margin:auto; padding:6px 0;}
#footer_menu li{height:10px;}
#footer_menu li a:hover{height:10px;}
#foo_m01{width:127px; background:url(http://www.flapper3.com/images/fm_corporate_off.gif) no-repeat; left:0px;}
#foo_m01 a:hover{width:127px; background:url(http://www.flapper3.com/images/fm_corporate_on.gif) no-repeat; left:0px;}
#foo_m02{width:66px; background:url(http://www.flapper3.com/images/fm_press_off.gif) no-repeat; left:162px;}
#foo_m02 a:hover{width:66px; background:url(http://www.flapper3.com/images/fm_press_on.gif) no-repeat; left:162px;}
#foo_m03{width:74px; background:url(http://www.flapper3.com/images/fm_use_off.gif) no-repeat; left:263px;}
#foo_m03 a:hover{width:74px; background:url(http://www.flapper3.com/images/fm_use_on.gif) no-repeat; left:263px;}
#foo_m04{width:79px; background:url(http://www.flapper3.com/images/fm_privacy_off.gif) no-repeat; left:372px;}
#foo_m04 a:hover{width:79px; background:url(http://www.flapper3.com/images/fm_privacy_on.gif) no-repeat; left:372px;}
#foo_m05{width:70px; background:url(http://www.flapper3.com/images/fm_recruitment_off.gif) no-repeat; left:486px;}
#foo_m05 a:hover{width:70px; background:url(http://www.flapper3.com/images/fm_recruitment_on.gif) no-repeat; left:486px;}
#foo_m06{width:67px; background:url(http://www.flapper3.com/images/fm_access_off.gif) no-repeat; left:591px;}
#foo_m06 a:hover{width:67px; background:url(http://www.flapper3.com/images/fm_access_on.gif) no-repeat; left:591px;}
#foo_m07{width:62px; background:url(http://www.flapper3.com/images/fm_contact_off.gif) no-repeat; left:693px;}
#foo_m07 a:hover{width:62px; background:url(http://www.flapper3.com/images/fm_contact_on.gif) no-repeat; left:693px;}
address{
	height:35px; background:url(images/copyright.gif) no-repeat;
	overflow:hidden; text-indent:-9999px;
}

/* float close */
.float_area{height:100%;overflow:hidden;overflow:visible;}
.float_area:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* hides from ie-mac */
* html .float_area{height:1%;}
.float_area{display:block;}


