/* Start of CMSMS style sheet 'CP_screen' */
* {
	padding: 0;
	margin:0;
}
body {
	background: white url(uploads/images/gui/bg_stuchka.gif) no-repeat fixed right bottom;
	color:#333;
	font-family: Helvetica;
	font-size: 0.7em;
	line-height:1.3em;	
}
div.clear {
	clear:both;
}
a {
	color: #afa249;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #333;
	text-decoration: none;
}
h1{
	margin-bottom: 10px;
	text-transform:uppercase;
	line-height:1em;
}
h1 span.lighten {
	color:#777;	
}
p{
	margin-bottom: 17px;
}
img {
	/*display: block;*/
	border:none;
	background: url(uploads/images/gui/img_bg.gif);
	padding:6px;
}
img.left {
	float:left;
	margin: 0 15px 15px 0;	
}
img.right {
	float:right;
	margin: 15px 0 15px 15px;	
}

/*___core layout___*/
div#container {
	width:850px;
}
div#main {
	background: white;
	float:left;
	width:538px;
}
div#nav {
	background: white url(uploads/images/gui/logo.png) no-repeat 20px 20px;
	float:right;
	width:300px;
}
div#main div.wrapper,
div#nav div.wrapper {
	/*padding: 0 20px 20px 20px;*/
	padding: 20px;
}
div.title,
div.news,
div.featured-release {
	border-bottom: 1px dotted #ddd;
}
div#main div.title div.wrapper,
div#main div.featured-release div.wrapper, 
div#main div.featured-vend div.wrapper {
	padding: 20px 0;
}
div#footer {
	width:100%;
	float:left;
	border-top:1px dotted #DDDDDD;
}
div#footer div.wrapper {
	padding:20px 0 0 0;	
}
div#footer div#share {
	float:left;
}
div#footer img {
	background:none;
	padding:0;
	margin-left: 2px;
}
div#footer div#copyright {
	float:left;
	margin:6px 0 0 11px;	
}

/*___two column layout___*/
div.two-column div.column-one {
	width:50%;
	float:left;
}
div.two-column div.column-two {
	width:49%;
	float:right;
}

/*___three column layout ___*/
div.three-column div.column-one,
div.three-column div.column-two,
div.three-column div.column-three {
	float:left;
}
div.three-column div.column-one,
div.three-column div.column-two {
	margin-right: 34px;
}
div.three-column div.column-one div.column-wrapper,
div.three-column div.column-two div.column-wrapper,
div.three-column div.column-three div.column-wrapper {
/* 	padding: 6px; */
}
div.img{
	float:left;
}
div.caption {
	text-align: center;
	margin-top: 12px;
}

/*___nav ___*/
div.current-date{
	text-align:right;	
}
div.main-nav {
	margin:65px 0 0 0;	
}
div#nav ul li{
	list-style-type: none;
	padding:5px 0;
}
div#nav ul li ul {
	margin-left:15px;
}
div#nav ul li ul li {
	padding:2px 0;
}
div#nav ul li ul a {
	font-weight:normal;
	/*color:#888;*/
}
div#nav ul li ul a:hover{
	/*color:#333;*/	
}
div#nav ul li a {
	text-transform:uppercase;
	font-size:110%;
}
div#nav ul li ul li a {
	text-transform:none;
	font-size:100%;	
}
div#nav ul li ul {
	margin-top:7px;
}
div#nav ul li a.currentpage,
div#nav ul li a.activeparent {
	color:#333;
}

/*___Cataloger specific___*/
div.item-attribute-name,
div.item-attribute-title{
	font-weight:bold;
}
div.item-attribute-title{
	text-transform:uppercase;	
}
div.item-attribute-row{
	margin-bottom:8px;	
}
div.item-attribute-row.smallprint {
	color: #999;
	font-size:80%;
}
div.item-attribute-val {
	
}
div.category_items {
	clear:both;	
}
div.category-item{
	float:left;
	width:166px;
	height:183px;
	text-align:center;
	margin-bottom:17px;
}
div.category-item a {
	padding:0px;
	display:block;
}
div.category-item a.textlink {
	padding:0px 10px;
}
div.catnav{
	display:block;
}
a.thumb-caption {
	display:block;
	margin:6px 10px;
}
/*___News specific___*/

div#main div.news div.wrapper{
	padding:0;
	margin:0 0 17px 0;
}
body.lower.archive div.news-summary {
	padding-bottom:17px;
}
div.news-detail-header{
	padding-bottom:17px;
}
div.news-summary-header {
	margin-bottom:4px;	
}
div.news-summary-postdate,
div.news-summary-link {
	float:left;
}
span.news-summary-postdate {
	font-weight:normal;
}
span.news-detail-title{
	font-weight:bold;
	text-transform:uppercase;
}
span.news-detail-postdate,
span.news-detail-title {
	font-size:120%;	
}
div.news-summary-content img{
	float:left;
	margin: 0 10px 10px 0;
}
div.NewsPostDetailReturnLink {
	margin-bottom:17px;	
}
span.prev-news {
	margin-top:17px;
	display:block;
}

/*__Vend specific___*/
span.vend {
	padding-right: 100px;
	background: white url(uploads/images/gui/paypal.gif) no-repeat right center;
}
button {
	background: white url(uploads/images/gui/paypal.gif) no-repeat right center;
	padding: 0 100px 0 0;
	font-family:Helvetica, Arial;
	font-size:1em;
	font-weight:bold;
	color: #afa249;
	background-color: transparent;
	text-decoration: none;
	border: none;
	cursor: pointer;
	cursor: hand;
  }
button:hover {
  color:#333;
  }

/*__Form specific___*/
div.contactform {
	margin-bottom:17px;	
}
div.contactform div {
	padding:8px 0;	
}
div.contactform fieldset {
	border:none;
}
div.contactform label {
	width:30%;
	float:left;
}
div.contactform input,
div.contactform textarea {
	font-family:Helvetica;
	border:1px outset #ccc;
	padding:3px;
}
div.contactform textarea {
	font-size:1em;
	
}
div.contactform legend {
font-weight:bold;
}

/*__jPlayer specific___*/
ul.controls {
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom:1px dotted #DDDDDD;
}
ul.controls li,
ul.tracklist li{
	list-style-type:none;
}
ul.tracklist li {
	
}
ul.controls li ul li {
	float:left;
	margin-right:10px;
}
ul.tracklist li a {
	font-weight:normal;
	display:block;
	background:url(uploads/images/gui/play.gif) no-repeat left center;
	padding-left:10px;
	margin-left:16px;
}
ul.tracklist li div.tracknum {
	float:left;
}

/*__Banner specific___*/
div.banner{
	padding:20px 0;
		
}
div.banner img{
	padding:0;
	background:none;	
}

/*__Dropbox specific___*/
a.soundcloud-dropbox:hover {
	color: #1896D1 !important; background-color: transparent !important;
}
a.soundcloud-dropbox {
	background: transparent url(uploads/images/gui/dropbox_small_dark.png) no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='(uploads/images/gui/dropbox_small_dark.png)', sizingMethod='crop') !important;
	margin: 0 auto;
	margin-bottom:20px;
	display: block;  color: #888888; font-size: 10px; height: 30px; padding: 26px 60px 0 12px; width: 127px; text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 1.3em;
}

/*__Pageblock specific___*/
div.block-item {
	margin-bottom:20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #DDDDDD;
}
div.block-item.last{
	padding: 0;
	/*margin:0;*/
	border-bottom: none;
}
div.block-item p {
	margin-bottom:0;
}
div.block-item div.left {
	float:left;
	width:37px;
}
div.block-item div.right {
	float:right;
	width:443px;
}

/*__sIFR specific___*/

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
    font-family: Helvetica;
    visibility: hidden;
  }
  .sIFR-active .lighten {
    font-family: Helvetica;
    visibility: hidden;
    color:#555;
  }
}
/* End of 'CP_screen' */