/*
Theme Name: Blank B
Theme URI: http://www.WPThemerKit.com
Description: Blank Theme B, 2 Columns, 1 Right Sidebar
Version: 1.1
Author: Cal
Author URI: http://www.WPThemerKit.com
*/

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
files are available at http://www.wpthemerkit.com

License info can be found at http://www.wpthemerkit.com/license.php
=================================================================== */
/*------------------------------------------------------------------
[Table of s]
1. Main Containers - body, #wrapper, #main, #header, #content, #footer, etc.
2. General Classes - .entry-meta, .post, .description, .underpost, etc.
3. General Links - #content a:link, #footer a:link, etc.
4. Menu - #menu, #menu ul, #menu ul li, #menu ul li a:link, etc.
5. Sidebar Links - #sidebar ul li a:link
6. Headings - #header h1, #content h1, .post h2, .post h3, etc.
7. Date - .entry-date, .entry-month, .entry-day
8. Comments - #commentform, #respond p, etc.
9. Blockquotes - blockquote, blockquote p:first-letter, etc.
10. Align - .alignleft, .alignright, img.alignleft, img.alignright, etc.
11. Misc. and Preventative - Styles to prevent image hover strangeness etc.
-------------------------------------------------------------------*/

/*===START SECTION 1 - the main containers===*/
.clear			{ clear: both; }

.spacer			{ height: 20px; 
				background: url(images/layout/commentsbg.png) repeat-y;
}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 62,5%;
	margin: 0px;
	padding: 0px;
	background: #212020;
	color: #555558;
}
#wrapper {
	width: 1009px;
	margin: 0 auto;
	padding: 0px;
}
#header {
	height: 300px;
	width: 1009px;
	margin: 0px;
	background: url(images/header/header1.jpg) no-repeat;
	text-indent: -9999px;
}
#logo   {
	height: 104px;
	width: 539px;
	background: url(images/layout/filmabendlogob.png) no-repeat; 
	margin: 145px 0 10px 22px;
}
#logo a {
	height: 130px;
	width: 499px;
	display: block;
}
#main {
	width: 1009px;
}
#main a {
outline: none;
}
#content {
	width: 650px;
	float: left;
	line-height: 1.3em;
}
#sidebar {
	width: 340px;
	float: right;
	margin: 0px 5px 0 0;
}
#footer {
	height: 42px;
	clear: both;
	text-align: center;
	font-size: 0.8em;
	padding: 13px 0 0 0;
	color: white;
	font-weight: bold;
}
ul#navigation	{ 
				  height: 48px;
				  list-style: none;
				  margin: 0;
				  padding: 0;
				 }
				 
#navi			{
	width: 1009px;
	height: 48px;
	
	}
				 
				 
/* NAVIGATION */

ul#navigation li		{ float: left; }

ul#navigation li a		{ display: block; 
						float: left; 
						outline: none;
						}

ul#navigation li.feed a {
				  width: 201px;
				  height: 48px;
				  background: url(images/layout/navfeed.png) bottom center; 
				  text-indent: -9999px;
				  				   } 
				  				  
ul#navigation li.home a {
				  width: 86px;
				  height: 48px;
				  background: url(images/layout/navhome.png) bottom center; 
				  text-indent: -9999px;
				  } 

ul#navigation li.news a {
				  width: 91px;
				  height: 48px;
				  background: url(images/layout/navnews.png) bottom center; 
				  text-indent: -9999px;
				  } 

ul#navigation li.reviews a {
				  width: 124px;
				  height: 48px;
				  background: url(images/layout/navreviews.png) bottom center; 
				  text-indent: -9999px;
				  } 

ul#navigation li.trailer a {
				  width: 122px;
				  height: 48px;
				  background: url(images/layout/navtrailer.png) bottom center; 
				  text-indent: -9999px;
				  } 

ul#navigation li.podcast a {
				  width: 130px;
				  height: 48px;
				  background: url(images/layout/navpodcast.png) bottom center; 
				  text-indent: -9999px;
				   } 

ul#navigation li.about a {
				  width: 108px;
				  height: 48px;
				  background: url(images/layout/navabout.png) bottom center; 	 
				  text-indent: -9999px; 
				   } 

ul#navigation li.kontakt a {
				  width: 147px;
				  height: 48px;
				  background: url(images/layout/navkontakt.png) bottom center; 			 
				  text-indent: -9999px;
				    } 
				  
ul#navigation li a:hover {
				  background-position: top center; }


#podcastlinks {
width: 600px;
height: 49px;
list-style: none;
}
ul#podcastlinks li {float:left;}

ul#podcastlinks li a {
display: block;
float: left;
outline: none;
}
ul#podcastlinks li.castdl a {
width: 151px;
height: 49px;
text-indent: -9999px;
background: url(images/podcastdown.png) bottom center;
}
ul#podcastlinks li.castitunes a {
width: 150px;
height: 49px;
text-indent: -9999px;
background: url(images/podcastitunesabo.png) bottom center;
}
ul#podcastlinks li.castrss a {
width: 153px;
height: 49px;
text-indent: -9999px;
background: url(images/podcastrss.png) bottom center;
}
ul#podcastlinks li a:hover {
background-position: top center;
}

.picturebox {
width: 610px;
height: 125px;
margin-left: 20px;
background: #e8e8e8;
}
#reviewpix {
list-style: none;
}
ul#reviewpix li {float:left;}
ul#reviewpix li a {
float: left;
outline: none;
cursor: pointer;
}
ul#reviewpix li img {
margin-left: -20px;
margin-right: 15px;
}

.reviewbox {
width: 610px;
height: 240px;
margin-left: 20px;
margin-bottom: 20px;
background: #e8e8e8;
}
#reviewdetails {
list-style: none;
}
ul#reviewdetails li a {
float: left;
outline: none;
cursor: pointer;
}
ul#reviewdetails li img {
margin-left: -20px;
margin-right: 15px;
}
.reviewinfo {
padding-top: 8px;
}
.reviewrating {
padding-top: 30px;
}

/*===END SECTION 1===*/

/*===START SECTION 2 - general classes===*/
.clear	{
clear: both;
}

.description {
	clear: left;
	padding: 0;
}
.post {
	padding: 0 5px 5px 5px;
	font-size: .9em;
}
.post p {
margin: 0;
padding: 10px 25px 0 20px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 0.9em;
line-height: 1.5em;
}
.post a {
color: #5875ae;
}
.entry-content, .entry-excerpt {	
	background: url(images/layout/entryback.png) top repeat-y;
	width: 661px;
	clear: left;
	margin: 0;
}
.entryfooter	{ height: 76px; margin: 15px 20px 15px 0px; padding: 0 0 0 25px; }

.entryfooter p  { padding: 10px 5px 5px 15px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: white; line-height: 1.3em;}

.avatar			{ margin: 0 5px 0 0; float: left; }

.entryinfo		{ float: left; height: 60px; width: 441px; background: #333333; margin: 0 5px 0 0; overflow: hidden; }

#footerblock { list-style: none; }

#commentbubble {
float: left;
height: 76px;
width: 93px;
background: url(images/layout/commentbubble.png) top left no-repeat;
text-align: center;
padding: 10px 0 0 0;
}
#commentbubble a:hover {
text-decoration: none;
}

.commentcount a {
font-size: 30px;
color: white;
}
.commentcount a:hover {
text-decoration: none;
}
.commenttext a {
font-size: 12px;
color: #cccccc;
}
.entrybottom {
width: 661px;
height: 21px;
background: url(images/layout/entrybottom.png);
clear: both;
}
.navigation {
  clear: both;
}

.entry-meta {
  margin: 0 0 10px 0;
}
.underpost {
	font-size: .9em;
}
#content .underpost a {
	text-decoration: underline;
}
.singlead {
border-bottom:1px dotted;
border-top:1px dotted;
height:85px;
margin:20px 0 0 29px;
padding-left:65px;
width:520px;
}
/*===END SECTION 2===*/

/*START SECTION 3 - style content and footer links*/
#content a:link, #content a:visited {
	padding: 0;
	font-weight: bold;
}

#a:link, #footer a:visited {
	color: #blue;
	outline: none;
}
#footer a {
text-decoration: none;
color: #5875ae;
}

#footer a:hover {
	text-decoration: underline;
}
.post a {
text-decoration: none;
outline: none;
}
.post a:hover {
text-decoration: underline;
}
#a:active {
border:none;
}
/*===END SECTION 3===*/

/*===START SECTION 4 - style for menu, page links in the header===*/
#menu{
	padding: 0;
	white-space: nowrap;
	margin: 0;
	width: 750px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
}
#menu li a:link, #menu li a:visited {
	text-decoration: none;
	padding: 3px;

}
#menu li a:hover {
	text-decoration: underline;
}
/*===END SECTION 4===*/

/*===START SECTION 5 - sidebar links===*/
#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: white;
}
#sidebar li a:link, #sidebar li a:visited {
	display: block;
	text-decoration: none;
	margin-bottom: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #cccccc;
	font-weight: bold;
}
#sidebar li a:hover {
	color: white;
}

#sidebar ul ul li, #sidebar ul ul li {
  font-size: 1em;
  margin: 0;
  padding: 0;
}
#sidebartopad {
width: 348px;
padding: 10px 0 0 20px;
}
#werbung {
padding: 0 0 0 25px;
}
#sidebarfeed a {
background: url(images/layout/feedback.png) no-repeat bottom center;
display: block;
height: 106px;
width: 348px;
text-indent: -9999px;
}
#sidebarfeed a:hover {
background-position: top;
text-decoration: none;
}
#sidebarsuche {
	height: 87px;
	width: 348px;
	background: url(images/layout/sucheback.png); 
}
#searchform {
padding: 45px 0 0 66px; 
}
.button {
border: 1px solid white;
background: #333333;
padding: 3px 8px; 
margin: 4px 0 0 10px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
color: white;
cursor: pointer; 
}
.button:hover {
border: 1px solid white;
background: #2e65f0;
color: white;
}
#reviewheader {
width: 348px;
height: 60px;
background: url(images/layout/reviewback.png) no-repeat;
}
#reviews {
padding: 0 0 0 20px; 
width: 348px;
height: 355px;
background: url(images/layout/sidebarback.png) repeat-y;
}
#reviews li a  {
margin: 0 5px 3px 0;
}
#reviewsleft {
float: left;
margin: 0;

}
#reviewsright {
float: left;
margin: 0;
}
ul#reviewsleft li.review1 a {
text-indent: -9999px;
background: url(images/thumbs/thumb1.png) bottom center;
display: block;
height: 68px;
width: 149px;
margin-bottom: 3px;
border: none;
}
ul#reviewsright li.review2 a {
text-indent: -9999px;
background: url(images/thumbs/thumb2.png) bottom center;
height: 68px;
width: 149px;
margin-bottom: 3px;
}
ul#reviewsleft li.review3 a {
text-indent: -9999px;
background: url(images/thumbs/thumb3.png) bottom center;
height: 68px;
width: 149px;
margin-bottom: 3px;
}
ul#reviewsright li.review4 a {
text-indent: -9999px;
background: url(images/thumbs/thumb4.png) bottom center;
height: 68px;
width: 149px;
margin-bottom: 3px;
}
ul#reviewsleft li.review5 a {
text-indent: -9999px;
background: url(images/thumbs/thumb5.png) bottom center;
height: 68px;
width: 149px;
margin-bottom: 3px;
}
ul#reviewsright li.review6 a {
text-indent: -9999px;
background: url(images/thumbs/thumb6.png) bottom center;
height: 68px;
width: 149px;
margin-bottom: 3px;
}
ul#reviewsleft li.review7 a {
text-indent: -9999px;
background: url(images/thumbs/thumb7.png) bottom center;
height: 68px;
width: 149px;
margin-bottom: 3px;
}
ul#reviewsright li.review8 a {
text-indent: -9999px;
background: url(images/thumbs/thumb8.png) bottom center;
height: 68px;
width: 149px;
margin-bottom: 3px;
}
ul#reviewsleft li.review9 a {
text-indent: -9999px;
background: url(images/thumbs/thumb9.png) bottom center;
height: 68px;
width: 149px;
margin-bottom: 3px;
}
ul#reviewsright li.review10 a {
text-indent: -9999px;
background: url(images/thumbs/thumb10.png) bottom center;
height: 68px;
width: 149px;
margin-bottom: 3px;
}
ul#reviewsleft li a:hover {
background-position: top center;
}
ul#reviewsright li a:hover {
background-position: top center;
}
#reviewsbottom {
width: 348px;
height: 26px;
background: url(images/layout/sidebarbottom.png) no-repeat;
margin: 0;
}

#podcast {
width: 348px;
height: 135px;
background: url(images/layout/podcastback.png);
}
#podcasttext {
padding: 50px 7px 0 65px;
}
.podcastspan {
color: #2e65f0;
}

#recentheader {
width: 348px;
height: 62px;
background: url(images/layout/recentback.png) top left no-repeat;)
}
#articles {
padding: 0 25px 0 40px;
}
#articleslist {
padding: 5px;
}
#recentbody {
background: url(images/layout/recentbg.png) repeat-y;
width: 348px;
}
#articleslist li a {
display: block;
border-bottom: 1px dotted;
line-height: 21px;
}
#articleslist li a:hover {
border-bottom: 1px dotted #2e65f0;
}
#recentbottom {
width: 348px;
height: 21px;
background: url(images/layout/recentbottom.png) no-repeat; 
}
#commentsheader {
width: 348px;
height: 53px;
background: url(images/layout/commentsback.png) no-repeat;
}
#commentscontainer {
margin: 0;
padding-left: 5px;
width: 348px;
background: url(images/layout/commentsbg.png) repeat-y;
}
.kjgrcGravatar {
float: left;
margin: 0 10px 0 0;
padding: 0 0 0 20px;
border: none;
}
.sidecommentstext {
width: 320px;
padding-left: 20px; 
display: block;
height: 50px;
}
#commentsbottom {
width: 348px;
height: 21px;
background: url(images/layout/recentbottom.png) top left no-repeat;
}
#twitter {
width: 348px;
height: 293px;
background: url(images/layout/twitterback.png) no-repeat;
}
#tweets {
font-family:Georgia,serif;
font-size:0.9em;
font-style:italic;
height:147px;
padding:80px 0 0 45px;
width:285px;
overflow: hidden;
}
#tweets ul li {
margin-bottom: 5px;
padding: 0
}
#follow a {
display:block;
height:35px;
margin:22px 0 0 92px;
width:200px;
text-indent: -9999px;
}
#tagcloud {
width: 348px;
height: 296px;
background: url(images/layout/tagcloudbg.png) no-repeat;
}
#wpcumuluscontent {
width: 320px;
height: 200px;
padding: 55px 0 0 20px;
}
#blogroll {
width: 348px;
height: 292px;
background: url(images/layout/blogrollbg.png) no-repeat;
}
#blogrollcontent {
padding: 60px 0 0 35px;
}
#blogrolleins {
float: left;
width: 150px;
}
#blogrollzwei {
float: left;
}
ul#blogrolleins li {
height: 25px;
}
ul#blogrollzwei li {
height: 25px;
}
#skyscraper {
width: 351px;
height: 286px;
margin-left: 15px;
}
#footerad {
width: 728px;
height: 90px;
margin-bottom: 10px;
}


/*===END SECTION 5===*/

/*===START SECTION 6 - style the headings===*/
#header h1 a:link, #header h1 a:visited {
	font-size: 1em;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	width: 600px;
	padding: 1px 0 0 25px;
	clear: both;
}
#header h1 a:hover {
	text-decoration: underline;
}
#content h1 {
	font-size: 1.5em;
}
#sidebar h1 {
	font-size: 1.4em;
}
.blogtitle {
margin: 0;
padding:0;
}
#sidebar h2 {
	font-size: 1.1em;
}
.post h2 {
	font-size: 1.8em;
	margin: 0 50px 0 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 27px;
}
#entrytitle {
	margin: 25px 0 0 0;
}
#entrytitle h2 a {
	text-decoration: none;
	color: #cccccc;
}
#entrytitle h2 a:hover {
	color: white;
}
.post h3 {
  font-size: 1.5em;
  margin: 0;
  padding: 20px 20px 0 20px;
  line-height: 1.1em;
}
.post h4 {
padding-left: 20px;
}
#blueline {
height: 5px;
width: 514px;
background: url(images/layout/blueline.png) no-repeat; 
margin: 0 20px 0 20px;
}
/*===END SECTION 6===*/

/*===START SECTION 7 - style the post date===*/
#entryheader {
	background: url(images/layout/entryheaderback.png) no-repeat;
	width: 661px;
	height: 113px;
	padding: 0 20px 0 12px;
	overflow: hidden;
}
#headercontent {
width: 620px;
}
#headercontent a {
color: #cccccc;
}
.entry-date {
	height: 89px;
	width: 71px;
	display: inline;
	float: left;
	margin: 0 25px 0 0;
	color: #cccccc;
	font-family: Helvetica, Arial, sans-serif;
}
.entry-month {
	font-size: 11px;
	width: 71px;
	text-align: center;
	height: 11px;
	margin: 7px 0 0 0;
	font-weight: bold;
	padding: 8px 0 2px 3px;
}
.entry-day {
	font-size: 39px;
	text-align: center;
	height: 30px;
	width: 71px;
	margin: 7px 0 0 0;
	font-weight: bold;
	line-height: 30px;
	color: white;
	padding: 0 0 0 2px;
}
.entry-year {
	font-size: 14px;
	width: 71px;
	text-align: center;
	height: 6px;
	margin: 0;
	font-weight: bold;
	padding: 1px 0 2px 2px;
}
	
/*===END SECTION 7===*/

/*===START SECTION 8 - comment form and comments===*/
#respond p {
	font-size: .9em;
}
#commentform input {
	
}
#commentform textarea {
	
}
#commentform {	
	padding: 10px;
}
ol.commentlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ol.commentlist li {
	margin:10px 0 0 35px;
	padding:0;
	width:540px;
}
#content ol.commentlist li a {
	text-decoration: none;
	font-size: 1.2em;
}
li.author {
	padding: 5px;
}
.alt {
	background: #F2F2F2;
}
.evencomment {
	background: #F2F2F2;
}
#commentwrapper {
border: 1px solid black;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
}
#commentinfo {
	color: black;
	padding-top: 30px;
	font-weight: bold;
}
.comment-author {
	padding-left: 35px;
}
.comment-text {
	color: black;
	font-family: Helvetica,Arial,sans-serif;
	padding: 35px 0 20px 15px;
}
ol.commentlist img {
margin: 11px 0 0 12px;
}
.highlighted {
background: green;
}
.freischaltung {
color:white;
margin-top:20px;
padding:10px 0 0 50px;
}
#comment-form-title {
margin-top: 30px;
}
#commentbox {
	width: 603px;
	height: 242px;
	background: url(images/layout/commentboxbg.png) top left no-repeat;
	margin:15px 0 0 20px;
	clear: both;
}
#commentboxtext {
	color:white;
	font-size:0.8em;
	padding:15px 50px 0 28px;
}
#commentform {
	padding-top: 20px;
}
.forminput {
background: #333333;
color: white;
}
#commentform textarea {
width: 340px;
height: 100px;
}
#comment {
width: 300px;
}
.formlabel {
color: white;
font-weight: bold;
}
/*===END SECTION 8===*/

/*START SECTION 9 - oh you're so fancy with those blockquotes....*/
blockquote {
  width: 500px;
  padding: 0 10px 0 0;
  border-left: #5875ae dotted;
  color: #333333;
  font-size: 0.9em;
  font-style: italic;
  margin-left: 70px;
}

/*===END SECTION 9===*/

/*START SECTION 10 - images when inserted into a post.*/
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
img {
margin: 10px 0 20px 0;
}
img.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright, div.alignright {
	margin: 1px 0 2px 10px;
	display: inline;
}
img.alignleft, div.alignleft {
	margin: 1px 10px 2px 0;
	display: inline;
}
.wp-caption-text {
  font-size: .7em;
  line-height: 1.1em;
  margin: 0;
}
/*===END SECTION 10===*/

/*===START SECTION 11 - Misc. and Preventatives===*/
a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}
a.image img {
	border: none;
}
/*===END SECTION 11===*/
