/*
Theme Name: Save Disney Shows
Theme URI: http://savedisneyshows.de/
Description: Custom Theme for Save Disney Shows
Version: 1.0
Author: Andreas Horn
Author URI: http://andreashorn.bplaced.net/
Tags: sds, save disney shows
*/

/* START WORDPRESS CLASSES */
/* These rather presentational classes are generated by WordPress, 
 * so it's useful to have some styles for them. Edit as you see fit. 
 * More info: http://codex.wordpress.org/CSS */
 
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
br.clear { clear:left; /* FIX FOR SIDEBAR */ display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
/* END WORDPRESS CLASSES */

body {
	background-image: url(http://savedisneyshows.de/images/bg-sommer.png);
	background-repeat:repeat;
	background-position:bottom;
	background-attachment:fixed;
	background-color:#7C0000;
	font:12px/1.4 Helvetica, Arial, sans-serif;
}


	
/* ========== TYPOGRAPHY ========== */
a {
	color: 				#3397ff;
	font-weight:		bold;
	text-decoration:	none;
}
	
	a.external {
		background-image: url("../images/external-link.png");
		background-repeat: no-repeat;
		background-position: center right;
		padding-right: 16px;
	}
	
	a.external:hover {
		background-image: url("../images/external-link-hover.png");
		background-repeat: no-repeat;
		background-position: center right;
	}

a:hover {
	text-decoration: 	underline;
}

.content-wrap a:active, .footer a:active {
	top:1px;
	position:relative;
}

.footer p {
	text-shadow: -1px -1px 1px #000;
}

sup {
	vertical-align:		super;
}

h1 {
	font-size: 			200%;
}

h2 {
	font-size: 			180%;
}

	h2 small {
		color: #888;
		font-size: 			60%;
		text-transform:		uppercase;
	}

h3 {
	font-size: 			160%;
}

h4 {
	font-size: 			140%;
}

h5 {
	font-size: 			120%;
	font-weight: 		bolder;
}

h6 {
	font-weight: 		bolder;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	font-weight: normal;
	text-decoration: none!important;
}

ol li {
	margin-left: 10px;
}

strong {
	font-weight: bolder;
}

small {
	font-size: 80%;
	color: #888;
}
ul {
	list-style-type: disc;
	list-style-position: outside;
}

li {
	list-style: inherit;
}

ul li {
	margin-left: 20px
}

thead {
	font-weight: bolder;
}
blockquote {
	padding: 20px;
	background: #ccc;
	font-size: 120%;
	font-style: italic;
}
cite {
	display: block;
	color: #3397ff;
	font-style: italic;
	font-size: 110%;
	text-align: right;
}
cite:before {
	content: '(';
}
cite:after {
	content: ')';
}
.content ol {
	margin-left: 8px;
}
	
/* ========== HEADLINE IMAGE REPLACEMENT ========== */
.headline,.slogan {
	text-indent:-99999em;
}

.headlineimage {
	position:absolute;
	bottom:0;
	left:0;
}

.sloganimage {
	position:absolute;
	top:121px;
	right:0;
}


	
/* ========== BASIC LAYOUT ========== */
.wrap {
	background:#fff;
	margin:0 auto;
	max-width:940px;
	min-width:940px;
	padding:0 10px;
	width:940px;
}

.header {
	background:url(http://savedisneyshows.de/images/headerbg.png) top left repeat-x;
	height:160px;
	max-width:100%;
	min-height:160px;
	min-width:100%;
	width:100%;
	position:relative;
}

.nav {
	background: 		#222 url("./images/navbg.png") top left repeat-x;
	height: 			40px;
	max-width:			100%;
	min-height: 		40px;
	min-width: 			100%;
	width: 				100%;
}
	.nav *:focus{outline:none;border:none;}

	.nav ul li {
		display: 			inline-block;
		font-size: 			140%;
		min-width: 			80px;
		padding: 			7px;
		text-align: 		center;
		text-transform:		uppercase;
	}

		.nav ul li a {
			color: 				#fff;
			font-weight:		normal;
			padding: 			7px 10px;
			text-decoration: 	none;
			position: 			relative;
			text-shadow:		-1px -1px 1px #000;
			-moz-text-shadow:	-1px -1px 1px #000;
		}
		
		.nav ul li a:hover {
			color: #3397FF;
		}
		
		.nav ul li a:active {
			/* color: #3397ff; */
			/* color: #f0a; */
			color: #FAAB1E
			top: 1px;
		}
		
		.nav ul li a.active {
			color: ##3397FF;
		}

.content {
	/* clear:both; */
	margin:10px 0 0;
	position: relative;
	width: 680px;
}

.content p {
	padding-bottom:10px;
}

.content img {
	padding: 10px;
	background: #fff;
}

.footer {
	background:#222 url(./images/navbg.png) top left repeat-x;
	clear:both;
	color:#fff;
	max-width:100%;
	min-height:40px;
	min-width:100%;
	width:100%;
	position: relative;
	top:10px;
}

.footer p {
	font-size:130%;
	text-align:center;
	padding:8px;
}

.sidebar {
	min-width: 240px;
	width: 240px;
	padding: 0 0 0 10px;
	margin-left: 10px;
	float:right;
	display: inline; /* IE FIX */
}

.sidebar ul li, .sidebar ul, .sidebar li {
	list-style: none;
	margin-left: 0;
}
.readmore {
	margin-top: -10px;
}
form.searchform label {
	display: none;
}
.content div.post, .sidebar .widget {
	margin-bottom: 20px;
}
.content div.post:last-child, .sidebar .widget:last-child {
	margin-bottom: 0;
}

.widget .follow li {
	list-style: none;
	padding-left: 20px;
}

.follow .rss {
	background: url('http://savedisneyshows.de/images/icons/rss.png') left center no-repeat;
}
.follow .twitter {
	background: url('http://savedisneyshows.de/images/icons/twitter.png') left center no-repeat;
}
.follow .facebook {
	background: url('http://savedisneyshows.de/images/icons/facebook.png') left center no-repeat;
}
.follow .email {
	background: url('http://savedisneyshows.de/images/icons/email.png') left center no-repeat;
}
