ThreeColumn CSS ändern

/*   
Theme Name: ThreeColumn
Theme URI: http://www.golod.com/threecolumn/
Description: Basic three column CSS layout
Author: Jason Golod
Author URI: http://www.golod.com/
Version: 1.0
.
General comments/License Statement
##  Please Read ##


Use of this template is free of charge provided the footer links and message located between the comment tags are left intact 
and unmondified.
.
*/


body
    {
    background-color: #ECECDF;
    margin:0;
    padding:0;
}


#container
        { 
        width: 775px;
        margin: 10px auto;
        background-color: #fff;
        color: #333;
        border: 1px solid gray;
}
 
#header
        {
        padding:0 10px;
        border-bottom: 1px solid #000;
    background: url('images/logo.jpg');
    background-repeat: no-repeat;
    background-position: left;
    text-align: right;
    height:100px;
}


//
// For a navigation bar under the header insert this code into the header.php file //
//  <div id="navcontainer">
//                <ul id="navlist">
//                <li><a href="/">Home</a></li>
//                <?php wp_list_pages('title_li='); ?></ul>
//</div>
//




#leftnav
        {
        float: left;
        width: 160px;
        margin: 0;   
        padding: 0;
    font-family:Verdana,Arial;
}
 
.pageitem
    {
    font-size: 0.8em;
}




#rightnav
{
        float: right;
        width: 120px;
        margin: 0;   
        padding: 0;
}
 
#content
{
        margin-left: 161px;
        border-left: 1px solid gray;
        margin-right: 121px;
        border-right: 1px solid gray;
        padding: 10px;
    min-height: 500px;
}


.entry    {
        color: #333;
        text-align: left;
        letter-spacing: normal;
}
 
#footer
        {
        clear: both;
        margin: 0;
    padding:5px;
        color: #333;  
        border-top: 1px solid gray;
}




// CSS //


body {
    margin:0;
    padding:0;
    background:#F2F2E9 url('img/shadow_background.png') repeat-y left;
    font-size: 0.7em;
    font-family: Verdana, Arial;
}


#header h1
    {
    padding:10px;
    margin:0;
}


#header h1 a 
    {
    text-decoration:none;
    color:#991717;
    background:none;
    font-family: Verdana, Arial;
    font-size: 20px;
}


h1, h2, h3 {
    font-family: Verdana, Arial;
    font-size:1.2em;
}


textarea 
    {
    width:90%;
}


li 
    {
    padding:0.3em 0;
    margin:0;
}


blockquote
    {
    background: #EEE url(img/blockquote.png) no-repeat bottom left;
    /*border: 1px solid #E0E0E0;*/
    padding: 10px;
    padding-bottom: 40px;
    margin: 1em;
}


img {
    margin: 0;
    padding: 0;
    border: 0;
    }


a    {
    text-decoration:none;border:none;background:transparent
}


a:link    {
    color: #666600;
}


a:visited    {
    color: #666600;
}


a:hover, a:active    { 
    color:#991717;
} 


#sidebar 
    {
    float:left;
    margin:10px 0;
    width:180px;
    display:inline;
    font-size:90%;    
}    


h2.post 
    {
    margin: 0;    
    text-align: right;
    padding: 0.5em 1em 0 0;
    color: #706A3F;
    border-bottom:#ccc 1px solid;
    font-size: 0.8em;    
}


#sidebar li 
    {
    margin:0 0 0 5px;
    padding:0;
}


#sidebar ul
    {
    margin:0;
    padding:0;
    list-style:none;
}


#sidebar a 
    {
    text-decoration:none;
    display:block;
    color:#666600;
}


#sidebar a:hover 
    {
    text-decoration:none;
    display:block;
    color:#991717;
}


#footer p 
    {
    text-align:center;
    font-size:10px;
}


#content h3, .post-title {
    margin: 1em 0 0.3em 0;
    padding:5px 0;    
    letter-spacing: 0.09em;
    font-weight: normal;
    color: #666600;        
    border-bottom:#ccc 1px dashed;
}




#content h2, #content h3 
    {
    font-size:1.1em;
}


#content p 
    {
    font-family:Verdana,Arial;
    font-size: 0.9em;
    color: #333;
    margin:10px 0 10px 0;
}




#content .title a
    {
    text-decoration:none;
    border:none;
    color:#360;
}


.day-date 
    {
    margin:0;
    padding:0;
    font-weight:bold;
}


.post 
    {
    margin:0;
    padding:1em 0;
}


.post-info-co 
    {
    margin: 15px 0;
    padding:0;
    font-size: 0.9em;
    font-family:Verdana, Arial;
    color: #666;
    border-top:#ccc 1px dashed;
}


#sidebar h2 
    {
    margin: 10px 0 0 0;
    font-size:1em;
    letter-spacing: 0.09em;
    font-weight: bold;
    color: #000;    
    text-transform:uppercase;
}


#sidebar img 
    {
    border:#ccc 1px solid;
    padding:3px;
}


.spacer 
    {
    clear: both;
}


#content ul li 
    {
    line-height: 120%;
    background:transparent url('img/simplearrow.png') left top no-repeat;
    margin:0.5em 0;
    padding:0 1.5em;    
    list-style:none;
    font-size:1em;
}


hr {
    display:none;
}


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


.commentlist li 
    {
    margin:0.5em 0 0 1.5em;
    padding:0 0.5em;
    border:#ccc 1px solid;
}


.commentlist .graybox
    {
    background:#F3F5CC;
}


input[type="text"], textarea
    {
    background:#F2F2E9;
    border:#ccc 1px solid;
}


.feedback    {
    padding-top:10px;
    padding-right:10px;
}


.link-comment    {
    background:url('img/ico-talk-act.gif') no-repeat left;
    padding-left:15px;
}


.link-comment-off    {
    background:url('img/ico-talk.gif') no-repeat left;
    padding-left:15px;
}


.pauthor, .ptime, .pcat
    {
    padding:10px;
    font-size:90%;
}


.pauthor
    {
    background:url('img/user.png') no-repeat left;
    padding-left:15px;
}


.ptime
    {
    background:url('img/time.gif') no-repeat left;
    padding-left:12px;
}


.pcat
    {
    background:url('img/sstar.png') no-repeat left;
    padding-left:15px;
}


.alt 
    {
    background:#F2F2E9;
}




// Top Navigation //


#navcontainer
    {
    background-color: #1F00CA;
    width:90%;
}


#navcontainer ul
    {
    font-family:Verdana,Arial;
    font-weight: bold;
    background: #ddd;
    color: #000;
    margin: 0;
    padding-bottom: 4px;
    padding-top: 5px;
    border-bottom: 1px solid gray;
}


#navcontainer li
    {
    text-align: center;
}


#navcontainer ul li
    {
    display: inline;
    margin-left: -4px;
}


#navcontainer ul li a
    {
    padding: 5px 10px 5px 10px;
    color: #000;
    text-decoration: none;
    border-right: 1px solid gray;
}


#navcontainer ul li a:hover
    {
    background-color: #16008D;
    color: white;
}