body,
html {
margin:0;
padding:0;
background:#9cf url(http://www.drunkduck.com/Growth/gfx/growth_bg.jpg) fixed repeat;
color:#000;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:0.85em;	
height:100%;
}

body { min-width:800px;	}

#wrap {
background:#000 url(http://www.drunkduck.com/Growth/gfx/wrap_bg.gif) repeat;
color:#9cf;
margin:0 auto;
width:800px;
height:100%;
height:auto !important;
min-height:100%;
}

#main {
background:transparent;
float:left;
width:390px;
padding:5px 10px 5px 20px;
}

#comicmain {
background:transparent;
padding:0 15px 0 15px;
float:left;
width:250px;
margin:0 auto;
text-align:center;
color:#9cf;
}

#main h3, #sidebar h3, #comicmain h3, #comicfooter h3, .blog h3 {
font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
text-transform: uppercase;
font-weight:bold;
font-size:1.6em;
padding:0;
}

h4 {
font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
text-transform: uppercase;
font-weight:bold;
font-size:1.2em;
padding:0;
}

img.bordered {
border:4px solid #9cf;
padding:0;
}

img.plain {
border:0;
padding:0;
}

#sidebar {
background:transparent;
padding:5px 10px 5px 0px;
float:right;
width:370px;
text-align:center;
}

#sidebar img { margin:0 auto; }

#footer {
clear:both;
background:transparent;
width:800px;
text-align:center;
font-size:0.9em;	
bottom:0;	
}

a {color:#9cf; text-decoration:none; font-weight:bold;}
a:hover {color:#fff; text-decoration:underline;}
a:visited {color:#69c;}

#search1 {
color:#9cf;
background-color:#000;
border:0;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:1em;
text-align:center;
}		

#search2 {
color:#000;
background-color:#9cf;
border:0;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
text-align:center;
}	

#search3 {
color:#9cf;
background-color:#666;
border:1px solid #333;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-size:1em;
text-align:center;
padding:3px;
width:150px;
}

.center {
text-align:center;
letter-spacing: 1.5px;
text-transform: uppercase;
font-weight:bold;
}  

#comicfooter {
clear:both;
background:transparent;
width:760px;
padding:0px 20px 0px 20px;
}

#comicfooter img {
border:0;
padding:0;
margin:3px 15px 0px 3px;
}  

#comic {
background:transparent;
padding:0 20px 0 0;
float:right;
width:500px;
text-align:center;
}

#comic img {
margin:0px auto;
border:0;
}

.centered {
text-align:center;
margin:0 auto;
padding:0px;
}	

#navcontainer {
border:0;
padding:3px;
background:transparent;
font-weight:bold;
font-size:1.2em;
font-variant:small-caps;
letter-spacing:1.5px;	
color:#9cf;
width:300px;
text-align:left;
float:right;
}

#navlist {
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li { padding-left: 10px; }

#navlist ul { list-style: none; font-weight:normal; }  

table.tabled {
border-right: 2px solid #666;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
margin:0 auto;
width:500px;
}

th.tabled {
color: #000;
background: #9BB1C6;
border-right: 1px solid #666;
border-left: 1px solid #666;
border-bottom: 2px solid #666;
border-top:2px solid #666;
letter-spacing: 1.5px;
text-transform: uppercase;
text-align: center;
padding: 5px;
}

td.tabled {
color: #9cf;
background: #000;
border-left: 1px solid #666;
border-bottom: 1px solid #666;	
text-align: center;
padding: 3px;
}

td.paginator {
color: #9cf;
background: #666;
border-left: 1px solid #666;
border-bottom: 1px solid #666;	
text-align: center;
padding: 3px;
}

.blog_img {
padding:5px 5px 0px 5px;
width:100px;
height:100px;
float:left;
text-align:center;
margin:0 auto;
}

.timestamp { font-style:oblique; font-size:0.9em; }

.right { text-align:right; }

.black { color:#000;	}

.left { 
text-align:left;
padding:2px 10px 3px 10px;
}

#display {
margin:0 auto;
border:0; 
}

.scenery { color:#5f5; }
.scenery_bracket { color:#0a0; }
.speaker { color:#ff5; }
.speaker_bracket {color:#a50;}
.effect { color:#5ff; }
.effect_bracket { color:#0aa; }
.meta { color:#f5f; }
.meta_bracket { color:#a0a; }
.thumbnail { padding:15px; border:0; float:right; clear:both; }