* {
	padding:0;
	margin: 0;
}
.float_left {
	float: left !important;
}
.float_right {
	float: right !important;
}
.clear_both {
	clear: both !important;
}
.no_margin {
	margin-bottom: 0 !important;
}
h1#hidden span {
	display: none;
}
* img {
	border: 0;
}
body {
	text-align: center;
	margin: 0 auto;
	padding: 0 13px;
	background-image: url(../images/dev/fat_wallpaper.jpg);
	background-repeat: repeat;
	background-color: #FFFFFF;
}
#header {
	width: 794px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	top: 5px;
	z-index: 1;
}
.page {
	width: 794px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #000000;
	background-color: #CCCCCC;
	position: relative;
	top: 12px;
	z-index: 0;
	padding: 0px 13px 0;
	margin: 0 auto 30px auto;
}
div.nav {
	width: 766px;
	height:51px;
	margin: 0 auto 0px;
	padding: 0;
	position: relative;
	left: 1px; /* This aligns the navigation bar with the four guys image slightly better */
	z-index:2;
}
div.content {
	width: 763px;
	margin: 0 auto;
}
div.content_inner {
	text-align: left;
	width: 763px;
	margin: 0 -200px;
}
div.content_inner p {
	text-align: left;
	margin-bottom: 15px;
}
div.content_pane {
	width: 368px;
	text-align: left;
	padding: 0;
	margin: 0 auto 4px;
}
div.hp_video {
	position:absolute;
	left:280px;
	text-align: left;
	background-color: #cccccc;
	border: 2px solid #d377fe;
	padding: 6px;
	margin-bottom:15px;
}
div.content_section {
	width: 368px;
	text-align: left;
	background-color: #999999;
	border: 1px solid white;
	padding: 4px 0;
	margin-bottom: 13px;
}
div.content_section_hp {
	text-align: left;
	background-color: #999999;
	border: 1px solid white;
	padding:8px;
}
div.content_section_comic {
	position:absolute;
	left:inherit;
	top:394px;
	padding:4px;
	text-align: left;
	background-color: #999999;
	border: 1px solid white;
}
div.section_inner {
	position: relative;
	left: 4px;
}
div.footer {
	position:relative;
	text-align: center;
	margin-left: -15px;
}
ul.links {
	list-style-type: none;
	margin: 0;
	text-align: center;
	padding: 0;
}
ul.links li {
	margin-bottom: 4px;
}
div.featured_title {
	margin: 0 auto 4px;
	width: 368px;
	height: 30px;
	padding: 0;
}

/* Styles pertaining to text on the page */

.text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}
.caption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding-top:50px;
	width:400px;
}
p.text a {
	color: #e61117;
	text-decoration: none;
}
p.text a:visited {
	color: #993ebe;
	text-decoration: none;
}
p.text a:hover {
	color: #9d0615;
	text-decoration: underline;
}
p.text a:active {
	color: #f65543;
	text-decoration: underline;
}
a.selected {
	color: red;
}
/* Styles pertaining to the Woah section */

.whoa {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	font-weight:bold;
	background-color:#FFFFFF;
}
/* All the styles pertaining to Comics */



/*
      NOTE: The comic-title-background image STILL needs to be resized
      To dimensions of 360x24. Right now the image is 355x24
      Hence the 5 pixel difference between it and the featured comic title and the comic itself 
*/
div.comic_content_pane {
	width: 318px;
	text-align: left;
	padding: 0;
	margin: 0 auto 4px;
}
div.comic_featured_title {
	margin: 0 0 4px;
	width: 310px;
	height: 30px;
	padding: 0;
}
div.home_comic_featured_title {
	margin: 0 0 4px;
	width: 310px;
	height: 30px;
	padding: 0;
}
div.comic_content_section {
	width: 408px;
	text-align: left;
	background-color: #999999;
	border: 1px solid white;
	padding: 4px 0;
	margin-bottom: 13px;
}
div.comic_list_content_section {
	width: 318px;
	text-align: left;
	background-color: #999999;
	border: 1px solid white;
	padding: 4px 0;
	margin-bottom: 13px;
}
div.home_comic_title_bg {
	width: 360px;
	height: 24px;
	background-image: url(../images/dev/home-comic-title-background.jpg);
	background-repeat: no-repeat;
	background-image-position: left center;
	padding: 0;
	margin: 0 0 4px;
}
div.comic_title_bg {
	width: 400px;
	height: 24px;
	background-image: url(../images/dev/comic-title-background.jpg);
	background-repeat: no-repeat;
	background-image-position: left center;
	padding: 5px 0 0 0;
	margin: 0 0 4px;
}
.comic-title {
	padding-top: 0px; /* Centers the text in the background image */
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	text-align: center;
}
.comic-title-hp {
	padding-top: 5px; /* Centers the text in the background image */
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	text-align: center;
}
#comic-list {
	overflow-y: scroll;
	height: 190px;
	width: 299px;
	background-color: #FFFFFF;
	padding: 5px;
}

/* Stles for the AIM Presence Widget */
#myPresence {
	border:0;
	border-right:0;
	border-bottom:0;
	font:10px verdana;
	position:relative;
	width:320px;
	height:105px;
	margin: 0 auto 5px;
	padding: 0;
}
.legal {
	font-family:'Courier New', Courier, monospace;
	font-size:10px;
	padding-top:10px;
	padding-bottom:10px;
}
/* All the styles pertaining to Videos */
div.videocontainer {
	position:absolute;
	top:51px;
	left:270px;
	text-align: left;
	background-color: #999999;
	border: 1px solid white;
	width:529px;
	height:328px;
	padding:5px;
	margin:0px;
}
#video-list {
	overflow-y:scroll;
	overflow-x:hidden;
	height: 641px;
	width: 234px;
	background-color: #FFFFFF;
}
div.video {
	width: 410px;
	padding:0px;
}
div.videos {
	width: 305px;
}
#video-list a {
	display: block;
}
.videolist {
	top:540px;
	left:0px;
	margin-left:-10px;
	background-color: #999999;
	border: 1px solid white;
	padding: 4px 0;
	width:248px;
	height:651px;
}
.videolist img {
	padding:10px;
}
.caption {
	position:absolute;
	left:110px;
	top:320px;
	}

/*About page styles*/
#about_people {
	display:block;
	background-color: #CCCCCC;
	width:300px;
	float:right;
	padding-right:130px;
	padding-top:20px;
}
#about_fatawesome {
	display:block;
	padding-top:70px;
	width:760px;
}
#about_chris {
	display:none;
	width:760px;
	padding-top:70px;
}
#about_jimmy {
	display:none;
	width:760px;
	padding-top:70px;
}
#about_justin {
	display:none;
	width:760px;
	padding-top:70px;
}
#about_friends {
	display:none;
	width:760px;
	padding-top:70px;
}
a.person_link, a.person_link:visited {
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	text-decoration:none;
	padding:10px;
	color:#000000;
	text-decoration:none;
}
a.person_link:hover {
	text-decoration:underline;
}
.img {
	margin:-10px;
}