/*
Theme Name: VisualBlog
Theme URI: 
Description: 
Version: 2.0
Author: Andreas Mauf
Author URI: http://amauf.de/
*/

/** reset browser defaults (http://meyerweb.com/eric/tools/css/reset/, http://blueprintcss.org/) **/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.3;color:black;background:white;}
ol, ul {list-style: none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:center;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/** typography (http://blueprintcss.org/) **/
body {
	font-size:75%;color:#222;background:#333333;font-family:Verdana,Arial,Times New Roman;
	/* background-image:url(bg2009a.gif); */
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h2 {font-size:1.5em;line-height:1.25;}
.text h2 {
font-size:1.2em;
margin-left: 20px;
border-bottom: 2px solid black;
background-color: #fff;
}
h3 {font-size:1.5em;line-height:1.25;}
h4 {font-size:1.2em;line-height:1.25;height:1.25em;}
h5 {font-size:1em;font-weight:bold;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#32ACE5;text-decoration:underline;}
h3 a {color:#000;}

blockquote {
margin:1.5em;
color:#666; 
background-color: #F8F6F1;
border-right: 1px solid #B7B7B6;
border-bottom: 1px solid #B7B7B6;
padding: 10px 10px 10px 20px;
}

strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/** wordpress image alignment **/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter, embed.aligncenter, object.aligncenter, {display: block; margin-left: auto; margin-right: auto;}

div.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; align: center; }
span.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; }
span.aligncenter2 {display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; padding-left: 25%; }

a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.alignright { float: right; }
.alignleft { float: left; }

/** main partitioning **/
#page {
	width:950px;
	margin:10px auto;
	background:white;
	padding:10px;
}
#page-header {
	width:950px;
	height:140px;
	margin-bottom:14px;
}
#page-content {
	width:720px;
	float:left;
	margin-bottom:10px;
}
#page-sidebar {
	width:202px;
	height:100%;
	border:7px solid #EDEAEA;
	padding:7px;
	float:left;
	_overflow:hidden;
}
#page-footer {
	width:950px;
	margin-top:10px;
	clear:both;
}

/** content boxes **/
.box {
	margin-bottom:10px;
	float:left;
	_display:inline;
	overflow:hidden;
}
.box .header {
	height:48px;
	margin:0px;
	padding:6px;
	background-color:#464646;
	color:#FFF;
overflow: hidden;
}
.box .header a {
	color:#FFF;
}
#page-content .article-detail .header {
padding-bottom: 36px;
}
.box .content {
	padding:6px;
	border:1px solid #464646;
	overflow:hidden; /*clearfix*/
}
.box-1 {
	width:710px;
	margin-right:10px;
	clear:both;
}
.box-2 {
	width:470px;
	margin-right:10px;
}
.box-3 {
	width:230px;
	margin-right:10px;
}

/** special boxes **/
.teaser {
	height:40px;
	font-size:0.8em;
	background-color:#9A9A9A;
	color:#FFF;
}
.teaser div {
	margin:2px;
}
.teaser a {
	color:white;
}
.teaser a:hover {
	color:grey;
}
.sticky-left {
	width:480px;
	float:left;
}
.sticky-right {
	float:left;
}
.sticky-left .box, 
.sticky-right .box {
	_display: block;
	float:none;
}
.sticky .header {
	height:48px;
	overflow:hidden;
}
.sticky .content {
	min-height:270px;
	_height:270px;
}
.sticky-site .content,
.sticky-song .content {
	min-height:220px;
	_height:220px;
}
.sticky .content p {
	display:inline;
}
.advertisement {
	text-align:center;
}
.categories li {
	display:inline;
	padding-left:15px;
	padding-right:15px;
	/* background:url(cat-item.png) no-repeat; */
	background:url(bubble_bullet.gif) no-repeat;
}
.categories a {
	color: #656565;
	font-weight: bold;
}
.categories a:hover {
	color: #fff;
	background-color: #656565;
}
/*to define different icons use the following rule for each category
.categories .cat-item-1 { background-image:url(cat-item-1.png); }*/

.meta {
	height:37px;
}
.author-image {
	height:32px;
	width:32px;
	margin:0 5px 5px 0;
	float:left;
}
.about-author .author-image {
	height:64px;
	width:64px;
}
.article-list li,
.article-list h3 {
	padding-bottom:6px;
}
.article-list li.article { 
	border-bottom:12px solid #EAEAED;
	padding-bottom:20px;
	margin-bottom:10px;
}
.comment-list li {
	padding:5px;
margin-bottom: 10px;
border: 1px solid #7F7E7E;
}
.comment-list li.comment-staff {
	background-color:#FFFFE0;
margin-bottom: 10px;
border: 1px solid #E6DB55;
}
.comment-list .FB_profile_pic img {
	width:32px;
}
.tag-cloud {
	background-color:#888;
}	
.tag-cloud a {
	color:#fff;
	text-decoration:none;
}
.tag-cloud a:hover {
	color:#888;
	background-color:#fff;
}
.tag-cloud .header, .article-list .header { 
	min-height:24px;
	_height:24px;
}

.article .alignleft {
	width:60%;
}
.article .alignright {
	width:40%;
	text-align:right;
}
.article .fb-like {
	width:100%;
	height:25px;
	border:none;
	overflow:hidden;
}
.article .text {
	overflow:hidden;
}
.article .text ul,
.article .text ol {
	margin:10px 0 10px 40px;
}
.article .text ul {
	list-style-type:circle;
}
.article .text ol {
	list-style-type:decimal;
}
.article .text p {
	margin:10px 0px;
}

.comment-form form p {
	margin:10px 0px;
}
.comment-form form input {
	width:35%;
}
.comment-form form textarea {
	width:80%;
}

.dbTemp3_container {
	width: 227px;
	padding-right:5px;
	float:left;
	overflow: hidden;
}
.dbTemp3_headline a {
}
.dbTemp3_text a {
	color:#888787;
}


/** Ergaenzungen M. Roskos **/
.little {
font-size:0.8em;
font-style: italic;
}
.article h3 a {
	color:#474747;
	font-size:1.6em;
}
.article h3 a:hover {
	background-color: #888889;
	color:#FFFFFF;
}
li.linkcat h2 widgettitle {
	font-size:1.0em;
	line-height:1.5;
}
li.linkcat {
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom: 7px solid #EDEAEA;
}
li#search {
	background-color: #DADADA;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
li.linkcat a {
	color: #888787;
}
li.readage a {
	color: #888787;
}
li.recentcomments a {
	color: #888787;
}
li.readage {
	padding-bottom: 12px;
	border-top: 7px solid #EDEAEA;
}
li#recent-comments, #text-337739791 {
	border-bottom: 7px solid #EDEAEA;
	padding-bottom: 7px;
}
li.linkcat a:hover {
	color: #fff;
	background-color: #888787;
}
li.readage a:hover {
	color: #fff;
	background-color: #888787;
}
li.recentcomments a:hover {
	color: #fff;
	background-color: #888787;
}
li#linkcat-263 a:hover {
	background-color: transparent;
}
#page-sidebar ul {
	overflow:hidden;
}
#page-sidebar li#linkcat-263 li { 
	margin-bottom:13px; 
}
#page-sidebar #am-bookmarks-334049431 li {  
	margin-bottom:13px; 
}

#page-footer ul li {
	display:inline;
}

/** Neue Elemente vom alten VisualBlog */

div.storycontent {
font-family: Verdana, Arial, Times New Roman;
color: #000000;
}
div.adsense_01 {
padding: 5px 0px 5px 80px;
}
div.adsense_navi {
padding: 5px 0px 10px 0px;
}

div.frage {
font-size: 12px;
clear:both;
padding: 17px 0px 5px 0px;
font-style: italic bold;
color: #477A9C;
}

div.frageM {
font-size: 12px;
clear:both;
padding: 10px 0px 5px 20px;
font-weight: bold;
}

div.werbung {
border: 1px solid black;
background-color: orange;
width: 200px;
padding: 2px 0px 2px 10px;
}

div.antwort {
font-size: 12px;
border-bottom: 1px solid #477A9C;
padding: 5px 0px 8px 0px;
}
div.frage2 {
font-size: 12px;
padding: 10px 0px 5px 0px;
font-style: italic;
color: #477A9C;
}
div.antwort2 {
font-size: 12px;
}
div.standardfragen {
background-color: #F5F5F5;
font-size: 12px;
padding: 5px 0px 3px 0px;
}
div.interviewlink {
background-color: #F5F5F5;
padding: 5px 0px 5px 0px;
margin-top: 20px;
margin-bottom: 15px;
border-top: 1px solid black;
font-size: 12px;
}
div.einleitung {
font-style: italic;
font-size: 11px;
background-color: #F5F5F5;
padding: 5px 5px 5px 5px;
}
a.interviewlink {
text-decoration: underline;
}
a:hover.interviewlink {
text-decoration: none;
background-color: #000000;
color: #FFFFFF;
}
a.magenta {
background-color: #FF0090;
color: #FFFFFF;
padding: 0px 2px 0px 2px;
font-weight: bold;
}
a:visited.magenta {
color: #FFFFFF;
}
div.titel_seite {
padding: 5px 0px 5px 0px;
}
div.zwischenueberschrift_seite {
padding: 5px 0px 5px 0px;
}
div.picture_01 {
border: 1px solid black;
padding: 10px 0px 10px 10px;
margin: 10px 0px 10px 0px ;
width: 97%;
text-align: center;
}
div.picture_02, div.picture2  {
border: 0px solid black;
padding: 2px 5px 20px 40px;
margin: 0px 0px 0px 0px ;
width: 300px;
text-align: center;
}
div.head_picture {
border: 0px solid black;
padding: 10px 0px 15px 0px;
margin: 0px 0px 0px 0px ;
text-align: center;
}
div.picture_cajong {
border: 0px solid black;
padding: 10px 10px 10px 10px;
margin: 10px 0px 10px 0px ;
width: 100%;
text-align: center;
}
div.contest1 {
border-bottom: 1px solid black;
}

/** Polldaddy-Formatierungen **/
.pds-box {
align: center;
background-color: #161618;
}

.pds-box-inner {
background-color: #161618;
}

/** Wir SIND Berlin **/

div.berlin {
background-color: #E8F3F9;
color: #FFFFFF;
}
p.berlineinleitung {
background-color: #31588A;
color: #FFFFFF;
border: 2px solid black;
font-size: 10px;
}
p.berlineinleitung a:link, p.berlineinleitung a:visited {
color: #FFFFFF;
}
p.berlineinleitung a:hover {
color: #31588A;
background-color: #FFFFFF;
}
.liwebware {
margin-bottom: 45px;
}
.thumbs {
margin-bottom: 64px;
}
.ub_webware {
/* text-align: center; */
background-color: #375F79;
color: #AFD05D;
border: 1px solid black;
padding: 5px 0px 5px 40px;
}
div.webwareblock {
margin-left: 20px;
}
div.tags {
	background-color: #888888;
	color: #fff;
	padding: 5px 10px 5px 10px;
}
.tags a {
	color: #fff;
}

.tags a:hover {
	color: #888888;
	background-color: #fff;
}
.tags h3 {
	color: #fff;
}
div.related a {
	color: #888787;
}
div.related a:hover {
	color: #fff;
	background-color: #888787;
}
.box-1 .header {
	height:24px;
}

.gewinnspiel {
border-bottom: 3px solid grey;
padding-top: 10px;
padding-bottom: 20px;
}

h2.gewinnspielfrage {
padding-left: 20px;
padding-right: 20px;
font-weight: bold;
font-size: 1.6em;
border: 2px solid grey;
}

.Stil1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.Stil2 {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
}
.Stil3 {
	font-family: verdana;
	font-size: 12px;
	font-style: italic;
}
.Stil7 {color: #555555}
.Stil8 {
	font-size: 8px;
	font-family: verdana;
}
.Stil11 {font-size: 18px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;}
.Stil12 {font-size: 12px}
.Stil13 {font-family: verdana}
.Stil14 {font-family: verdana; font-size: 12px; }
.Stil15 {font-size: 8px;}

img.gifrahmen {
padding: 10px 50px 10px 50px;
margin: 5px 0 5px 0;
border: 1px solid grey;
}