* {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	background: #252424 url(../images/bgsite.jpg) repeat-x top left;
}

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	font-size: 16px;
	font-weight: bold;
}

h1.IndexPageFeaturedVideoTitle { color: #0b86a8; }

p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

p.SmallText { font-size: 10px; }

p.TextAlignCenter { text-align: center; }

p.TextAlignRight { text-align: right; }

a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	text-decoration: none;
	color: #445f6d;
}

a:hover { color: #0b86a8; }

img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

img.FloatLeft { float: left; display: inline; }

img.FloatRight { float: right; display: inline; }

img.DisplayBlock { display: block; }

img.HeaderLogo {
	width: 214px;
	height: 80px;
	position: absolute;
	top: 7px;
	left: 9px;
}

img.HeaderMenuSpacer { margin-right: 24px; }

img.ImageSpacerRight { margin-right: 10px; margin-top: 10px;}

img.IndexPageNews { border: 2px solid #445f6d; }

img.IndexPageFeaturedComic { margin: 10px 0px 10px 0px; }

.bold {font-weight: bold; }
.big {font-size: 18px;}
.small {font-size: 11px; }
.smaller {font-size: 10px; }

#displayVertical{
float:left;
height:100%;
}

ul {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	border: none;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

input, select, textarea { margin: 0px 0px 0px 0px; }

.ColorWhite { color: #FFFFFF; }
.ColorBlue { color: #0A87A7; }

/***** SITE CONTAINER ******/
div.SiteContainer {
	margin: 0px 0px 0px -385px;
	padding: 0px 0px 0px 0px;
	border: none;
	float: left;
	display: inline;
	width: 770px;
	height: auto;
	position: relative;
	left: 50%;
	overflow: hidden;
}
/***** SITE CONTAINER ******/


/***** HEADER ******/
div.HeaderContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	float: left;
	display: inline;
	width: 770px;
	height: 226px;
	position: relative;
	overflow: hidden;
	background: url(../images/bgheader.jpg) no-repeat;
}

div.HeaderBanner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	float: left;
	display: inline;
	width: 728px;
	height: 90px;
	position: absolute;
	top: 92px;
	left: 21px;
	overflow: hidden;
}

div.HeaderSearch {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	float: left;
	display: inline;
	width: 250px;
	height: 30px;
	position: absolute;
	top: 60px;
	right: 21px;
	overflow: hidden;
}

div.HeaderMenu {
	margin: 0px 27px 0px 27px;
	padding: 0px 0px 0px 0px;
	border: none;
	float: left;
	display: inline;
	width: 716px;
	height: 14px;
	position: absolute;
	top: 198px;
	left: 0px;
	overflow: hidden;
}
/***** HEADER ******/


/***** CONTENT ******/
div.ContentContainer {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: none;
	float: left;
	display: inline;
	width: 750px;
	position: relative;
	overflow: hidden;
	background: #FFFFFF;
}

div.LeftContentContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	float: left;
	display: inline;
	width: 580px;
	position: relative;
	overflow: hidden;
}

div.RightContentContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	float: right;
	display: inline;
	width: 160px;
	position: relative;
	overflow: hidden;
}
/***** CONTENT ******/


/***** Footer ******/
div.FooterContainer {
	margin: 15px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #CCCCCC;
	float: left;
	display: inline;
	width: 730px;
	height: auto;
	position: relative;
	overflow: hidden;
	clear: both;
}
/***** Footer ******/