* { padding: 0; margin: 0; }
html, body { background: #000000; color: #B6B4B4; font-family: "Trebuchet MS", sans-serif; font-size: 12px; height: 100%; }
a { color: #6F52B6; }
img { border: 0; }
h1, h2 { margin-bottom: 15px; font-size: 14px; font-weight: bold; }
p { margin: 0 0 10px 0; padding: 0; font-weight: bold; }
table { border-collapse: collapse; }
td { vertical-align: top; padding: 2px 5px; }
th { vertical-align: top; padding: 2px 5px; border-top: 1px solid #FFFFFF; text-align: left; }

.busy { cursor: wait; }
a.icon { padding: 0 4px; font-size: 10px; color: #000000; background: #FFFFFF; text-decoration: none; -moz-opacity: 0.6; filter: alpha(opacity=60); opacity: 0.6; }
a.icon:hover { background: #808080; }
span.icon { color: #303030; }
.reset { clear: both; height: 0px; width: 0; overflow: hidden; }
input.saveButton { background: #FFFFFF; color: #000000; padding: 0 5px; font-weight: bold; border: 0; display: inline; cursor: pointer; cursor: hand; -moz-opacity: 0.6; filter: alpha(opacity=60); opacity: 0.6; font-size: 10px; }

#head { width: 1000px; height: 287px; overflow: hidden; }
#head h1 a { background: url('../images/logo.gif'); width: 164px; height: 105px; float: right; margin-top: 23px; margin-right: 22px; }
#head h1 a span { display: none; }

div.adminBar { position: absolute; text-align: right; width: 975px; padding-top: 4px; }
div.adminBar2 { position: absolute; text-align: right; width: 900px; }

#main { background: url('../images/background.jpg'); width: 1000px; height: 707px; position: relative; margin: 0 auto; clear: left; }
#distance { width: 1px; height: 50%; margin-bottom: -353px; float:left; }
#mainHome { width: 648px; height: 450px; position: relative; margin: 0 auto; clear: left; padding-left: 352px; padding-top: 257px; }

#menu { float: left; background: #000000; padding: 11px 8px; margin-left: 23px; margin-top: 25px; /* IE hack */ display: inline; }
#menu ul { padding: 0; margin: 0; width: 720px; }
#menu li { display: inline; padding: 0; margin: 0; }
#menu li a { float: left; background-repeat: no-repeat; height: 18px; margin-right: 15px; }
#menu li a span { display: none; }
#menu li a.aboutMenu { background: url('../images/menu_item_about.gif'); width: 79px;  }
#menu li a.newsMenu { background: url('../images/menu_item_news.gif'); width: 75px; }
#menu li a.artistsMenu { background: url('../images/menu_item_artists.gif'); width: 99px; }
#menu li a.releasesMenu { background: url('../images/menu_item_releases.gif'); width: 116px; }
#menu li a.membersMenu { background: url('../images/menu_item_members.gif'); width: 120px; }
#menu li a.linksMenu { background: url('../images/menu_item_links.gif'); width: 68px; }
#menu li a.shopMenu { background: url('../images/menu_item_shop.gif'); width: 65px; margin-right: 0; }
#menu li span { float: left; width: 100%; height: 4px; }
#menu li span.active { background: url('../images/menu_item_active.gif') bottom right; margin-top: 20px; width: 100%; height: 4px; display: block; overflow: hidden; }

/* cart */
#cart { background: #000000 url('../images/cart_icon.gif') no-repeat 190px 7px; margin-left: 23px; margin-top: 14px; width: 240px; height: 47px; float: left; text-decoration: none; color: #FFFFFF; font-size: 11px; }
#cart span.cartStatus { margin-top: 10px; display: block; width: 178px; text-align: right; }
#cart span.cartPrice { display: block; width: 178px; color: #EC008C; text-align: right; }
.zeroItem { color: #E0E0E0; }

/* barvy linku dle sekci */

div.about a { color: #6F52B6; }
div.about a.icon { color: #000000; background: #6F52B6; }
div.news a { color: #EE0BA9; }
div.news a.icon { color: #000000; background: #EE0BA9; }
div.artists a { color: #FF256C; }
div.artists a.icon { color: #000000; background: #FF256C; }
div.releases a { color: #FF663F; }
div.releases a.icon { color: #000000; background: #FF663F; }
div.members a { color: #FFC70E; }
div.members a.icon { color: #000000; background: #FFC70E; }
div.links a { color: #E2E100; }
div.links a.icon { color: #000000; background: #E2E100; }
div.shop a { color: #FFFFFF; }
div.shop a.icon { color: #000000; background: #FFFFFF; }
div.shop a.done { background: #303030; }
div.shop a.done:hover { background: #303030; }

/* velke titulky */

div.title { margin-left: 25px; margin-top: 15px; }
div.titleAbout { background: url('../images/title-about.gif'); width: 730px; height: 114px; }
div.titleNews { background: url('../images/title-news.gif');  width: 739px; height: 131px; }
div.titleArtists { background: url('../images/title-artists.gif');  width: 729px; height: 98px; }
div.titleReleases { background: url('../images/title-releases.gif');  width: 736px; height: 82px; }
div.titleMembers { background: url('../images/title-members.gif');  width: 737px; height: 79px; }
div.titleLinks { background: url('../images/title-links.gif');  width: 737px; height: 144px; }
div.titleShop { background: url('../images/title-shop.gif');  width: 734px; height: 146px; }

/* male nadpisy sekci */

h2#aboutHeader { background: url('../images/header-about.gif'); width: 83px; height: 12px; margin-bottom: 10px; display: block; }
h2#aboutHeader span { display: none; }
h2#newsHeader { background: url('../images/header-news.gif'); width: 72px; height: 12px; margin-bottom: 10px; display: block; }
h2#newsHeader span { display: none; }
h2#artistsHeader { background: url('../images/header-artists.gif'); width: 100px; height: 12px; margin-bottom: 10px; display: block; }
h2#artistsHeader span { display: none; }
h2#releasesHeader { background: url('../images/header-releases.gif'); width: 121px; height: 12px; margin-bottom: 10px; display: block; }
h2#releasesHeader span { display: none; }
h2#membersHeader { background: url('../images/header-members.gif'); width: 106px; height: 13px; margin-bottom: 10px; display: block; }
h2#membersHeader span { display: none; }
h2#linksHeader { background: url('../images/header-links.gif'); width: 70px; height: 12px; margin-bottom: 10px; display: block; }
h2#linksHeader span { display: none; }
h2#shopHeader { background: url('../images/header-shop.gif'); width: 66px; height: 13px; margin-bottom: 10px; display: block; }
h2#shopHeader span { display: none; }
h2#photosHeader { background: url('../images/header-photos.gif'); width: 98px; height: 13px; margin-bottom: 10px; display: block; }
h2#photosHeader span { display: none; }
h2#releasesHeader2 { background: url('../images/header-releases2.gif'); width: 121px; height: 13px; margin-bottom: 10px; display: block; }
h2#releasesHeader2 span { display: none; }

/* content */

div#contentBox { height: 431px; width: 1000px; margin-top: -75px; }
div.narrowBox { width: 250px; height: 430px; background: url('../images/transparent_pixel.png'); float: left; margin-left: 21px; overflow: auto; /* IE hack */ display: inline; overflow-x: hidden; }
div.mediumBox { width: 330px; height: 430px; background: url('../images/transparent_pixel.png'); float: left; margin-left: 21px; overflow: auto; /* IE hack */ display: inline; overflow-x: hidden; }
div.shopBox { width: 952px; height: 430px; background: url('../images/transparent_pixel.png'); float: left; margin-left: 21px; overflow: auto; /* IE hack */ display: inline; overflow-x: hidden; }
div.innerBoxScroll { padding: 17px; }
div.shop div.innerBox { padding: 17px; }
div.shop div.innerBoxScroll { padding: 0; }

div.wideBox { width: 440px; height: 430px; background: url('../images/transparent_pixel.png'); float: left; margin-left: 21px; overflow: auto; /* IE hack */ display: inline; margin-left: 56px; overflow-x: hidden; }
div.imageWrapper { margin: 41px 0 0 45px; }

/* about */


/* address */

div#address a { background: url('../images/address.gif'); width: 243px; height: 30px; margin-top: 18px; margin-right: 22px; float: right; }
div#address span { display: none; }

/* releases */

a.toShopLink { margin-left: 40px; }

/* members */

div.loginForm { width: 736px; height: 297px; background: url('../images/transparent_pixel.png'); float: left; margin-left: 21px; overflow: auto; /* IE hack */ display: inline; overflow-x: hidden; }
div.loginForm h3 span, div.loginForm label span { display: none; }
h3.signInTitle { background: url('../images/members-title1.gif'); width: 186px; height: 11px; display: block; margin-top: 17px; margin-left: 15px; }
h3.signUpTitle { background: url('../images/members-title2.gif'); width: 76px; height: 11px; display: block; margin-top: 17px; margin-left: 15px; }
form#loginForm { width: 360px; float: left; }
form#loginForm label { margin: 19px 0 4px 15px; float: left; }
form#loginForm div.first label { background: url('../images/members-label1.gif'); width: 131px; height: 10px; }
form#loginForm div.second label { background: url('../images/members-label2.gif'); width: 97px; height: 11px; clear: both; }
form#loginForm div div { float: left; display: inline; margin: 5px 0 0 15px; background: url('../images/members-input1.gif'); width: 286px; height: 54px; }
form#loginForm input.inpM { background: transparent; border: 0; font-size: 22px; font-weight: bold; height: 40px; margin: 2px 0 0 2px; width: 274px; padding: 10px 3px 0 3px; }
form#registerForm { width: 360px; float: left; }
form#registerForm label { margin: 19px 0 4px 15px; float: left; }
form#registerForm div.first label { background: url('../images/members-label1.gif'); width: 131px; height: 10px; }
form#registerForm div.second label { background: url('../images/members-label3.gif'); width: 169px; height: 11px; clear: both; }
form#registerForm div div { float: left; display: inline; margin: 5px 0 0 15px; background: url('../images/members-input2.gif'); width: 286px; height: 54px; }
form#registerForm input.inpM { background: transparent; border: 0; font-size: 22px; font-weight: bold; height: 40px; margin: 2px 0 0 2px; width: 274px; padding: 10px 3px 0 3px; }
input#submit1 { clear: both; display: block; margin: 25px 0 0 15px; border: 0; background: url('../images/members-button1.gif') no-repeat; width: 95px; height: 42px; }
input#submit2 { clear: both; display: block; margin: 25px 0 0 15px; border: 0; background: url('../images/members-button2.gif') no-repeat; width: 192px; height: 42px; }

/* shop */

textarea.shopTextArea { width: 920px; height: 70px; }

/* admin */
#wysiwyg { width: 920px; height: 300px; }
#wysiwyg2 { width: 595px; height: 180px; }
div.shop table { width: 100%; }
label { margin-right: 5px; }
input { background: #FFFFFF; border: 1px solid #CCCCCC; font-size: 12px; padding: 2px 5px; }
select { background: #FFFFFF; border: 1px solid #CCCCCC; font-size: 12px; }
select.pictures { height: 185px; }
.w300 { width: 300px; }
.w150 { width: 150px; }
.w100 { width: 100px; }
.w200 { width: 200px; }
.w60 { width: 60px; }
.w500 { width: 500px; }
#fileForm { display: none; }
#filterSpacer { margin-left: 270px; }
#filterSpacer select { width: 130px; }

/* artists */

div.artistPictureBox { width: 250px; height: 430px; background: url('../images/transparent_pixel.png'); float: left; margin-left: 21px; overflow: auto; /* IE hack */ display: inline; overflow-x: hidden; }
div.artistReleaseBox { width: 418px; height: 330px; background: url('../images/transparent_pixel.png'); float: left; margin-left: 21px; overflow: auto; /* IE hack */ display: inline; overflow-x: hidden; }
div.artistBackButton { width: 170px; height: 50px; background: url('../images/transparent_pixel.png'); float: left; margin-left: 21px; margin-top: 52px; overflow: auto; /* IE hack */ display: inline; }
div.artistBackButton a { background: url('../images/button-back-to-aritsts.gif'); width: 149px; height: 10px; margin: 20px 0 0 10px ; display: block; }
div.artistBackButton span { display: none; }

.emailsBox { width: 800px; height: 400px; overflow: auto; padding: 10px; border: 1px solid #FFFFFF; background: #303030; }