/* GENERAL STYLES */
/*
	Title:		Sounds of life records - CSS Theme One
	Author:		Tobias Morf
	Website:	http://www.deltapoint.ch
*/


/*
===========================
Rich text editor stying
===========================
*/

#holderBody {
	background:none;
}
#holderBody strong {
	font-weight:bold;
}
#holderBody a {
	text-decoration:underline;
}
#holderBody p {
	margin:auto;
}
#holder {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px;
	text-align: left;
	font-size:14px;
}



/*
================================================
	Yahoo GUI Reset CSS
	http://developer.yahoo.com/yui/reset/
================================================
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
/*address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}*/
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*
====================================
Start Theme One Styling
====================================
*/

body {
	background-color:#F1961B;
	background-image:url(/images/bg.jpg);
	background-repeat:repeat-x;		
	font-family:Arial,Helvetica,sans-serif;
	margin-top:30px;
}

#Container {
	width:772px;
	background-color: #25201A;
	padding:9px 7px 0 7px;
	background-image:url(/images/header_top.jpg);
	background-repeat:no-repeat;
}

#Header {
	overflow: hidden;
}

#languageHeader {
	height:27px;
	/*background-image:url(/images/header_lang.gif);
	background-repeat:no-repeat;*/
	background-color: #747474;
}

h1#Logo {
	background-image:url(/images/logo.jpg);
	background-repeat:no-repeat;
	text-indent:-10000px; /*Used to hide the text off screen */
	height:195px;
	width:772px;
	float:left;
}

h1#Logo a {
	display:block;
	height:100%;
}

a {
	color:#FF6D00;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#Navi {
	float:left;
	height:30px;
	font-size:15px;
	background-image:url(/images/bg_navi.jpg);
	background-repeat:repeat-x;
	width: 772px;
	font-weight:bold;
}

#Navi li {
	float:left;
	display:block;
	line-height:30px;
	width: 127px;
	text-align: center;
	border-right: 1px solid #25201A;
}

#Navi li a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

#Navi li a:hover, #Navi li.Selected a {
	color:#FF6D00;
}

#NaviFooter {
	float:left;
	font-size:15px;
	width: 772px;
}

#NaviFooter li {
	float:left;
	display:block;
	line-height:30px;
	margin: 0 17px 0 0;
}

#NaviFooter li a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

#NaviFooter li a:hover, #Navi li.Selected a {
	color:#FF6D00;
}

#Content {
	background-color: #1C1D1C;
	color:#868686;
	width: 772px;
	text-align: left;
	margin: 0;
	padding: 0;
}

#HomeFeature {
	background-image:url(/Data/Assets/theme_one/Feature/Home_Feature.gif);
	background-repeat:no-repeat;
	height:168px;
	text-indent:-10000px; /*Used to hide the text off screen */
}

#ContentContainer {
	margin: 0;
	padding: 20px 0 0 15px;
}

#MainContent {
	width:500px;
	float:left;
	font-size:14px;
	/*background-color:purple;*/ /* Used for debug */
}

#MainContentArtist {
	width: 100%;
	float:left;
	font-size:90%;
	/*background-color:purple;*/ /* Used for debug */
	color: #ffffff;
}

#MainContentArtist h1 {
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
}

#MainContentArtist h2 {
	color: #567E8F;
	font-size: 24px;
	font-weight: bold;
}

#MainContent h3 {
	font-size: 20px;
	color:#ff6300;
}

#MainContent p {
	margin:10px 0 10px 0;
}

#MainContent a {
	color:#FF6300;
	text-decoration:underline;
}

#MainContent a:hover {
	color:#FF6300;
	text-decoration:none;
}

/*
==========================================
Gallery List
==========================================
*/

#MainContent .GalleryList {
	margin:15px 0 0 -10px;
	width:424px;
}

#MainContent .GalleryList .Item {
	float:left;
	width:96px;
	margin:0 0 10px 10px;
}


#MainContent .GalleryList .Item a img {
	padding:2px;
	border:1px solid black;
}

#MainContent .GalleryList .Item a:hover img {
	padding:2px;
	border:1px solid black;
	background-color:black;
}

#MainContent .GalleryList .Item strong a {
	display:block;
	margin:5px 0 0 0;
}

#MainContent .GalleryList .Item em {
	display:block;
	font-size:12px;
}


#MainContent .Photo img {
	/* This ensures the photos is resized to fit the div */
	max-width:100%;
}

#MainContent .Photo .PhotoNav {
	display:block;
}

#MainContent .Photo .PhotoNav .Left {
	float:left;
}

#MainContent .Photo .PhotoNav .Right {
	float:right;
}

/*
==========================================
News List
==========================================
*/

#MainContent ul.NewsList {
	margin:15px 0 0 0;
}


#MainContent ul.NewsList li {
	margin:0 0 15px 0;
}

#MainContent ul.NewsList li a {
	display:block;
}

#MainContent ul.NewsList li a.Event {
	background-image:url(/Data/Assets/theme_one/Misc/event_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding:6px 8px 7px 18px;
}

#MainContent ul.NewsList li a.News {
	background-image:url(/Data/Assets/theme_one/Misc/news_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding:6px 8px 7px 18px;
}

#MainContent .EventItem strong {
	display:block;
}


/*
==========================================
Contact Form
==========================================
*/
#MainContent .ContactForm .Error {
	border-top:2px solid #FFD324;
	border-bottom:2px solid #FFD324;
	background-color:#FFF6BF;
	color:#868686;
	font-weight:bold;
	margin:18px 25px 31px 0;
	padding:9px 0 10px 50px;
	background-image:url(/Data/Assets/theme_one/Misc/error_icon.gif);
	background-repeat:no-repeat;
	/*background-position:15px 50%;*/
	background-position:15px 12px;
}

#MainContent .ContactForm .Error li {
	font-weight:normal;
}

#MainContent .ContactForm fieldset {
	border:0px solid #00FF00;
	display:block;
	margin:15px 0 15px 0;
	width:90%;
}

#MainContent .ContactForm legend {
	display:none;
}

#MainContent .ContactForm label {
	color:#cacaca;
	font-weight:bold;
}

#MainContent .ContactForm .TextBox {
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	width:100%;
}

#MainContent .ContactForm .TextArea {
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	height:90px;
	width:100%;
}

/*
==========================================
VCard Styling
==========================================
*/

.vcard .n {
	font-weight:bold;
}

.vcard .tel {
	background-image:url(/Data/Assets/theme_one/Misc/phone_icon.gif);
	background-repeat:no-repeat;
	background-position:6px 0px; /* Left:6px Top:0px */
	padding:2px 0 3px 22px;
	margin:15px 0 0 0;
	display:block;
	/*color:#000000;*/
}

.vcard .email {
	background-image:url(/Data/Assets/theme_one/Misc/email_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 2px; /* Left:0px Top:2px */
	text-decoration:underline;
	padding:0 0 1px 22px;
	margin:0;
	display:block;
	color:#000000;
}

.vcard .url {
	background-image:url(/Data/Assets/theme_one/Misc/web_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 2px; /* Left:0px Top:2px */
	text-decoration:underline;
	padding:1px 0 2px 22px;
	margin:0;
	display:block;
	color:#000000;
}

.vCardDl {
	background-image:url(/Data/Assets/theme_one/Misc/vcard_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 2px; /* Left:0px Top:2px */
	padding:0 0 0 22px;
	margin:15px 0 50px 0;
	color:#000000;
}


/*
==========================================
Email A Friend
==========================================
*/
#MainContent .EmailFriendForm .Error {
	border-top:2px solid #FFD324;
	border-bottom:2px solid #FFD324;
	background-color:#FFF6BF;
	color:#868686;
	font-weight:bold;
	margin:18px 25px 31px 0;
	padding:9px 0 10px 50px;
	background-image:url(/Data/Assets/theme_one/Misc/error_icon.gif);
	background-repeat:no-repeat;
	/*background-position:15px 50%;*/
	background-position:15px 12px;
}

#MainContent .EmailFriendForm .Error li {
	font-weight:normal;
}

#MainContent .EmailFriendForm fieldset {
	border:0px solid #000000;
	display:block;
	margin:15px 0 15px 0;
	width:90%;
}

#MainContent .EmailFriendForm legend {
	display:none;
}

#MainContent .EmailFriendForm label {
	color:#cacaca;
	font-weight:bold;
}

#MainContent .EmailFriendForm .TextBox {
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	width:100%;
}

#MainContent .EmailFriendForm .TextArea {
	border:1px solid #CACACA;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 4px 2px 3px;
	height:90px;
	width:100%;
}



/*
==========================================
Search Results
==========================================
*/


#MainContent #xsltsearch #xsltsearch_summary strong {
	font-weight:bold;
}

#MainContent #xsltsearch .xsltsearch_description strong {
	background-color:#FFF6BF;
	padding:0 2px 0 2px;
}

#MainContent #xsltsearch .xsltsearch_form .input {
	border:1px solid #bcbcbc;
	padding:3px 7px 4px 4px;
	font-size:11px;
}

#MainContent #xsltsearch #xsltsearch_stats {
	font-size:12px;
	font-style:italic;
}


/*
==========================================
Secondary Content
==========================================
*/


#SecondaryContent {
	float:right;
	width:230px;
	font-size:13px;
	/*background-color:blue;*//* Used for debug */
	padding:0 15px 80px 10px;
	/*padding:0 0 80px 0;*/
}

#SecondaryContent h3 {
	font-size: 20px;
	color:#ff6300;
}

#SecondaryContent a {
	color:#868686;
	text-decoration:underline;
}

#SecondaryContent a:hover {
	color:#FF6300;
	text-decoration:none;
}

#SecondaryContent a.RSSLink {
	background-image:url(/Data/Assets/theme_one/Misc/rss_icon.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding:0 0 8px 23px;
	text-decoration:underline;
	display:block;
}

#SecondaryContent a.RSSLink:hover {
	text-decoration:none;
	display:block;
}

#NewsSecondaryHeader {
	background-image:url(/Data/Assets/theme_one/Misc/rss_icon.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding:0 0 0 23px;
}

#SecondaryContent ul#NewsList {
	margin:12px 0 0 0;
}

#SecondaryContent ul#NewsList li {
	margin:0 0 6px 0;
	font-size:13px;
}

#SecondaryContent ul#NewsList li strong {
	font-weight:bold;
}

#SecondaryContent ul#NewsList li.Event a {
	display:block;
	background-color:#F9F9F9;
	border-top:3px solid #E2E2E2;
	border-bottom:3px solid #E2E2E2;
	padding:8px 8px 7px 27px;
	color:#808080;
	text-decoration:none;
	background-image:url(/Data/Assets/theme_one/Misc/event_icon.gif);
	background-repeat:no-repeat;
	background-position:7px 8px;
}

#SecondaryContent ul#NewsList li.News a {
	display:block;
	background-color:#F9F9F9;
	border-top:3px solid #E2E2E2;
	border-bottom:3px solid #E2E2E2;
	padding:8px 8px 7px 27px;
	color:#808080;
	text-decoration:none;
	background-image:url(/Data/Assets/theme_one/Misc/news_icon.gif);;
	background-repeat:no-repeat;
	background-position:7px 8px;
}

#SecondaryContent ul#NewsList li a:hover
{
	background-color:#FFECCC;
	border-top:3px solid #FFA200;
	border-bottom:3px solid #FFA200;
	color:#FF6300;
	text-decoration:none;
}

#SecondaryContent #SearchSecondaryHeader {
	margin:30px 0 0 0;
}

#SecondaryContent form {
	margin:0 0 30px 0;
}

#SecondaryContent form input.Submit {
	cursor:pointer;
	background-color:transparent;
	background-image:url(/Data/Assets/theme_one/Misc/search_button.gif);
	background-repeat:no-repeat;
	background-position:0px -16px;
	border:none;
	height:16px;
	text-indent:-10000px;
	width:18px;
	padding:0;
	margin:0;
}

#SecondaryContent form input.Submit:hover, #SecondaryContent form input.Submit:active {
	cursor:pointer;
	background-color:transparent;
	background-image:url(/Data/Assets/theme_one/Misc/search_button.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:none;
	height:16px;
	text-indent:-10000px;
	width:18px;
}

#SecondaryContent form input {
	border:1px solid #bcbcbc;
	padding:3px 7px 4px 4px;
	font-size:11px;
	width:150px;
}

#SecondaryContent a.EmailFriend {
	background-image:url(/Data/Assets/theme_one/Misc/email_a_friend.gif);
	background-repeat:no-repeat;
	background-position: top left;
	padding:0 0 0 22px;
	text-decoration:underline;
	color:#868686;
}

#SecondaryContent a.EmailFriend:hover {
	text-decoration:none;
	color:#ff6300;
}

#Footer {
	clear:both;
	min-height:28px;
	height:28px;
	line-height:28px; /* This vertically centers the text */
	font-size:12px;
	padding:0 0 0 15px;
	margin-top: 20px;
	background-color:#737373;
	position:relative;
}

#Footer a {
	color:#FF6D00;
	text-decoration:none;
}

#Footer a:hover {
	text-decoration:underline;
}

#footerbottom {
	position:absolute;
	left: -7px;
	height:9px;
	top: 28px;
	width: 786px;
	background-image:url(/images/footer_bottom.gif);
	background-repeat:repeat-x;
}


/*
==========================================
Artist
==========================================
*/

#artistNavigation {
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 1px 0 0 0;
	/*margin-top: 1px;*/
	font-weight: bold;
	background: #575758 url(/images/nav-bkg.jpg) repeat-x top left;
	font-size: 13px;
	
}
			
#artistNavigation li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	text-align: center;
	background: url(/images/nav-li-bg.jpg) no-repeat top right;
	line-height: 27px;
	width: 27px;
	height: 27px;
	/*color: #cccccc;*/
	color: #86A8B4;
}

#artistNavigation a {
	float: left;
	line-height: 27px;
	width: 27px;
	height: 27px;
	text-decoration: underline;
	color: #ffffff;
	margin: 0;
	padding: 0;
}

#artistNavigation a:hover {
	background: #85A5B0;
	color: #FF6D00;
}

#artistNavigation a.active {
	background: #575758 url(/images/nav-on-bg2.jpg) repeat-x bottom left;
}

#artistListContent {
	margin-left:20px;
	padding-left:0px;
	color:#ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
	list-style-type: disc;
	text-transform: uppercase;
	font-weight: bold;
}

#artistListContent li {
	margin: 4px 0 4px 0;
}

#artistListContent li a {
	color:#ffffff;
}

#artistListContent li a:hover {
	color:#567E8F;
	text-decoration: none;
}

#artistListContent .selected {
	color:#567E8F;
}

#artistContent {
	width:320px;
}

/*
==========================================
Tables
==========================================
*/
table tr.odd {
	/*background-color: #25201A;*/
	background-color: #1C1D1C;
	text-align: left;
	height: 30px;
	width: 100%
}

table tr.even {
	/*background-color: #1C1D1C;*/
	background-color: #3F3F3F;
	text-align: left;
	height: 30px;
	width: 100%
}

table tr.odd:hover,
table tr.even:hover,
table tr.hover {
	background-color: #7197A5;
}

#artistTable {
	color: #ffffff;
	font-weight:bold;
	margin-bottom:20px;
}

#artistTable tr td {
	padding-left: 10px;
}

#artistTable a {
	color: #ffffff;
}

#artistTable a:hover {
	color:#FF6D00;
}


/*
==========================================
Home Page
==========================================
*/
.randomPictureDiv {
	background-image:url(/media/2766/randombg.png);
	background-repeat: x-repeat;
	width:243px;
	height: 279px;
	float:left;
	margin: 0 12px 0 0;
	position: relative;
}

.randomPictureDiv h3 {
	padding: 12px;
	color: #EC6F36;
	font-weight:normal;
	font-size:25px;
}

.homePageRandomPic {
	margin: 5px 12px 10px 12px;
	padding: 8px 9px 8px 9px;
	background-color:#30454C;
}

.homePageArrow {
	padding: 0;
	float: right;
	margin-right: 21px;
	position: absolute;
	bottom: 10px;
	right: -10px;
}

.randomPictureDiv p {
	padding: 12px 21px 12px 12px;
	color:#ffffff;
	font-size:9pt;
}

#randombereich {
	clear:both;
	height:279px;
	margin-top:10px;
	margin-bottom:10px;
}

#infotext {
	padding:50px 33px 5px 25px;
	float:left;
	height:249px;
	width:390px;
	background-image:URL('/media/2755/infotextbg.png');
	background-repeat: x-repeat;
}

#infotext h3 {
	margin-bottom:23px;
	color: #ffffff;
}

#infotext p {
	font-size:9pt;
}

#newest {
	float:left;
	padding: 50px 8px 5px 8px;
	width:285px;
	height:249px;
	background-image:URL('/media/2750/newstbg.png');
	background-repeat: x-repeat;
	position:relative;
}

#newest img {
	background-color: #242524;
	padding: 6px 8px 6px 8px;
}

#newest h2 {
	margin-bottom:8px;
	margin-top:10px;
	font-size:15pt;
}
#newest h4 {
	font-weight:bold;
	margin-bottom:4px;
	font-size:9pt;
}
#newest p {
	font-size:9pt;
}


/* EDITOR PROPERTIES */

