/*
Theme Name: SoloTube_neu
Theme URI: http://solotube.ch/
Description: Wordpress Theme for SoloTube a Video News Website for the Solothurn region in Switzerland.
Author: Andris Linz
Author URI: http://ibl.ch/
Tags: video, gray, white, rounded edges
*/

/* ------------------------- RESET ------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img {
	margin:0;
	padding:0;
	border:0;
}

ul, li, ol {
	list-style:none;
}

:focus {
	outline:none;
}

/* ------------------------- ie6 ------------------------- */

#ie6 {
	padding:10px 0 0 0;
	width:100%;
	height:auto;
	background:#ff9;
	color:#222;
	z-index:99;
	border-bottom:#222 2px solid;
	text-align:center;
}

#ie6 p {
	padding:10px;
	font-size:12px;
}

#ie6 h3 {
	font-size:14px;
	color:#ae0b2e;
	background:transparent;
}

/* ------------------------- UTILITIES ------------------------- */

.clear {
	clear:both;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.bottomMargin {margin-bottom:20px;}

/* ------------------------- MAIN STYLES ------------------------- */

body {
	background:#2d2d2d url("images/background.jpg") top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a:link, a:visited, a:active {
	text-decoration:none;
	color:#a31033;
}

a:hover {
	text-decoration:underline;
}

h2 a:link, h2 a:visited, h2 a:active {
	color:#fff;
	display:block;
}

h2 a:hover {
	text-decoration:none;
}

h3 {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	letter-spacing:.1em;
	background:#a31033;
	padding:5px;
}

h3 a {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	letter-spacing:.1em;
	background:#a31033;
	padding:5px;
	text-decoration:none;
}

h4 {
	font-size:12px;
	font-weight:bold;
	color:#51626f;
}

p {
	line-height:18px;
	margin:0 0 18px 0;
}

#jwplayer-1 {margin:0 0 20px 0;}
#jwplayer-2 {margin:0 0 20px 0;}


/* ------------------------- LAYOUT ------------------------- */

#wrapper {
	width:960px;
	margin:0 auto;
}

#header {
	position:relative;
	height:120px;
	margin:0 0 20px 0;
	width:960px;
}

#content {width:960px; float:left;}

#footer {
	padding:10px;
	color:#555;
	border-top:#555 1px solid;
	margin:0 0 50px 0;
	clear:both;
	width:820px;
	left:120px;
	position:relative;
}

#main {
	width:510px;
	float:left;
	margin:0 0 20px 20px;
}
/* ------------------------- NAVIGATION NEU ------------------------- */

#categories { width:110px; float:left; }

#categories ul { text-align:left; margin:0; color:#fff; }

#categories ul li a { -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; }

li.page_item ul {display:none;}

li.page_item a {display:block; background:#fff; padding:3px; margin:0 0 3px 0; text-decoration:none; color:#222;}

li.page_item a:hover {background:#a31033; color:#fff;}

li.current_page_item a, li.current_page_parent a {background:#a31033; color:#fff;}

li.current_page_item ul li.page_item a, li.current_page_parent ul li.page_item a {background:#555;}

li.current_page_item ul li.page_item a:hover, li.current_page_parent ul li.page_item a:hover, li.current_page_parent ul li.current_page_item a {background:#a31033; color:#fff;}

li.current_page_parent ul, li.current_page_item ul {height:auto; padding:0 0 10px 0; display:block;}


/* ------------------------- SELECTION ------------------------- */
#selection {
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	background:#fff;
	width:490px;
	margin:0;
	padding:0;
}

#selection h3 {
	background:url("images/title_background_big.png") no-repeat;
	width:480px;
	height:30px;
	color:#fff;
	line-height:30px;
	text-transform:uppercase;
	margin:0;
	padding:0 5px;
}

#selection .post {width:140px; float:left; margin:12px 12px 5px 11px; padding:0; height:133px; overflow:hidden;}

/*#selection .post:nth-child(2) {margin:5px 30px 0 5px;}

#selection .post:nth-child(4) {margin:5px 0 0 0;}*/

#selection .post h3 {background:none; color:#a31033; width:140px; height:28px; overflow:hidden; padding:0; line-height:14px; font-size:11px; margin:5px 0;}

#selection .post h3 a {background:none; color:#a31033; width:140px; height:28px; overflow:hidden; padding:0; line-height:14px; font-size:11px; margin:5px 0;}

#selection .post img {width:140px; height:84px;}

#selection .post p {font-size:11px; line-height:14px; height:42px; overflow:hidden;}

#selection .post img.btn_play {top:0; left:0;}

/* ------------------------- ICONS ------------------------- */

#icons {width:510px;}

#icons a {float:left; margin:20px 20px 0 0; padding:0; width:150px;}

#icons a#eisoderheiss {width:320px;}

/* ------------------------- HEADER ------------------------- */

#date {
	position:absolute;
	top:10px;
	left:130px;
	width:830px;
	text-align:right;
	color:#fff;
}

.titleDate {
	font-weight:normal;
	font-size:10px;
	letter-spacing:.1em;
	float:left;
}

h1#titleSoloTube {
	background:url("images/solotube.png") no-repeat;
	width:371px;
	height:37px;
	text-indent:-9999px;
	position:relative;
	top:40px;
	left:122px;
}

h2 a#espS {
	background:url("images/espaceSolothurn.png") no-repeat;
	text-indent:-9999px;
	height:36px;
	width:150px;
	position:relative;
	top:40px;
	left:130px;
}

#searchform {float:right;}

input#s {background:#fff; width:308px; height:23px; line-height:23px; border:#222 1px solid; font-size:12px; padding:0 5px; margin:0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; float:left; margin:0;}
/*input#searchsubmit {background:#a31033; color:#fff; width:44px; height:25px; line-height:25px; border:0; margin:0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; float:left; font-size:12px;}*/

/* ------------------------- POST ------------------------- */

.post {position:relative; background:#fff; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; margin:0 0 20px 0;}

.topPost, .artikel, .standardPost {width:490px; background:#fff; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px;}



.kontaktpost {background:#fff;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 0 20px 0;
	width:490px;
	padding:0 0 5px 0;}

.topPost img.vorschauBild {width:480px; margin:5px;}

.topPost img.btn_play {width:480px; margin:3px 0 0 -5px;}

.topPost h3, .artikel h3, .kontaktpost h3, .standardPost h3 {background:url("images/title_background_big.png") no-repeat; width:480px; height:30px; color:#fff; line-height:30px; text-transform:uppercase; 	margin:0; padding:0 5px;}

.topPost p, .standardPost p {margin:5px;}

.topPost h4, .standardPost h4 {margin:5px; color:#a31033;}

.fasnacht h4 {margin:10px 5px 5px 5px; font-size:14px;}

.fasnacht p {margin:5px 5px 10px 5px;}

.standardPost {min-height:325px; height:auto !important;  /* für moderne Browser */ height:325px;  /*für den IE */}

.standardPost fieldset {width:400px; margin:10px;}

.standardPost fieldset table tr td {height:25px;}

.artikel {padding:0 0 5px 0;}

a#back {display:block; width:80px; height:20px; text-indent:-9999px; background:url("images/back.gif") no-repeat; margin:5px 0;}

.postcontent {padding:5px; width:480px;}

.small {width:150px; float:left; margin:0 20px 20px 0;}

.small img.vorschauBild {width:140px; margin:5px;}

.small img.btn_play {margin:3px 0 0 -5px; width:140px;}

.small h3 {background:url("images/title_background_small.png") no-repeat; width:140px; height:30px; color:#fff; line-height:30px; text-transform:uppercase; 	margin:0; padding:0 5px; font-size:10px; overflow:hidden;}

.post h4 {font-size:14px;margin:0 0 10px 0; color:#a31033;}

.featured h4 {font-size:12px; color:#222;}

.post fieldset {margin:0;}

.post fieldset legend {color:#a31033; font-size:14px;margin:0;}

.post fieldset label {font-weight:bold; margin:10px 0; height:14px; display:block;}

img.btn_play {position:absolute; top:32px; left:10px; z-index:99; width:370px;}

img.vorschauBild {position:relative; top:0; left:0; z-index:1; width:370px;}

.postInfos {display:none;}

.wordtube {margin:0 0 20px 0;}

.post ul {margin:0 0 20px 0;}

.post ul li {list-style:none; background:url(images/bullet.png) no-repeat; padding:0 0 0 15px; line-height:20px;}

#facebook {margin:0 0 10px 0; padding:10px; background:#fff; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px;}

#bestof {margin:0 0 -18px 0;}

#missFlyer {background:#a31033; color:#fff;}

#missFlyer h3, #missFlyer p {background:#a31033; color:#fff; padding:10px;}

#missFlyer p a {color:#fff; text-decoration:underline;}

#filmenFlyer {background:#2a3338; color:#fff;}

#filmenFlyer p {color:#fff; padding:10px;margin:0;}

/* ------------------------- FIRST ------------------------- */
#main h2  {
	padding:10px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	color:#fff;
	background:#a31033;
	border:#fff 10px solid;
	font-weight:normal;
	letter-spacing:.03em;
	text-transform:uppercase;
	font-size:20px;
	line-height:32px;
	margin:0 0 10px 0;
}

.postTitel  {
	padding:10px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	color:#fff;
	background:#a31033;
	border:#fff 10px solid;
	font-weight:normal;
	letter-spacing:.03em;
	font-size:18px;
	line-height:26px;
	margin:0 0 10px 0;
}

#savoirvivre img {margin:0 0 10px 0; width:295px; height:133px;}

#partywetter {
	display:block;
	margin:0 0 10px 0;
	width:390px;
	height:110px;
	line-height:110px;
	background:url("images/btn_partywetter.png") top left no-repeat;
	text-indent:-9999px;
}

#partywetter:hover {
	background:url("images/btn_partywetter.png") 0 -110px no-repeat;
}

.infoAd {
	width:390px;
	padding:10px 0;
	margin:0 0 10px 0;
	color:#fff;
	border-top:#555 1px solid;
	border-bottom:#555 1px solid;
}

.infoAd h4 {
	color:#fff;
}

.infoAd p {
	margin:0;
}

a#wahlkampf { display:block; width:295px; height:76px; line-height:100px; background:url("http://solotube.ch/img/wahlkampf2.png") top left no-repeat; text-indent:-9999px; margin:0 0 10px 0; }

a#wahlkampf:hover {background:url("http://solotube.ch/img/wahlkampf2.png") 0 -76px no-repeat; text-indent:-9999px;}

/* ------------------------- SIDEBAR ------------------------- */

#sidebar {float:left; margin:0 0 20px 0; width:320px;}

#news {background:#fff; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; margin:0 0 20px 0; font-size:11px; line-height:14px; }

#news h2 {background:url("images/title_background_middle.png") no-repeat; color:#fff; width:310px; padding:0 5px; height:30px; line-height:30px; font-size:12px; text-transform:uppercase; font-weight:normal;}

#news .post {width:310px; padding:5px; margin:0;}

#news .post img {width:310px;}

#news .post img.btn_play {top:5px; left:5px;}

#news .post h3 a, #news .post h3 {background:#fff; color:#a31033; text-transform:uppercase; font-weight:bold; padding:5px 0; letter-sapcing:0; line-height:20px;}

#news .post p {line-height:14px; margin:0;}

#latest {height:225px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; overflow:hidden;}

#latest h3 {height:15px; overflow:hidden;}

/*#highlights {background:#9b9a9b; padding:5px;}

#highlights h2 {color:#fff; font-size:12px; text-transform:uppercase;}

#highlights .post {background:#9b9a9b; padding:0;}

#highlights .post h3 a, #highlights .post h3 {color:#a31033; background:#9b9a9b; font-size:11px; margin:10px 0 0 0; padding:0;}

#highlights .post p {margin:0; font-size:11px; color:#fff;}*/

#highlights {padding:0;}

#highlights h2 {background:url("images/title_background_middle.png") no-repeat; color:#fff; width:310px; padding:0 5px; height:30px; line-height:30px; font-size:12px; text-transform:uppercase; font-weight:normal;}

#highlights .post {padding:0 5px; background:transparent;}

#highlights .post h3 a, #highlights .post h3 {color:#fff; text-transform:uppercase; background:transparent; font-size:11px; margin:10px 0 0 0; padding:0;}

#highlights .post p {margin:0; font-size:11px; color:#fff;}

#highlights .post p a.tt {display:none;} /* Tweet This Icons in der Highlightsbox ausblenden */

#highlightsender {background:url("images/title_background_middle_bottom.gif"); width:320px; height:15px; margin:-10px 0 0 0;}

.post p a.tt {margin:0 5px 0 0;}

.eintrag {width:170px; height:auto;
	margin:0 0 10px 0;
	background:#fff;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px;
}

h3#missSolotube {
	background:#ea69a0;
	color:#fff;
	padding:5px;
}

img.secondPlay {
	position:absolute;
	z-index:99;
}

h3.bestof {
	margin:0 0 -18px 0;}

#btn_misssolotube {
	display:block;
	margin:0 0 10px 0;
	width:295px;
	height:112px;
	line-height:112px;
	background:url("images/misssolotube.png") top left no-repeat;
	text-indent:-9999px;
}

#btn_misssolotube:hover {
	background:url("images/misssolotube.png") 0 -113px no-repeat;
}

#btn_gewinnen {
	display:block;
	margin:0 0 10px 0;
	width:295px;
	height:190px;
	line-height:190px;
	background:transparent url("images/btnGewinnen.png") top left no-repeat;
	text-indent:-9999px;
}

#btn_gewinnen:hover {
	background:url("images/btnGewinnen.png") 0 -191px no-repeat;
}

#vereinsduell {
	display:block;
	margin:0 0 10px 0;
	width:295px;
	height:115px;
	line-height:115px;
	background:url("images/btn_vereinsduell.png") top left no-repeat;
	text-indent:-9999px;
}

#vereinsduell:hover {
	background:url("images/btn_vereinsduell.png") 0 -115px no-repeat;
}


#btn_upload {
	display:block;
	margin:0 0 10px 0;
	width:87px;
	height:14px;
	line-height:14px;
	background:url("images/videoupload.png") top left no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:110px;
	right:68px;
}

#btn_fb {
	display:block;
	margin:0 0 10px 0;
	width:14px;
	height:14px;
	line-height:14px;
	background:url("images/fb.png") top left no-repeat;
	text-indent:-9999px;
	position:absolute;
	right:34px;
	top:110px;
}

#btn_twitter {
	display:block;
	margin:0 0 10px 0;
	width:14px;
	height:14px;
	line-height:14px;
	background:url("images/twittericon.gif") top left no-repeat;
	text-indent:-9999px;
	position:absolute;
	right:0;
	top:110px;
}

#hochladen {
	display:block;
	margin:0 0 10px 0;
	width:320px;
	height:80px;
	line-height:80px;
	background:url("http://solotube.ch/banner/hochladen.png") top left no-repeat;
	text-indent:-9999px;
}

#hochladen:hover {
	background:url("http://solotube.ch/banner/hochladen.png") 0 -80px no-repeat;
}

/* ------------------------- Kommentare ------------------------- */

#kommentare {
	background:#fff;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 0 20px 0;
	width:490px;
	padding:0 0 5px 0;
}

#kommentare h3 {background:url("images/title_background_big.png") no-repeat; width:480px; height:30px; color:#fff; line-height:30px; text-transform:uppercase; 	margin:0; padding:0 5px;}

#kommentare ol li {
	border-bottom:#a31033 1px solid;
	margin:0;
	padding:20px 0;
}

.gravatar {
	/*float:left;*/
	margin:0 0 0 20px;
	/*border:#ddd 1px solid;*/
}

.commentText {
	float:left;
	width:473px;
	margin:0;
}

.commentText p {
	margin:0 0 0 0;
}

.alt {
	background:#f9f9f9;
}

#respond {background:#fff;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	margin:0 0 20px 0;
	width:490px;
	padding:0 0 5px 0;}

#respond form input[type="text"] {
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	width:468px;
	padding:5px;
	line-height:18px;
	margin:10px 5px 20px 5px;
	border:#222 1px solid;
}

#respond form input[type="text"]:focus {
	border:#a31033 3px solid;
	width:464px;
}

#respond form textarea {
	width:468px;
	padding:5px;
	height:100px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	margin:10px 5px 20px 5px;
	border:#222 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#respond form textarea:focus {
	border:#a31033 3px solid;
	width:464px;
}

#respond form p label {
	color:#222;
	padding:0 5px;
	font-weight:bold;
}

#respond h3 {background:url("images/title_background_big.png") no-repeat; width:480px; height:30px; color:#fff; line-height:30px; text-transform:uppercase; 	margin:0; padding:0 5px;}

#respond p {margin:0 5px 10px 5px;}

#respond #submit {margin:0 0 0 5px;}

h3#comments {margin:0 0 10px 0;}

div.comment, div.pingback {margin:5px 0 20px 5px; padding:15px; background:#fff; width:450px;}

div.comment.even {background:#f0f0f0;}

div.comment-meta {display:none;}

img.avatar {margin:0 10px 10px 0; float:left;}

cite.fn {font-style:normal; font-size:14px; line-height:30px; text-transform:uppercase;}

span.says {display:none;}

div.comment-author {border-bottom:#ccc 1px solid; padding:0 0 15px 0;}

div.comment p {clear:both; padding:10px 0 0 0;}

/* ------------------------- Single ------------------------- */

div.uploadInfos {
	width:480px;
	position:relative;
	background:#dedede;
	margin:0 5px 5px 5px;
	height:30px;
}

div.uploadInfos p {
	width:470px;
	color:#555;
	line-height:18px;
	padding:5px;
	margin:0 0 5px 0;
}

/* ------------------------- FOOTER ------------------------- */

#footer h2  {
	font-weight:normal;
	letter-spacing:.03em;
	text-transform:uppercase;
	font-size:14px;
	line-height:32px;
}

#f1, #f2, #f3, #f4 {
	float:left;
	width:22.5%;
	height:200px;
}

#f1, #f2, #f3 {
	margin:0 3.3% 0 0;
}

#footer div ul li a {
	color:#555;
}

#footer div ul li a:hover {
	color:#fff;
	text-decoration:none;
}

p.message
{
	background-color: #fff7c0;
	border-bottom: 1px solid #efefef;
	font-weight: bold;
	color: #ff0000;
	padding: 6px;
}

/* ------------------------- KONTAKT ------------------------- */

#kontaktformular {border:none; margin:5px 0 0 0;; padding:0;}

#kontaktformular form input[type="text"] {
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	width:468px;
	padding:5px;
	line-height:18px;
	margin:10px 5px 20px 5px;
	border:#222 1px solid;
}

#kontaktformular form textarea {
	width:468px;
	padding:5px;
	height:100px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	margin:10px 5px 20px 5px;
	border:#222 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#kontaktformular form label {
	color:#222;
	padding:0 5px;
	font-weight:bold;
	display:block;
}

#kontaktformular form label.error {
	background-color:#fff7c0;
	border-bottom:1px solid #efefef;
	font-weight:bold;
	color:#ff0000;
	padding:6px;
}

div.error p {
background-color:#fff7c0;
	border-bottom:1px solid #efefef;
	font-weight:bold;
	color:#ff0000;
	padding:6px;
}

/* ------------------------- AKTUELLBOX ------------------------- */

.aktuellbox {
	width:390px;
	color:#fff;
	margin:0 0 10px 0;
}

.aktuellbox ul {margin:0 0 0 15px; padding:5px 0 0 0;}

.aktuellbox ul li {line-height:16px; padding:0; margin:0 0 5px 0; color:#abb3a4; letter-spacing:.1em;}

.aktuellbox ul li a {color:#fff; text-decoration:none; text-transform:uppercase; font-size:11px; }

.aktuellbox ul li a:hover {text-decoration:underline;}

/* ------------------------- PAGE NUMBERS ------------------------- */

li.page_info {background:#222;}

/* ------------------------- HESO WETTBEWERB ------------------------- */

.wettbewerb {padding:10px; width:470px;}

.wettbewerb h4 {text-transform:uppercase;}

#main .wettbewerb p {padding:0;}

.frage, .meldung {background:#eee; margin:0 0 10px 0;; padding:10px;}

.frage input[type="radio"] {margin:0 10px 0 0;}

.frage input[type="text"] {width:300px;}

.frage table tr td label {font-weight:normal;}

fieldset#wettbewerb {border:0; padding:0;}

fieldset#wettbewerb .button {background:#a31033; color:#fff; border:0; padding:5px; margin:0 0 10px 0;}

fieldset#wettbewerb .button:hover {background:#f30;}

label.w_error {display:none; background:#a31033; padding:5px; color:#fff;}

a#heso-wettbewerb {display:block; width:320px; height:229px; margin:0 0 20px 0;}

a#heso-wettbewerb:hover {cursor:pointer;}