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

body {background:url(../images/layout/background.jpg) top center no-repeat #000; font-family:Arial, Tahoma, Verdana; font-size:11px; color:#fff;}

* {margin:0; padding:0;}

img {border:none;}

div:focus, img:focus, object:focus, input:focus {outline:none;}

input, textarea {background:#0f1c1f; border:1px solid #334f54; color:#CCC; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
input:focus, textarea:focus {background:#18282c;}
input {padding:4px 3px;}
textarea {padding:4px 4px;}

a, a:visited {color:#ffd800;}
a:hover {color:#a78d00;}

#container {width:1000px; height:667px; margin:0 auto 0 auto; background:url(../images/layout/background.jpg) top center no-repeat #000}
#container div {float:left;}

#header {width:1000px; height:84px;}
#left {width:148px; height:538px;}
#content {width:690px; height:583px;}
#right {width:162px; height:538px;}

.leftcolom {width:372px; height:538px; padding:0 17px 0 0;}
.leftcolom .top {width:372px; height:249px; margin:0 0 49px 0;}
.leftcolom .bottom {width:382px; height:240px; padding:0 0 0 10px;}

.leftcolom2 {width:339px; height:508px; padding:30px 30px 0 20px; background:url(../images/layout/bg_left.jpg) top left no-repeat;}
.leftcolom2 p {margin: 0 0 10px 0; width:325px;}
.leftcolom2 .readmore {background:url(../images/layout/line_hor.gif) top left repeat-x; width:325px; margin:15px 0 0 0; padding:5px 0 00 ;}

.rightcolom {width:301px; height:538px;}
.rightcolom .top {width:278px; height:219px; margin:0 0 60px 0; padding:30px 13px 0 13px;}
.rightcolom .bottom {width:278px; height:229px; padding:0 13px;}

.rightcolom2 {width:301px; height:538px;}
.rightcolom2 .top {width:278px; height:219px; margin:0; padding:30px 13px 0 13px;}
.rightcolom2 .top1 {width:301px; height:249px; background:url(../images/layout/pic_01.jpg) top left no-repeat;}
.rightcolom2 .top2 {width:301px; height:249px; background:url(../images/layout/pic_02.jpg) top left no-repeat;}
.rightcolom2 .bottom {width:301px; height:289px; background:url(../images/layout/bg_right.jpg) top left no-repeat;}

h2 {background:url(../images/layout/h2_jw_logo.gif) left top no-repeat; padding:2px 0 0 25px; font-size:14px; line-height:18px; margin:20px 0 10px 0;}
h2.topp {margin:0 0 10px 0;}
h2 span {color:#ffd800;}

.leftcolom2 h2 {float:left; width:301px;}

.row {width:325px; padding:3px 0;}
.row .left {width:102px; padding:4px 0;}
.row .right {width:220px;}

.rowmedia {width:325px; padding:3px 0;}
.rowmedia a, .rowmedia a:visited {display:block; padding:3px 0px; text-decoration:none;}
.rowmedia a:hover {text-decoration:underline;}
.rowmedia .schedule_date {padding:3px 0px;}


.newsimage {width:159px; height:231px;}
.newsinfo {width:193px; height:220px; padding:11px 30px 0 0;}
.newsinfo p {width:193px;}
.newsinfo .readmore {background:url(../images/layout/line_hor.gif) top left repeat-x; width:193px; margin:15px 0 0 0; padding:5px 0 00 ;}

.newsbigimage {width:100px; height:140px; margin:0 5px 0 0;}
.newsbiginfo {width:224px;}
.newsbiginfo h2 {width:199px;}
.newsbiginfo p {width:224px;}
.newsbiginfo .readmore {background:url(../images/layout/line_hor.gif) top left repeat-x; width:224px; margin:15px 0 0 0; padding:5px 0 00 ;}

.light {background:url(../images/layout/lightbg.png) repeat;}

.lastrelease {width:271px; margin:0 0 10px 0; background:url(../images/layout/line_hor.gif) bottom left repeat-x; padding:0 0 10px 0;}
.lastrelease .image {background:url(../images/layout/releaseimage_bg.jpg) top left no-repeat; width:101px; height:98px; padding:8px 3px 5px 3px; margin:0 10px 0 0;}
.lastrelease .info {width:144px;}
.lastrelease .info span {color:#ffd800;}
.lastreleasebuttons {width:271px;}

.upcominggigs_left {background:url(../images/layout/line_vert.gif) top right repeat-y; width:120px; margin:0 15px 0 0; padding:0 5px 0 0;}
.upcominggigs_right {width:120px;}
.gig {font-weight:bold; width:120px; margin:0 0 15px 0;}
.gig a {text-decoration:none;}
.gig span {color:#ffd800; font-size:14px;}
.rightcolom .bottom .readmore {background:url(../images/layout/line_hor.gif) top left repeat-x; width:260px; margin:15px 0 0 0; padding:5px 0 00 ;}

.btn_buy {background:url(../images/layout/btn_buyit.jpg) top left no-repeat; width:122px; height:27px; margin:0 5px 0 0;}
.btn_buy a, .btn_buy a:visited {display:block; width:122px; height:27px; text-decoration:none;}
.btn_buy:hover {background:url(../images/layout/btn_buyit.jpg) bottom left no-repeat;}

.btn_more {background:url(../images/layout/btn_more.jpg) top left no-repeat; width:122px; height:27px;}
.btn_more a, .btn_more a:visited {display:block; width:122px; height:27px; text-decoration:none;}
.btn_more:hover {background:url(../images/layout/btn_more.jpg) bottom left no-repeat;}

.schedule_date {width:60px;}
.schedule_info {width:258px; font-weight:bold;}
.schedule_info span {font-weight:normal;}

.charts_nr {width:40px; font-size:18px; color:#ffd800; font-weight:bold; line-height:18px;}
.charts_info {width:278px;}
.charts_info span {color:#ffd800;}

.gallery_item {width:150px; margin:0 5px 5px 0; padding:3px; background:url(../images/layout/lightbg.png) repeat;}
.gallery_item .gallery_itemimage {width:60px; margin:0 5px 0 0;}
.gallery_item .gallery_iteminfo {width:75px;}

.gallery_thumb {width:60px; padding:3px; margin:0 15px 15px 0; background:url(../images/layout/lightbg.png) repeat;}
.gallery_thumb:hover {background:url(../images/layout/itemdark_bg2.png) repeat;}

.disco_item {width:310px; padding:6px; background:url(../images/layout/lightbg.png) repeat; margin:0 0 10px 0;}
.disco_item .image {background:url(../images/layout/releaseimage_bg.jpg) top left no-repeat; width:101px; height:98px; padding:8px 3px 5px 3px; margin:0 10px 0 0;}
.disco_item .info {width:193px;}
.disco_item .info h2.topp {width:168px;}


.buybtn_freaky {width:129px; height:39px; background:url(../images/layout/buybtn_freaky.jpg) top left no-repeat; margin:0 5px 5px 0;}
.buybtn_recess {width:129px; height:39px; background:url(../images/layout/buybtn_recess.jpg) top left no-repeat; margin:0 5px 5px 0;}
.buybtn_itunes {width:129px; height:39px; background:url(../images/layout/buybtn_itunes.jpg) top left no-repeat; margin:0 5px 5px 0;}
.buybtn_hardstylecom {width:129px; height:39px; background:url(../images/layout/buybtn_hardstylecom.jpg) top left no-repeat; margin:0 5px 5px 0;}
.buybtn_trackitdown {width:129px; height:39px; background:url(../images/layout/buybtn_trackitdown.jpg) top left no-repeat; margin:0 5px 5px 0;}
.buybtn_junodownload {width:129px; height:39px; background:url(../images/layout/buybtn_junodownload.jpg) top left no-repeat; margin:0 5px 5px 0;}
.buybtn_dancetunes {width:129px; height:39px; background:url(../images/layout/buybtn_dancetunes.jpg) top left no-repeat; margin:0 5px 5px 0;}
.buybtn_beatport {width:129px; height:39px; background:url(../images/layout/buybtn_beatport.jpg) top left no-repeat; margin:0 5px 5px 0;}

.buybtn_freaky a, .buybtn_freaky a:visited {display:block; width:129px; height:39px; text-decoration:none;}
.buybtn_recess a, .buybtn_recess a:visited {display:block; width:129px; height:39px; text-decoration:none;}
.buybtn_itunes a, .buybtn_itunes a:visited {display:block; width:129px; height:39px; text-decoration:none;}
.buybtn_hardstylecom a, .buybtn_hardstylecom a:visited {display:block; width:129px; height:39px; text-decoration:none;}
.buybtn_trackitdown a, .buybtn_trackitdown a:visited {display:block; width:129px; height:39px; text-decoration:none;}
.buybtn_junodownload a, .buybtn_junodownload a:visited {display:block; width:129px; height:39px; text-decoration:none;}
.buybtn_dancetunes a, .buybtn_dancetunes a:visited {display:block; width:129px; height:39px; text-decoration:none;}
.buybtn_beatport a, .buybtn_beatport a:visited {display:block; width:129px; height:39px; text-decoration:none;}

.buybtn_freaky:hover {background:url(../images/layout/buybtn_freaky.jpg) bottom left no-repeat;}
.buybtn_recess:hover {background:url(../images/layout/buybtn_recess.jpg) bottom left no-repeat;}
.buybtn_itunes:hover {background:url(../images/layout/buybtn_itunes.jpg) bottom left no-repeat;}
.buybtn_hardstylecom:hover {background:url(../images/layout/buybtn_hardstylecom.jpg) bottom left no-repeat;}
.buybtn_trackitdown:hover {background:url(../images/layout/buybtn_trackitdown.jpg) bottom left no-repeat;}
.buybtn_junodownload:hover {background:url(../images/layout/buybtn_junodownload.jpg) bottom left no-repeat;}
.buybtn_dancetunes:hover {background:url(../images/layout/buybtn_dancetunes.jpg) bottom left no-repeat;}
.buybtn_beatport:hover {background:url(../images/layout/buybtn_beatport.jpg) bottom left no-repeat;}

.gb_navigation {width:329px; margin:0 0 10px 0;}
.gb_navigation a, .gb_navigation a:visited {display:block; float:left; background:url(../images/layout/lightbg.png) repeat; padding:4px 8px; margin:0 4px 0 0; font-size:12px; font-weight:bold; color:#FFF; text-decoration:none;}
.gb_navigation a:hover {color:#009a4f;}
.gb_navigation a.active {color:#ffc600;}

.gb_item {width:319px; padding:3px; background:url(../images/layout/lightbg.png) repeat; margin:0 0 10px 0;}
.gb_header {width:319px; background:url(../images/layout/line_hor.gif) bottom left repeat-x; padding:0 0 5px 0; margin:0 0 5px 0;}
.gb_message {width:319px;}

.gb_write {}
.gb_write_left {width:201px; margin:0 5px 0 0;}
.gb_write_right {width:72px;}
.gb_write_left .row {width:201px;}
.gb_write_right .row {width:72px;}



/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
#contentscroll	{overflow:auto; margin: 0; padding: 0px 0 60px 0; }
.flexcroll {width:349px; height:486px;}
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {width: 15px; background: #D7EBDF url(../images/layout/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;}
.vscrollerbar {width: 15px; background: #99CBCB url(../images/layout/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;}
.hscrollerbase {height: 15px; background: #D7EBDF url(../images/layout/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;}
.hscrollerbar { height: 15px; background: #99CBCB url(../images/layout/horizontalbarbody_cornerjog.png) 0px -30px repeat-x; }
.vscrollerbar, .hscrollerbar { padding: 10px; z-index: 2; }
.vscrollerbarbeg { background: url(../images/layout/basebarcaps_verticalbarbody.png) -45px -30px no-repeat; width: 15px; height: 15px !important; }
.vscrollerbarend { background: url(../images/layout/basebarcaps_verticalbarbody.png) -45px 0px no-repeat; width: 15px; height: 15px; }
.hscrollerbarbeg { background: url(../images/layout/basebarcaps_verticalbarbody.png) -60px -15px no-repeat; height: 15px; width: 15px !important; }
.hscrollerbarend { background: url(../images/layout/basebarcaps_verticalbarbody.png) -30px -15px no-repeat; height: 15px; width: 15px; } 
.scrollerjogbox { width: 15px; height: 15px; top: auto; left: auto; bottom: 0px; right: 0px; background: #4E727C url(../images/layout/horizontalbarbody_cornerjog.png) 0px 0px; }
.vscrollerbasebeg { background: url(../images/layout/basebarcaps_verticalbarbody.png) -30px -30px no-repeat; width: 15px; height: 15px !important; cursor:pointer; }
.vscrollerbaseend { background: url(../images/layout/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;  height: 15px; width: 15px; cursor:pointer; }
.hscrollerbasebeg { background: url(../images/layout/basebarcaps_verticalbarbody.png) -60px 0px no-repeat; height: 15px; width: 15px !important; }
.hscrollerbaseend { height: 15px; width: 15px; background: url(../images/layout/basebarcaps_verticalbarbody.png) -30px 0px no-repeat; }
.scrollerjogbox:hover { background: #5E828C url(../images/layout/basebarcaps_verticalbarbody.png) -45px -15px; }
/* Scroll Bar Master Styling Ends Here */