body {
    font-family: Tahoma, sans-serif;;
    color: #333;
    background: #663333;
    }

p { 
    font-size: 0.8em;
    padding: 5px ;
    }
    
a, h1, h2 {
    color: #663333;
    }
a:hover {
    color: #333;
    }
h1 {
    font-weight: bold;
    font-size: 0.96em;
    padding: 5px;
    text-align: center;
    }
    
h2  {font-size: 0.8em;
    padding: 5px;}
    
#main {
    background:#ccc;
    width: 80%;
    margin-left: 10%;
    min-width: 620px;
    padding: 0 10px;}
    
#nav {
    background:#ccc;
    width: 80%;
    margin-left: 10%;
    min-width: 620px;
    text-align: center;
    padding: 0 10px;}
    
#linklist {
    text-align: left;
    padding: 5px 120px;}    

img {
    border: 3px solid #663333; 
    margin: 5px; 
    }
img a:hover {border: #ccc 3px solid;}

    
.alert {
    padding-left: 24px;
    background: url('icons/exclamation.png')  left no-repeat #ffffff;
    border: solid 3px #663333}
.bloglink {font-size: 0.8em;
	}
p#footer, p#counter {text-align: center; font-size: 0.7em; background: #ccc; clear: both;} 

div#right, div#left {
	background: #663333;
	height: 360px; 
	width: 49.5%;
	margin-bottom: 1em;
	color: #ccc; 
	}
div#right h2 a, div#right h2, div#left h2, div#left h2 a, div#right a.bloglink {color: #ccc; text-decoration: none;}

div#right h2 a:hover, div#left h2 a:hover, div#right a.bloglink:hover {text-decoration: underline;}

div#right {float: right; text-align: center;}
div#left {float: left; text-align: center;}

div.picbloc {width: 300px;}
div#left img:hover {border-bottom: 3px solid #ccc;}
div#left img {border: 3px solid #663333;}
div#blogposts p {font-size: 1em; line-height: 1.1em; margin: 0.1em;}
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
.flickr_www {color:#3993ff !important;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}