/*
Theme Name: cotidian theme
Theme URI: http://cotidian.de
Description: cotidian theme
Version: 1.0
Author: Emanuel Popa
Author URI: http://popa-design.de
Tags: fixed width, two columns
Text Domain: popa-design

	This theme was designed and built by Emanuel Popa,
	whose blog you will find at http://cotidian.de

*/

body {
	font:12px Arial, Helvetica, sans-serif;
	background:#efefef url(images/body_bg.jpg) repeat-x top;
	color:#555555;
	margin:10px 0 0;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#12abc3;
}
a img {
	border:none;
}
.container {
	margin:auto;
	width:862px;/*1030 mit skyscraper*/
}
.main {
	background:#ffffff url(images/main_bg.png) repeat-y right;
	width:860px;
	float:left;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}
.content {
	float:left;
	width:500px;
	padding:20px 30px 0;
}
.sidebar {
	float:right;
	width:300px;
}
.widgetul{margin:10px; padding:0;}
.widgetul li{ list-style:none;}
.widgetul .widgettitle{display:none;}
.footer {
	clear:both;
	line-height:18px;
	padding:20px 30px;
	border-top:1px solid #D9D9D9;
	background:#EEEEEE url(images/gradient_list_bg.png) repeat-x bottom;
}
.header {
	height:50px;
	border-bottom:1px solid #999999;
	border-top:1px solid #FEFEFE;
	padding:10px;
	background:#EEEEEE url(images/gradient_list_bg.png) repeat-x bottom;
}
.second_line {
	font-size:9px;
	padding-top:7px;
}
.logo {
	float:left;
	/*height:50px;
	line-height:50px;*/
	padding:5px 0 0;
	text-align:center;
	position:relative;
}
.logo img {
	position:relative;
	vertical-align:middle;
	border:none;
}
.navi {
	float:right;
	line-height:50px;
}
#tvb{background:#fff; height:220px;border-bottom:3px solid #12abc3;position:relative;}
#tvb a {position:absolute;top:0;left:0; z-index:8; opacity:0.0;}
#tvb a.active {z-index:10; opacity:1.0;}
#tvb a.last-active {z-index:9;}

.gsuche {
	padding:10px 0 10px 10px;
	border-bottom:1px solid #999999;
}
.gsuche .gsearchinput {
	border:1px solid #999999;
}
.skyad {
	width:160px;
	float:right;
	height:600px;
	background:#33FFCC;
	display:none;/*wenn skyscraper gebraucht - löschen*/
}
.clearer {
	clear:both;
}
img.aligncenter {
	display:block;
	margin:auto;
}
.content.single .navigation {
	border-bottom:1px solid #d9d9d9;
}
.content.single .navigation a {
	color:#666666;
}
.navigation {
height:20px;
margin-bottom:10px;
}
.navigation .alignleft {
	float:left;
}
.navigation .alignright {
	float:right;
}
/*Modules*/
.flash_teaser_box {
	height:200px;
	background:#FFCCFF;
}
.wide_teaser_box {
	background:#6ED6D9 url(gfx/wide_teaser_bg.jpg) repeat-x bottom;
	padding:20px 0 20px 23px;
	margin-bottom:20px;
	border-top:1px solid #7FFCFF;
}
.wide_teaser_box > .single_teaser {
	width:242px;
	float:left;
	margin-right:23px;
}

.content > .single_teaser {
	margin:0 0 20px;
}
.content > .single_teaser > .text,
.content > .single_teaser > .image {
	float:left;
}
.content > .single_teaser > .image {
	margin-right:20px;
}
.content > .single_teaser h1 {
	font-size:16px;
	font-weight:bold;
	padding:0 0 10px;
	margin:0;
}

.content > .single_teaser > .image img {
	border:1px solid #999999;
}
.content.single {
	background: url(images/content_single_top_bg.png) no-repeat top;
}
.content.single .post_intro {
display:none;
}
.sidebar > .list_item {
	background:#DDDDDD url(images/gradient_list_bg.png) repeat-x top;
	width:300px;
	padding:10px 0;
	border-bottom:1px solid #999999;
	border-top:1px solid #fefefe;
}
.sidebar > .flattr {
	background:#595959 url(images/gradient_list_bg_grey_hover.jpg) repeat-x top;
	color:#FFFFFF;
	width:280px;
	padding:10px;
	border-bottom:1px solid #999999;
	border-top:1px solid #fefefe;
}
.sidebar > .list_item:hover {
	background:#595959 url(images/gradient_list_bg_grey_hover.jpg) repeat-x top;
	color:#FFFFFF;
}
.sidebar > .list_item:hover a {
	color:#FFFFFF;
}
.sidebar > .list_item > .image,
.sidebar > .list_item > .text {
	float:left;
	margin:0 0 0 10px; 
}
.sidebar > .list_item > .text {
	width:190px;
}
/**/
.post {
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:5px solid #D9D9D9;
}
.post h2 {
	margin:0 0 10px;
}
.post h2 a, a.kommentieren{color:#12abc3;}
a.kommentieren {font-weight:bold;}
.tags {
	padding:5px;
	margin:0 0 5px 0;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	background:#efefef;
	font-size:11px;
}
/* site navi | galleryflow */
.galleryflow {
	position:absolute;
	top: 0px;
	width:100%;
	z-index:5;
}
.galleryflow_inner > .back {
	float:left;
}
.galleryflow_inner > .forward {
	float:right;
}
.gallery_other {
	line-height:normal;
	width:672px;
	height:180px;
	margin:0 auto;
	padding:100px 0 0;
}
.gallery_other > .item {
	margin:0 11px;
	float:left;
	border:1px solid #e0e0e0;
	line-height:25px;
}
.gallery_other > .item:hover {
	background: #e0e0e0;
	border:1px solid #cccccc;
}
.gallery_other > .item:hover > .other_detail {
	display:block;
}
.gallery_other > .item > .other_detail {
	display:none;
	border-top:1px solid #cccccc;
}

/* Comments */
.commentlist li{
	margin:0;
	padding:5px;
	list-style:none;
	border-bottom:1px solid #D9D9D9;
}
.commentlist {
	padding:0;
	margin:10px 0;
	border-top:1px solid #D9D9D9;
}
.commentlist .even {
	background:#F8F8F8;
}
.commentlist .odd {
	background:#EFEFEF;
}
.comment-meta {
	font-size:11px;
}
/* Bildergalerie */
.contentwide {
	float:left;
	width:800px;
	padding:20px 30px 0;
	background:#ffffff;
}
.galleryflow_inner > a {
	background-image: url(images/gallery_arrow.png);
	background-repeat:no-repeat;
	display:block;
	width:35px;
	height:50px;
	margin:10px;
	overflow:hidden;
	text-indent:60px;
}
.galleryflow_inner a.back {
	background-position:0 0;
}
.galleryflow_inner a.back:hover {
	background-position:0 -51px;
}
.galleryflow_inner a.forward {
	background-position:-39px 0;
}
.galleryflow_inner a.forward:hover {
	background-position:-39px -51px;
}
.work {
	text-align:center;
	line-height:413px;
	background:#efefef;
	border:1px solid #e0e0e0;
	position:relative;
	min-height:413px;
	z-index:1;
}
.work img {
	position:relative;
	vertical-align:middle;
}
.work_info.gallery {
	padding:10px 0;
}
.socialbox {
	background:#efefef;
	border:1px solid #e0e0e0;
	padding:5px;
	height:30px;
	overflow:hidden;
}
.socialbox > .gplus,
.socialbox > .stumble_btn,
.socialbox > .f_btn {
	float:left;
	margin:0 10px 0 0;
}
.social_link_gallery {
	margin-top:10px;
}
.back_to_overview {
	font-weight:bold;
	font-size:11px;
	float:right;
}
.site_navi {
	height:40px;
	line-height:40px;
	border-top:1px solid #D9D9D9;
}
.site_navi_inner {
	text-align:center;
}
.site_navi_inner .siteon,
.site_navi_inner .siteoff {
	padding:0 3px;
}
.site_navi_inner .siteon {
	background-color:#777;
	color:#efefef;
}
.site_navi_inner .back {
	float:left;
}
.site_navi_inner .forward {
	float:right;
}

/* Ausnahme Südafrika Opener */
.opener_za {
	width:500px;
	height:400px;
	display:block;
margin-bottom:10px;
}
.opener_za > a {
	display:block;
	width:110px;
	height:400px;
	background-image: url(http://static.cotidian.de/img/2010/za_opener.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	float:left;
	margin-right:20px;
}
a.cape {background-position:0 0;}
a.cape:hover {background-position:0 -400px;}
a.garden {background-position:-130px 0;}
a.garden:hover {background-position:-130px -400px;}
a.kruger {background-position:-260px 0;}
a.kruger:hover {background-position:-260px -400px;}
a.swazi {background-position:-390px 0; margin:0;}
a.swazi:hover {background-position:-390px -400px;}

/* ADs */
.glinks_gallery {
	width:800px;
	padding:3px;
	text-align:center;
	background:#efefef;
	border:1px solid #e0e0e0;
	margin:10px 0 15px 0;
}
.glinks_sidebar {
	padding:10px 0;
	border-bottom:1px solid #999999;
}
.envatolinks_sidebar {
	padding:10px 0 10px 10px;
	border-bottom:1px solid #999999;
}
.spontan_sidebar{padding:10px 0 10px 10px;border-bottom:1px solid #999999;border-top:1px solid #999999;}
.envatolinks_sidebar div{font-size:10px; text-align:right; padding:0 15px 10px 0;}
.envatolinks_sidebar a{margin: 0 10px 10px 0;}
.envatolinks_sidebar img{padding:2px; background: #CCC;}
.envatolinks_sidebar img:hover{background: #12abc3;}
/* Panorama Box */
.panobox{width:500px; height:330px; display:block; position:relative;overflow:hidden;}
#panoimg{position:absolute;}