/*  
Theme Name: tobiastimpe.de
Theme URI: http://tobiastimpe.de
Description: tobiastimpe.de template based on contrast-style
Tags: seo, w3c, valid, easy, three columns, Right sidebar, left sidebar, fixed width, widgets, easy customization, widget ready, valid css, valid xhtml. games
Version: 0.9
Author: Tobias Timpe
Author URI: http://tobi-soft.de
copyright: © 2010 TobiSoft

	
 */

hmtl{
     }

body
	{
	padding:0px;
	margin:0px;
	/*background-image:url(images/page-bg.png);*/
	background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#000000), to(#021792));
	background-image: -moz-linear-gradient(100% 100% 90deg, #000000, #021792);
	
	background-repeat:repeat-x;
    	background-attachment:fixed;
	font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;	font-size:12px;
	color:#000000;
background: #000000 url(https://s3.amazonaws.com/twitter_production/profile_background_images/139669413/twitter_new.png) no-repeat fixed;
     }


/*--------------------DIVs------------------------------*/
div#sameheight {
margin-top: 30px;
}
div#pagecenter
	{
 	margin-left:-450px;
        left:50%;
        position: absolute;
        margin-top: 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
	width: 900px;
        display:table-row;
   }
div.share {
height: 20px;
margin-top: 10px;

}
div.share *{
float:left;
margin-right: 10px;
}

#sm_buttons{
margin-top: 10px;
width: 200px;
right:0;
}

#important {
width: 160px;
top: 0;
padding-left: 20px;
position: relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#important * {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

div.twitter{
width: 195px;
height: 78px;
top: 20px;
margin-left: 350px;
position: absolute;
border-radius: 5px;
border: 1px solid #0c0c0c;
} 
div.twitter p {
font-size: 12px;
font-family: 'HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
text-align: right;
width: 165px;
position: relative;
color:white;
}
#logo {
left: 10px;
top: 0;
width: 320px;
height: 125px;
position: relative;
}
.logo {
background: url('images/logo_bw.png') no-repeat;
height: 125px;
width: 320px;
left: 0;
top: 0;
position: relative;
display: block;
}
.logo:hover {
background: url('images/logo_color.png') no-repeat;
}
div#bottomnav a{
margin-right:300px;
color:black;
}
div.twitter a.follow{
top: 55px;
width: 195px;
left:15px;
text-align: left;
position: absolute;
}
div#sm_buttons img{
border: 0;
color: #FFFFFF;
padding: 0;
margin:0;
}
div#sm_buttons img:hover{
border: 0;
color: #FFFFFF;
padding: 0;
margin:0;
}

	
div#header
	{
	height:125px;
	background-image:url(images/header.png);
	padding:0;
	text-align:right;
	color:#000000;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border: 1px solid #0c0c0c;
	}
div#navigation {
height: 60px;
-webkit-border-bottom-left-radius: 200px;
-webkit-border-bottom-right-radius: 200px;
-moz-border-radius-bottomleft: 100px;
-moz-border-radius-bottomright:100px;
background:url('images/bg_nav.png');
width: 900px;
clear: both;

}	
div#navigation ul {
display:inline;
list-style-type:none;
list-style-position: outside;
margin: 0 auto;
width: 900px;
height: 24px;
float: left;
left: 50%;
margin-top: 12px;
}
div#navigation ul li {
float: left;
right: 50px;
}

div#navigation ul li a{
font-family: 'Helvetica Neue', Helvetica, Arial;
font-size: 24px;
color: blue;
text-decoration: none;
width: auto;
display: both;
padding-left: 30px;
text-transform: lowercase;

}

div#navigation ul li a:hover{
-webkit-transition-duration: 0.1s;
letter-spacing: 2px;
font-weight: 400;
}
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:left;
	font-size:12px;
	font-weight:900;
	
	}
	
div.left-navi-blog
	{
	width:200px;
	left:0px;
	background-color:#ffffff;
        margin-top: 40px;
-webkit-border-top-left-radius: 10px;
      -moz-border-radius-topleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
      -moz-border-radius-bottomleft: 10px;
       display:table-cell;
        }
	
div.left-widget
	{
	margin-top:0px;
	width:200px;
	padding-bottom:4px;
	}
div.left-widget ul {
width: 200px;
text-align: right;
list-style-type:none;
list-style-position: outside;
list-style-image: none;
text-transform: lowercase;
font-style: italic;
}
div.left-widget ul li a{
text-align: right;
color: #0066FF;
font-family: Arial;
font-size: 13px;
font-weight:bold;
}
	
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
	{
	width:700px;
	margin-right:0;
    margin-left: 0;
	margin-top:40px;
        margin-bottom: 15px;
        background: #ffffff;
      -webkit-border-top-right-radius: 10px;
      -moz-border-radius-topright: 10px;
   -webkit-border-bottom-right-radius: 10px;
      -moz-border-radius-bottomright: 10px;
display:table-cell;
	}

div.center-start
	{
	width:985px;
	margin-right:0;
    margin-left: 0;
	margin-top:40px;
        margin-bottom: 15px;
	height: 600px;
        background: blue;
    -webkit-border-radius: 20px;
	border-radius: 20px;
-moz-border-radius: 20px;
display:table-cell;
	}

div.center-blog div {
margin-left: 30px;
margin-right: 20px;
}	
div.post-title
	{
	margin:0px;
	padding:0px;
	height:20px;
	
	
	}
span.created{
margin-top: 0px;
}
div.post-title h1 a{

color:#000000;
text-decoration: none;

}
div.post-title h1 a:hover{
color: #3D3D3D;
}
div.post-content
	{
	background-color:#FFFFFF;
	margin-top:30px;
	padding:5px;
	text-align:justify;
	margin-right: 20px;
	}
div.sidebar{

width: 150px;
}
div.post-meta
	{
	margin:0px;
	padding:4px;
	height:14px;
	margin-bottom:10px;
        width: 300px;
	}
div.post-meta a{
color:#000000;
}	
div.single-meta
	{
	border-left:#000000 1px solid;
        border-right:#000000 1px solid;
        border-bottom: #000000 1px solid;
	padding:2px;
	margin:5px;
	margin-top:10px;
	color:#202D32;
	background-color:#ce5e5e5;
	font-size:10px;
	}
	
div.main-meta
	{
	border:#ccc 1px dashed;
	padding:2px;
	margin:5px;
	margin-top:10px;
	color:#666;
	background-color:ddd;
	font-size:10px;
	}
	
div.commentblog
	{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #B9B9B9;
    width: 515px;
	margin:0;
	padding:0;
	text-align:left;
	
	}
div.commentblog strong {
        margin-left: 12px;
        margin-right: 12px;
}
div.commentblog form {
margin-left: 12px;
        margin-right: 12px;
width: 500px;
}

div.singlecommentborder
	{
	float:left;
	}
	
div.gravatorblog
	{
	float:left;
	width:70px;
	}
div.gravatorblog img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-mask-image: url(images/avatarOverlay.png);
padding: 1px;
}	
div.singlecomment
	{
	float:left;
	width:410px;
	}
	
div.right-navi-blog
	{
	width:260px;
	float:left;
	}
	
div.right-widget
	{
	margin-top:1px;
	width:255px;
	margin-top:1px;
	background-color:#000000;
	padding-bottom:4px;
	padding-right:5px;
	}
	
div.widget-header
	{
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	padding-top:3px;
	}

div.clear
	{
    clear: left;
    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;
	padding:5px;
	color:#FFFFFF;
	}
.copyright {
        font-size: 11px;
        right: 200px;
        bottom: 17px;
        position: absolute;
        margin-bottom: 0;
       
}

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

p{
margin:0px;
     }
@font-face { font-family: 'Delicious'; src: url('delicious-bold.otf'), url('delicious-bold.eot'); } 
h1,h4,h5{
color:#000000;
font-family: 'Delicious','Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 500;
}
h2{
color:#000000;
text-align: center;
font-family: 'Delicious','Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 500;
width: 700px;
}
h3{
color:#000000;
text-align: center;
font-family: 'Delicious','Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
width: 200px;
}

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

acronym, abbr {
	
	}

blockquote {
	
	}

blockquote cite {
	
	}



hr {
	
	}







blockquote{
     }
     blockquote p{
          }

code{
     }

pre{
     }

b, strong,i,em {
     }



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-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; 
      }
	  
#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:#000000; 
}
.commentblog a:link{
color:#000000; 
text-decoration:none;
}
.commentblog a:visited{
color:#333333; 
}
.commentblog a:active{
color:#3D3D3D; 
}
.commentblog a:focus{
color:#FFFFFF; 
}

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

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

body img.wp-smiley{
     }



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

.more-link{
     }

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

/*--------------------suche--------------------*/

#searchform{
     }

input#s{
     }

input#searchsubmit{
     }




/*--------------------Kommentare--------------------*/
.alt {
	 
	}

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


.nocomments {
text-align:justify;
	 
}
 
.commentlist li {
	padding:0px;
	margin:0px;
	list-style:none;
	color:#111;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(233,233,233)), color-stop(1, rgb(255,255,255)));
}
.commentlist li:first-child {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.commentlist cite, 
.commentlist cite a {
	 
	}

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

#commentform p {
	 
	}
#commentform {
  
}
.commentmetadata {
	 
	}

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

#commentform textarea {
	border:1px solid #333;
	width:480px;
        margin-left: 3px;
	}

#commentform #submit {
	 
	}

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


#wp-calendar {
	empty-cells: show;
	margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
	}

#wp-calendar #next a {
	
	}

#wp-calendar #prev a {
	
	}

#wp-calendar a {
	color: #000000;
        text-decoration: none;
        font-weight:bold;
	}

#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;
}
div.sm_buttons a:hover img{
border: 0;
padding: 0;
margin:0;
background-color: #FFFFFF;
}
.addthis_button_compact{
text-decoration:none
}
.addthis_toolbox{
margin-top: 10px;
}
img {
boder:0;
}
a img {
border: 0
}
.avatar {
margin-top: 5px;
}
#comments{
margin-left: 12px;
width: 527px;
}

#abgi {
display:none !important;
}

#tooltipContainer {
background: #222222;
color: white;
height: 21px;
border-radius: 5px;
opacity: 0.8;
border: 1px solid black;
position: absolute;

}
#tooltipCaption {
padding-top: 4px;
display: block;
text-align: center;
width: 100%;
position: relative;
}
#tooltipArrow {
	color: black;
	margin-top: -7px;
	font-size: 15px;
	display:block;
}