@import url(_reset.css); 
@import url(_hacks.css);

/* @ Magic Begins Here
------------------------------*/

.sample {
background: url("/_images/bg_png.png") left repeat-y;
behavior: url("/iepngfix.htc") !important;
}

/* @group Global
----------------------------------------------------------------------------------- */
html	{ height: 100%; }
body	{ 
font: normal small/140% 'Tahoma', 'Trebuchet MS', Arial;
text-align: center;
height: 100%;
background: #c7c2c9 url('../_images/bg_repeat_y.gif') top repeat-x;
}

/* @end */

#bgSpeakers { background: url('../_images/bg_speakers.jpg') top center no-repeat; }

.capTop					{ width: 990px; margin: 0 auto; position: relative; height: 145px; }
.capTop .logo			{ width: 338px; height: 128px; position: absolute; top: 10px; left: 5px; z-index: 10; }
.capTop .logo a			{ display: block; width: 338px; height: 128px; background: url('../_images/logo_rokrok-music.png') top left no-repeat; behavior: url("iepngfix.htc") !important; }
.capTop .logo a span	{ display: none; }

.mainMenu				{ width: 980px; margin: 0 auto; text-align: left; padding-left: 10px; height: 30px; line-height: 30px; position: relative; }
.mainMenu ul			{}
.mainMenu ul li			{ float: left; }
.mainMenu ul li a		{ display: block; color: #dcff20; padding: 0 10px;  background: url('../_images/nav_over.gif') top center no-repeat; }
.mainMenu ul li a span	{  }
.mainMenu ul li a:hover { background-position: bottom; color: #fff; }

body#contact a.btn-Contact,
body#reviews a.btn-Reviews,
body#calendar a.btn-Calendar,
body#twitter a.btn-Twitter,
body#about a.btn-About,
body#artists a.btn-Artists,
body#music a.btn-Music,
body#video a.btn-Video,
body#events a.btn-Events,
body#photos a.btn-Photos
{ background-position: bottom; color: #fff; }

span.social { display: block; width: 80px; height: 16px; position: absolute; top: 8px; right: 260px; }
span.social a { display: block; width: 16px; height: 16px; float: left; }
span.social a span { display: none; }

span.social a.mTwitter { background: url(../_images/social_twitter.gif) top left no-repeat; }
span.social a.mFacebook { background: url(../_images/social_facebook.gif) top left no-repeat; }
span.social a.mMyspace { background: url(../_images/social_myspace.gif) top left no-repeat; }
span.social a.mYoutube { background: url(../_images/social_youtube.gif) top left no-repeat; }
span.social a.mFlickr { background: url(../_images/social_flickr.gif) top left no-repeat; }
span.social a:hover { background-position: bottom; }

#contentWrapper 		{ width: 990px; margin: 0 auto; }
#contentWrapper .sec1	{ float: left; width: 746px; text-align: left; color: #666; }
#contentWrapper .sec2	{ float: left; width: 235px; padding-left: 9px; text-align: left; font-size: 0.855em; color:#666; }

#contentWrapper .sec1 .hero { background: url('../_images/bg_hero.png') top left no-repeat; width: 741px; height: 324px; padding-top: 12px; behavior: url("iepngfix.htc") !important; margin-left: 2px; }

#contentWrapper .sec1 .hero .swfinner	{ width: 715px; margin: 0 auto; }
#contentWrapper .sec1 .hero .pics		{ width: 715px; height: 310px; margin: 0 auto; overflow: hidden; background: url('../_images/ajax-loader.gif') 50% 50% no-repeat; }

#contentWrapper .sec1 h1 	{ display: block; font-size: 1em; height: 40px; line-height: 40px; font-weight: bold; padding-left: 25px; color:#333; position: relative; }
/* ADD This */
#contentWrapper .sec1 h1 .mAdd 	{ display: block; position: absolute; right: 15px; top: 10px;  font-size: 11px; width:263px; line-height: normal; height: 23px; }
#contentWrapper .sec1 h1 .mAdd span { display: none; }
#contentWrapper .sec1 h1 .mAdd table { border:0; padding:0; background: url('../_images/bg_share.gif') top left no-repeat; width:263px; height: 23px; }
#contentWrapper .sec1 h1 .mAdd table td { text-align: center; line-height: 21px; }
#contentWrapper .sec1 h1 .mAdd table td a { color: #fff; padding:0; margin:0; line-height: 21px; }
#contentWrapper .sec1 h1 .mAdd table td a:hover { color: #333; }

#contentWrapper .sec1 .bdy-Content				{ width: 740px; background: url('../_images/bg_bdy_y_repeat.gif') left repeat-y; margin-left: 2px; }
#contentWrapper .sec1 .bdy-Content .bdy-Top		{ background: url('../_images/bg_bdy_top.gif') top left no-repeat; }
#contentWrapper .sec1 .bdy-Content .bdy-Ftr		{ background: url('../_images/bg_bdy_btm.gif') bottom left no-repeat; }

#contentWrapper .sec1 .bdy-Content .inner 	{ padding: 20px 25px 5px 25px; }
#contentWrapper .sec1 .bdy-Content .inner p	{ margin-bottom: 15px; font-size: 0.95em; line-height: 1.7em; }

.eventPanRight a,
ul.bdyList li a,
#contentWrapper .sec1 .bdy-Content .inner p a { color: #0066FF; }

.eventPanRight a:hover,
ul.bdyList li a:hover,
#contentWrapper .sec1 .bdy-Content .inner p a:hover { color: #cc00cc; }

.eventPanRight { width:260px; float:right; text-align: right; border-left:1px dotted #e5e5e5; margin: 0 0 10px 15px; padding-bottom: 15px; font-size: 11px; }

ul.bdyList { margin-left: 15px; list-style: square; margin-bottom: 20px; }


#contentWrapper .sec1 .bdy-Content .inner h2 { margin-bottom: 12px; font: bold 12px Tahoma; padding: 5px 7px; color: #fff; background: url(../_images/bg_h2.gif); border-bottom: 3px solid #e5e5e5; }
#contentWrapper .sec1 .bdy-Content .inner h3 { margin-bottom: 15px; font: bold 11px Tahoma; color: #444; text-transform: uppercase; border-bottom: 1px dotted #ccc; padding-bottom:5px; }

#contentWrapper .sec2 .panel1 	{
background: url('../_images/bg_panel.png') bottom left no-repeat;
width: 234px;
margin: 0 auto;
margin-bottom: 10px;
behavior: url("iepngfix.htc") !important;
}

#contentWrapper .sec2 .panel2 				{ width: 234px; margin: 0 auto; color: #999999; }
#contentWrapper .sec2 .panel2 .p2-cap		{ width: 234px; height: 14px; background: url('../_images/bg_panel2_top.png') top left no-repeat; behavior: url("iepngfix.htc") !important;  }
#contentWrapper .sec2 .panel2 .p2-inner		{ width: 234px; background: url('../_images/bg_panel2_y.png') left repeat-y; behavior: url("iepngfix.htc") !important; }
#contentWrapper .sec2 .panel2 a			 	{ color: #333; padding: 0 3px; }
#contentWrapper .sec2 .panel2 a:hover		{ color: #fff; background: #333; }
#contentWrapper .sec2 .panel2 .p2-footer	{ width: 234px; height: 132px; margin: 0 auto; background: url('../_images/ftr_speaker_box.jpg') top left no-repeat; }
#contentWrapper .sec2 h4 	 				{ display: block; height: 17px; }
#contentWrapper .sec2 h4 span 				{ display: none; }
#contentWrapper .sec2 h4.news 				{ background: url(../_images/ttl_panel_right_rokroknews.png) 8% 50% no-repeat; }
#contentWrapper .sec2 h4.links 				{ background: url(../_images/ttl_panel_right_rokroklinks.png) 8% 50% no-repeat; }

#homeWrap				{ width: 740px; margin-left: 2px; }
#homeWrap dl			{ float: left; width: 181px; margin-right: 5px; }
#homeWrap dl dt			{ display: block; width: 181px; height: 40px; }
#homeWrap dl dt span 	{ display: none; }
#homeWrap dl dd			{ display: block; background: url('../_images/bg_hometab.gif') top left no-repeat; width: 181px; height: 218px; font-size: 0.8em; line-height: 1.2em; }
#homeWrap dl dd a 		{ color: #0066FF; }
#homeWrap dl dd a:hover		{ color: #cc00cc; }
#homeWrap dl dd .hinner	{ padding: 10px 15px; text-align: left; }
#homeWrap dl dd .hinner img { display: block; margin-bottom: 8px; }

.p1Padding { padding: 10px 15px; line-height: 1.2em; background: url('../_images/bg_panel_captop.png') top left no-repeat; }
.p1Padding dl { margin-bottom: 8px; }
.p1Padding dl a { color: #0066FF; }
.p1Padding dl a:hover { color: #cc00cc; }
.p1Padding dl dt { display: block; color: #000; }
.p1Padding dl dt span { color: #0099CC; font-size:  80%; font-family: arial, tahoma; }
.p1Padding dd { color: #888; border-bottom: 1px dotted #ccc; }
.p1Padding dd a { color: #F00 !important; }
.p2Padding { padding: 0 15px 0 15px; }

#footerWrapper 								{ background: url('../_images/footer_noise_repeat.jpg') bottom repeat-x; height: 420px; }
#footerWrapper .ftr		 					{ background: url('../_images/footer_rokrokmusic.jpg') 50% 69px no-repeat; height: 420px; }

#footerWrapper .dancers 					{ width: 990px; margin: 0 auto; position: relative; height: 420px; }
#footerWrapper .dancers span 				{ display: none; }
#footerWrapper .dancers .break1				{ position: absolute; background: url('../_images/breaker_01.png') top left no-repeat; width: 227px; height: 367px; top: 0; left: 0; }
#footerWrapper .dancers .break2				{ position: absolute; background: url('../_images/breaker_02.png') top left no-repeat; width: 259px; height: 258px; top: 100px; left: 200px; }
#footerWrapper .dancers .break3				{ position: absolute; background: url('../_images/breaker_03.png') top left no-repeat; width: 237px; height: 273px; top: 95px; right: 250px; }
#footerWrapper .dancers .break4				{ position: absolute; background: url('../_images/breaker_04.png') top left no-repeat; width: 293px; height: 309px; top: 70px; right: 0; }

#footerWrapper .notes { font: 10px arial; color: #333; text-align: left; width: 900px; position: absolute; bottom: 13px; padding-left: 20px; }
#footerWrapper .dancers .notes a { color: #444; }
#footerWrapper .dancers .notes a:hover { color: #FF00FF; border-bottom: 1px dotted #FF00FF; }


/* Subscribe and Contact Forms
-------------------------------------------------------------------------*/
.Subwrapper 			{ position:absolute; top:0; width: 100%; z-index: 1000; }
.subStyle 				{
background: #333 url('../_images/bg_subscribe_panel.gif') bottom repeat-x;
color: #fff; text-align: center; z-index: 1000; padding: 20px 0;
margin: 0 auto;
}

.Subwrapper a 			{ color: #F00; }
.Subwrapper a:hover 	{ color: #06F; }

table.subForm 				{ border:0; padding:0; margin: 0 auto; }
table.subForm th			{ padding-bottom: 15px; text-align: left; position: relative; }
table.subForm th img 		{ float: left; }

table.subForm td.inpBg div {
width: 257px;
height: 37px;
background:url('../_images/bg_frm.gif') top left no-repeat;
line-height: 37px;
padding-top: 1px;
}

table.subForm td 			{ padding: 0; text-align: left; padding-bottom: 7px; }
table.subForm td span		{ color: #999; display: block; padding-bottom: 3px; }
table.subForm td.inpBg 		{ }
table.subForm td.inpBg input 	{ border:0; width: 230px; margin: 0 auto; font: 11px Tahoma; color: #333; background: transparent; vertical-align: middle; padding: 10px; }
table.subForm td img 		{ vertical-align: middle; }

table.subForm td.inpEnquire div { background: url('../_images/bg_frm_enquire.gif') top left no-repeat; width:524px; height: 197px; padding-top: 10px; }
table.subForm td.inpEnquire textarea { border:0; width: 500px; height: 185px; margin: 0 auto; font: 11px Tahoma; color: #333; background: transparent; vertical-align: middle; }
table.subForm td .btnEnquire { background: url('../_images/btn_sendenquiry.gif') top left no-repeat; width: 147px; height: 37px; border: none; float: right; }
table.subForm td .btnEnquire:hover { background-position: bottom left; cursor: pointer; }

.btnSub2
{ background: url('../_images/btn_sendenquiry.gif') top left no-repeat;
width: 147px; height: 37px; border:0; margin:0; padding:0; cursor: pointer; }

.btnSub
{ background: url('../_images/btn_join.gif') top left no-repeat;
width: 147px; height: 37px; border:0; margin:0; padding:0; cursor: pointer; }

.btnSub2:hover,
.btnSub:hover				{ background-position: bottom; }

table.subForm th a span		{ display: none; }
table.subForm th a 			{ display: block; background: url('../_images/close.gif') top left no-repeat; width: 21px; height: 21px; float: right; }
table.subForm th a:hover 	{ background-position: bottom; }

table.subForm td.inpEnquire div		{
width: 524px;
height: 107px;
background: url('../_images/bg_frm_enquire.gif') top left no-repeat;
padding-top: 1px;
}

table.subForm td.inpEnquire textarea { border:0; width: 492px; height: 85px; margin: 0 auto; font: 11px Tahoma; color: #333; background: transparent; vertical-align: middle; padding: 10px; }

#subContact { margin: 0 auto; }
#subContact td { vertical-align: middle; padding: 3px; }
#subContact .z1 { padding-right: 5px; }
#subContact .z2 {}
#subContact .z2 input { padding: 10px; font-size: 12px; color: #0099CC; width: 400px; border: 2px solid #e5e5e5; }
#subContact td textarea{ padding: 10px; font-size: 12px; color: #0099CC; width: 400px; height: 150px; border: 2px solid #e5e5e5; }
#subContact td.zSend input { width: 150px; font: bold 10px verdana; text-transform: uppercase; cursor: pointer; border: 2px solid #e5e5e5; background: #0099FF; color: #fff; padding: 5px 0; }
#subContact td.zSend input:hover { background: #FF0000; }

.bdy-Content ol { margin: 0 0 20px 20px; list-style: decimal; }

#rokrokGallery { width: 690px; margin: 0 auto; padding-bottom: 20px; }
#rokrokGallery li { float: left; display: block; width: 125px; height: 90px; margin:0 6px 10px 6px; }
#rokrokGallery a { display: block; width: 125px; height: 90px; padding: 1px; background: #e5e5e5; border:0; }
#rokrokGallery a:hover { background: #0099FF; }
#rokrokGallery img { border:0; width: 125px; height: 90px; padding:0; margin:0; }

#twitter_div { font-size: 0.9em; color: #666; border: 1px dotted #e5e5e5; padding: 15px; }
#twitter_div a { color: #0066FF; }
#twitter_div a:hover { color: #cc00cc; border-bottom: 1px dotted #cc00cc; }
#twitter_div li { border-bottom: 1px dotted #e5e5e5; padding: 5px 0; }

/* Booking Form
---------------------------------------*/
.bookingForm { border:0; padding:0; margin: 0 auto; margin-bottom: 20px;  }
.bookingForm td { padding: 3px; }
.bookingForm .bf_01 { width: 120px; text-align: left; vertical-align: middle; }
.bookingForm .bf_02 { text-align: left; }
.bookingForm .bf_02 input { border: 1px dotted #ccc;
background: #fff url('../_images/td_bg.gif') bottom repeat-x; padding: 10px 7px; width: 400px; vertical-align: middle;
font: 12px Verdana, Arial, Helvetica, sans-serif; color: #0099FF;
}

.bookingForm textarea {
border: 1px dotted #ccc;
background: #fff url('../_images/td_bg.gif') bottom repeat-x; padding: 10px 7px; width: 400px; vertical-align: middle;
font: 12px Verdana, Arial, Helvetica, sans-serif; color: #0099FF;
height: 150px;
}

.bookingForm .btnBook
{ background: url('../_images/booktickets.gif') top left no-repeat;
width: 147px; height: 37px; border:0; margin:0; padding:0; cursor: pointer; }

a.btnBookLive
{ background: url('../_images/booktickets_live.gif') top left no-repeat;
width: 147px; height: 37px; border:0; margin:0; padding:0; cursor: pointer; display: block; }

.bookingForm .btnEnquire2
{ background: url('../_images/btn_sendenquiry2.gif') top left no-repeat;
width: 147px; height: 37px; border:0; margin:0; padding:0; cursor: pointer; display: block;
float: right;
}

.bookingForm .btnEnquire2:hover,
.bookingForm .btnBook:hover,
a.btnBookLive:hover { background-position: bottom; }

#newsWrapper { padding-bottom: 20px; }
#newsWrapper .leftNews { float: left; width: 160px; background: url('../_images/bg_h4.gif');
border-bottom: 1px dotted #ccc;
border-top: 1px dotted #ccc;
padding: 5px 5px 0 5px;
}
#newsWrapper .rightNews { float: left; width: 500px; margin-left: 15px;  }

.newsArticle h4 { background: url('../_images/bg_h4.gif');
font: 16px Georgia, "Times New Roman", Times, serif; padding: 5px; display:block;
border-bottom: 1px dotted #ccc;
border-top: 1px dotted #ccc;
color: #0099CC;
}
.newsArticle h4 img { vertical-align: middle; }
.newsArticle h4 a { color: #0099CC; }
.newsArticle h4 a:hover { background: #0099CC; color: #fff; }

.newsArticle h4 span {
display: block; text-align: right; width: 150px; float: right; text-transform: uppercase; font-size: 11px; padding-top: 2px;
color: #FF0000;
}

.newsArticle ul { list-style: disc; margin-left: 20px; margin-bottom: 15px; }

#newsWrapper .leftNews ul { margin-bottom: 5px; }
#newsWrapper .leftNews ul li { display: block; background: #fff; margin-bottom: 1px; }
#newsWrapper .leftNews ul li span { display: block; background: #0099CC; color: #fff; padding-left: 3px; }
#newsWrapper .leftNews ul li a { color: #0099CC; font: 10px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; padding: 3px; }
#newsWrapper .leftNews ul li a:hover { background: #0099CC; color: #fff; padding-left: 2px; }



/* // */


.eventTbl					{ margin: 0 auto; border: 5px solid #f5f5f5; background: #e5e5e5; margin-bottom: 20px; width: 685px; }
.eventTbl th				{ background: #656565 url(../_images/th_bg.gif) bottom repeat-x; font: bold 12px Tahoma; text-align: center; padding: 10px; color: #fff; }
.eventTbl td 				{ padding: 10px; background: #fff url(../_images/td_bg.gif) bottom repeat-x; text-align: center; }
.eventTbl td.wk 			{ font-weight: bold; }

.eventTab { width: 110px; height: 130px; background: url('../_images/events/bg_events_panel.gif') top left no-repeat; padding: 10px; text-align: center; margin-bottom: 10px; margin-right: 10px; float: left; }
.eventTab:hover { background-position: bottom; }
.eventTab a.imgHero { display: block; width: 110px; height: 130px; }
.eventTab a.imgHero img { border:0; display: block; margin-bottom: 5px; }
.eventTab dl { font-size: 0.7em; line-height: 1.1em; }
.eventTab dl dt { color: #0066CC; padding-bottom: 3px; }
.eventTab dl dd {  }
.eventTab dl dd.where { color: #990000; }
.eventTab dl dd.when { color: #996600 ; }
.eventTab dl dd.info {}

.bgVideo { background: url('../_images/bg_video.jpg') top left no-repeat; width: 669px; height: 370px; margin: 0 auto; padding: 10px; overflow: hidden; }

a.pic1 { display: block; width: 344px; height: 128px; background: url('../_images/pics_aus.jpg') top left no-repeat; }
a.pic2 { display: block; width: 344px; height: 128px; background: url('../_images/pics_pac.jpg') top left no-repeat; }

a.pic2:hover,
a.pic1:hover { background-position: bottom; cursor: pointer; }

.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }

table#tbl02 { width: 100%; background: #eee; border: 2px solid #e5e5e5; }
table#tbl02 td { background: #fff; font: 10px arial; padding: 3px; }
table#tbl02 td .red { font-weight: bold; color: #fff; background: #FF0000; }
table#tbl02 td ul li { border-bottom: 1px dotted #eee; padding: 3px 0 !important; list-style: none !important; }
table#tbl02 th { background: #0066FF; color: #fff; padding: 3px; }