/* general */
body{border:0px;margin:0px;padding:0px;font-family: Arial, Verdana, Helvetica, sans-serif;}
h3, h4{color: #101010;border-bottom: 2px #4f6faa solid;border-top: 2px #4f6faa solid;text-align: center;margin-top: 0px;margin-bottom: 0px;font-size:18px;}
h5{margin: 3px 0px;text-align:center;}
a{text-decoration: none;font-weight: bold;color: #DAA520;background: transparent;}
a:hover {color: black;background: transparent;}
img{border:0px;}
div.spacer {clear:both;margin: 0px;padding: 0px;}
img.leftImage{float:left;}
span.uline {text-decoration: underline;}
.right {text-align:right !important;}
.textbottom {vertical-align:text-bottom;}
.hidden {display: none;}
.visible {display: inline;}
/* layout */
.content{background: #6f8fca;width: 820px;height: 100%;margin-left: auto;margin-right: auto;}
.main {margin-top: 0px 10px;color: black;background: transparent;}
.comic{-moz-border-radius: 0px 0px 10px 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;text-align: center;background: white; color:black;margin:2px 0px 14px 0px;font-size: 12px;border-top:0px;padding-bottom: 3px;}
.leftBox {margin-right: 260px;margin-top: 5px;}
.sideBar {float: right;width: 250px;	margin:0px;}
.leftBox, .links, .tweets, .ohnorobot{-moz-border-radius: 0px 0px 10px 10px;-webkit-border-bottom-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;color: black;background: white;font-family: "Times New Roman", Times, serif;font-size:12px;border-top:0px;padding-bottom: 10px;margin-bottom:10px;}
.copyright {border: 0px; margin: 5px 0px 0px 0px;font-size:11px;}
/* supplimental */
.comic img.comic {margin:0px 0px 10px 0px;}
.search {padding: 5px;}
.twitterbox {margin: 10px 8px 0px 8px;}
.twitterbox h3, .twitterbox h4 {background:none;border: 0px;text-align:left;}
.links a{display: block;background: transparent;width: 176px;text-decoration: none;color: #DAA520;font-weight: bold;padding: 0px 10px 2px 10px;}
.links a:hover {background: #dddddd;color: #4f6faa;}
.links a.vote{display: inline;background:transparent;color: #DAA520;padding:0px 4px 2px;}
/* button general */
a.graybutton, a.greenbutton, a.orangebutton, a.bluebutton, a.redbutton, a.none{display: block;float: left;font: normal 12px Tahoma;line-height: 15px; /*16px oval, 15px square*/height: 23px; /*24px oval, 23px square*/padding-left: 9px; /*11px oval, 9px square*/text-decoration: none;margin-right: 5px;}
a:link.graybutton, a:link.greenbutton, a:link.orangebutton, a:link.bluebutton, a:link.redbutton, a:link.none, a:visited.graybutton, a:visited.greenbutton, a:visited.orangebutton, a:visited.bluebutton, a:visited.redbutton, a:active.graybutton, a:active.greenbutton, a:active.orangebutton, a:active.bluebutton, a:active.redbutton{color: #494949;}
a.graybutton span, a.greenbutton span, a.orangebutton span, a.bluebutton span, a.redbutton span, a.none span{display: block;padding: 4px 9px 4px 0; /*11px oval, 9px square*/}
a.graybutton:hover, a.greenbutton:hover, a.orangebutton:hover, a.bluebutton:hover, a.redbutton:hover, a.none:hover {background-position: bottom left;}
a.none{color: #494949;}
a.none:hover {text-decoration:line-through;}
a.graybutton:hover span, a.greenbutton:hover span, a.orangebutton:hover span, a.bluebutton:hover span, a.redbutton:hover span, a.none:hover span{background-position: bottom right;}
.buttonwrapper {overflow: hidden;}
/* button colors */
a.graybutton {background: transparent url('/images/buttons/square-gray-left.gif') no-repeat top left;}
a.graybutton span {background: transparent url('/images/buttons/square-gray-right.gif') no-repeat top right;}
a.greenbutton {background: transparent url('/images/buttons/square-green-left.gif') no-repeat top left;}
a.greenbutton span{background: transparent url('/images/buttons/square-green-right.gif') no-repeat top right;}
a.orangebutton{background: transparent url('/images/buttons/square-orange-left.gif') no-repeat top left;}
a.orangebutton span{background: transparent url('/images/buttons/square-orange-right.gif') no-repeat top right;}
a.bluebutton, a.none{background: transparent url('/images/buttons/square-blue-left.gif') no-repeat top left;}
a.bluebutton span, a.none span{background: transparent url('/images/buttons/square-blue-right.gif') no-repeat top right;}
a.redbutton{background: transparent url('/images/buttons/square-red-left.gif') no-repeat top left;}
a.redbutton span{background: transparent url('/images/buttons/square-red-right.gif') no-repeat top right;}
/* siteNavBar */
.siteNavBar{text-align: left;padding:0px;margin:0px;color: black;background: transparent;font-size: 12px;}
.siteNavBar span.blocks{float:right;color:white;background:transparent;font-weight:bold;margin-top:6px;}
.siteNavBar span.blocks a, .siteNavBar span.blocks a:hover {background:transparent;border:0;margin:0px;padding:0px;}
.siteNavBar span.blocks a img {vertical-align:top;}
.logo {height:45px;width:169px;margin: 3px 0px 10px;}
.logo a, .logo a:visited, .logo a:hover {border:0px; margin:0px;background: transparent;}
.bannerAd {float: right;}
/* tabs */
.animatedtabs
{
	border-bottom: 1px solid gray;
	overflow: hidden;
	width: 100%;
	font-size: 13px; /*font of menu text*/
}
.animatedtabs ul
{
	list-style-type: none;
	margin: 0;
	margin-left: 10px; /*offset of first tab relative to page left edge*/
	padding: 0;
}
.animatedtabs li
{
	float: left;
	margin: 0;
	padding: 0;
}
.animatedtabs a
{
	float: left;
	position: relative;
	top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	background: url('/images/tabs/tab-blue-left.gif') no-repeat left top;
	margin: 0;
	margin-right: 3px; /*Spacing between each tab*/
	padding: 0 0 0 9px;
	text-decoration: none;
}
.animatedtabs a span
{
	float: left;
	position: relative;
	display: block;
	background: url('/images/tabs/tab-blue-right.gif') no-repeat right top;
	padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
	font-weight: bold;
	color: black;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span 
{
	float:none;
}
/* End IE5-Mac hack */
.animatedtabs .selected a
{
	background-position: 0 -125px;
	top: 0;
}
.animatedtabs .selected a span
{
	background-position: 100% -125px;
	color: black;
	padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	top: 0;
}
.animatedtabs a:hover
{
	background-position: 0% -125px;
	top: 0;
}
.animatedtabs a:hover span
{
	background-position: 100% -125px;
	padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	top: 0;
}
#makeBMLink, #gotoBMLink, #clearBMLink {color:#000;cursor:default;}
/* categories dropdown */
.categoryDropdownContainer{text-align:left;border:1px solid black;float:right;width:220px;height:150px;overflow:auto;}
.highlevel{list-style-type:none;margin: 1px;padding: 2px;}
.series{list-style:none;margin: 1px 1px 1px 5px;padding: 2px;}
.series a {display: block;text-decoration: none;padding:1px;color: #DAA520;font-weight:normal;width:185px;}
.series a:hover {background: #dddddd;color: #4f6faa;}
.categoryTitle{color:white;padding:3px 150px 3px 3px;background:#6f8fca;font-size:14px;}
/* calendar */
.calendar {font-size: 13px !important;text-align: center;}
.calendar a {display:inline;border: none;margin: 0px;color: #DAA520;background: transparent;padding:1px;}
.calendar a:hover {color:#4f6faa;border: none;background: transparent;}
.calendar table {background: white;color: black;font-size: 12px;font-weight: bold;border: 1px solid #6f8fca;border-bottom: 3px solid #6f8fca;margin-top:3px;}
.calendar th {font-weight: normal;background: #6f8fca;color: white;border: 0px;padding: 2px;text-align:center;}
.calendar td {font-weight: normal;padding: 2px ! important;text-align:center;border-left: 1px dotted #6f8fca;border-bottom: 1px dotted #6f8fca;}
.calendar td.outofmonth  {background: #dddddd;text-align:center;}
/* comments */
.comment {width: 480px;font-size: 11px;color: black;margin: 3px;}
/* userNotes */
.usernotes { background-color: transparent; }
.usernotes div.foot {text-align: right;padding: 4px;}
.usernotes span.action { float: right; }
.usernotes h5{font-size: 10px;text-align: left;padding:0px 2px;margin:0px;}
.usernotes div.note {margin: 0px 20px;border-bottom:1px dashed;padding: 4px;}
.usernotes div.text {padding: 2px;margin-top: 2px;font-size:12px;}
/* news */
.news_item{font-size: 12px;text-align: right;margin: 10px 20px 10px 20px;}
.news_item a:link{text-decoration: none;font-weight: bold;color: #DAA520;background: transparent;}
.news_item a:visited{text-decoration: none;font-weight: bold;color: #DAA520;background: transparent;}
.news_item a:hover {color: black;background: transparent;}
.news_header{text-align: left;font-size: 14px;color: #333333;border:1px solid #4f6faa;border-top:0;border-right:0;border-left:0;background: #ffffff !important;}
.news_header img{display:none;}
.news_body{text-align: left;font-size: 12px;padding-left: 10px;padding-right: 20px;margin: 5px 0px;}
.news_body a{font-size: 12px;color: #333333;background: transparent;text-align: right;}
.news_timestamp{font-size: 12px;color: #333333;background: transparent;text-align: right;}
/* cast/shop */
.character {text-align:left;margin: 3px 10px;border-bottom:1px dashed #6f8fca;}
.character img {float: left;vertical-align:middle;margin:5px;}
.character a {font-size:14px;}
/* nicetitle */
.nicetitle{position: absolute;top: 0px;left: 0px;padding: 4px;color: black;font-size: 12px;width: 25em;font-weight: bold;background-color: #f9eac1;border:2px solid #4f6faa;-moz-border-radius: 12px;}
.nicetitle p {margin: 0; padding: 0 3px;}
.nicetitle p.destination {font-size: 9px;text-align: left;padding-top: 3px;}