/*
Theme Name:Redband
Version:1.0
Author:Smartertemplates.com
Author URI:http://www.freewordpresslayouts.com
Edited by ichselbst
Website:http://www.dougegen.de/
*/

/*********
Links
*********/

a:link{text-decoration:none; color:#FC5904}

a:visited{text-decoration:none; color:#FC5904}

a:hover, {text-decoration:none; color:#000000}


/*********
Headings
*********/
h1, h2, h3, h4, h5, h6{font-weight:normal; margin:20px 0 10px}

h1{font-size:32px; margin-bottom:0px; margin-top:10px}

h2{font-size:28px}

h3{font-size:24px}

h4, h5, h6{font-size:20px}

/*********
Other Html Elements
*********/
.titles{
   font-weight:normal;
   border-bottom-width:0;
   font-size:24px;
   text-decoration:none;
   underline:none;}

.titles a:link, .titles a:visited, .titles a:active{
   text-decoration:none; 
   underline:none; 
   font-size:24px; 
   font-weight:normal; 
   border-bottom-width:0}

pre, blockquote{
   overflow:auto; 
   padding:0 10px; 
   margin:20px 30px; 
   line-height:1.8em; 
   background-color:#f5f5f5; 
   border:1px solid #e0e0e0}

pre:hover, blockquote:hover{
   background-color:#f0f0f0; 
   border:1px solid #d0d0d0}

pre{
   padding-top:10px;
   padding-bottom:10px}

code{
   color:#779900;
   font-family:Consolas,Verdana,"Courier New",Sans-Serif}

ul, ol{
   line-height:2.0em}

ul{
   list-style-image:url(images/bullet.gif)}

abbr, acronym{
   font-style:normal;
   border-bottom:1px dotted #333333;
   cursor:help}

del{
   text-decoration:line-through;
   color:#999999}

ins{
   text-decoration:none;
   color:#009977}

/*********
Structure
*********/
body{
   margin:0; 
   padding:0; 
   color:#949494; 
   background-color:#FFFFFF;
   font:normal 76% "Trebuchet MS","Lucida Grande",Verdana,Georgia,Sans-Serif}

#wrapper2{
   width:950px; 
   margin-left:auto; 
   margin-right:auto; 
   margin-top:0px}

#navigation{
   width:960px;
height:70px; 
   margin-left:auto; 
   margin-right:auto;
   margin-top:90px;
   float:right;}

#headerbg{
   background-image:url(images/headers/RandomHeader.php);
   background-repeat:no-repeat; 
   background-position:420px 10px;   
   width:970px; 
   height:150px; 
   margin-top:0px; 
   margin-right:auto; 
   margin-left:auto;}

.categories{
 width:950px; 
 height:40px; 
 background-color:#424242}

.categories ul{
 list-style-type:none;
 list-style-image:none;
 float:left bottom;
 height:30px; 
 margin:0px 0px 0px 0px}

.categories li{
 float:left}

.categories li a:link, 
.categories li a:visited
{
 float:left; 
 color:#000000; 
 display:block; 
 padding:5px 10px; 
 margin-right:1px; 
 height:25px; 
 font-size:12px; 
 margin-top:0px}

#wrapper{
   clear:both; 
   float:left; 
   width:100%; 
   color:#777777;
   margin-top:auto}

#content-wrapper{
   width:60%; 
   float:left}

#content{
   float:left; 
   padding:0 0px 20px 10px}

#sidebar-wrapper{
   width:35%; 
   float:right; 
   margin-bottom:auto}

#sidebar{
   float:right; 
   padding:0px 46px 0px 0px; 
   width:210px;
   margin-top:0px;
   }

#footer{
   clear:both; 
   float:left; 
   width:655px; 
   text-align:left; 
   padding-left:auto; 
   color:#D4D0C8; 
   font-size:11px; 
   padding-bottom:10px; 
   background-position:bottom; 
   background-repeat:no-repeat; 
   height:50px}

#footer a{
   color:#DC2E2E; 
   font-size:11px}

#footer a:visited{
   color:#DC2E2E}

#footer a:hover{
   color:#DC2E2E}

#extras{
   float:left; 
   width:780px; 
   color:#C7AA92; 
   text-align:left; 
   padding:0 10px 10px; 
   margin:10px 12px 20px; 
   background-color:#f5f5f5; 
   border-top:1px solid #e0e0e0; 
   border-bottom:1px solid #e0e0e0}

/*********
Header
*********/
#navigation h1{margin-left:auto; padding-top:5px; float:left; text-transform:lowercase; font-size:35px}
#navigation h1 a{color:#000000}

/*********
Navigation
*********/
#navigation ul{list-style-type:none; list-style-image:none; float:left; margin-top:8px; padding:0px 0px 0px 0px;}

#navigation li{float:left}

#navigation li a:link, 
#navigation li a:visited
{
float:left; 
color:#000; 
display:block; 
height:24px;
font-size:13px; 
padding:20px 10px; 
margin-right:1px; 
margin-top:4px; 
font-weight:bold; 
background-image:url(images/nav-line.gif); 
background-repeat:no-repeat; 
background-position:right}

#navigation li a:hover, 
#navigation li a:active
{
color:#4F4F4F; 
font-size:13px; 
margin-top:4px; 
background-image:url(images/nav-bg.gif);
font-weight:bold; 
background-repeat:repeat-x}

#navigation li.active a
{
color:#555555; 
background-color:#ffffff}

/*********
Wrapper
*********/
#wrapper a:link{font-weight:normal}

#wrapper a:visited{font-weight:normal}

#wrapper a:hover, #wrapper a:active{}

/*********
Content
*********/
#content .post-title a{border-bottom-width:0}

#content .post p.img{float:left; margin:0 15px 0 0}

#content .post p.img img{padding:8px; border:0px solid #d0d0d0; background-color:#eeeeee}

/*********
Sidebar
*********/
.sideblock
{
padding:5px 5px 5px 10px; 
margin-bottom:20px; 
background-color:#FFFFFF;
border:1px solid #000000;
box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;}

.post-wrapper{
padding-top:10px;
padding-right:10px;
padding-bottom:10px; 
padding-left:10px; 
margin-bottom:10px;
width:593px; 
float:left; 
background-color:#FFFFFF;
border:1px solid #000000;
box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;}

.sideblock ul{}

.sideblock h3{margin-top:5px; font-size:16px; color:#424242; padding-top:4px; padding-left:10px; font-weight:bold; display:block}

#sidebar dt{margin:0; padding-top:5px; font-weight:bold; color:#666666}

#sidebar dd{margin:0 0 5px; padding-bottom:5px; line-height:1.8em}

#sidebar dd a:link{border-bottom-width:0; font-weight:normal;  border-bottom:none; text-decoration:none}

#sidebar dd a:visited{border-bottom-width:0; font-weight:normal; border-bottom:none; text-decoration:none}

#sidebar dd a:hover, #sidebar dd a:active{border-bottom:none; text-decoration:none}

/*********
Extras
*********/
#extras h6{font-size:14px; text-transform:uppercase; color:#555555}

#friends
{
float:left; 
width:150px; 
margin-left:20px; 
margin-right:10px}

#links
{
float:left; 
width:275px; 
margin-right:50px}

#about
{
float:left; 
width:250px; 
margin-right:20px}

#friends ul{padding-left:20px}

#links dl, #links dt, #links dd{margin:0; padding:0}

#links dt{font-weight:bold; padding-top:5px}

#links dd{margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #999999}

/************
Autoren-Ding
************/

#main div#author-info {
   background: #eaeaec; padding: 10px; margin: 0 0 15px 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
   border-radius: 8px;
   overflow: auto;
}

#main div#author-info div#author-image {
   float: left; margin: 0 10px 5px 0; border: 5px solid #DCDCE1;
}

/*********
Comments Styling
*********/

#commentlist li{
margin-bottom:1.5em; 
padding-bottom:1em; 
border-bottom:1px solid #700000}

#commentform{
margin:1em 0; 
width:320px}

#commentform textarea{
background:#FFFFFF; 
border:1px solid #d6d3d3; 
width:360px;
height:120px}

#commentform textarea:hover{
background:#FFFFFF; 
border:1px solid #d6d3d3}

#commentform textarea:focus{
background:#ffffff; 
border:1px solid #939793}

#commentform #email, #commentform #author, #commentform #url{
font-size:1.1em; 
background:#FFFFFF; 
border:1px solid #d6d3d3; 
width:280px}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover{
font-size:1.1em; 
background:#ffffff; 
border:1px solid #d6d3d3; 
width:280px}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus{
font-size:1.1em; 
background:#ffffff; 
border:1px solid #939793; 
width:280px}

#commentform input{
margin-bottom:3px}

.date{
/* background:url(images/date.gif) no-repeat; */
background: #ffffff;
height:56px; 
width:56px; 
text-align:center; 
float:left; 
margin-top:15px
margin-bottom:0px;
padding: 0px;
border:1px solid #939793;}

.date .month{
display:block; 
color:#000000; 
padding:5px 0px; 
text-align:center; 
text-transform:uppercase; 
font-size:10px; 
margin-top:5px; 
font-weight:bold; 
margin-bottom:3px}

.date .day{
display:block; 
color:#000000; 
font:2em Impact; 
padding-top:0px; 
text-align:center; 
margin-top:-12px}

.recent{
width:276px; 
height:195px; 
background-color:#FFFFFF; 
border:1px solid #000000; 
padding:10px; 
float:left; 
margin-top:15px; 
margin-left:10px;
margin-bottom:15px;
box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;}

#left{
width:60px; 
float:left;}

.slogan{
font-size:12px; 
color:#c3c3c3; 
text-transform:lowercase; 
margin-left:20px; 
margin-bottom:2px; 
float:left; 
margin-top:5px}

.search_bg{
height:40px; 
width:356px; 
float:right; 
margin-right:-60px; 
margin-top:37px}

#search{
vertical-align:top; 
color:#000000; 
padding:0}

#search input{
   background:transparent; 
   font-size:11px; 
   color:#000000; 
   font-family:Tahoma,arial,verdana,courier; 
   width:150px; 
   height:22px; 
   vertical-align:middle; 
   margin:10px 0px 0 10px; 
   padding:0; 
   border:none}

#search .input{
   width:79px; 
   height:33px; 
   background:none; 
   border:none; 
   vertical-align:middle; 
   margin:0; 
   padding:0; 
   margin-left:20px}

.recent-titles{
   font-size:18px; 
   margin-left:8px; 
   color:#424242}

/*********
DINGS
*********/ 
img.alignleft, div.alignleft{
   float:left; 
   margin:0 0.5em 0.5em 0}

img.alignright, div.alignright{
   float:right; 
   margin:0 0 0.5em 0.5em}

img.aligncentered, div.aligncentered{
   text-align:center; 
   margin:0 auto}

/*********
DieEcke
*********/
a#DieEcke {
position: fixed;
bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 120px;
width: 150px;
display: block;
background-image: url(http://www.welt-aids-tag.de/media/schleifen/rote-schleife-wat_120x120.gif);
background-repeat: no-repeat;
background-position: left bottom;
right: 0px;
}
a:hover#DieEcke {
position: fixed;
/* right: 0; */
bottom: 0;
text-decoration: none;
text-indent: -999em;
height: 120px;
width: 150px;
background: url(http://www.welt-aids-tag.de/media/schleifen/rote-schleife-wat_120x120.gif) bottom right no-repeat;
display: block;
}

/*********
Captions
*********/
.aligncenter, 
div.aligncenter{
   display:block; 
   margin-right:auto   
   margin-left:auto;}

.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 p.wp-caption-text{
   font-size:11px; 
   line-height:17px; 
   padding:0 4px 5px; 
   margin:0}
/*********
End captions
*********/