/* CSS- Cascading Style Sheet chriscom */

body {
	background:#2F3E3E;
	font-family: Tahoma, Arial, Helvetica, sans-serif, Trebuchet MS;
	font-size: small;
	padding:0px;
	margin:0px;
	color: black;
	}

/* Header stuff */

#header {  
    width: 100%;
	margin-bottom: 10px;
	float: left;
	background: #B0E219 url(../res/graphics/bread.gif) repeat-x top left;
	height:30px;
    }

#header ul {
    margin-top: 3px;  
    }
    
#header ul li {
    font-size: 100%;
    display: inline;    
    }
    
#header ul li a {
    text-decoration: none;
    color: #8E2731;
    }
    
#header ul li a{
    text-decoration: none;
    }
    
#h_title {
   float: left;
   width: 200px;
   background: #B0E219 url(../res/graphics/title.gif) repeat-x top left;
   margin-left: 30px;
   height:30px;
}
    
#h_menu {
   float: right; 
   margin-right: 30px;
}

/* main content */

#new {
   position: absolute;
   top: 50px;
   left: 30px;
   background: url(../res/graphics/thingy.gif) no-repeat top left;
   width: 100px;
   height: 100px;
}

#main {  
   margin: auto;
   width: 800px;  
}

#main a {
    text-decoration: none;
    color: #8E2731;
}

#submenu {
   background: #B0E219 url(../res/graphics/submenu_bottom.gif) no-repeat bottom left;
   width: 800px;
   margin: auto;
   clear: both;
}       

#submenu a {
    text-decoration: none;
    color: #8E2731;
}

#submenu ul {
    padding-top: 5px;
    padding-bottom: 5px;
    background:  url(../res/graphics/submenu_top.gif) no-repeat top left;
    text-align: right;
    padding-right: 20px;
    }

#submenu ul li {
    margin-top: 5px;
    font-size: 100%;
    display: inline;
    }    
    
#photo-container {
   text-align: center;
}
    
#photo-container #image {
   margin: auto;
   background: #B0E219;
   padding: 2px;
   border: 1px solid #6D8C2C;
   margin-bottom: 20px;
}

#GoogleMapInfoWindow {
   background: #FFFFFF;
}

#GoogleMapThumb {
   background: #FFFFFF;
}

#pblog-bla {
    float: left;
    font-size: 100%;    
    padding-left: 15px;
}    

#pblog-bla p{
    margin-right: 250px;       
    } 
    
#pblog-comments {
    float: left;
    font-size: 90%;
}    

#pblog-comment {
    float: left;
    width: 350px;
    text-align: left;
    padding-right: 10px;
} 

 #pblog-comment {
    float: left;
    width: 380px;
    text-align: left;
    padding-right: 15px;
    }     

 #pblog-comment ul{
     list-style-type: none;
    }  

 #pblog-comment ul li{
     margin-top: 1em;
    } 

 #addcomment {
    float: left;
    width: 300px;
    text-align: left;
    padding-left: 20px;
    border-left: dotted 1px black;
    } 

/* thumb stuff */ 
 
#images {
   width: 750px;
   margin: auto;
}

 #images img {
    border: 1px solid #6D8C2C;
    margin: 1px;
    background: #B0E219;
 }

  #images h1 {
    font-size: 110%;
 }
 
#about-content {
    float: left;
    margin-left: 1em;
    }  

#about-left {
    text-align: left;
    padding-left: 6px;
    float: left;
    width: 500px;
    }   

#about-right {
    text-align: left;
    color: black;
    padding-left: 50px;
    float: left    ;
    font-size: 90%;
    }

#about-right ul li  {
    list-style-type: none;
    margin-top: 1px;
    margin-bottom: 1px;
    }

    
#about-text b {
    font-size: 110%;
    }
   
#about-text ul  {
    list-style-type: none;
    }

#about-pic {
    background: #6D8C2C;
    border: 3px;
    margin: 6px;
    }

#footer {
    clear: both;             
    padding-top: 1.5em;
    text-align: center;
    font-size: x-small;
    margin-bottom: 0.5em;
    }

.box-bottom {
    width: 800px;
    margin: auto;
    float: left; 
    background:  url(../res/graphics/submenu_bottom.gif) no-repeat bottom left;
    }  
    
.box-middle {
    width: 800px;
    float: left;
    background:  url(../res/graphics/submenu_middle.gif) repeat-y top left;
    margin-bottom: 10px;
}

.box-top {
    width: 800px;
    height: 10px;
    background:  url(../res/graphics/submenu_top.gif) no-repeat top left;
}