/*
Theme Name: SoloTube
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;
}

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

body {
	background:#222 url("images/header.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;
}



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

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

#header {
	position:relative;
	height:250px;
	margin:0 0 10px 0;
	width:1020px;
	overflow:hidden;
}

#content {
	width:920px;
	float:left;
	padding:0 10px 0 0;
}

/*#footer {
	padding:10px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	color:#fff;
	background:#a31033;
	border:#fff 10px solid;
	margin:0 0 50px 0;
	clear:both;
	width:760px;
	left:120px;
	position:relative;
}*/

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

#first {
	width:390px;
	float:left;
	margin:0 0 20px 10px;
}
/* ------------------------- NAVIGATION NEU ------------------------- */

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

#categories ul { text-align:left; margin:10px 0 0 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;}


/* ------------------------- NAVIGATION ------------------------- */

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

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

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

/*#categories ul li:hover {
	background:#a31033;
	color:#fff;
}

#categories ul li a {
	display:block;
	color:#000;
	text-decoration:none;
}

#categories ul li a:hover {
	color:#fff;
}*/


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

li.cat-item a:hover, li.current-cat a, li.current-cat-parent a, ul.children li.current-cat a {
	color:#fff;
	background:#a31033;
}

li.oActive {
	border:none;
	background:#a31033;
	padding:3px 0 3px 3px;
}

li.oActive a {
	color:#fff;
	font-weight:bold;
	padding:0 0 0 3px;
}

li.first, li.uActive {
}

ul.children {
	display:none;
}

li.current-cat ul.children, li.current-cat-parent ul.children {
	display:block;
	padding:0 0 10px 0;
}

ul.children li a {
	color:#fff;
	text-decoration:none;
	padding:3px 3px 3px 9px;
	background:#555;
}


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

#date {
	position:absolute;
	top:10px;
	right:100px;
	width:800px;
	text-align:right;
	color:#fff;
}

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

h1#titleSoloTube {
	background:url("images/solotube.png") no-repeat;
	width:374px;
	height:34px;
	text-indent:-9999px;
	position:relative;
	top:50px;
	left:120px;
}

h2#svn {
	background:url("images/solothurnerVideoPortal.png") no-repeat;
	text-indent:-9999px;
	height:16px;
	width:386px;
	position:relative;
	top:18px;
	left:544px;
}

img#espS {
	position:relative;
	top:30px;
	left:740px;
}

/* ------------------------- AKTUELLE VIDEOS ------------------------- */

#aktuell {
	position:absolute;
	bottom:10px;
	height:120px;
	width:820px;
	left:70px;
}

#mycarousel {
	overflow:hidden;
}

#mycarousel li {
	padding:10px;
	background:#fff;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	height:110px;
}

#mycarousel li a {
	color:#51626f;
}

#mycarousel li img {
	float:left;
}

img.featuredPlay {
	position:absolute;
	top:10px;
	left:10px;
	z-index:99;
}

img.featuredBild {
	position:relative;
	top:0;
	left:0;
	z-index:1;
}


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

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

.post img {
	margin:0;
}

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

.featured h4 {font-size:12px; color:#222;}
.post fieldset {margin:0 0 10px 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;
}

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

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

.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;}

/* ------------------------- FEATURED ------------------------- */

img.featuredBild {
	position:relative;
	top:0;
	left:0;
	z-index:1;
}

img.featuredPlay {
	position:absolute;
	top:10px;
	left:10px;
	z-index:99;
}

li.featured {
	width:165px;
	float:left;
	margin:0 10px 0 0;
}

.aktInfos {
	clear:both;
}

/* ------------------------- FIRST ------------------------- */
#first 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;
}

#btn_funktioniert {
	display:block;
	with:370px;
	height:100px;
	line-height:100px;
	margin:0 0 10px 0;
	background:url("images/funktioniert.png") top left no-repeat;
	
	text-indent:-9999px;
	
}
#btn_funktioniert:hover {
	background:url("images/funktioniert.png") 0 -100px no-repeat;
}

#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;
}

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

#praktikant:hover {
	background:url("images/btn_praktikant.png") 0 -100px 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;}

/* ------------------------- SECOND ------------------------- */

#second {
	float:left;
	margin:0 0 0 10px;
	width:295px;
}

.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;
}

/* ------------------------- THIRD ------------------------- */

#third {
	float:left;
	width:85px;
	height:auto;
	margin:0 0 0 5px;
}

#third div.post {
	background:none;
	padding:4px;
	margin:0 0 10px 0;
}

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

#btn_upload:hover {
	background:url("images/videoupload.png") 0 -100px no-repeat;
}

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

#btn_wiefunkt:hover {
	background:url("images/wiefunkt.png") 0 -100px no-repeat;
}

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

#btn_fb:hover {
	background:url("images/fb.png") 0 -100px no-repeat;
}



/* ------------------------- FOURTH ------------------------- */

#fourth {
	float:right;
	margin:0 0 0 10px;
}

#fourth img {
	display:block;
	margin:0 0 10px 0;
}

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

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

#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 form input[type="text"] {
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
	width:548px;
	padding:10px;
	line-height:18px;
	margin:10px 0 20px 0;
	border:#222 1px solid;
}

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

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

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

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

#respond h3 {
	margin:0 0 20px 0;
}

/**/

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

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

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

div.comment {margin:0 0 20px 0; padding:15px; background:#fff;}

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 ------------------------- */

#first-single {
	width:590px;
	float:left;
	margin:0 0 20px 10px;
}

div.uploadInfos {
	position:relative;
	background:#dedede;
	padding:5px;
	height:18px;
}

div.uploadInfos p {
	color:#555;
	line-height:18px;
}

/* ------------------------- 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;}

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

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

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

#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;}

.aktuellbox p a.tt {display:none;}

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

li.page_info {background:#222;}