/* COSMOS MUSIC GROUP */

html {
	margin: 0px;
	padding: 0px;
	height:100%;
}
body {
	background-color: #000;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color:#fff;
}
h1 { margin:0.2em 0 0.6em 0 ; color:#fff; font-size:2.8em; padding: 0px;}
h1 span { display: none; }
h1.logo { width: 373px; height: 99px; background-image:url(systempix/logo.png); }
h1.logo a { display: block; width: 373px; height: 99px; cursor: pointer; }
h2 { color:#fff; font-size:1.8em; margin:0.2em 0 0.4em 0 ; padding: 0px;}
h2 span { display: none; }
h2.contact {margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_contact.png);}
h2.releases {margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_releases.png);}
h2.about {margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_about.png);}
h2.blog {margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_blog.png);}
h2.featuredartists {margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_featuredartists.png);}
h2.latestnews {margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_latestnews.png);}
h2.pressreleases {margin-bottom: 20px; height: 24px; width: 232px; background-image:url(systempix/rubrik_pressreleases.png);}
h2.selectedartists {margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_selectedartists.png);}
h2.ioda {margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_ioda.png);}
h2.history {margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_history.png);}
h2.faq {margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_faq.png);}
h2.newsletter_signup { margin-bottom: 20px; height: 24px; width: 229px; background-image:url(systempix/rubrik_footer_signup.png);}
h2.inhouselabels {margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_inhouselabels.png);}
h2.more_artists {clear:both; float:left;margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_moreartists.png);}
h2.featured_artists { clear:both; float:left;margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_featuredartists.png);}
h2.teaser_blog { clear:both; float:left;margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_teaserblog.png);}

.releaselist { width: 100%; font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em; }
.releaselist td {  }
.releaselist th { text-transform:uppercase; text-align: left; font-weight: bold; }
.releaselist .colour_odd { }
.releaselist .colour_even { color:#ed611f; }

.blogger_teaser_body h3 span { display: none; }
.blogger_teaser_body h3.head_latest { clear:both; float:left;margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_teaserblog.png); }

.blogger_menu_body h3 span { display: none; }
.blogger_menu_body h3.head_latest { clear:both; margin-bottom: 20px; height: 24px; width: 134px; background-image:url(systempix/rubrik_latestposts.png); }

.blogger_menu_body h3 span { display: none; }
.blogger_menu_body h3.head_archive { clear:both; margin-bottom: 20px; height: 24px; width: 134px; background-image:url(systempix/rubrik_archive.png); }

h2.featured_news { float:left;margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_featurednews.png);}
.ie7 #featured_news { margin-top: 34px; }
.ie7 #teaser_blog { margin-top: 34px; }
h2.featlabels { margin-bottom: 20px; height: 24px; width: 309px; background-image:url(systempix/rubrik_featlabels.png); clear:both;}
h2.distlabels { margin-bottom: 20px; height: 24px; width: 340px; background-image:url(systempix/rubrik_distlabels.png); clear:both;}
.ie7 .post-footer { margin-top: 20px; }
h3 { color:#fff; font-size:1.3em; padding: 0px; margin: 0em 0em 0.5em 0em; }

h4 { color:#fff; font-size:1.2em; padding: 0px; margin: 0em 0em 0.3em 0em; }

h5 { margin: 0px; padding: 0px;}

h1, h2, h3, h4 { line-height:1.0em; letter-spacing:-0.03em; }

p { margin: 0px; padding: 0em 0em 1.4em 0em; }

strong { font-weight: bold; letter-spacing:-0.00em; }

a {	color: #ed611f;	text-decoration: none; }

a:hover {
	color: #ed611f;
	text-decoration:underline;
}

ul { list-style-image: url(systempix/raquo.gif); list-style-position: outside; margin: 0 0 15px 0; padding: 0px; }

li { margin: 0px 0px 0px 14px; padding: 0px; }

table, hr { float: left; display: inline; }

td {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
}

.date { margin: 0px; padding: 0px 0px 0px 0px; font-size: 0.8em; }

.section { }

.white { color:#FFF;}

.white:hover { color:#FFF;}

.whiteborderleft{
	margin: 0px 10px 10px 0px;
	float:left;
	border: 1px solid #f68d2c;
	padding:5px;
	background-color: #fff;
}
.whiteborderright{

	margin: 0px 0px 10px 10px;
	float:right;
	border: 1px solid #f68d2c;
	padding:5px;
	background-color: #fff;
}
.picleft{
	margin: 0px 10px 10px 0px;
	float:left;
}
.picright{
	margin: 0px 0px 10px 10px;
	float:right;
}

#uberwrapper {
	min-height: 100%;
	margin-top: -102px;
	width: 100%;
}

#wrapper {
	overflow: auto;
	padding: 0 0 102px 0;
	width:1010px;
  	margin: 0px auto 0px auto;
  	border-top: 102px solid white;
}

/* .ie7 #wrapper { margin: 0px auto -67px auto;  } */

.footer { margin: 0px; padding: 0px 0px 0px 0px; font-size: 0.9em; line-height: 1.4em; }

#footer {
	position: relative;
	/* margin-top: -102px;  negative value of footer height */
	height: 102px;
	clear:both;
	background-image:url(systempix/bgr_footer.gif);
	background-repeat:repeat-x;
 	width: 100%;
}

#footer_holder {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width: 955px;
}

#footer, #push {
	height: 102px; /* for sticky footer .push */
}
#logo {
	margin-left: 30px;
	margin-top: 12px;
	float: left;
	height: 99px;
	width: 373px;
	position: relative;
}
#menu {
	margin-top: 90px;
	margin-left: 180px;
	float: left;
	height: 39px;
	width: 377px;
	position: relative;
}
#holder_top {
	z-index: 2;
	background-image:url(systempix/bgr_holder_top.png);
	background-position:top;
	background-repeat:no-repeat;
	margin-top: -11px;
	float: left;
	height: 45px;
	width: 990px;
	position: relative;
}

#holder_bottom {
	z-index: 2;
	background-image:url(systempix/bgr_holder_bottom.png);
	background-position:top;
	background-repeat:no-repeat;
	float: left;
	height: 35px;
	width: 990px;
	position: relative;
	clear: both;
}

#holder {
	background-image:url(systempix/bgr_holder.png);
	background-position:top;
	background-repeat:repeat-y;
	float: left;
	width: 990px;
	position: relative;
}

#holder_main {
	float: left;
	margin-top: 7px;
	margin-left: 53px;
	margin-right: 53px;
	margin-bottom: 12px;
	width: 874px;
	position: relative;

}
#holder_press {
	float: left;
	margin-top: 12px;
	margin-left: 18px;
	margin-bottom: 12px;
	width: 700px;
	position: relative;

}

#footer_left {
	margin-left: 10px;
	float: left;
	height: 97px;
	width: 932px;
	position: relative;
}

#footer_right {
  margin-top: 17px;
	float: right;
	height: 80px;
	width: 795px;
	position: relative;
}

#footer_right_left {
	margin-left: 4px;
	float: left;
	width: 195px;
	height: 100px;
	position: relative;
}
#footer_right_right {
	margin-right: 4px;
	float: right;
	width: 195px;
	height: 100px;
	position: relative;
}
#footer_signup {
	float: left;
	height: 26px;
	margin-top: 9px;
}
#footer_icons {
	float: right;
	height: 34px;
	margin-top: 3px;
}
.contact_left {
	float: left;
	width: 412px;
	position: relative;
}
.contact_holder {
	float: left;
	width: 874px;
	position: relative;
	margin-bottom: 40px;
}
.contact_right {
	float: right;
	width: 380px;
	position: relative;
}
#blog_left {
	float: left;
	width: 560px;
	position: relative;
}
#blog_right {
	float: right;
	width: 260px;
	position: relative;
}
#about_right {
	float: right;
	width: 260px;
	position: relative;
}
#about_left {
	float: left;
	width: 560px;
	position: relative;
}
#faq_left {
	float: left;
	width: 686px;
	position: relative;
}
#faq_right {
	float: left;
	width: 260px;
	position: relative;
}
#featured_news {
	float: left;
	width: 613px;
	position: relative;
}
#teaser_blog {
	float: left;
	width: 219px;
	position: relative;
	margin-left: 32px;
	margin-bottom: 60px;
}
#featured_labels {
	float: left;
	width: 902px;
	position: relative;
	text-align:center;
}
#distributed_labels {
	float: left;
	width: 882px;
	position: relative;
	margin-bottom: 40px;
}
.distlabels_logos {
	margin: 0px 27px 10px 0px;
}

.socialbox{
	float:right;
	margin-top: -35px;
}

.twitterbox {
	float: right;
}
.facebox {
	float: right;
}

.addthis_toolbox{
	float:right;
	margin-top: -35px;
}

.addthis_default_style{
	float:right;
}

/* osynliga blocket som sidnavigeraren ligger i */
.alfanav { float: left; clear: both; height: 34px; margin-bottom: 17px; padding: 0px; }

/* beginbar och endbar är valfria */
.alfanav ul.middlebar { float: left; list-style: none outside none; margin: 0px; padding: 0px; width: auto; height: 30px; }

/* rutar in varje enhet i sidlistan - behöver inte ha synlig stil */
.alfanav ul li { float: left; display:inline; list-style: inherit; margin: 0px; padding-right: 4px; width: auto; height: auto; border: none; background-color: #none; }

/* slutligen är varje knapp indelad i tre områden som ger 3-slice knapp möjligheter */
.alfanav .unselected:hover { border: none; background-color: none; text-decoration:underline; color:#ed611f; }
.alfanav .unselected a { cursor: pointer; }
.alfanav .begin { float: left; width: 4px; height: 18px;  } /* aktuell sidas start */
.alfanav .caption { float: left; height: 18px;  font-size: 1.2em; font-weight: bold; } /* aktuell sidas start */
.alfanav .end { float: left; width: 4px; height: 18px;  } /* aktuell sidas slut */

/* alternativ för den valda icke-klickbara knappen */
.alfanav .selected { border: none; background-color: none; } /* aktuell sidas li */
.alfanav .selected .begin { float: left; width: 4px; height: 18px;  } /* aktuell sidas start */
.alfanav .selected .caption { float: left;  height: 18px;  } /* aktuell sidas start */
.alfanav .selected .end { float: left; width: 4px;  height: 18px; } /* aktuell sidas slut */

.signupnewsletter { float: left; border: medium none; width: 182px; height: 26px; padding: 0px 6px 0px 5px; margin: 0px; background-color: transparent; background-image: url(systempix/newsletter_falt.png); }
.ie7 .signupnewsletter { height: 21px; padding: 5px 6px 0px 5px; }