/*
Theme Name: Angry Vinnie
Theme URI: http://vinceautmorire.mu.nu/
Author: Apothegm Designs 
Author URI: http://apothegmdesigns.com/
*/

body {
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0; }

body { text-align: center; } /* center on ie */
a img { border: 0; }
img { border: 0; }

#alpha a 	{ color: #c50000; text-decoration: none; font-weight: bold; line-height: 1.5em;}
#alpha a:link	{ color: #c50000; text-decoration: none; font-weight: bold;}
#alpha a:visited	{ color: #950000; text-decoration: none; font-weight: bold;}
#alpha a:active	{ color: #c50000; text-decoration: none; font-weight: bold;}
#alpha a:hover	{ color: #950000; font-weight: bold; text-decoration: overline underline; }

#beta a 	{ color: #a50000; text-decoration: none; font-weight: bold;}
#beta a:link	{ color: #a50000; text-decoration: none; font-weight: bold;}
#beta a:visited	{ color: #a50000; text-decoration: none; font-weight: bold;}
#beta a:active	{ color: #a50000; text-decoration: none; font-weight: bold;}
#beta a:hover	{ color: #111; font-weight: bold; text-decoration: overline underline; }

#gamma a 	{ color: #c50000; text-decoration: none; font-weight: bold; line-height: 1.5em;}
#gamma a:link	{ color: #c50000; text-decoration: none; font-weight: bold;}
#gamma a:visited	{ color: #950000; text-decoration: none; font-weight: bold;}
#gamma a:active	{ color: #c50000; text-decoration: none; font-weight: bold;}
#gamma a:hover	{ color: #950000; font-weight: bold; text-decoration: overline underline; }

h1, h2, h3 {
font-family:trebuchet ms, verdana, sans-serif;
margin: 0px;
padding: 0px; }

/* page layout */

body { text-align: center; font-family: Verdana, Arial, Helvetica, Sans-serif; 
font-size: 12px; line-height: 130%;  background-color: #090000;  }

#container { width: 100%; margin: 0 auto; text-align: left; position: relative; 
margin: 0 auto; /* center on everything else */ }

#header { position: relative; height: 320px; margin-top: 0px;  color:#ddd;
height:400px; background:  url(build/banner_1.jpg) no-repeat center top; }

#header a, a:hover { text-decoration:none; border:0px; }

.description { font-family:trebuchet ms, verdana, sans-serif; color: #fff;
font-size: 11px; text-align:center; text-transform: none;	}

#wrap { width: 100%; margin: 0px auto; position: relative; }

#alpha { width: 210px; display: block; text-align: left; 
top: -50px; left:5px;  padding: 0px; overflow: hidden;
z-index:2; position: absolute;
background-color:#000; border:2px solid #E5E5E5;
border-left:5px solid #8F8F8F; border-bottom:5px solid #222;  }

#beta { width: auto; display: block; color: #000000; top: 0px; 
z-index:1; position:absolute; 
right:225px; left:225px; background:#eee;
margin-bottom:20px; overflow:hidden; top: 0px;
border:2px solid #E5E5E5; border-left:3px solid #8F8F8F;
border-right:3px solid #8F8F8F; border-bottom:5px solid #003; }

#gamma { width: 210px; display: block; position: absolute;  overflow: hidden;
z-index: 3; right: 5px;  margin-top: -50px; background-color:#000;
border:2px solid #E5E5E5; border-right:5px solid #8F8F8F; border-bottom:5px solid #222; }

#alpha, #beta, #gama {
display: inline; /* ie win bugfix */
min-height: 1px; }	

#alpha .left { font-family:trebuchet ms, verdana, sans-serif; font-size:11px;
color:#FFFFFF; line-height:140%; margin-bottom: 15px;
padding-top:2px;  }
#alpha .left ul { padding-left: 8px; margin: 0px; }
#alpha .left ul li { margin-left:12px; text-align: left; list-style: url(build/side_list1.gif);
line-height: 1.5em; border-bottom:1px dashed #777; }
#alpha .left ul li: hover {  text-align: left; list-style: url(build/side_list2.gif); }
#alpha .left h2 { height:30px; text-align:center; text-transform:uppercase;
font-family:trebuchet ms, verdana, sans-serif; font-size:11px; color: #ddd;
font-weight:bold; letter-spacing: 1px; padding-top:8px; padding-left:3px;
padding-right:3px; padding-bottom:5px; margin-bottom: 5px;
background: url(build/side_title.gif) repeat-x top; }	

#alpha #searchform { margin: 0px; padding: 0px; }
#alpha #searchform input { width: 150px; border: 1px solid #FFFFFF; }
#alpha #searchform #go { width: 30px; }
#alpha select { width: 180px; }
#alpha option { width: 180px; }

#gamma .right { font-family:trebuchet ms, verdana, sans-serif; font-size:11px;
color:#FFFFFF; line-height:140%; margin-bottom: 15px; padding-top:2px;  }

#gamma .right ul { padding-left: 9px; margin: 0px; }
#gamma .right ul li { margin-left:12px; text-align: left; list-style: url(build/side_list1.gif);
line-height: 1.5em; border-bottom:1px dashed #777; }
#gamma .right ul li: hover { text-align: left;  list-style: url(build/side_list2.gif); }
#gamma .right h2 { height: 30px; text-align: center; text-transform: uppercase;
font-family: trebuchet ms, verdana, sans-serif; font-size: 11px; color: #ddd;
font-weight:bold; letter-spacing: 1px; padding-top:8px; padding-bottom:5px; 
margin-bottom: 5px; background: url(build/side_title.gif) repeat-x top }

#gamma #searchform { margin: 0px; padding: 0px; }
#gamma #searchform input { width: 150px; border: 1px solid #FFFFFF; }
#gamma #searchform #go { width: 30px; }
#gamma .select { width: 180px; }
#gamma .option { width: 180px; list-style: none; }

/* ---------------POST-------------------*/

.blog { margin-left: 10px; margin-right: 10px; 
padding-top: 15px; padding-bottom: 15px; overflow: hidden; }

.storydate { 
text-align: right; font-family:trebuchet ms, verdana, sans-serif; color: #333;
font-size: 16px; font-weight:bold; margin-bottom:10px; margin-right:1px; margin-left:1px;
padding-left:10px; padding-top: 2px; border-top:2px solid; border-left:2px solid; }
 
h3.storytitle a:link, h3.storytitle a:visited {  
font-family: trebuchet ms, verdana, sans-serif;  	
font-size: 18px; font-weight:bold; color: #A50000; padding: 3px;
text-align: left; text-decoration: none; font-variant: small-caps;  }

h3.storytitle a:hover { color: #111; font-variant: small-caps; font-size: 18px; }

.metadata { font-size: 12px; text-align: center; color: #000000; 
font-family:trebuchet ms, verdana, sans-serif;
margin-bottom:15px; border-bottom: 1px solid; }

.feedback { align: center; padding: 3px; margin-bottom: 5px; }

.storycontent { font-family:trebuchet ms, verdana, sans-serif; font-size: 14px;
font-weight:normal; color:#333333; line-height: 130%;
padding-right: 5px; padding-left: 5px; overflow:hidden; }

#archive_content { z-index:2; position:absolute;  right:12px; 
left:12px; margin-bottom:20px; border:2px solid #555;     }	

blockquote { font-size: 12px; border: 1px solid #000000; color: #000000;
font-family:trebuchet ms, verdana, sans-serif; background: #ddd;
margin: 9px 12px 10px 12px; padding: 9px 12px 10px 12px;  }

h4 { font-size: 18px; font-weight: normal; }

/* comments */

.copyright { font-size: 10px; text-align: left; }

#comment  { color: #333333; text-align: left; border-top: 2px dotted #333333; }

.commentauthor { text-align: left; border-bottom: 1px solid #333333; margin-top: 5px; }

.commentshead { color: #000000; font-size: 15px; line-height: 140%; 
font-family: Georgia, Times, Times New Roman, serif; text-align: left; margin-top: 30px; }

.commentstext   { 
font-family:trebuchet ms, verdana, sans-serif; color:#666666; font-size:12px;
font-weight:normal; text-align: left; line-height: 115%;
padding:0px 10px 10px 10px; margin-top: 5px;	 }

.commentsmetadata { color: #333333; font-size: 11px; border: 0px;  text-align: left; 
font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 115%; }

#commentform input {width: 300px; color: #333333; font-size: 11px; padding: 2px;
font-family: verdana, arial, sans-serif; margin: 2px 0px 2px 0px; text-align: left; 	}

#commentform textarea { width: 400px; padding: 2px; border: 1px solid #000000;
color: #333333; text-align: left; font-size: 11px; font-family: verdana, arial, sans-serif; }

#commentform #submit { margin: 0px; text-align: center;  color: black;  }

.nocomments { text-align: right; margin: 0; padding: 0; }

/* Begin Images */

p img { padding: 0; max-width: 100%; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.bgimg { position: absolute; top: 0px; left: 0px; }

/* standard helper classes */

.clr { clear: both; overflow: hidden; width: 1px; height: 1px; font-size: none;
margin: 0 -1px -1px 0; border: 0; padding: 0; line-height: 0%; }

#foot { clear: both; height: 10px; }

.post { margin: 0px; padding-bottom: 20px; line-height: 20px; }
.postfoot { font-size: 10px; text-align: right; line-height: normal; padding-top: 10px; padding-right: 30px;  }
.pagefoot { font-size: 10px; text-align: right; line-height: normal; padding-top: 15px; padding-right: 30px; padding-bottom: 10px;  }