/*  
Site Name: DISASTER SQUAD
Site URI:  http://www.disastersquad.com/

Author: Shoehat.
Author URI: http://www.shoehatdesign.com/
----------------------------------------------------------------*/

html, body {
	font-family: "Arial", Helvetica, Times New Roman;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

p, h2, ul, ol, img, form, div { margin: 0px; padding: 0px; }
.hidden { display: none; }
.unhidden { display: block; }
.littletitlebump { padding-top: 20px; }
a { color: #000000; text-decoration: underline; }
a:hover { text-decoration: none; }	
a img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

a:hover img {
	filter: alpha(opacity=40);
	-moz-opacity: .40;
	opacity: .40;
}

#fullwidthlinks {
	width: 960px;
	height: 60px;
	padding: 0;
}





/*
Whole Page
--------------------*/

body > div#whole {
	margin: 0 auto -60px;
	height: 100%;
}

#whole {	
	width: 100%;
	text-align: center;
	float: none;
	margin: 0 auto;
}





/*
Header
--------------------*/

#header {	
	width: 100%;
	height: 103px;
	background: url(images/headerbg.jpg) top left repeat-x;
	text-align: center;
}

#homelink {
	height: 103px;
	width: 960px;
	margin: 0 auto;
}

#homelink a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#tophardhats {
	width: 960px;
	margin: 0px auto 10px;
	height: 40px;
	background: url(images/hardhat-blue-small-trans.png) top left repeat-x;
	float: none;
}

#linkbar {
	width: 960px;
	text-align: left;
	position: relative;
	top: -7px;
}

#aboutlinkbox {
	width: 846px;
	float: left;
}

#aboutlinkbox img {
	padding: 0px 7px 0px 0px;
}

#tamejuice {
	width: 114px;
	float: left;
}

#juicedheader {
	height: 93px;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	background: url(images/juicedheaderbg.gif) top center repeat;
}

#juicedheader img {
	float: left;
	padding: 0;
	margin: 0 1px;
}





/*
Middle
--------------------*/

#middle {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: none;
	float: none;
}





/*
Home
--------------------*/

#homebox {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: #999999;
	float: none;
}

#homecontent {
	width: 940px;
	padding: 10px;
}

#homecontent p {
	padding: 10px 0 0;
}

#hometitle {
	width: 940px;
	padding: 0px 0px 10px;
}





/*
Left
--------------------*/
#middle > div#left {
	padding: 0;
}

#left {
	width: 540px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 20px 0;
}
	

#watchbox {
	width: 540px;
	background: #999999;
	margin: 0 0 20px;
	float: left;
}

#watchcontent {
	width: 520px;
	padding: 10px;
}

#watchcontent p {
	padding: 10px 0 0;
}

.bio, #watchcontent p.bio {
	padding: 0 0 10px;
}

#membercontact img {
	width: 520px;
	padding: 20px 0 10px;
}

img.memberphoto {
	padding: 0 10px 10px 0;
	float: left;
}

#titlebox {
	width: 520px;
	padding: 0px 0px 10px;
}

#leftbacklink {
	width: 520px;
	text-align: right;
}

#wackamunk {
	width: 250px;
	height: 29px;
	background: url(images/art/popart/chipmunkpop-small.gif) no-repeat top left;
	position: relative;
	top: -29px;
}

#munkpush {
	width: 250px;
	height: 29px;
	position: absolute;
}

#musicbox {
	padding: 0px 3px 6px;
}

#hangercontainer {
	position: absolute;
	height: 91px;
}	

#hangerbox {
	width: 131px;
	margin: 0;
	background: url(images/hangervomit.gif) no-repeat top right;
	float: left;
	position: relative;
	top: -17px;
	left: 409px;
	height: 91px;
}

.randombox {
}

#crewtable td {
	padding: 0px;
	margin: 0px;
	vertical-align: top;	
}

#crewtable td#crewtitle {
	font-style: italic;
	padding-right: 20px;
}

#crewtable td.membercredit {
	padding-bottom: 15px;
}





/*
404 / Nothing Here
--------------------*/
#nothingbox {
	position: relative;
	top: -2px;
}





/*
Right
--------------------*/

#right {
	width: 400px;
	float: left;
}

#linkbox {
	background: #999999;
	float: left;
}

.wideboxtrans {
	width: 400px;
	margin: 17px 0 0;
	background: none;
	float: left;
}	

.widebox {
	width: 400px;
	margin: 0 0 20px 0;
	float: left;
}

.linkboxtitle {
	width: 380px;
	margin: 6px;
}

#multibox {
	width: 400px;
	padding: 0 0 20px 0;
	float: left;
}

#doublebox {
	width: 190px;
	margin: 0 20px 0 0;
	float: left;
}

#doubleboxnospace {
	width: 190px;
	margin: 0;
	float: left;
}

.multibottomspace {
	width: 190px;
	margin: 0 0 20px 0;
	float: left;
}

.multinospace {
	width: 190px;
	margin: 0;
	float: left;
}

p.contactus {
	margin: 6px;
	font-size: 11px;
}	

.doubleboxtitle {
	width: 170px;
	margin: 6px;
}

#sketchthumbs {
	background: #999999;
	float: left;
}

#sketchthumbs img {
	float: left;
}

#thumbbox a { 
	background: #A3CCFE; 
	float: left; 
}

#thumbbox img {
	float: left;
}

#righttextbox {
	padding: 0 6px 3px;
}

#rightsearchbox {
	padding: 0 6px 1px;
}

#playlink { background: url('images/playarrow.jpg') top center no-repeat; float: left; }
#playlinkseries { background: url('images/playarrowseries.jpg') top center no-repeat; float: left; }





/*
People/Partners
--------------------*/

.people {
	width: 960px;
	margin: 0px 0px 20px;
	float: left;
}

.partners {
	width: 960px;
	margin: 0px;
	float: left;
}

.peopleboxtitle {
	width: 940px;
	margin: 6px;
}

#peoplethumbs {
	width: 960px;
    	background: #A3CCFE;
    	float: left;
}

#peoplethumbs img {
	float: left;
}





/*
Pop Art
--------------------*/

#popart {
	width: 960px;
	text-align:left;
	margin: 0 auto;
}

#popart a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#popartleft {
	width: 540px;
	height:594px;
	margin: 0 20px 0 0;
	float: left;
}

.headertv {
	width: 540px;
	position: absolute;
	top: 176px;
}

.checkers {
	width: 540px;
	position: absolute;
	top: 325px;
}

.peoplecollage {
	width: 540px;
	position: absolute;
	top: 498px;
}

.wikicredits {
	width: 540px;
	height: 60px;
	position: absolute;
	top: 633px;
	background: url(images/art/popart/credits.gif) top center repeat;
}

.davecredits {
	width: 540px;
	height: 60px;
	position: absolute;
	top: 693px;
}

.davecredits a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#popartright {
	width: 400px;
	float: left;
}	

#conebox {
	width: 400px;
	margin: 0 0 20px 0;
	float: left;
}

#conebox img {
	float: left;
}

#donkeybox {
	width: 400px;
	margin: 0 0 20px 0;
	background: url(images/art/popart/greenred.gif) top center repeat;
	float: left;
	height: 200px;
}

#donkeyboxdonkeys {
	width: 286px;
	background: url(images/art/popart/donkey.gif) top center repeat;
	height: 180px;
	text-align: center;
	padding: 20px 57px 0;
}

#dickbox {
	width: 400px;
	height: 127px;
	margin: 0 0 20px 0;
	background: url(images/art/popart/repeater-bg-thinner.gif) top center repeat;
	float: left;
}

#backtonormal {
	width: 400px;
	height: 133px;
	margin: 0 0 20px 0;	
}

#backtonormal a img {
	padding: 56px 0px 0px 180px;
}

#backtonormal a:hover img {
	padding: 0px;
}





/*
Jon's Art
--------------------*/

#jonperry {
	width: 960px;
	text-align:left;
	margin: 0 auto;
}

#jonbox {
	width: 400px;
	margin: 0 0 20px 0;
	float: left;
}

#jonback {
	width: 400px;
	height: 133px;
	margin: 0 0 20px 0;	
}

.byjonlink a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}





/*
Series
--------------------*/

#seriestitle {
	width: 520px;
	padding: 0;
}

#seriesbox p {
	padding: 10px 0 0;
}

p#bottomspace {
	padding-bottom: 20px;
}

#seriesthumbs img {
	padding: 0;
	margin: 0;
	float: left;
}

p.epnav {
	text-align:center;
	font-size:12px;
	height:12px;
}





/*
News
--------------------*/

#newsarticle {
	width: 520px;
	text-align:left;
	margin: 0 auto;
}

.nottop {
	padding-top: 25px;
}

#newsarticle h3 {
	font-weight: bold;
	font-size: 18px;
	margin: 0px;
}

p.newssign {
	font-size: 10px;
	font-style: italic;
}





/*
Fiber Tribe
--------------------*/

img.headshot {
	padding: 0px 10px 0px 0px;
	float: left;
}

img.rappertitle {
	padding: 0 0 10px;
}

.unhiddenrapper {
	height: 332px;
	padding: 20px 0 0;
}

.hiddenrapper {
	height: 0px;
	padding: 0px;
}

#rapperbox {
	width: 520px;
	margin: 0px;
}

img.rappertitle {
	padding: 0;
}

#rapperthumbs {
	width: 520px;
	height: 60px;
}

#rapperthumbs img {
	float: left;
	width: 104px;
	height: 60px;
	padding: 0px;
	margin: 0px;
}





/*
Stomach Missile
-------------------*/

#comicarrows img {
	border: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 260px;
	height: 75px;
}

#comicarrows a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}





/*
Hide the Sausage
--------------------*/

#hidesausage {
	width: 520px;
	margin: 0 auto;
	padding: 0 0 10px;
	float: left;
}

#hidesausage a {
	width: 104px;
	height: 104px;
	float: left;
	text-decoration: none;
}

a.sauswhitedone {
	background: #FFFFFF;
	cursor: default;
}

a.sauscleardone {
	background: none;
	cursor: default;
}

a.sauswhite {
	background: #FFFFFF;
}

a:hover.sauswhite {
	background: #000000;
}

a.sausclear {
	background: none;
}

a:hover.sausclear {
	background: #000000;
}

a.sauspic {
	background: url(images/games/hidesausage/hiddensausage.jpg) top center no-repeat;
	cursor: default;
}

a.monkeypic {
	background: url(images/games/hidesausage/monkeybox.jpg) top center no-repeat;
	cursor: default;
}

a.runpic {
	background: url(images/games/hidesausage/runbox.jpg) top center no-repeat;
	cursor: default;
}

a.bamapic {
	background: url(images/games/hidesausage/bama.jpg) top center no-repeat;
	cursor: default;
}

a.grumpypic {
	background: url(images/games/hidesausage/grumpyman.jpg) top center no-repeat;
	cursor: default;
}

a.janetrenopic {
	background: url(images/games/hidesausage/janetreno.jpg) top center no-repeat;
	cursor: default;
}

a.olsenpic {
	background: url(images/games/hidesausage/olsenbox.jpg) top center no-repeat;
	cursor: default;
}

a.foxpic {
	background: url(images/games/hidesausage/foxbox.jpg) top center no-repeat;
	cursor: default;
}

a.bauerpic {
	background: url(images/games/hidesausage/bauerbox.jpg) top center no-repeat;
	cursor: default;
}

a.helenkellerpic {
	background: url(images/games/hidesausage/helenkellerbox.jpg) top center no-repeat;
	cursor: default;
}

a.sheeppic {
	background: url(images/games/hidesausage/sheepbox.jpg) top center no-repeat;
	cursor: default;
}

a.keypic {
	background: url(images/games/hidesausage/keybox.jpg) top center no-repeat;
	cursor: default;
}





/*
Letter Swap
--------------------*/

#letterswap {
	width: 520px;
	margin: 0 auto;
	padding: 0 0 10px;
	float: left;
	text-align: left;
}

#roundcount {
	font-weight: bold;
}

#lastrounds div {
	padding: 0 0 15px;
}

#wordinputs {
	padding: 0 0 15px;
	width: 520px;
	float: left;
}

#wordinputs input {
	float: left;
	font-size: 20px;
	width: 20px;
}

#wordinputs input.endround {
	width: auto;
	font-size: 14px;
	padding: 0;
	margin: 3px 0 0 10px;
}

#goalwordbox {
}

#goalword {
	font-size: 60px;
	font-weight: bold;
	line-height: .8em;
}

#playagain {
	padding: 50px 0 0;
}





/*
Hart Form
--------------------*/

#hartform {
	width: 960px;
	margin: 0 auto;
}

#hartformpic {
	width: 960px;
	height: 1220px;
	float: left;
}

#hartformpic a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}





/*
Failed Bumper Stickers
--------------------*/

#bumperstickers {
	width: 960px;
	margin: 0 auto;
}

#bumperstickerbox {
	width: 960px;
	height: 1023px;
	float: left;
}

#bumperstickerbox img {
	float: left;
	padding-bottom: 10px;
}

#leftsticker {
	padding-right: 10px;
}





/*
Aliens Art
--------------------*/

#alienart {
	width: 960px;
	margin: 0 auto;
	height: 548px;
}

#alienpic {
	width: 960px;
	height: 487px;
	float: left;
}

#alienpic a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}





/*
Gay in the Park
--------------------*/

#gaysunday {
	width: 960px;
	height: 720px;
	margin: 0 auto;
}

#gaysunday img {
	float: left;
	margin: 0;
	padding: 0;
}

#sundayfullrow {
	width: 960px;
	height: 107px;
}

#sundaycolumn {
	width: 160px;
	height: 428px;
	float: left;
}

#sundayviewer {
	float: left;
	width: 640px;
	height: 428px;
}

.gaysundaytitlerow img {
    float: left;
    margin: 0;
    padding: 0;
}

.gaysundaytitlerow a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}




/*
Blog
-------------------*/
.clear {clear:both; margin:0; padding:0;}

a.hdr {font-size:36px; color:#000000; text-decoration:none;}
a.hdr:hover {font-size:36px; color:#A3CCFE; text-decoration:none;}

#blog {position:relative; width:960px; margin:0 auto; text-align:center; font-size:12px;}

h1 {display:none; float:left; font-size:36px; color:#000000; text-align:left; font-weight:normal; margin:10px; letter-spacing:-2px;}
.description {float:right; margin:19px 0 0 0; font-size:20px; font-style: italic; font-weight: bold;}
.blogdenote {float: left;}

#content {float:left; width:560px; margin-right:0px; text-align:left; }
#blogheadbox {width: 540px; background: #999999; margin: 0 20px 20px 0; float: left;}
.post {width:538px; margin:0 0 20px 0; clear:both; border:1px solid #999999; background: #ffffff;}
h2 {color:#000000; font-size:18px; padding:20px 20px 0 20px;}
h2 a {color:#000000; font-size:18px; text-decoration:underline;}
h2.pagetitle {padding:0 0 5px 0; text-transform: uppercase;}
h3 {color:#000000; font-size:20px; padding:10px 15px 0; margin: 0;}
h3 a {text-decoration:none; color:#000000;}
h3 a:hover {text-decoration:none; color:#A3CCFE;}
h3#comments {color:#000000; font-size:16px; padding:15px 15px 10px;}
h3#respond {color:#000000; font-size:18px; padding:30px 20px 0 15px;}
.postentry {padding:20px;}
.postentry img {padding:10px;}
.postentry p {padding:0 0 10px 0;}
.postentry ul {padding:0 0 0 10px; list-style-type:none; margin:0 0 0 20px;}
.postentry ul li {padding:0 0 5px 15px; background: url(/wp-includes/images/bullet.gif) top left no-repeat;}
.akst_link {display:block; padding:20px 0 0 0;}
.postmetadata {padding:10px 15px 16px; clear:both;}
.comments {margin:5px 0 20px 10px;}
.alt {display:block; padding: 10px; margin: 0 15px 0; color:#000000;}
img.avatar {vertical-align: middle;}
a.comments:link {color:#000000; text-decoration:underline;}
.entry p {padding:0 15px 10px;}
.entry img {padding:10px;}
.entry .akst_link {display:block; padding:10px 0 10px 20px;}
.entry ul {padding:0 20px 0 10px; list-style-type:none; margin:0 0 0 20px;}
.entry ul li {padding:0 0 5px 15px; background: url(/wp-includes/images/bullet.gif) top left no-repeat;}
.navigation {float:left; display:block; padding:10px 0; width: 518px;}
small {font-style: italic; display:block; padding:0 0 20px 15px; font-size:10px; font-weight:bold;}
small.commentmetadata {display:block; padding:10px 0 0; font-size:10px; font-weight:bold;}
p.commenttitle {padding:0 0 10px 0;}
blockquote {padding:10px 20px; color:#999; font-size:12px; font-style:italic;}
#search {float:left; width:178px; padding:20px; border:1px solid #87b83d;}
input#s {width:295px; padding:3px; margin:0 0 5px 0;}
form#commentform {padding:0 15px 12px;}

.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}

.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {margin: 0;	padding: 0;	border: 0 none;}

.wp-caption-dd {font-size: 11px; line-height: 17px; padding: 0 4px 5px;	margin: 0;}

#sidebar-1 {float:left; width:400px; margin-right:0px; text-align:left;}
#sidebar-1 h2 {color:#fff; font-size:14px; font-weight:bold; padding:8px 20px; background-color:#999999;}
#sidebar-1 ul {border:0px;}
#sidebar-1 li {border:0px; background: #ffffff;}
#sidebar-1 ul li ul {margin-bottom:20px; border-bottom:1px solid #999999;}
#sidebar-1 ul li ul li {padding:0 0 10px 20px; border-left:1px solid #999999; border-right:1px solid #999999;}
#sidebar-1 a {display:block;}
#sidebar-2 {float:left; width:400px; text-align:left;}
#sidebar-2 img {padding-bottom:20px;}

textarea {width:450px; height:100px; margin:10px 0 10px 0; font-family:Arial, Sans-Serif; font-size:12px; padding:10px;}





/*
Footer
--------------------*/

#push {
	width: 100%;
	height: 1px;
	margin: 0 auto 9px;
	float: left;
}

body > div#footer {
	float: left;
}

#footer {
	width: 100%;
	height: 40px;
	text-align: center;
	padding: 0 0 10px;
	margin: 0px 0px 0px;
	float: left;
}

#footercontent {
	background: url(images/hardhat-blue-small-trans.png) top left repeat-x;
	width: 960px;
	margin: 0 auto;
	height: 15px;
	padding: 12.5px 0px;
}