/*
Theme Name: ersatzTV
Theme URI: http://ersatz.tv/
Description: The ersatzTV theme.
Version: 0.1
Author: Hartmut Grawe
Author URI: http://halle5.com/
Tags: grey, custom design, fixed width, two columns, widgets
*/

/**********************/
/* TOP LEVEL */
/**********************/
body {
 /* background-color: #666666; */
 background-color: #BDB76B;
 margin-left:auto;
 margin-right:auto;
 overflow-x: auto;
 overflow-y: auto;

 font-family: sans-serif;
 font-size: 16px;
}

.leftclear {
 clear: left;
 height: 1px;
 overflow-y: hidden;
}

.rightclear {
 clear: right;
 height: 1px;
 overflow-y: hidden;
}

.bothclear {
 clear: both;
 height: 1px;
 overflow-y: hidden;
}

#centerbox {
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 overflow-x: hidden;
 overflow-y: hidden;

 padding-top: 0px;
 padding-bottom: 0px;

 width:960px;
 border: none;
 /* background-color: #e6e6e6; */
 background-color: #FFFFF0;
}

#bottom_spacer {
	margin-bottom: 0px;
 	margin-left: 0px;
 	margin-right: 0px;
 	margin-top: 0px;

 	padding-top: 0px;
 	padding-bottom: 0px;

	height: 15px;
}

a, a:active, a:visited {

 font-family: sans-serif;
 font-size: 11px;
 font-weight:normal;
 text-decoration: none;

 color: #00336c;
 cursor: pointer;
}

a:hover {

 font-family: sans-serif;
 font-size: 11px;
 font-weight:normal;
 text-decoration: none;

 color: #720502;
 cursor: pointer;
}

li {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	list-style-position: inside;
}


ol {
	list-style-type: none;
}

small {
	font-size: 11px;
}

.rss_logo {
	float: left;

	margin-left: 0px;
	margin-right: 8px;
	padding: 0px;

	width: 16px;
	height: 16px;
}

/**********************/
/* --END-- TOP LEVEL */
/**********************/

/**********************/
/* LEFT COLUMN */
/**********************/
#column_left {
 float: left;
 display:inline;
 margin-bottom: 15px;
 margin-left: 15px;
 margin-right: 0px;
 margin-top: 15px;

 padding-left: 0px;
 padding-right: 0px;
 padding-bottom: 30px;

 width: 270px;

 border: solid 2px #cccccc;
}

#logo {
 margin-bottom: 0px;
 margin-left: 25px;
 margin-right: 0px;
 margin-top: 20px;
 width: 176px;
 height: 95px;
/*
 background-image: url(images/logo_rgb_beige.jpg);
 */
}

/* MENU LEFT */
#menu_left_box {
	margin-left: 15px;
	margin-top: 15px;
	line-height: 15px;
	min-height: 120px;
	height: 120px;

	background-image: url(images/menu_bg_beige.jpg);
	background-repeat: no-repeat;
}

.menu_left_item_left {
	float: left;
	display: inline;

	width: 100px;
	height: 20px;
	text-align: right;
}

.menu_left_bullet {
	float: left;
	display: inline;

	padding-left: 8px;
	padding-right: 8px;
}

.menu_left_item_right {
	float: left;
	display: inline;

	width: 118px;
	height: 20px;
	text-align: left;
}

a.menu_left, a.menu_left:active, a.menu_left:visited {

 font-family: sans-serif;
 font-size: 12px;
 font-weight:normal;
 text-decoration: none;

 color: #00336c;
 cursor: pointer;
}

a.menu_left:hover {

 font-family: sans-serif;
 font-size: 12px;
 font-weight:normal;
 text-decoration: none;

 color: #720502;
 cursor: pointer;
}

a.menu_left_marked, a.menu_left_marked:active, a.menu_left_marked:visited {

 font-family: sans-serif;
 font-size: 12px;
 font-weight:normal;
 text-decoration: none;

 color: #720502;
 cursor: default;
}

a.menu_left_marked:hover {

 font-family: sans-serif;
 font-size: 12px;
 font-weight:normal;
 text-decoration: none;

 color: #720502;
 cursor: default;
}
/* END MENU_LEFT */

/* RSS LIST */

.rss_box {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 30px;

	padding-top: 16px;
	border-top: solid 2px #cccccc;

}

.rss_line {
	margin-left: 40px;
	margin-top: 4px;
	width: 220px;
}

.rss_label {
	float: left;
	padding-top: 2px;
	font-size: 11px;
}

.rss_title {
	margin-left: 40px;
	width: 220px;

	font-size: 14px;
}

/* END RSS LIST */

/* BLOG LIST */

.blog_box {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 30px;

	padding-top: 16px;
	border-top: solid 2px #cccccc;

}

.blog_list {
	float:left;

	margin-left: 14px;
	padding: 0px;

	width: 200px;

	font-family: sans-serif;
	font-size: 12px;

}

.blog_title {
	float: left;

	padding-bottom: 4px;
	font-size: 14px;
}

.blog_line {
	margin-bottom: 4px;
}

.blog_date {
	font-weight: bold;
	color: #00336c;
}

.blog_header {
	font-weight: normal;
}

.blog_control {
	float: left;

	margin-top: 0px;
	margin-left: 8px;
	padding: 0px;

	width: 16px;

}

.blog_up {
	width: 16px;
	height: 8px;
}

.blog_down {
	margin-top: 8px;
	width: 16px;
	height: 8px;
}

a.blog_up_link, a.blog_up_link:active, a.blog_up_link:visited {
	background-repeat: no-repeat;
	background-image: url(images/arrow_up.png);
	cursor: default;
}

a.blog_up_link:hover {
	background-repeat: no-repeat;
	background-image: url(images/arrow_up_over.png);
	cursor: pointer;
}

a.blog_down_link, a.blog_down_link:active, a.blog_down_link:visited {
	background-repeat: no-repeat;
	background-image: url(images/arrow_down.png);
	cursor: default;
}

a.blog_down_link:hover {
	background-repeat: no-repeat;
	background-image: url(images/arrow_down_over.png);
	cursor: pointer;
}


a.blog_link, a.blog_link:active, a.blog_link:visited {
	font-family: sans-serif;
	font-size: 12px;
}

a.blog_link:hover {
	font-family: sans-serif;
	font-size: 12px;

	cursor: pointer;
}

/* END BLOG LIST */

/* FLICKR GALLERY LIST */
.gallery_box {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 30px;

	padding-top: 16px;
	border-top: solid 2px #cccccc;
}

a.gallery, a.gallery:active, a.gallery:visited {

	margin-right: 11px;
	cursor: default;
}

a.gallery:hover {

	margin-right: 11px;
	cursor: pointer;
}

.gallery_line {
	clear: both;
	margin-left: 40px;
	margin-top: 12px;
}

.gallery_image{
	padding: 4px;
	border: solid 2px #cccccc;
}

/* END FLICKR GALLERY */

/* SIDEBAR/WIDGETS */
#sidebar ul li {
	margin: 0px;
	padding: 0px;

	font-size: 12px;
	list-style-type: none;
	list-style-position: inside;
	display: inline !important;
}

#searchform {
	margin-left: 10px;
	margin-bottom: 4px;

	font-family: sans-serif;
}

#sidebar #searchform #s {
	width: 80px;

	font-family: sans-serif;
	background: #FFFFF0;
	border: 1px solid #BDB76B;
}

#sidebar #searchsubmit {
	padding: 1px;

	font-family: sans-serif;
	border: 1px solid #cccccc;
}

#searchsubmit {
	margin-left: 6px;
	width: 60px;
	border: 1px solid #cccccc;
	cursor: pointer;
	background: #eeeeee;
	color: #720502;
}

#searchsubmit:hover {
	margin-left: 6px;
	width: 60px;
	border: 1px solid #cccccc;
	cursor: pointer;
	background: #ffffff;
	color: #720502;
}

.hidden {
	visibility: hidden;
}

.widgettitle {
	margin: 0px;
	padding: 0px;

	font-family: sans-serif;
	font-size: 12px;
}

#ersatztv_archiv {
	margin-left: 10px;
	padding: 0px;
	width: 150px;

	font-family: sans-serif;
	font-size: 12px;

	background: #FFFFF0;
	border: 1px solid #BDB76B;
}

#ersatztv_archiv_titel {
	margin-top: 4px;
	margin-left: 10px;
	padding: 0px;

	color: #00336c;
}

#cat {
	margin-left: 10px;
	padding: 0px;
	width: 150px;

	font-family: sans-serif;
	font-size: 12px;

	background: #FFFFF0;
	border: 1px solid #BDB76B;
}

#ersatztv_kategorie_titel {
	margin-top: 4px;
	margin-left: 10px;
	padding: 0px;

	color: #00336c;
}

/* END SIDEBAR/WIDGETS */

/* EPISODE MENU */
.episode_table {
	margin-left: 15px;
}

.thumb_micro {
	width: 100px;
	height: 60px;
	text-align: right;
	vertical-align: center;
}

.episode_menu_bullet {
	width: 30px;
	height: 60px;
	text-align: center;
	vertical-align: center;

	font-size: 20px;
	font-weight: bold;

	color: #720502;
}

.short_descr {
	width: 100px;
	height: 60px;
	text-align: left;
	vertical-align: center;
}

a.episode_menu, a.episode_menu:active, a.episode_menu:visited {

 font-family: sans-serif;
 font-size: 12px;
 font-weight:normal;
 text-decoration: none;
 line-height: 1.2em;

 color: #720502;
 cursor: default;
}

a.episode_menu:hover {

 font-family: sans-serif;
 font-size: 12px;
 font-weight:normal;
 text-decoration: none;
 line-height: 1.2em;

 color: #720502;
 cursor: pointer;
}
/* END EPISODE MENU */

/**********************/
/* --END-- LEFT COLUMN */
/**********************/


/**********************/
/* RIGHT COLUMN */
/**********************/
#column_right {
 float: left;
 display: inline;
 margin-bottom: 0px;
 margin-left: 15px;
 margin-right: 0px;
 margin-top: 0px;

 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;

 width: 640px;
 overflow-x: hidden;

}

/* CONTENT ELEMENTS */
.content_box {
	margin-left: 8px;
	margin-top: 15px;
}

.content_box_notopmargin {
	margin-left: 8px;
	margin-top: 0px;
}

.result_box {
	margin-left: 8px;
	margin-top: 15px;
	padding-bottom: 4px;

	border-bottom: solid 2px #cccccc;
}

.video_box {
	margin-top: 15px;
	margin-left: 0px;
}

.search_result_label {
	padding: 4px;

	font-size: 18px;
	font-weight: normal;
	color: #00336c;
	border: solid 2px #cccccc;
}

.search_result {
	font-size: 18px;
	font-weight: bold;
	color: #720502;
}

.headline_box {
	margin-top: 15px;
	margin-left: 6px;
}

.episode_thumb {
	float: left;
	margin-right: 15px;
}

.episode_container {
	float: left;
	padding-top: 10px;
}

.episode_bullet {
	float: left;

	margin-top: -2px;
	font-size: 20px;
	font-weight: bold;

	color: #720502;
}

.episode_number {
	float: left;

	margin-left: 15px;
	font-size: 16px;
	font-weight: bold;

	color: #00336c;
}

.episode_title {
	float: left;

	margin-left: 15px;
	font-size: 16px;
	font-weight: bold;

	color: #720502;
}

/* COMMENT SECTION */

.comment_box {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	margin-right: 0px;

	padding: 15px;

	display: none;

	border: solid 2px #cccccc;

}

#show_comments {
	margin-left: 8px;
}

.comments_headline {

	margin-left: 0px;
	font-size: 12px;
	font-weight: bold;

	color: #720502;
}

.commentlist {
	font-size: 11px;
}

.fn {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
}


li.comment {
	margin-top: 8px;

	border-bottom: solid 1px #CCCCCC;
}

.comment-author {
	margin-left: -8px;
}

#comment {
	width: 590px;

	border: 1px solid #BDB76B;
	background: #FFFFF0;
}

.commentsubmit {
	font-family: sans-serif;
	font-size: 12px;
	border: 1px solid #cccccc;
	cursor: pointer;
	background: #eeeeee;
	color: #720502;
}

.commentsubmit:hover {
	font-family: sans-serif;
	font-size: 12px;
	border: 1px solid #BDB76B;
	cursor: pointer;
	background: #ffffff;
	color: #720502;
}

.comment_input {
	border: 1px solid #BDB76B;
	background: #FFFFF0;
}




/* END COMMENT SECTION */

/* END CONTENT ELEMENTS */

.episode_info {
	margin-top: 30px;
	margin-left: 4px;
}

a.topic, a.topic:active, a.topic:visited {

 font-family: sans-serif;
 font-size: 11px;
 font-weight:normal;
 text-decoration: none;

 color: #720502;
 cursor: pointer;
}

a.topic:hover {

 font-family: sans-serif;
 font-size: 11px;
 font-weight:normal;
 text-decoration: none;

 color: #720502;
 cursor: pointer;
}

/**********************/
/* --END-- RIGHT COLUMN */
/**********************/

/********************/
/* SOCIABLE PLUG-IN */
/********************/

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: -2px;
	padding: 0px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/************************/
/* END SOCIABLE PLUG-IN */
/************************/