/* ----------------------------------------------------
	
		Datei: sunset.basic.css
		Beschreibung: Basic Layout Stylesheet für das Sunset
		Layout.
		
		Erstellt von: FM
		
		Index:
		- Globale Elementselektoren
		- Spezifische Elementselektoren
		- Layoutcontainer
		- Navigation
		- Sidebar
		- Content
		- Footer
	
	---------------------------------------------------- */

	/* --------------------------------------------------
		Globale Elementselektoren
	-------------------------------------------------- */	
	
	body {
		background-color: #000;
		background-image: url(../img/sunset/bg.jpg);
		color: #fff;
	}
	
	h1 {
		background-image: url(../img/sunset/logo.png);
	}
	
	h2 {
		color: #fecc00;
		border-bottom-color: #fecc00;
	}

	/* --------------------------------------------------
		Spezifische Elementselektoren
	-------------------------------------------------- */	

	div#content h3 {
		color: #fecc00;
	}

	div#content h3 .date {
		color: #999;
	}

	div#content div.box h3 {
		color: #fff;
		border-bottom-color: #7d7d7d;
	}

	div#sidebar-container h3 {
		background-image: url(../img/sunset/line-45.png);
	}
	
	h4 a {
		color: #fff;
	}
	
	h4 a:hover {
		color: #fecc00;
	}

	/* --------------------------------------------------
		Layoutcontainer
	-------------------------------------------------- */	
	
		/* --- Girls ------------------------------------- */
		
		div#main-container.girl-1 {
			background-image: url(../img/sunset/girl-1.png);
		}
	
	div#middle-container {
		background-image: url(../img/sunset/bg-content.png);
	}
	
	div#navigation-container {
		background-image: url(../img/sunset/bg-navigation.png);
	}
	
	div#sidebar-container {
		background-image: url(../img/sunset/bg-sidebar-bottom.png);
	}
	
	div#sidebar-container-bg {
		background-image: url(../img/sunset/bg-sidebar.png);
	}
	
	a#template {
		background-image: url(../img/sunset/template.png);
		height: 57px;
	}
		
	div#footer-container {
		border-top-color: #262626;
	}	
		
	/* --------------------------------------------------
		Navigation
	-------------------------------------------------- */	
	
	ul#navigation li a {
		background-color: #151010;
		color: #b6b6b6;
	}
	
	ul#navigation li.active a {
		color: #fecc00;
	}
	
	/* --------------------------------------------------
		Sidebar
	-------------------------------------------------- */	
	
	div#sidebar-container a {
		color: #fecc00;
	}
	
	.sidebar-item#sidebar-news .date {
		color: #bc9a35;
	}
	
	.sidebar-item#sidebar-gallery .thumb, div#content .thumb {
		border-color: #fff;
	}
		
	.sidebar-item#sidebar-login input.input-text {
		color: #8c8c8c;
		border-color: #2c2c2c;
	}
		
	/* --------------------------------------------------
		Content
	-------------------------------------------------- */	
	
	div#content a {
		color: #fecc00;
	}
	
	div#content .box {
		background-image: url(../img/sunset/content-box.png);
		border-color: #3e3e3e;
	}
	
	div#content .content-img {
		border-color: #111;
	}
	
	div.line-45 {
		background-image: url(../img/sunset/line-45-large.png);
	}
	
	.highlight {
		color: #fecc00;
	}
	
	/* --- Tabellen ---------------------------------- */
	
	table#program thead td {
		background: #111;
	}
	
	table#program tr.hot td {
		font-weight: bold;
		color: #fecc00;
	}
	
	table#program tr.seperator td {
		border-bottom-color: #fff;
	}
	
	/* --------------------------------------------------
		Footer
	-------------------------------------------------- */	
	
	div#footer-container, div#footer-container a {
		color: #444;
	}
	
	div#footer-container a:hover {
		color: #777;
	}