/** RESET IT ALL **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym { border:0; 
}
/** END OF RESET IT ALL **/

:focus { -moz-outline-style: none; }

body {
	background-image: url("../images/background.gif");	
	text-align: center;	
	position:absolute; 
	width:99%; 
	height:100%; 
	top:0; 
	left:0; 
	overflow:auto; 
	z-index:2;	
	text-align: center;	
	float:left;
	font-size: 12px; 	
}
.addy{
	cursor: pointer; 
	width:370px;
	height: 51px;
}
.addy:hover{
	 filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#about-port{
	float: right;
	width: 231px;
	height: 435px;
	margin-left: 20px;	
}
#topnavbox{
	width: 800px;
	height: 120px;
	margin: 0 auto;
	position:relative;
	/**/	
	background: url("../images/box3.png") no-repeat;
	
}
ul.topmenu{
	top: 20px;
	position: absolute;
	left:220px;
	height:40px;
	width: 540px;
	overflow: hidden;	
	clear: left;
}
#topmsg{
	top: 55px;
	position: absolute;
	left:220px;
	height:40px;
	width: 540px;
	overflow: hidden;	
	clear: left;	
}
ul.secmenu{	
	top: 50px;
}
#main{
	width: 784px;
	margin: 0 auto;
	position:relative;
}
.frame-top {		
	width:784px;
	/*margin: 0 auto;*/
	z-index:-1;		
}
.frame-bot {		
	width:784px;
	/*margin: 0 auto;*/
	z-index:-1;
	position: relative;	
	top: 13px;
	left:0;	
}
#frame {
	position:absolute; 	
	z-index:-1; 
	height:1000px;	
	width:784px;
	/*margin: 0 auto;*/
	left: 0;
}
#content{
	/*margin: 15px;*/	
	width:770px;
	z-index: 1;
	position: relative;
	/*text-align: center;*/
}

#body{
	margin: 15px;	
	/*width:770px;*/	
	position: relative;
	text-align: left;
}

#body p{
	margin: 15px;	
	/*width:770px;
	text-align: center;
	*/
}
#archive_link{
}
#title{
	width: 750px;
	margin: 15px;
}
#comment_title{
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
}
a#logo{
	height: 120px;
	width: 177px;
	display: block;	
	overflow:hidden; 
	text-indent:-9999px;
	position: relative;
	top: 10px;
	left: 10px;	
	cursor:pointer;
	text-decoration: none;		
	border: 0;	
	background:  url("../images/re-assets.png") no-repeat;
	background-position: -920px 0;	
	float: left;	
}

.clear{
	clear: both;
}
.clear-y{
	clear: right;
}

ul.menu{
	position: absolute;
	left:220px;
	height:40px;
	width: 540px;
	overflow: hidden;	
}


ul.navmenu{		
	margin: 0 auto;
	height:40px;
	width: 500px;
	overflow: hidden;
	position: relative;
}
ul.navmenu li{	
	display: inline;	
}

ul.menu li{	
	display: inline;
	position: relative;	
}



.menulink {
	position: relative;
	display: inline;
	overflow:hidden; 
	text-indent:-9999px;
	cursor:pointer;
	text-decoration: none;		
	border: 0;	
	top: 10px;
}

#webcomic-button {
	background:  url("../images/re-assets.png") no-repeat;
	background-position: -400px -29px;
	height: 29px;
	width: 123px;
	position:absolute;
	left: 0;	
}
#webcomic-button:hover{
	background-position: -400px 0;
}
#books-button {
	background:  url("../images/re-assets.png") no-repeat;
	background-position: -520px -29px;
	height: 29px;
	width: 75px;
	position:absolute;
	left: 125px;	
}
#books-button:hover{
	background-position: -520px 0;	
}
#news-button {
	background:  url("../images/re-assets.png") no-repeat;
	background-position: -592px -29px;
	height: 29px;
	width: 68px;
	position:absolute;
	left: 205px;	
}
#news-button:hover{
	background-position: -592px 0;
}
#cartoonist-button {
	background:  url("../images/re-assets.png") no-repeat;
	background-position: -658px -29px;
	height: 29px;
	width: 140px;
	position:absolute;
	left: 280px;	
}
#cartoonist-button:hover{
	background-position:-658px 0;
}
#buy-button {
	background:  url("../images/re-assets.png") no-repeat;
	background-position: -800px -34px;
	height: 34px;
	width: 40px;
	position:absolute;
	left: 420px;		
}
#buy-button:hover{
	background-position: -800px 0;	
}
#links-button {
	background:  url("../images/re-assets.png") no-repeat;
	background-position: -843px -29px;	
	height: 29px;
	width: 77px;
	position:absolute;
	left: 468px;	
}
#links-button:hover{
	background-position: -843px 0;
}


/** NAV BUTTONS */

.navbutton{
	background:  url("../images/re-assets.png") no-repeat;
	height: 29px;
	position:absolute;	
}
#first-button {
	width: 71px;	
	left: 0px;		
}
.first-active-button{
	background-position: 0 -29px;
}
.first-active-button:hover {
	background-position: 0 0;	
}
.first-inactive-button {
	background-position: 0 -58px;
}

#prev-button {
	width: 81px;
	left: 120px;
}
.prev-active-button{
	background-position: -90px -29px;
}
.prev-active-button:hover {
		background-position: -90px 0;	
}
.prev-inactive-button {
	background-position: -90px -58px;
}


#random-button {
	width: 60px;
	left: 230px;
	background-position: -180px -29px;
}
#random-button:hover {
	background-position: -180px 0;
}

#next-button {
	width: 58px;
	left: 330px;
}
.next-active-button{
	background-position: -250px -29px;
}
.next-active-button:hover {
		background-position: -250px 0;	
}
.next-inactive-button {
	background-position: -250px -58px;
}


#latest-button {
	width: 88px;
	left: 410px;
}
.latest-active-button{
	background-position: -302px -29px;
}
.latest-active-button:hover {
		background-position: -302px 0;	
}
.latest-inactive-button {
	background-position: -302px -58px;
}
.menulink:hover{
	/*background-color: #AAAAAA;*/
}
/** END OF NAV BUTTONS **/
#cartoon_title{
	height: 30px;
	margin-top: 10px;
	margin: 0 auto;
}

a.fontify {
	color: blue;
	font-size: 22px; 
	margin: 0 0;
	clear: none;
}
a.fontify:hover{
	text-decoration: underline;
}
span.fontify{
	font-size: 22px; 
	margin: 0 0;
	clear: none;
}
span.fontify-sp {
	font-size: 22px;
	margin: 0 0;
	clear: none; 	
}
span.fontify-up {
	font-size: 28px;
	margin: 0 0;
	clear: none; 	
}
span.fontify-cen {
	font-size: 28px;
	margin: 0 0;
	clear: none;
}

p.fontify {
	font-size: 22px; 
}
p.fontify-sp {
	font-size: 22px; 	
}
p.fontify-up {
	font-size: 28px; 	
}
p.fontify-cen {
	font-size: 28px;	
}

div.book-right{
	width: 100%;	
}
div.book-right span{	
}
p#copyright{
	/**/
	background:  url("../images/re-copyright.gif") no-repeat;	
	overflow:hidden; 
	text-indent:-9999px;	
	width:447px;
	height: 23px;
	margin: 0 auto;
	display: block;	
	cursor:pointer;
	text-decoration: none;		
	border: 0;
	position: relative;
	top: 20px;
}
p#iStrip{
	#background:  url("../images/re-iStrip.png") no-repeat;
	#width: 395px;
	#height: 93px;
	margin: 0 auto;
	display: block;	
	#overflow:hidden; 
	#text-indent:-9999px;
	#cursor:pointer;
	text-decoration: none;		
	border: 0;		
	font-size:  12pt;
}

.fl{
	float: left;
	display: inline;	
}
.fr{
	float: right;
	display: inline;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-replaced embed.sIFR-flash[sifr=true] + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;		
	/*	
	line-height: normal;	
	font-size:  medium;
	letter-spacing: normal;
	height: auto;
	*/
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

#morearrow{
	display:none;
	position:absolute;
}
html .fb_share_button span{ 
	color: #FFFFFF; 
}
html .fb_share_button { 
	display: -moz-inline-block; 
	display:inline-block; 
	padding:2px 2px 0px 25px; 
	height:24px; 
	line-height:22px; 
	border:0px solid #d8dfea; 
	background: #29447e url(http://static.ak.connect.facebook.com/images/connect_sprite.png) no-repeat top right;
	background-position: left -138px;
	color: #FFFFFF; 
	border-color:#295582; 
} 
html .fb_share_button:hover { 
	color: #FFFFFF; 
	border-color:#295582; 
	background: #4f6aa3 url(http://static.ak.connect.facebook.com/images/connect_sprite.png) no-repeat top right;
	background-position:left -163px;
	text-decoration:none; 
} 
.twtr-widget h4,.twtr-widget h3 {
	text-align: center;
	visibility: visible;
	letter-spacing: normal;
}
span.mt_indicator {
	color: black;
}

#comment_box{
	width: 100%;
}
#comment_box .fb_fanbox{
	float: right;
	margin-top: 5px;
	margin-left: 15px;
}
.fb_sharebox{
	margin: 15px;
	font-size: 20px;
	border: 1px;
}