/*
Theme Name: PWtheme
Theme URI: http://peterwikke.dk
Author: Peter Wikke
Author URI: http://peterwikke.dk
*/

@import "style/css/reset.css";
@import "style/css/layout.css";

/* BODY */

		body {
		background: #000 url(images/bg.jpg) top center no-repeat;
		font: 12px/20px Calibri, Arial, Verdana, sans-serif;
		}
		
		a:link { color: #4b6300; }
		a:visited { color: #4b6300; }
		a:hover { color: #666666;}
		a:active { color: #666666; }
		
		h1 {
			font-family: "Bookman Old Style", Georgia, serif;
			font-size: 24px; 
			font-weight: bold; 
			line-height: 30px; 
			color:#000; 
		}
		
		h2 {
			font-size: 14px; 
			line-height: 24px; 
			color:#fff;
			font-weight: bold;
		}
		
		h3 {
			font-size: 11px; 
			font-weight:normal; 
			color:#7d7d6a;
		}

		h4 {
			font-size: 14px; 
			line-height: 24px; 
			color:#70aad6;
			font-weight: bold;
			padding-top: 0px;
			padding-bottom: 3px;
		}
        
        .img-frame {
            border: 1px solid #666666;
            margin:20px;
            padding:10px;
        }

/* HEADER */
		
		#page-wrapper{
			width: 960px;
			margin: 0 auto;
		}
        
        #mugshot{
            width: 281px;
            height: 284px;
            background: url(images/mugshot.png) top left no-repeat;
            position: absolute;
            top: 0px;
            right: -20px;
            z-index: 99;
        }
        
        #header {
            width: 960px;
            height: 157px;
        }
		
 
		#header #logo h1.branding  a{
			width: 271px;
			height: 33px;
			display: block;
			position: absolute;
			top: 32px;
			left: 0px;
			background: url(images/logo.png) top left no-repeat;
			text-indent: -9999px;
		}
        #header #logo p{
            color: #fff;
            font-weight: bold;
            position: absolute;
            top: 74px;
            left: 0px;
        }
        
        #header #nav ul {
            width: 960px;
            height: 23px;
            padding-top: 2px;
            background: #000;
            position: absolute;
            top: 132px;
            left: 0px;
        }
        
        #header #nav ul li {
            padding: 20px;
            display: inline;
        }
        
        #header #nav ul li a{
          text-decoration: none;
          text-transform: uppercase;
          color:#fff;
          font-weight: bold;
        }
        
        #header #nav ul li a:hover{
          color:#b9c09b;
        }

/* CONTENT */

        #content {
          background: url(images/bg-content.gif) top left repeat-y;
          padding: 0 0 40px 40px;
        }
        
        #content #main {
         width: 635px;
         float: left;
         padding-right: 35px;
        }
        
        #content #main .post h1{
          padding-top: 50px;  
          padding-bottom: 5px;
        }
        
        #content #main .post p{
          padding-bottom: 5px;  
        }
        
        #content #main .post .written{
          color: #98a17b;  
        }
        
        #content #main h1 a{
          color: #000;
          text-decoration: none;
        }
        
        #content #main h1 a:hover{
          color:#b9c09b;
        }
        
        #content #sidebar {
          width: 215px;
          float: left;
          padding: 120px 10px 10px 10px;
        }
        
        #content #sidebar #comment{
           background: url(images/bg-content.gif) top left repeat-y;   
        }