/* Main */
body {
	margin:0;
	background:url("design/back.png");
	color:#2e2e2e;
	font-family:Arial, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	line-height:190%;
}
a {
	color:#000000;
}
a:hover {
	color:#001100;
}
acronym {
	cursor:help;
}
ul {
	margin:10px 0 10px 15px;
	padding:0px;
}
li {
	margin:0 0 5px 0;
}

h1 {
	-moz-transform:rotate(-1deg);
	-webkit-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
}
h1 span {
	display:none;
}
h1#home {
	background:url("design/titles/home.png") no-repeat;
	width:126px;
	height:40px;
}
h1#americandad {
	background:url("design/titles/americandad.png") no-repeat;
	width:330px;
	height:40px;
}
h1#episodes {
	background:url("design/titles/episodes.png") no-repeat;
	width:198px;
	height:50px;
}
h1#characters {
	background:url("design/titles/characters.png") no-repeat;
	width:246px;
	height:40px;
}
h1#quotes {
	background:url("design/titles/quotes.png") no-repeat;
	width:162px;
	height:50px;
}
h1#images {
	background:url("design/titles/images.png") no-repeat;
	width:148px;
	height:50px;
}
h1#downloads {
	background:url("design/titles/downloads.png") no-repeat;
	width:249px;
	height:40px;
}
h1#links {
	background:url("design/titles/links.png") no-repeat;
	width:114px;
	height:40px;
}
h1#affiliates {
	background:url("design/titles/affiliates.png") no-repeat;
	width:219px;
	height:40px;
}
h1#about {
	background:url("design/titles/about.png") no-repeat;
	width:145px;
	height:40px;
}
h1#codes {
	background:url("design/titles/codes.png") no-repeat;
	width:143px;
	height:40px;
}
h1#rules {
	background:url("design/titles/rules.png") no-repeat;
	width:115px;
	height:40px;
}
h1#join {
	background:url("design/titles/join.png") no-repeat;
	width:91px;
	height:50px;
}
h1#fans {
	background:url("design/titles/fans.png") no-repeat;
	width:95px;
	height:40px;
}
h1#update {
	background:url("design/titles/update.png") no-repeat;
	width:267px;
	height:50px;
}

/* Layout */
#container {
	background:url("design/ad.jpg") no-repeat;
	padding-top:600px;
	width:950px;
}
#header a strong {
	display:none;
}
#content {
	
}
#side {
	float:left;
	width:210px;
	font-size:12px;
	margin:0 10px 0 0;
}
#maintext {
	float:left;
	width:680px;
}
ul {
	text-align:left;
	margin:0;
	padding:0;
}
ul.links li {
	margin:3px 0 3px 0;
	padding:2px;
	list-style-type:none;
}
ul.links li a, ul.links li#current {
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	text-align:center;
	margin:auto;
	width:150px;
}
ul.links li a {
	display:block;
	text-decoration:none;
	background:url("design/linkback.png");
}
ul.links li a:hover {
	color:#295A85;
}
ul.links li#current {
	font-weight:bold;
	background-color:#ECECEC;
}
#footer {
	clear:both;
	text-align:center;
	font-size:9px;
	font-style:italic;
	background:url("design/foot.png") bottom left no-repeat;
	height:127px;
	padding-left:185px;
}
#footer p {
	padding-top:75px;
}
#footer p span {
	background:url("design/footback.png");
	padding:0 1px 1px 2px;
	color:#CBCBCB;
}
#footer p a {
	text-decoration:none;
	color:#26405b;
}
#footer p a:hover {
	color:#FFFFFF;
}

ul.piclist {
	padding:0;
	margin:0;
}
ul.piclist li {
	float:left;
	list-style:none;
	width:60px;
	padding:4px;
}
ul.piclist li a {
	text-decoration:none;
}
ul.piclist li a img {
	border:2px solid #C34338;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
ul.piclist li a:hover img {
	border-color:#0E5088;
}

a img.pic {
	border:2px solid #C34338;
	margin:2px;
}
a:hover img.pic {
	border-color:#306A9C;
}

/* Heading */
h1, h2, h3 {
	padding:0;
	letter-spacing:3px;
	text-transform:uppercase;
}
h1 {
	margin:0 0 10px 0px;
	color:#000000;
	font-size:35px;
}
h2 {
	margin:15px 0px 15px 0px;
	color:#306A9C;
	font-size:20px;
	border-bottom:1px dashed #306A9C;
}
h3 {
	margin:15px 0px 15px 0px;
	color:#A12F2F;
	font-size:18px;
	border-bottom:1px dashed #A12F2F;
}
h4 {
	margin:15px 0px 15px 0px;
	color:#A4A4A4;
	font-size:14px;
}
h3.inline {
	border-bottom:none;
	font-size:12px;
}

/* Extra */
.nodisplay {
	display:none;
}
.noborder {
	border:none;
}
.inline {
	display:inline;
}
.float {
	float:left;
	padding:2px;
	margin:2px 10px 2px 2px;
}
.wallpaper {
	float:left;
	margin:0px 10px 15px 0px;
	text-align:center;
}
.float img, .wallpaper img {
	border:2px solid #C34338;
}
.clear {
	clear:both;
}
.space {
	clear:both;
	height:40px;
}
.strike {
	text-decoration:line-through;
}
.highlight {
	background-color:#306A9C;
	color:#FFFFFF;
	padding:1px 2px 1px 2px;
	text-align:center;
}
.volone {
	background-color:#FF796F;
}
.voltwo {
	background-color:#FFB675;
}
.volthree {
	background-color:#f0ff6f;
}
.volfour {
	background-color:#7EFF64;
}
.volfive {
	background-color:#83A0FF;
}
.volsix {
	background-color:#A68AFF;
}
.volone, .voltwo, .volthree, .volfour, .volfive, .volsix {
	padding:1px 2px 1px 2px;
}
.char {
	background-color:#226A94;
	color:#7eb8d9;
	border:4px solid #7eb8d9;
	padding:20px;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}
.char h2 span {
	display:none;
}
.char img {
	float:left;
	margin-right:10px;
	border:2px solid #C34338;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
h2#stan {
	background:url("design/titles/stan.png") no-repeat;
	width:209px;
	height:36px;
}
h2#francine {
	background:url("design/titles/francine.png") no-repeat;
	width:292px;
	height:36px;
}
h2#hayley {
	background:url("design/titles/hayley.png") no-repeat;
	width:253px;
	height:45px;
}
h2#steve {
	background:url("design/titles/steve.png") no-repeat;
	width:240px;
	height:36px;
}
h2#klaus {
	background:url("design/titles/klaus.png") no-repeat;
	width:102px;
	height:36px;
}
h2#roger {
	background:url("design/titles/roger.png") no-repeat;
	width:117px;
	height:45px;
}
.text {
	margin:10px 0px 10px 0px;
	padding:10px;
	background-color:#E4E4E4;
}
a.backtotop {
	margin:10px 0 10px 0;
	padding:3px 0 0 16px;
	clear:both;
	text-decoration:none;
	background:url("../../main/skins/kirby/up.gif") left center no-repeat;
}
.copyright {
	color:#B0B0B0;
}

dl dt {
	width:33%;
	float:left;
	text-align:right;
	font-weight:bold;
	color:#C34338;
	clear:both;
	margin:0 10px 10px 0px;
}
dl dd {
	width:63%;
	float:left;
	margin:0 0 10px 0px;
}

.indent {
	width:92%;
	margin-left:8%;
}

ol.episodes li {
	margin:15px 0 15px 0;
}
ul#cover {
	margin:0;
	padding:0;
}
ul#cover li {
	list-style-type:none;
	float:left;
	text-align:center;
	margin-right:10px;
}
ul#cover li img {
	border:1px solid #506474;
	background-color:#bfc8d0;
	padding:2px;
	height:200px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.pageno {
	width:260px;
	font-size:20px;
	margin:10px auto 10px auto;
	padding:8px;
	text-align:center;
	text-transform:uppercase;
	border:2px solid #c53b54;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	color:#c53b54;
}

#site, #fanlisting {
	width:210px;
	margin:8px 0 8px 0;
}
#site {
	background:url("design/site.png") center no-repeat;
	height:19px;
}
#fanlisting {
	background:url("design/fanlisting.png") center no-repeat;
	height:22px;
}
#site span, #fanlisting span {
	display:none;
}
.warning {
	background:url("../../main/skins/all/warn.png") left no-repeat;
	padding-left:14px;
}
.help {
	background:url("../../main/skins/all/help.png") left no-repeat;
	padding-left:14px;
}
