Bilder rechts einbinden

/*
Theme Name: Handgloves
Theme URI: [URL]http://handgloves.co.uk/[/URL]
Description: A clean theme that uses whites, greys & helvetica. Now with theme options in a back-end admin panel. V1.1 co-developed with the super talented <a href="http://jeremy.infinicastonline.com/">Jeremy Boyd</a>
Version: 1.1
Author: George Wiscombe
Author URI: [URL]http://www.georgewiscombe.com[/URL]
Tags: two columns, clean, white, grey, helvetica, jquery


Handgloves is a clean theme that uses whites, greys & helvetica. It is built ready for Flickr & Twitter and uses jQuery to make the magic happen. 


*/




@import url('css/structure.css');
@import url('css/header.css');
@import url('css/navigation.css');
@import url('css/post.css');
@import url('css/sidebar.css');
@import url('css/comments.css');




body {
background:#eceae8  url(css/images/background.png) top center;
font-family:Helvetica, Arial, sans-serif;
color:#2a2a2a;
font-size: 62.5%; /* Resets 1em to 10px */
margin:0;
}


.download-handgloves {
width: 250px;
height: 100px;
margin: 40px 180px 50px 180px;
float: left;
background: #fff url(css/images/download.png) top left no-repeat;
}

/*-------------------------------------------------------------


                        Post


------------------------------------------------------------*/


.post {
float:left;
width:615px;
margin:20px 24px 28px 24px;
}


.post img {
float:left;
border:3px solid #dfdede;
margin:0 0 15px 0;
}




.post p {
font-size:1.3em;
line-height:1.3em;
}


.post h3 {
font-size:15px;
letter-spacing:-0.01em;
margin:20px 0 0 0;
}


.post-wrap .post ul {
font-size: 13px;
padding: 10px 20px;
margin: 0 0 0 20px;
float: left;
width: 615px;
color: #2a2a2a;
}


    .post-wrap .post ul li {
    padding: 5px 10px 5px 15px;
    clear: left;
    float: left;
    font-weight: bold;
    background: url(images/templates/bullet.png) center left no-repeat;
    }


.post-header {
float:left;    
width:615px;
margin-bottom:25px;
padding-bottom:13px;
border-bottom:4px solid #dfdede;
}


    .post-header h2 {
    font-size:40px;
    line-height:44px;
    letter-spacing:-1px;
    margin:0;
    width:400px;
    }


        .post-header h2 a {text-decoration:none;}
        .post-header h2 a:hover {text-decoration:underline;}
        
    
    .post-header p {
    width:200px;
    font-size:1em;
    margin-top:8px;
    float:right;
    line-height:15px;
    text-align:right;
    }
    
    .meta {
    float:left;
    width:615px;
    font-weight:bold;
    margin-top:10px;
    border-bottom:2px solid #dfdede
    }
    
        .meta .meta-comments {float:right}
    
    .meta p {
    margin-top:5px;    
    }
    
    .meta a {
    background:#cae0da;
    text-decoration:none;
    font-size:13px;
    letter-spacing:-0.01em;
    padding:4px 6px 3px 6px;
    }
    
    .meta a:hover {
    background:#2a2a2a;
    color:#fff;
    }
    
    
/* posts nav */


#post-nav-wrap {
float:left; 
width:920px; 
background-color:#fff; 
font-size:13px; 
padding:0px 20px; 
color:#2e2e2e; 
border-top:1px solid #ece8e6;
}


#post-nav-wrap .post-nav {
float:left; 
width:120px; 
margin:7px 0; 
font-weight:bold;
}


    #post-nav-wrap .post-nav a {
    text-decoration: none;
    }


.post-nav-newer {
background: url(images/arrow-left.gif) center left no-repeat;
padding-left: 15px;
}


.post-nav-newer, .post-nav-older  { text-decoration:none; }
.post-nav-newer:hover, .post-nav-older:hover { color: #000; }


.post-nav-older {
background: url(images/arrow-right.gif) center right no-repeat;
text-align: right;
padding-right: 15px;
}


#post-nav-wrap .info {
float:left; 
width:390px; 
text-align:center; 
margin:7px 0; 
color:#ccc;
}