/*
Theme name: HEROES
Author: Jay & Lauren
*/

html, body {background:#000; height:100% margin:0; font: 13px Arial, Helvetica, sans-serif; color:#FFF;}

a {color:#C0C0C0; font-weight:bold;}

#wrapper {margin:auto; width:690px;}

#nav {width:100%; height:21px; margin: 30px 0 20px 0;}
#nav img {float:left; margin:0 5px; border:0;}

.meta {font-size:11px;}
.prev_next {width:400px; margin:20px auto; text-align:center;}
.prev_next a {text-decoration:none; text-transform:uppercase;}

.whitetext {color:#FFF;}

#footer {padding-top: 40px; text-align:center; font: 11px Arial, Helvetica, sans-serif; word-spacing:40px;}
#footer a {text-decoration:none; text-transform:uppercase; }
.credit {color:#FFF; word-spacing:normal; font-size:11px;}

.alignleft {float:left; margin-right:8px;}
.alignright {float:right; margin-left:8px;}

.dialog {
 position:relative;
 margin:0px auto;
 min-width:650px;
 max-width:650px; /* based on image dimensions */
 color:#fff;
 z-index:1;
 margin-left:20px; /* width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(img/gradient_bg.jpg) no-repeat top right;
 _background-image:url(img/gradient_bg.jpg);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:10px 40px 0 40px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:40px; /* top slice width */
 margin-left:0px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:40px; /* height of bottom cap/shade */
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:40px; /* bottom corner width */
 margin-left:0px;
 background-position:bottom left;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:hidden; 
}

.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}