/*  
Theme Name: Contrast Style
Theme URI: http://wordpress.imblickpunkt.com
Description: SEO Optimized Portal Layout. The Text Element are white for better reading. The Code is W3C Valid and Clean. You can easy modify alot of thinks. For sure the Theme is Widget ready. If you find bugs plz visit http://wordpress.imblickpunkt.com and leave a MSG - i will fix it asap.
Tags: seo, w3c, valid, easy, three columns, Right sidebar, left sidebar, fixed width, widgets, easy customization, widget ready, valid css, valid xhtml. games
Version: 1.1
Author: Schalkie
Author URI: http://imblickpunkt.com
License :  GNU General Public License (GPL) version 3

	
 */

hmtl{
}

body
	{
	background-color:#b0bdc5;
	background-image:url(images/page-bg.gif);
	background-repeat:repeat-x;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color:#333;
	padding:0px;
	margin:0px;
}

/*--------------------DIVs------------------------------*/

div#pagecenter {
	border: 1px solid #000000;
	background-color:#3b4d56;
	width: 1000px;
/*	width: 980px; */
	margin: 0px auto;
	padding: 0px;	
	}
	
div#header {
	height: 120px;
	background-color: #223136;
	background-image: url(images/header.jpg);
	padding: 0px;
	text-align: right;
	color: #FFFFFF;
}
	
div#sitename {
/*
	margin-left:15px;
	margin-top:15px;
	font-size:24px;
	float:left;
	text-align:left;
*/
}
	
div#top-navi
	{
	background-image:url(images/top-navi-bg.gif);
	height:29px;
	margin:auto;
	}
	
div.top-navi-links
	{
	margin-top:6px;
	padding-left:12px;
	padding-right:12px;
	float: right;
	font-size:12px;
	font-weight: normal;
	letter-spacing: 1px;
	}
	
div.left-navi-blog
	{
	width: 180px;
	margin-right: 0px;
	float: left;
	}
	
div.left-widget
	{
	margin-top:1px;
	width:200px;
	margin-top:1px;
	background-color:#000000;
	padding-bottom:4px;
	}
	
div#leftbarfooter
	{
	background-image:url(images/leftbar-footer.gif);
	height:15px;
	}
	
div#rightbarfooter
	{
	background-image:url(images/rightbar-footer.gif);
	height:15px;
	}
	
div.center-blog {
	float: left;
	width: 650px;
	margin: 20px 0px 0px 15px;
}
	
div.post-title {
	background: #142b30;
	-moz-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
/*
	background-image: url(images/title-header.gif);
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 13px;
	line-height: 20px;
*/
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
	
div.post-content
	{
	background-color:#FFFFFF;
	text-align: justify;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	margin: 0px;
	padding: 10px 10px 15px 10px;
}

div.post-content img.attachment-post-thumbnail {
	margin: 0px;
}


div.post-meta {
	background: #142b30;
/*
	background-image:url(images/post-footer.gif);
*/
	-moz-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;

	color:#ffffff;
	height: 8px;
	margin: 0px;
	margin-bottom: 25px;
	padding: 4px;
}
	
div.single-meta	{
	border: 1px dashed #000;
	color: #202D32;
	background-color: #B0BDC5;
	font-size: 10px;
	padding: 10px;
	margin: 10px 0;
}
	
div.main-meta
	{
	border:#ccc 1px dashed;
	padding:2px;
	margin:5px;
	margin-top:10px;
	color:#666;
	background-color:ddd;
	font-size:10px;
	}
	
div.commentblog
	{
	background-color:#B0BDC5;
	margin:0px;
	padding:5px;
	text-align:justify;
	border-top:#000000 1px solid;
	border-bottom:#000000 1px solid;
	}

div.singlecommentborder
	{
	float:left;
	}
	
div.gravatorblog {
	float: left;
	width:70px;
	margin: 0px;
	padding: 8px 15px 0px 10px;
}
	
div.singlecomment
	{
	float:left;
	width:410px;
	}
	
div.right-navi-blog {
	width: 300px;
	float: right;
	margin: 20px 10px 0px 0px;
	padding: 0px;
}
	
div.right-widget {
	margin-top: 10px;
	width: 290px;
	margin-top: 10px;
	background-color: #000000;
	padding-bottom: 10px;
	padding-right: 10px;
}
	
div.widget-header
	{
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	}
	
div.clear {
    clear: both;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}
	
div#footer
	{
	background-image:url(images/top-navi-bg.gif);
	height:19px;
	text-align:center;
	margin: 30px 0px 0px 0px;
	padding:5px;
	color:#FFFFFF;
	}

/*--------------------textgestaltung--------------------*/

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

h1,h2,h3,h4,h5,h6 {
	color:#ffffff;
/*
	font-size:12px;
	margin:0px;
	padding:0px;
*/
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 12px 10px 5px 10px;
}


.post-title p {
	color:#ffffff;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 0px 10px 8px 10px;
}

.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 {
	color:#000000;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 30px 0px 0px 0px;
}







acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	
	}

blockquote {
	
	}

blockquote cite {
	
	}



hr {
	
	}





dl{
     }
     dt{
          }
          dd{
          }

ul
	{
	margin:0px;
	margin-left:12px;
	list-style:none;
	padding-left:8px;
     }
ol{
     }
     li
	 {
	list-style:square;
	margin-top:3px;
	padding-top:2px;
	padding-bottom:2px;
	color:#810000;
      }

    ul ul{
         }

blockquote{
     }
     blockquote p{
          }

code{
     }

pre{
     }

b, strong,i,em {
	font-size: 12px;
     }

img{
	border: 0px solid #B0BDC5;
	padding: 0px;
	margin: 10px;
     }

address {
     }
	 
img.ogtzuq{
border:0px;
color:#3B4D56;
	}

/*--------------------linkgestaltung--------------------*/


a {
	color:#FFFFFF;
     }
a:link { 
color:#FFFFFF;
     }
a:visited { 
color:#FFFFFF;
     }
a:link:focus{ 
color:#FFFFFF;
     }
a:link:hover, 
a:visited:hover {
color:#FF0000; 
    }
a:link:active, 
a:visited:active {
     }


.post-title a:link, .post-title a:visited {text-decoration:none; color:#ffffff;}
.post-title a:active, .post-title a:hover {text-decoration:none; color:#b0bdc5;}

/*
.post-content a {color: #333;}
.post-content a:link {color: #333;}
.post-content a:visited {color: #333;}
.post-content a:link:active,
.post-content a:visited:active {color: #333;}
*/
.post-content a:link, .post-content a:visited {text-decoration:none; color:#333; border-bottom:1px dotted #333;}
.post-content a:active, .post-content a:hover {text-decoration:none; color:#142b30; border-bottom:1px solid #142b30;}


.sociable a:link {border-bottom:0px solid #fff;}

	  
#single-meta a{
color:#333; 
     }
#single-meta a:link
	{
	color:#333; 
     }
#single-meta a:visited{ color:#333; 
     }
#single-meta a:link:active, 
#single-meta a:visited:active{color:#333; 
      }

.commentblog a{
color:#333; 
     }
.commentblog a:link
	{
	color:#333; 
     }
.commentblog a:visited{ color:#333; 
     }
.commentblog a:link:active, 
.commentblog a:visited:active{color:#333; 
      }

/*--------------------bilder als links--------------------*/
a img{
	border: 0px solid #B0BDC5;
	padding: 0px;
	margin: 0px;
     }
a:link img { 
     }
a:visited img { 
     }
a:link:active img, 
a:visited:active img {
      }
	  
a:link:hover img, 
a:visited:hover img {
	border: 0px solid #B0BDC5;
	padding: 0px;
	margin: 0px;
	background-color:#B0BDC5;
    }

/*--------------------smilies im text--------------------*/

body img.wp-smiley{
     }



/*--------------------der weiterlesen link--------------------*/

.more-link{
     }

/*--------------------die seiten wenn es mehrere gibt--------------------*/
p.serif{
     }

/*-------------------- SEARCH --------------------*/

#searchform{
     }

input#s{
     }

input#searchsubmit{
     }




/*-------------------- RELATED POSTS --------------------*/

#related_posts {
	border: 1px dashed #000;
	height: 220px;
	background-color:#B0BDC5;

	color: #000;
	font-size: 12px;
	text-align: center;

	padding: 10px;
	margin: 30px 0 10px 0;
}

#related_posts ul {
	margin: 0px;
	padding: 0px;
}

#related_posts ul li {
	float: left;
	display: inline;
	list-style:none;
	width: 180px;
	margin: 0px;
	padding: 0px 20px 0px 0px;
}

#related_posts h4 {
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 10px 0 10px 0;
}

#related_posts p {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	margin: 0px;
	padding: 10px 0 0 0;
}

#related_posts img {
	margin-bottom: 10px;
	padding: 0;
}


/*-------------------- COMMENT --------------------*/

#author-bio {
	border: 1px dashed #000;
	height: 160px;
	background-color:#B0BDC5;

	color: #000;
	font-size: 13px;
	text-align: left;

	padding: 10px;
	margin: 10px 0 10px 0;
}

#author-bio h4 {
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 10px 0 0 0;
}

#author-bio p {
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 0 0 15px 0;
}

#author-bio img {
	float: left;
	padding: 2px;
	border: 1px solid #cccccc;
	margin: 5px 15px 0 0;
}


.adminComment {
	background: #ffffff;
}

.bypostauthor {
	background: #ffffff;
}

.comment_post {
/*
	float: right;
	width: 540px;
*/
	margin: 0px;
	padding: 0px;
}

.alt {
	 
}

.commentlist {
	padding:0px;
	margin:0px;
}

.nocomments {
	text-align:justify;
}
 
.commentlist li {
	border-bottom: 1px solid #000;
	color:#111;
	list-style:none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
}

.commentlist cite, 
.commentlist cite a {
	 
}

.commentlist p {
	text-align:justify;
	padding:0px;
	padding-top:5px;
}

#commentform p {
	 
}

.commentmetadata {
	 
}

#commentform input {
	border:1px solid #333;
	margin-bottom:3px;
}

#commentform textarea {
	border:1px solid #333;
	width:488px;
}

#commentform #submit {
	 
}

/*--------------------fuer den wp kalender--------------------*/
 
#wp-calendar th {
	 
	}


#wp-calendar {
	empty-cells: show;
	
	}

#wp-calendar #next a {
	
	}

#wp-calendar #prev a {
	
	}

#wp-calendar a {
	
	}

#wp-calendar caption {
	
	}

#wp-calendar td {
	
	}

#wp-calendar td.pad:hover { 
      }


/*-------------------- widgets---------------------*/
h2.widgettitle{
     }
.widget {
     }

/*--------------------Archive--------------------*/

li#archives{
     }

.widget_archives{
     }

/*--recent posts--*/


li#recent-posts{
     }

.widget_recent_entries{
     }



/*--------------------text widget--------------------*/
li.widget_text{
     }

/*--id haengt von der nummer des text widgets ab*/
li#text-4{
     }
div.textwidget{
     }

/*--------------------links blogroll--------------------*/

li#links{
     }

.widget_links{
     }


/*--------------------kategorien--------------------*/

li#categories{
     }

.widget_categories{
     }

/*-------------------WP Requires------------------*/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/*------------------- ADVERTISING ------------------*/

.ad-center-header {
	width: 730px;
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px 0px;	
}

.ad-center-left {
	width: 300px;
	text-align: center;
	margin: 10px auto;
	padding: 0px;	
}

.ad-center-right {
	width: 300px;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 0px;	
}

.ad-center-center {
	width: 650px;
	text-align: center;
	margin: 0px 0px 25px 0px;
	padding: 0px;	
}


/*------------------- TWITTER ------------------*/


.twitter-right {
	margin: 0px;
	padding: 10px 0px;	
}


/*------------------- SOCIAL MEDIA ICONS ------------------*/



.social_icons {
	width: 300px;
	height: 35px;
	margin: 0px;
	padding: 0px 0px 33px 0px;	
}

.social_icons .icons {
	float: right;
	width: 36px;
	height: 35px;
	margin: 0px 0px 0px 10px;
}

.social_icons .facebook {
	width: 35px;
	height: 35px;
	background: url(images-social/social-fb.png) no-repeat left center;
}

.social_icons .itunes {
	background: url(images-social/social-it.png) no-repeat left center;
}

.social_icons .twitter {
	background: url(images-social/social-tw.png) no-repeat left center;
}

.social_icons .youtube {
	background: url(images-social/social-yt.png) no-repeat left center;
}

.social_icons .followus {
	width: 90px;
	height: 35px;
	background: url(images-social/social-follow.png) no-repeat left center;
	margin: 0px;
	padding: 0px 25px 0px 0px;
}

.social_icons p {
	margin: 0px;
	padding: 0px;
}

.social_icons a {
	display: block;
	width: 36px;
	height: 35px;
	text-decoration: none;
}

.social_icons em {
	position: relative;
	top: -999px;
	outline: none;
}