/* ----- This file was last updated on 13 January 2008. ----- */
/* ----- Tutorial files created by Enkida for use with Drunk Duck comic templates. ----- */
/* ----- CSS Code for both the COMIC and HOME pages. ----- */

html,body {
margin:0;
padding:0;
height:100%;
background:#999 url(http://www.drunkduck.com/Template_Tester/gfx/PEACHBG.JPG) fixed repeat;
color:#fff;
font-family:AnimeAce2.0BB, Helvetica, ANimeAce2.0BB;
font-weight:normal;
font-size:0.9em;    
}

body { min-width:800px;	}

#wrap {
background:#000;
margin:0 auto;
padding:0;
width:790px;
border-left:2px solid #fff;
border-right:2px solid #fff;
}

#header { 
background:#000;
margin:0 auto;
text-align:center;
}

#header img {http://www.drunkduck.com/Stupor_Mario_Bruddas_And_those_other_guys/gfx/StuporMarioBruddasLogo.PNG}
border:0px;
padding:0px;
margin:0 auto;
}

#footer {
position:relative;
width:780px;
bottom:0;   
background:#000;
color:#fff;
text-align:center;
padding:2px 5px 2px 5px;
font-family:AnimeAce2.0BB, Helvetica, AnimeAce2.0BB;
font-size:0.8em;
}

a, a:visited {
text-decoration:none;
font-weight:bold;
color:#000;
}

a:hover {
text-decoration:underline;
color:#666;
}

.centered {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:5px;
text-transform: uppercase;
}   

.right {
text-align:right;
text-transform: uppercase;
}   

h3 {
font-weight:bold;
font-family:Georgia, palatino linotype, AnimeAce2.0BB, serif;   
letter-spacing:1.5px;
text-transform:uppercase;
color:#fff;
text-align:center;
}

h4 {
font-weight:bold;
font-family:Georgia, palatino linotype, AnimeAce2.0BB, serif;   
letter-spacing:1.5px;
text-transform:uppercase;
color:#fff;
}



/* ----- CSS Code for the COMIC page only. ----- */

#main {
background:#000;
width:780px;
padding:5px;
}

#main img {
border:0;
padding:0;
}

#comic img {
border:0;
}

#navigate select {
background-color:#000;
border:1px solid #fff;
color:#fff;
font-family:AnimeAce2.0BB, Helvetica, AnimeAce2.0BB;
text-align:center;
font-size:0.9em;
}   

#comments {
width:780px;
margin:0 auto;
padding:5px;
background:#000;
border:0;
} 

.avatar_author {margin:0;padding:0;}
.avatar_commentator {margin:0;padding:0;}

#comments form {
border:0;
padding:5px;
background:#000;
color:#fff;
}   

#comments input {
background-color:#000;
border:1px solid #fff;
color:#fff;
font-family:AnimeAce2.0BB, Helvetica, AnimeAce2.0BB;
font-weight:bold;
text-transform: uppercase;
padding:0px 5px 0px 5px;
margin:10px 3px 5px 3px; 
}  

#comments textarea {
background-color:#000;
border:1px solid #fff;
color:#fff
padding:10px;
} 

#comments select {
background-color:#000;
border:1px solid #fff;
color:#fff;
font-family:AnimeAce2.0BB, Helvetica, AnimeAce2.0BB;
text-align:center;
font-size:0.8em;
font-weight:bold;
padding:0;
margin:10px 0px 0px 10px; 
}



/* ----- CSS Code for the HOME page only. ----- */

.blog_img {padding:0px 5px 0px 0px;}

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

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

.blog h4 { text-align:right; }

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

#leftcolumn {
background:#fff;
float:left;
width:380px;
padding:20px 0px 5px 10px;
}

#rightcolumn {
background:#fff;
padding:20px 5px 5px 5px;
float:right;
width:380px;
text-align:center;
}

#rightcolumn img {margin:0 auto;}

#dashboard {
clear:both;
background:#fff;
padding:5px 95px 5px 95px;
}