@charset "utf-8";
/* CSS Document */
body{
background-color:#161616;
background-image:none;
}
#logo{
position:absolute;
float:none;
left:0px;
top:0px;
z-index: 4;
}
#soundcontrol{
position:absolute;
background: url(http://www.hoboditty.com/images/soundback2010-trans.png) no-repeat;
left:730px;
z-index: 4;
width:267px;
height:70px;
}
#header {
position: relative;
width:992px;
z-index:4;
height:80px;
margin-left:9px;
margin-right:9px;
}
#comic {
top: 55px;
}
#tuethu{
top: 320px;
left:0px;
z-index: 4;
}
#num322{
position: absolute;
top: 605px;
left:976px;
z-index: 4;
}
#soundcontrol .formcontrols{
padding-top: 25px;
}
#soundcontrol p{
color:black;
}

/*#footer{
background: #050505 url(http://www.hoboditty.com/images/footback2010.jpg) no-repeat;
color: black;
text-align: center;
height:150px;
margin-left:8px;
margin-right:4px;
font-size: 10px;
clear:both;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}*/
#nav_menu{
width:450px;
position:absolute;
top:0px;
margin-top:3px;
left:270px;
z-index:4;
}
#butAA{
background: url(http://www.hoboditty.com/images/buttonbackA2010.jpg) no-repeat;
}
#butAA:hover{
background: url(http://www.hoboditty.com/images/buttonbackAA2010.jpg) no-repeat;
}
#butBB{
background: url(http://www.hoboditty.com/images/buttonbackB2010.jpg) no-repeat;
}
#butBB:hover{
background: url(http://www.hoboditty.com/images/buttonbackBB2010.jpg) no-repeat;
}
#butCC{
background: url(http://www.hoboditty.com/images/buttonbackC2010.jpg) no-repeat;
}
#butCC:hover{
background: url(http://www.hoboditty.com/images/buttonbackCC2010.jpg) no-repeat;
}
#butDD{
background: url(http://www.hoboditty.com/images/buttonbackD2010.jpg) no-repeat;
}
#butDD:hover{
background: url(http://www.hoboditty.com/images/buttonbackDD2010.jpg) no-repeat;
}
#butEE{
background: url(http://www.hoboditty.com/images/buttonbackE2010.jpg) no-repeat;
}
#butEE:hover{
background: url(http://www.hoboditty.com/images/buttonbackEE2010.jpg) no-repeat;
}
#butFF{
background: url(http://www.hoboditty.com/images/buttonbackF2010.jpg) no-repeat;
}
#butFF:hover{
background: url(http://www.hoboditty.com/images/buttonbackFF2010.jpg) no-repeat;
}
.ad{
padding: 0px;
}
#ad300x250{
position:relative;
float:right;
height:250px;
margin-right:8px;
width:303px;
z-index:2;
background-color:#000000;
}
#ad468x60{
position:relative;
float:right;
margin-right:12px;
width:468px;
z-index:2;
background-color:#000000;
border:1px solid black;
}
/*#left {
background:none;
top:685px;
left:8px;
width:304px;
border-left:0px;
padding-left:2px;
}*/
#footer{
position:absolute;
top:677px;
left: 5px;
background: none;
color:#000000;
z-index:4;
}
#footer a{
color:#000000;
}
#center {
background: url(http://www.hoboditty.com/images/495x140_contentback-trans.png) no-repeat;
width: 495px;
margin-left: 5px;
margin-top: 0px;
position: relative;
float:left;

height:140px;
}
#footer .webcomic_menu{
background: url(http://www.hoboditty.com/images/495x140_contentback_webcomic-trans.png) no-repeat;
}
#content_bottom{
position:absolute;
bottom:0px;
}
#bigtitle{
font-family: Trebuchet MS, Lucida Grande, Verdana, Ariel, sans-serif;
text-align:center;
background-attachment:fixed;
background: url(http://www.hoboditty.com/images/bigtitleback2010-trans.png) no-repeat;
background-position:0px 0px;
margin:0px 0px 0px 0px;
padding:16px 0px 10px 0px;
}
#bigtitle h1{
font-family: Trebuchet MS, Lucida Grande, Verdana, Ariel, sans-serif;
font-size: 20px;
margin: 0px;
padding:0px 0px 7px 0px;
}

#blog_content {
	font-size: 1.2em;
}
.blog_onstage{
width:inherit;
height:555px;
overflow:scroll;
background: #161616 url(http://www.hoboditty.com/images/blogback_2010.jpg) repeat-y;
}
.longcomic{
width:inherit;
height:555px;
overflow:scroll;
margin:2px;
}
.widecolumn {
	padding: 0px 30px 20px 30px;
	margin: auto;
	margin-top:5px;
	width: 90%;
}
#catstable{
background:none;
text-align:left;
}
#catstable tr td{
background: none;
text-align:left;
}
#catstable td h3{
margin:0px;
padding: 0px 0px 6px 12px;
color:#ffffff;
}
#catstable td a{
color: #000;
font-weight:bold;
text-decoration: none;
}
#catstable td a:hover{
color: #000;
}
#catstable td ul{
text-align:left;
padding-left:20px;
}
#catstable td ul li{
list-style-type:circle;
}
#catstable td ul li a{
font-weight:normal;
}
#contact_menu{
text-align: right;
padding: 10px 60px 0px 10px;
font-size: 10px;
color:#ffffff;
}
#contact_menu a{
color:#ffffff;
}
#contactpagecontent{
background: none;
padding:0px;
margin:0px auto;
border: 0px;
color: #000000;
}
#contact_menu a.picked{
color:#cc9999;
}
/*for preloading images*/
.hiddenPic {display:none;}

#butAA.selected{
background: url(http://www.hoboditty.com/images/buttonbackAA2010.jpg) no-repeat;
}
#butBB.selected{
background: url(http://www.hoboditty.com/images/buttonbackBB2010.jpg) no-repeat;
}
#butFF.selected{
background: url(http://www.hoboditty.com/images/buttonbackFF2010.jpg) no-repeat;
}

/*the rest of fortune is over on style.css*/
#fortune_bot{
background: none;
width: 100%;
position: relative;
top: 0px;
height:147px;
text-align: center;
font-weight: bold;
color: #000033;
font-size: 16px;
}
.webcomic_menu_table{
width:180px;
margin:0px auto;
}
.webcomic_menu #menu_content{
padding: 8px 30px 20px 25px;
font-size:14px;
font-weight:bold;
}
div.transOFF, div.menubutton, div.transOFF_swf{width: 100%; background-color: silver;border:1px solid black;
cursor:pointer;
font-family: Britannic Bold,Franklin Gothic Heavy,Cooper Std,Arial Rounded MT Bold,Arial,Helvetica,sans-serif;
font-size:10px; }
div.transOFF_swf{background-color: #cc6666; color: }
div.menubutton{border:0px;}
div.transON, div.transON_swf {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; cursor:pointer;font-family: Britannic Bold,Franklin Gothic Heavy,Cooper Std,Arial Rounded MT Bold,Arial,Helvetica,sans-serif;
font-size:10px;}

div.trans25 {width: 100%; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; cursor:pointer;font-family: Britannic Bold,Franklin Gothic Heavy,Cooper Std,Arial Rounded MT Bold,Arial,Helvetica,sans-serif;
font-size:10px;}
div.trans75 {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; cursor:pointer;font-family: Britannic Bold,Franklin Gothic Heavy,Cooper Std,Arial Rounded MT Bold,Arial,Helvetica,sans-serif;
font-size:10px;}
div.selected_comic{
background-color:#cc9999;
}
#comic_last_arrow{
z-index:4;
position:absolute;
left:25px;
top:25px;
cursor:pointer;
}
#comic_next_arrow{
z-index:4;
position:absolute;
right:25px;
top:25px;
cursor:pointer;
}