/*###############################################

Created for: Tilthmusic.com
Author: Montathar Faraon - mf@magnusbetner.com

###############################################*/

/* Foundation Content Elements
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #4B6D99 url(../images/tilth_background.gif);
	color: #333;
	font: normal 62.5% Verdana,sans-serif;
	margin: 10px;
}
.SiteSupremeClass {
	background: #FFF; 
	margin: 0 auto; 
	width: 890px; 
	padding: 0px;
}
.SiteMainClass {
	background: #FFF; 
	margin: 0 auto; 
	width: 870px;
}

/* Top Class Elements
----------------------------------------------- */
.SiteTopClass .SiteLeftClass {
	width: 870px; 
	background: #FFF url(../images/top_banner.jpg) no-repeat; 
	height: 180px; 
	margin-top: 10px;
	float: left;
	display: block; 
}
.SiteTopClass .SiteRightClass {
	width: 870px; 
	background: #FFF url(../images/top_banner_limited.jpg) no-repeat; 
	height: 180px; 
	margin-top: 10px;
	float: left;
	display: block; 
}

/* Menu Content Elements
----------------------------------------------- */
.SiteMenuClass {
	background: #111; 
	border-bottom: 5px solid #FFF; 
	border-top: 5px solid #FFF;
}
.SiteMenuClass a {
	float: left; 
	padding: 0 16px; 
	font: bold 1.2em Verdana,serif; 
	line-height: 40px; 
	color: #FFF; 
	border-right: 1px solid #222;
}
.SiteMenuClass a:hover {
	background: #82BF00; 
	color: #FFF; 
	text-decoration: none;
}
.SiteMenuClass .SiteSelected {
	float: left; 
	padding: 0 16px; 
	font: bold 1.2em Verdana,serif; 
	line-height: 40px; 
	color: #FFF; 
	border-right: 1px solid #222;
	background: #82BF00;
}

/* Main Content Elements
----------------------------------------------- */
.SiteMainLeftClass {
	FLOAT: left;
	WIDTH:640px;
	LINE-HEIGHT:1.5em;
	BACKGROUND-COLOR: #FFFFFF;
	MIN-HEIGHT: 500px;
	text-align: justify;
}
.SiteIniClass {
	font-size: 1.2em; 
	line-height: 1.4em;
	padding: 6px 11px;
}
.SiteIniClass h1 {
	padding-top: 5px;
	padding-bottom: 0px;
	font: 1.8em Verdana, Arial, Helvetica, sans-serif;
	color: #82BF00;
}
.SiteIniClass h2 {
	font: normal 1.6em sans-serif;
	padding-top: 8px;
	color: #82BF00;
}

/* News Item Elements
----------------------------------------------- */
.SiteItemClass {
	padding: 4px 0; 
	text-align: justify;
}
.SitePostdateClass {
	padding: 2px 0 2px; 
	color: #333333;
	font-size: 0.9em;
}
.SitePostmetadataClass {
	font-size: 0.9em; 
	padding: 8px 12px; 
	border: 1px solid #EEE; 
	background: #FCFCFC;
	margin-top: 5px;
}
.SitePostGreenClass {
	color: #82BF00;
}

/* Bottom Content Elements
----------------------------------------------- */
.SiteFooterClass {
	background: #191919; 
	color: #FFF; 
	padding: 0 18px;
}
.SiteBottomClass {
	padding: 8px; 
	font-size: 1.2em;
}
.SiteBottomClass a {
	color: #FFF; 
	font: bold 1em sans-serif,sans-serif;
}
.SiteBottomClass a:hover {
	text-decoration: underline;
}

/* Sidebar Content Elements
----------------------------------------------- */
.SiteMainRightClass {
  float:right;
  line-height:1.5em;
  BACKGROUND-COLOR: #FFFFFF;
  MARGIN-TOP: 4px;
  width: 212px;
}
.SiteSidebarClass {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5em; 
	width: 201px;
}
.SidebarReleasePhoto
{
	margin-left:13px;
}

/* Table Color and Form Elements
----------------------------------------------- */
.SiteCommonRows { 
	overflow: hidden;
	float: left; 
	text-align: center; 
	display: block; 
	padding: 7px;
	margin-right: 9px;
	margin-bottom: 10px;
	background-color: #FCFCFC;
	border: 1px solid #EEE;
	width: 129px;
	height: 215px;
}

.SiteCommonRows:hover { 
	overflow: hidden; 
	float: left; 
	text-align: center; 
	display: block; 
	padding: 7px;
	margin-right: 9px;
	margin-bottom: 10px;
	background-color: #EEEEEE;
	border: 1px solid #EEE;
	width: 129px;
	height: 215px;
}
.SiteCommonArtistsRows { 
	float: left; 
	text-align: center; 
	display: block; 
	line-height: 1.5em;
	padding: 7px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 7px;
	background-color: #FCFCFC;
	border: 1px solid #EEE;
	width: 129px;
	height: 215px;
}
.SiteCommonArtistsRows:hover { 
	float: left; 
	text-align: center; 
	display: block; 
	line-height: 1.5em;
	padding: 7px;
	margin-right: 15px;
	margin-top: 7px;
	background-color: #EEEEEE;
	border: 1px solid #EEE;
	width: 129px;
	height: 215px;
}
.SiteCommonLinks { 
	float: left; 
	text-align: center; 
	margin-right: 9px;
	margin-bottom: 7px;
	width: 145px;
	font-size:0.9em;
}
.SiteCommonLinksCategory { 
	clear: left;
	font-size: 1em;
	color: #666;
	font-weight:bold;
	padding-bottom: 13px;
	
}
.SiteCommonBorder {
	border: 1px solid #000000;
	border-top: none;
}
.SiteCommonTitleContainer {
	background-color: #000000;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 11px;
}
.SiteCommonSpacing {
	padding: 6px;
	font-size: 11px;
}

/* Default Formfield Button */
.StandardButton {
	color: #2b333c;
	font-weight: bold;
	font-size: 1em;
}
.StandardButton{
	background: #fefefe url(../images/tilth_button_background.gif) repeat-x;
	border: 3px double;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}
.StandardButton:hover, .StandardButton:focus {
	border: 3px double;
	border-color: #aedf9a #94da78 #6ab94b #94da78;
}
.StandardButton:visited {
	color: #2b333c;
}

/* Default Formfield Size Medium */
.StandardFieldMedium {
	WIDTH: 193px;
	BACKGROUND-COLOR: #EEEEEE;
	COLOR: #333333;	
	BORDER-RIGHT: 1px solid #9B9797;
	BORDER-BOTTOM: 1px solid #9B9797;
	BORDER-TOP: 1px solid #333333;
	BORDER-LEFT: 1px solid #333333;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 5px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #625B44;
	padding: 3px;
}
.StandardFieldLarge {
	WIDTH: 350px;
	BACKGROUND-COLOR: #EEEEEE;
	COLOR: #333333;	
	BORDER-RIGHT: 1px solid #9B9797;
	BORDER-BOTTOM: 1px solid #9B9797;
	BORDER-TOP: 1px solid #333333;
	BORDER-LEFT: 1px solid #333333;
}
.StandardFieldMenuSmall {
	WIDTH: 160px;
	BACKGROUND-COLOR: #EEEEEE;
	COLOR: #333333;	
	BORDER-RIGHT: 1px solid #9B9797;
	BORDER-BOTTOM: 1px solid #9B9797;
	BORDER-TOP: 1px solid #333333;
	BORDER-LEFT: 1px solid #333333;
}
.StandardFieldMailinglist {
	WIDTH: 199px;
	BACKGROUND-COLOR: #EEEEEE;
	COLOR: #333333;	
	BORDER-RIGHT: 1px solid #9B9797;
	BORDER-BOTTOM: 1px solid #9B9797;
	BORDER-TOP: 1px solid #333333;
	BORDER-LEFT: 1px solid #333333;
}
.StandardFieldSmall {
	WIDTH: 100px;
	BACKGROUND-COLOR: #EEEEEE;
	COLOR: #333333;	
	BORDER-RIGHT: 1px solid #9B9797;
	BORDER-BOTTOM: 1px solid #9B9797;
	BORDER-TOP: 1px solid #333333;
	BORDER-LEFT: 1px solid #333333;
}
.StandardSelect {
	WIDTH: 155px;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;	
	BORDER-RIGHT: 1px solid #9B9797;
	BORDER-BOTTOM: 1px solid #9B9797;
	BORDER-TOP: 1px solid #333333;
	BORDER-LEFT: 1px solid #333333;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 2px;
}
.StandardSelectStore {
	WIDTH: 155px;
	BACKGROUND-COLOR: #EEEEEE;
	COLOR: #333333;	
	BORDER-RIGHT: 1px solid #9B9797;
	BORDER-BOTTOM: 1px solid #9B9797;
	BORDER-TOP: 1px solid #333333;
	BORDER-LEFT: 1px solid #333333;
}
.StandardSelectSmall {
	background-color: #EEEEEE;
	width: 70px;
	letter-spacing:.06em;
	font-family:Verdana,Sans-Serif;
	font-size:11px;
	margin-right:3px;
}
.StandardFieldTiny {
	WIDTH: 25px;
	BACKGROUND-COLOR: #EEEEEE;
	COLOR: #333333;	
	BORDER-RIGHT: 1px solid #9B9797;
	BORDER-BOTTOM: 1px solid #9B9797;
	BORDER-TOP: 1px solid #333333;
	BORDER-LEFT: 1px solid #333333;
	padding-left:2px;
}

/* Table Elements
----------------------------------------------- */

.SiteCheckboxContainer
{
	background-color: #82BF00;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
}
.SiteCheckboxContainerReleases
{
	background-color: #E9ECED;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
}
.SiteCheckboxContainerClean
{
	padding-left: 5px;
	font-size: 11px;
}
.HideCheckBox
{
   visibility: hidden;
   height: 0px;
   width: 0px;
} 
.MyCheckBox
{
   width: 10px;
   height: 10px;
   background: url(../images/tilth_news_check_off.gif);
   font-size: 0px;
   float: none;
}
.SiteStandardContainer
{
	background-color: #82BF00;
	color: #FFFFFF;
	font-size: 11px;
}
.SiteStandardContainerReleases
{
	background-color: #E9ECED;
	color: #000000;
	font-size: 11px;
}
.SiteStandardContainerClean
{
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 1px;
}

/* Paragraph and Links Elements
----------------------------------------------- */
a {
	color: #82BF00; 
	text-decoration: none;
}
a:hover {
	color: #F09; 
	text-decoration: underline;
}
.SiteBlackLink {
	color: #000000; 
	text-decoration: none;
}
.SiteBlackLink:hover {
	color: #F09; 
	text-decoration: underline;
}
p {
	color: #666; 
	font-size: 0.9em;
	padding-top: 2px;
	padding-bottom: 2px;
}
h3 {
	font: bold 1.2em Verdana,sans-serif;
	padding: 8px 0 4px;
}
h4 {
	color: #666;
}
.SiteBold {
	font-weight: bold;
}
.SiteAreaClearer {
	clear: both; 
	font-size: 0;
}
.SiteAreaWhiteClearer {
	height:10px; 
	background-color:#FFFFFF;
}
.SiteArtistsProfile
{
	color: #666; 
	font-size: 0.9em;
	float:left;
}

/* Feedback Elements
----------------------------------------------- */
.SiteFeedbackClass {
	color: #82BF00;
	font-size: 1em;
	padding-bottom: 10px;
	padding-right: 10px;
}
.SiteFeedbackNickClass {
	color: #666; 
	font-size: 0.9em;
	padding-top: 2px;
	padding-bottom: 2px;
}
.SiteFeedbackTitleClass {
	color: #82BF00; 
	font-size: 0.9em;
	padding-bottom: 5px;
}
.SiteFeedbackDataClass {
	color: #666;
	font-size: 0.9em;
	padding-bottom: 5px;
}
.SiteFeedbackCleanClass {
	color: #666;
	font-size: 1em;
}
.SiteErrorClass {
	font-size: 0.9em; 
	font-weight: bold;
	padding: 8px 12px; 
	border: 1px solid #CD303C; 
	background: #F9F2F2;
	margin-top: 5px;
	margin-bottom: 10px;
}
.SiteErrorListClass {
	font-size: 0.9em; 
	font-weight: normal;
	margin-left: 30px;
}
.SiteFeedbackRatingClass {
	font-size: 0.9em; 
	padding: 8px 12px; 
	border: 1px dashed #E2E2E2;
	background: #F7F9F9;
	margin-top: 5px;
	margin-bottom: 10px;
}
/* Labels
----------------------------------------------- */

.SiteTilthMusic
{
	background-color: #82BF00;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	font-weight: bold;
}
.SiteTilthMusicLimited
{
	background-color: #A61E28;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	font-weight: bold;
}

/* Releases Content Elements
----------------------------------------------- */

.SiteReleasesPhotoClass
{
	float:left;
	width:320px;
	height:158px;
	margin-bottom: 20px;
}
.SiteReleasesArtistsClass
{
	padding-top:15px;
	padding-right:20px;
	font-weight:bold;
	text-align: left;
}
.SiteReleasesItemsClass
{
	padding-top:10px;
}
.SiteReleasesDateClass
{
	font-style:italic;
	padding-top:15px;
}
.SiteReleasesDescriptionClass
{
	clear:left; 
	text-align:center;
	color:#333;
	font-size:0.9em;
	padding-top: 15px;
	padding-bottom:10px;
	font-style:italic;
}
.SiteReleasesCDClass {
	font-size: 0.9em;
	padding: 8px 12px; 
	border: 1px solid #EEE; 
	background: #FCFCFC;
	margin-top: 5px;
	background-image:url(../images/tilth_cd_icon.gif);
	background-repeat: no-repeat;
	background-position:right;
}
.SiteReleasesResellersClass
{
	float: none;
	margin-bottom:20px;
	text-align: center;
}
.SiteReleasesTilthMusicClass
{
	float:left;
	margin-right:5px;
	text-align:center;
}
.SiteReleasesTilthMusicLimitedClass
{
	text-align:center;
}

/* Shopping Cart Elements
----------------------------------------------- */
.SiteStoreRows { 
	overflow: hidden;
	float: left; 
	text-align: center; 
	display: block; 
	padding: 10px;
	margin-right: 9px;
	margin-bottom: 10px;
	background-color: #FCFCFC;
	border: 1px solid #EEE;
	color: #666;
	font-size:0.9em;
	width: 129px;
}
.SiteStoreCategory { 
	clear: left;
	font-size: 1em;
	color: #666;
	font-weight:bold;
	padding: 0px 0px 10px 0px;
}
.SiteStoreClean {
	clear:left;
}
.SiteStoreSettings {
	padding-bottom: 10px;
	font-weight:bold;
}
.SiteShoppingCart
{
	color: #666; 
	font-size: 0.9em;
}
.SiteShoppingCartItem 
{
	float: left;
	border: 1px solid #EEE;
	background:#EFF2EC;
	padding: 0 5px 5px 5px;
	margin: 10px 10px 10px 0px;
	display: inline;
	width: 605px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
.SiteShoppingCartItemTitle
{
	color: #666; 
	font-size: 0.9em;
	padding:5px 0px 5px 0px;
	font-weight:bold;
}

.SiteShoppingCartCommonLeft
{
	padding-top:7px;
}
.SiteShoppingCartCommon
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal; 
	color: #333333;
	padding-top:8px;
}
.SiteShoppingCartCustomer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal; 
	color: #333333;
	padding-bottom:4px;
	padding-top:4px;
}
.SiteShoppingCartTitle {
	font-size: 11px; 
	padding: 4px 6px; 
	border: 1px solid #EEE; 
	background: #FCFCFC url(../images/tilth_store_background.gif) repeat;
	margin-top: 5px;
	font-weight:bold;
	color:#535353;
}
.SiteShoppingCartOverviewTitle {
	font-size: 11px; 
	padding: 4px 6px; 
	border: 1px solid #EEE; 
	background: #FCFCFC url(../images/tilth_store_background.gif) repeat;
	margin-bottom: 5px;
	font-weight:bold;
	color:#535353;
}
.SiteShoppingCartConfirmedTitle {
	font-size: 11px; 
	padding: 4px 6px; 
	border: 1px solid #EEE; 
	background: #FCFCFC url(../images/tilth_store_background.gif) repeat;
	margin-bottom: 5px;
	color:#535353;
}
.SiteShoppingCartOverviewCustomer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal; 
	color: #333333;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:none;
}
.SiteShoppingCartContainerQuantity
{
	color: #666;
	padding-top: 8px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	font-weight:bold;
}
.SiteShoppingCartContainer
{
	color: #666;
	font-size: 11px;
	font-weight: bold;
	padding-top: 7px;
}
.SiteStorePaid
{
	background-color: #82BF00;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	font-weight: bold;
}
.SiteStoreNotpaid
{
	background-color: #A61E28;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	font-weight: bold;
}