/* =================================================================
                          +{ Randosity }+
==================================================================== */


/*
Do me a favor, to all who read this: When you finish, let me know how it turns out. I tried
to make this as interesting as a 200+ paged novella, just like the Heart of Darkness, but I
found that I must add some key elements that take away from the plot line that are necessary
in the development of the story.

Do enjoy, but not too much. If you see anything that should be omitted, compacted, shrunk, revised,
resized, reformatted, resubmitted, re-applied, re-entered, re-read, etc., please feel free to contact 
complain@randosity.com.

<3
*/


/*  Ubiquitous Styles
------------------------------------------------ */
* { font-size: 12px; margin: 0; padding: 0; }
p, checkbox, input, textarea, select { margin: 0; padding: 0; float: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; padding: 0; }
img { border: 0; }
ul { list-style: none; }


a, a:visited {
	color: #0B397D;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
a:hover { color: #2389CD; }
a:active { color: #107FC9; }


a.checkclick { color: #000; font-weight: normal; }
.nolink { color: #000; font-weight: inherit; cursor: pointer; }
.move { cursor: move; }


.hide { display: none; }
.font18, .font18 a { font-size: 18px; }
.font16, .font16 a { font-size: 16px; }
.font14, .font14 a { font-size: 14px; }
.font12, .font12 a { font-size: 12px; }
.font10, .font10 a { font-size: 10px; }
.highlight { background-color: #FF0; }
.bold, .bold li, .bold span { font-weight: bold; }
.tab { margin-left: 30px; }
small { font-size: 10px; }
.fancy:first-letter { font-size: 125%; font-weight: bold; margin: 0 2px; }

.me, .me a { color: #851FCB; }
.red, .red a { color: #F02311; }
.blue, .blue a { color: #092C5E; }
.green, .green a { color: #039407; }
.grey, .grey a { color: #777; }
.gold, .gold a { color: #FFC300; }

.clear { clear: both; }


::-moz-selection { color: #EDECDE; background: #0E4EAD; } 
::selection { color: #EDECDE; background: #0E4EAD; }

.roundtl { -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px; }
.roundtr { -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; }
.roundbl { -moz-border-radius-bottomleft: 5px; -webkit-border-radius-bottomleft: 5px; }
.roundbr { -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomright: 5px; }
.round { -moz-border-radius: 5px; -webkit-border-radius: 5px; }


/*  Header
------------------------------------------------ */
html { height: 100%; position: relative; }
body {
	height: 100%;
	color: #000;
	background: #212121;
	font: 11px Arial, Helvetica;
	margin: 0 auto;
}

* html #superholder { height: 100%; }
#superholder {
	height: 195px;
	background: #0C4CAD;
	position: relative;
	border: #FFF solid;
	border-width: 10px 0 5px;
}
#holder {
	width: 100%;
	background: url(/images/bgconnect.gif) top center no-repeat;
	margin: 0 auto;
}

#main {
	width: 960px;
	background: #FFF;
	position: relative;
	margin: 10px auto 0;
	padding: 5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#header {
	width: 960px;
	height: 235px;
	background: url(/images/bgheader.gif) no-repeat;
	text-align: center;
	margin: 0 auto;
	position: relative;
}
#headtitle { width: 960px; height: 200px; color: #FFF; }
#headtitle .homelink { text-indent: -99999px; }
#headtitle .homelink a {
	width: 390px;
	height: 120px;
	background: url(/images/homelink.gif) no-repeat;
	margin: 34px 0 0 23px;
	float: left;
}


/*  Nav Extras
------------------------------------------------ */
#headtitle .navextras {
	width: 472px;
	height: 180px;
	margin: 10px 10px 0 40px;
	float: left;
}
#headtitle .navextras a { color: #ECCE02; }
#headtitle .navextras a:hover { color: #F5E442; }
#headtitle .navextras .button a { color: #000; }

#headtitle .navleft {
	width: 170px;
	height: 176px;
	text-align: left;
	float: left;
}
#headtitle .navleft p { text-align: center; padding: 5px 0; }

#headtitle .navmid {
	width: 167px;
	height: 176px;
	text-align: left;
	margin-left: 15px;
	float: left;
}
#headtitle .navmid p { text-align: center; padding: 5px 0; }

#headtitle .navright {
	width: 170px;
	height: 160px;
	margin-top: 5px;
	float: right;
}
#headtitle #logged_msg { font-weight: bold; margin-bottom: 10px; }
#headtitle #logged_in .button { width: 110px; margin: 5px auto; }

#headtitle #logged_out strong { display: block; margin: 5px 0 -5px 0; }
#headtitle #logged_out input { width: 150px; margin-top: 5px; }
#headtitle #logged_out .button { width: 50px; margin: 10px 0; }
#headtitle #logged_out .nolink { font-weight: bold; margin: 11px 35px 0 5px; float: left; }
#headtitle #logged_out .checkbox { width: 14px; margin: 10px 0 0 5px; float: left; }


/*  Navigation
------------------------------------------------ */
#nav {
	width: 960px;
	height: 36px;
	font-weight: bold;
	background: url(/images/bgnav.png) no-repeat;
	float: left;
}
#nav ul { width: 960px; list-style: none; padding-left: 10px; }
#nav a, #nav span { font-size: 14px; }
#nav li {
	width: 120px;
	height: 36px;
	text-align: center;
	float: left;
}
#nav ul li a, #nav ul li span {
	width: 98px;
	height: 25px;
	color: #0B397D;
	padding: 9px 0 0;
	float: left;
}
#nav ul li span { color: #000; }
#nav ul li a:hover { background: url(/images/navover.png) center no-repeat; }


/*  Hello, Holidays!
------------------------------------------------ */
#holder { background-image: url(/images/holiday/winter/bgconnect-2009.gif); }
#header { background-image: url(/images/holiday/winter/bgheader-2009.gif); }
#nav { background-image: url(/images/holiday/winter/bgnav-2009.png); }
#nav ul li a, #nav ul li span { color: #FFF; }
#nav ul li a:hover { color: #092C5E; background-image: url(/images/holiday/winter/navover-2009.png); }


/*  Forms
------------------------------------------------ */
input {
	height: 15px;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica;
	background: #F6E756;
	border: 1px solid #A68504;
	padding: 2px 4px;
}
select {
	height: 20px;
	color: #000;
	font-size: 11px;
	background: #F6E756;
	border: 1px solid #A68504;
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}
textarea {
	height: 70px;
	color: #000;
	font-size: 11px;
	font-family: sans-serif, Arial, Helvetica;
	font-weight: bold;
	background: #F6E756;
	overflow: auto;
	border: 1px solid #A68504;
	padding: 3px 4px 2px 4px;
}

.formfun .channel {
	width: 930px;
	background: url(/images/borderdots.gif) left bottom repeat-x;
	display: block;
	padding: 10px 0 12px 10px;
	float: left;
}
.formfun .shortline .channel { width: 625px; }
.formfun .none { background: none; }
.formfun .channel p {
	position: static;
	font-size: 11px;
	line-height: 12px;
	padding: 5px 0;
	margin: 0 10px;
	float: left;
}

.formfun .handle {
	width: 150px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 4px;
	padding: 0 0 4px 0;
	float: left;
}
.formfun .handle p {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 0 0 5px 0;
}
.formfun h6 {
	color: #092C5E;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 3px 5px 0;
	float: left;
}

.formfun input, .formfun textarea { width: 345px; float: left; }
.formfun input.file {
	width: 210px;
	height: 22px;
	text-align: left;
	position: relative;
	margin: 0;
	float: left;
}
.formfun .file { background: none; border: 0; }
input[type=checkbox] {
	width: 14px;
	background: none;
	padding: 0;
	margin-top: 3px;
	float: left;
}
.formfun .smallinput { width: 120px; }
.formfun .medinput { width: 250px; }
.formfun .largeinput { width: 560px; }
.formfun .fullinput { width: 750px; }
.conleft .fullinput { width: 445px; }
.conright .fullinput { width: 290px; }
.formfun .smallheight { height: 70px; }
.formfun .medheight { height: 150px; }
.formfun .largeheight { height: 230px; }


.formfun .channel .extra_message { min-width: 345px; margin: 8px 0 0 150px; float: left; }
.extra_message span { float: left; }
.extra_message .button { float: right; }

.formfun .emcon {
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	margin: 0 10px 0 0;
	float: left;
}

input.search { width: 235px; } 
.list { width: 300px; }

.loader {
	width: 20px;
	height: 20px;
	background: url(/images/loader.gif) no-repeat;
	margin-left: 5px;
	float: left;
}


/*  Content
------------------------------------------------ */
.content {
	width: 940px;
	padding: 5px 10px 0;
	float: left;
}
.content .box { width: 940px; }
.content p { padding: 5px; float: left; }
.content .conleft {
	width: 635px;
	margin: 0 5px 5px 0;
	float: left;
}
.content .conleft .box { width: 635px; }
.content .conleft .funbox { width: 620px; }
.content .conright {
	width: 300px;
	margin: 0 0 5px 0;
	float: left;
}
.content .conright .box { width: 300px; *width: 297px; }
.content .conright .funbox { width: 275px; }

.adunit {
	width: 950px;
	background: #FFF;
	padding: 5px;
	margin: 10px auto 10px;
	float: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.adunit p { text-align: center; padding: 5px; margin: 0 auto; }
.small p {
	width: 958px;
	height: 90px;
	padding: 0;
	margin-left: 15px;
}
.content .nofun {
	width: 940px;
	background-color: #DAE6EF;
	padding: 5px;
	margin: 0;
	float: left;
}

.content .fleft { float: left; }
.content .fright { float: right; text-indent: 0; } /* Heh, lol... fright */
.content span.fright { padding-right: 5px; }
.content .fnone { float: none; }

.borderdots { background: url(/images/borderdots.gif) bottom left repeat-x; }
.topdots { background: url(/images/borderdots.gif) top left repeat-x; }

.content .affiliates img { width: 88px; height: 31px; }


/* Boxes
------------------------------------------------ */
.box { margin-bottom: 5px; float: left; }
.box .title {
	width: 100%;
	color: #FFF;
	background: #107FC9 url(/images/bgtitle.gif) center repeat-x;
	text-align: left;
	padding: 8px 0;
	float: left;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
}
.box .title h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 0 10px;
	float: left;
}
.box .title h3 a,
.box .title h3 strong,
.box .title h3 span,
.box .title h3 p, 
.box .title h3 div { font-size: 16px; }

.box .title p { padding: 0; margin: 3px 10px 0 0; float: right; }
.box .title a { color: #F2DB01; }
.box a .title { color: #F2DB01; }
.box .title a:hover { color: #F5E442; }
.box .title .button a,
.box .title .button a:hover { color: #000; }
.box .title .button { margin-top: -2px; margin-bottom: -3px; }
.box .title .i { margin: 2px 0 0 5px; float: left; }

.box .goldbg { color: #000; background: url(/images/bgtitle_gold.gif) center repeat-x; }
.box .goldbg a { color: #0E4EAD; }
.box .goldbg a:hover { color: #107FC9; }
.box .greenbg { color: #000; background: url(/images/bgtitle_green.gif) center repeat-x; }

.box .b {
	width: 100%;
	color: #000;
	background: #DDD;
	font-size: 14px;
	float: left;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
}
.box p.b { padding: 5px 0; }

.formfun .b .crumbs { margin: 0 0 5px 30px; }

.content .open .b {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
}
.content .full { width: inherit; }
.box p.full { padding: 5px 0; }
.content .center { text-align: center; margin-left: auto; margin-right: auto; }

.box .notice { width: inherit; background-color: #DDD; }
.box .notdent { text-indent: 0; }


.content .funbox {
	width: 930px;
	background-color: #DDD;
	font-size: 11px;
	padding: 5px;
	margin: 0 0 5px 0;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.content .funboxtop {
	width: 930px;
	background: #DDD url(/images/borderdots.gif) bottom left repeat-x;
	font-size: 11px;
	padding: 5px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.content .funbox .button, .content .funboxtop .button { margin-top: -4px; margin-bottom: -3px; }
.content .funbox p, .content .funboxtop p { font-size: 11px; }


.success { float: left; }
.success .b { background: #A6D291; }
.success .b p {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}


/* Front Page Features
------------------------------------------------ */
.feat div { color: #000; }
.feat p { padding: 10px; }
.feat h1 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	margin: 0 5px;
}
.feat .conright h1 { width: 290px; }
.feat span.by {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin-bottom: 5px;
}
.feat .b b { width: 555px; height: 16px; position: absolute; }
.feat .top { background: url(/images/feat.bgtop.png) no-repeat; top: -10px; }
.feat .bottom { background: url(/images/feat.bgbottom.png) no-repeat; bottom: -10px; }

.feat .feat_title {
	width: 124px;
	height: 30px;
	text-indent: -99999px;
	margin: 6px 0 0 15px;
	float: left;
}
.feat .arrows {
	width: 40px;
	height: 40px;
	text-indent: -99999px;
	background: url(/images/feat.arrows.png) 0 0 no-repeat;
	margin: 75px 0;	
	position: absolute;
	z-index: 2;
}
.feat .anext { background-position: -40px 0; right: -20px; }
.feat .aprev { left: -20px; }
.feat .anext:hover { background-position: -40px -40px; }
.feat .anext:active { background-position: -40px -80px; }
.feat .aprev:hover { background-position: 0 -40px; }
.feat .aprev:active { background-position: 0 -80px; }

.feat .navi { height: 14px; text-align: right; margin: 10px 20px 0; padding: 0; }
.feat .navi a {
	width: 8px;
	height: 8px;
	font-size: 1px;
	background: url(/images/feat.navdots.png) 0 0 no-repeat;
	cursor: pointer;
	display: inline-block;
	margin: 2px;
}
.feat .navi a:hover { background-position: 0 -8px; }
.feat .navi a.active { background-position: 0 -16px; }

.feat .scroll {
	width: 555px;
	height: 200px;
	overflow: hidden;
	position: absolute;
} 	
.feat .items { width: 20000em; position: relative; }


.feat .comics {
	width: 555px;
	height: 200px;
	background: #BBB url(/images/feat.bgmid.gif) repeat-y;
	margin: 25px auto 35px;
	position: relative;
}
.feat .comics .feat_title { background: url(/images/feat.comics_text.gif); }
.feat .comics .items div {
	width: 555px;
	height: 180px;
	margin: 30px 0 0 90px;
	float: left;
}
.feat .comics .items h1 {
	width: 330px;
	text-align: left;
	margin-left: 10px;
}
.feat .comics img {
	width: 100px;
	height: 100px;
	text-align: center;
	overflow: hidden;
	float: left;
}
.feat .comics .items span {
	width: 322px;
	text-align: left;
	display: inline-block;
	margin: 3px 0 0 18px;
}

.feat .writing {
	width: 555px;
	height: 300px;
	background: #BBB url(/images/feat.bgmid.gif) repeat-y;
	margin: 25px auto;
	position: relative;
}
.feat .writing .feat_title { background: url(/images/feat.writing_text.gif) no-repeat; }
.feat .writing .arrows { margin: 125px 0; }
.feat .writing .scroll { height: 300px; }
.feat .writing .items div {
	width: 495px;
	height: 300px;
	margin: 20px 10px 0 25px;
	float: left;
}
.feat .writing h1 {
	width: 100%;
	text-align: center;
}

/* Words */
.feat .words h1 { width: 100%; }
.feat .words .b p {
	width: 445px;
	display: inline-block;
	margin: 3px 0 5px 50px;
	padding: 0;
}
.feat .words .b p strong {
	width: 100px;
	font-weight: bold;
	float: left;
}
.feat .words .b p span {
	width: 330px;
	font-size: 14px;
	text-align: left;
	float: left;
}


/* Polls */
.feat .polls .b p { padding: 5px 0; }
.feat .polls .b p strong {
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin: 2px 5px;
}
.feat .polls .percent {
	width: 240px;
	height: 20px;
	color: #FFF;
	font-size: 11px;
	text-align: right;
	background: url(/images/bgtitle_dark.gif) center repeat-x;
	margin: 0 11px 5px 15px;
	float: left;
}
.feat .polls .percent span {
	height: 18px;
	background: url(/images/bgtitle.gif) center repeat-x;
	margin: 1px;
	float: left;
}
.feat .polls .percent .win { background: url(/images/bgtitle_gold.gif) center left repeat-x; }
.feat .polls small { margin-top: 3px; float: right; }


/*  News Feed
------------------------------------------------ */
.main_news span { float: left; }
.main_news .icon { 
	width: 40px;
	height: 40px; 
	background-image: url(/images/icons/newspaper.gif);
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -99999px;
	margin-right: 10px;
}
.main_news .author { width: 225px; font-size: 11px; font-weight: bold; font-style: italic; }
.main_news .author strong { color: #980111; }
.main_news .topic { width: 225px; text-align: left; }
.main_news .b p { background: url(/images/borderdots.gif) 0 100% repeat-x; }
.main_news .b p.none { background: none; }


/*  Crumb Trail
------------------------------------------------ */
div.navright ul {
	margin-bottom: 5px;
}
div.navright li {
	text-align: left;
	line-height: 11px;
	padding-left: 15px;
	margin: 2px 0;
	background: url(/images/bullet_white.gif) 0 0 no-repeat;
}

.crumbs {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 5px 0 5px 5px;
}
.crumbs li {
	width: 100%;
	background: url(/images/bullet.gif) top left no-repeat;
	display: inline-block;
	line-height: 11px;
	padding: 0 0 3px 12px;
}
.crumbs li span { font-weight: bold; margin-right: 5px; }
.arrowless li { background: none; padding: 3px 0 0 3px; }

.dots {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 5px 0 5px 2px;
}
.dots li {
	width: 100%;
	line-height: 11px;
	list-style: outside square;
	padding: 0 0 5px 0;
	float: left;
}
.rules li { line-height: 14px; }

ul.viewconnect {
	width: 445px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	padding-left: 5px;
	float: left;
}
ul.viewconnect li {
	width: 445px;
	line-height: 11px;
	display: inline-block;
	padding: 0 0 5px 5px;
}
ul.viewconnect li strong { color: #777; float: left; }
ul.viewconnect li span { float: right; }

.htmlhelper {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 5px 0 5px 5px;
}
.htmlhelper li {	
	width: 130px;
	color: #666;
	font-size: 10px;
	font-weight: normal;
	display: inline-block;
	line-height: 11px;
	padding: 0;
}
.htmlhelper li span { width: 70px; float: left; }

.numbered {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 3px 0 5px 5px;
	line-height: 11px;
	list-style-position: inside;
	list-style-type: decimal-leading-zero;

}
.numbered li {
	display: list-item;
	padding: 1px 0 3px;
}
.numbered li a { width: 100%; }

.small { width: 45%; float: left; }
.editlist li {
	width: 930px;
	background: url(/images/borderdots.gif) 0 0 repeat-x;
	display: block;
	padding: 10px 0 5px 10px;
	float: left;
}
.editlist_left li {
	width: 625px;
	background: url(/images/borderdots.gif) 0 0 repeat-x;
	display: block;
	padding: 10px 0 5px 10px;
	float: left;
}
ol.editlist li:first-child, ol.editlist_left li:first-child { background: none; }
.biglist { width: 45%; float: left; }


/*  Buttons
------------------------------------------------ */
.button {
	height: 20px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	background: url(/images/button.gif) 100% 0 no-repeat;
	display: inline-block;
	position: relative;
	margin: 0 2px 0 1px;
}
.button a, .button span {
	height: 17px;
	color: #000;
	font-size: 11px;
	background: url(/images/button.gif) 0 0 no-repeat;
	display: block;
	padding: 3px 7px 0 8px;
	margin: 0 1px 0 -1px;
}

.button a:hover { color: #000; background-position: 0 -20px; }
.button a:active { color: #000; background-position: 0 -40px; }

.dead { background-position: 100% -60px; }
.dead span { background-position: 0 -60px; }
.kill { background-position: 100% -80px; }
.kill a { background-position: 0 -80px; }
.kill a:hover { background-position: 0 -100px; }
.kill a:active { background-position: 0 -120px; }
.green { background-position: 100% -140px; }
.green a { background-position: 0 -140px; }
.green a:hover { background-position: 0 -160px; }
.green a:active { background-position: 0 -180px; }
.purple { background-position: 100% -200px; }
.purple a { background-position: 0 -200px; }
.purple a:hover { background-position: 0 -220px; }
.purple a:active { background-position: 0 -240px; }

.button .bmove { width: 16px; padding: 0; margin: -1px 0 0 0; }
.button .bmove, .button .bmove:hover { background: url(/images/icons/move.gif) 0 0 no-repeat; }


/*  News
------------------------------------------------ */
.code_explain {
	width: 230px;
	padding: 0 0 5px 0;
	margin: 0 0 5px 10px;
}
.code_explain strong {
	width: 230px;
	font-size: 12px;
	float: left;
}
.code_explain span {
	width: 220px;
	font-size: 11px;
	padding-left: 10px;
	float: left;
}


/*  Random
------------------------------------------------ */
.noteman {
	width: 200px;
	height: 160px;
	background: url(/images/noteman.gif) no-repeat;
	text-indent: -9999px;
	margin: 5px;
	float: left;
}
.notetxt { color: #FD3549; font-size: 11px; text-transform: uppercase; }
.notebox {
	width: 710px;
	font-weight: bold;
	float: left;
}
.spectxt { color: #FD3549; font-style: italic; }
.redlink a { color: #FD3549; }
.postleft .redlink { text-align: center; }


.voteboxdead {
	width: 100%;
	height: 38px;
	background: url(/images/starsloading.gif) no-repeat;
	margin: 5px 5px 10px;
	position: relative;
	float: left;
}
#successbox span { font-weight: bold; }
#votebox { width: 288px; height: 48px; margin-top: 5px; }
#votebox a {
	width: 48px;
	height: 48px;
	background: url(/images/stars.gif) no-repeat;
	margin-top: -3px;
	float: left;
}
#votebox .vote0 a { background-position: 0 -96px; }


/*  Comments
------------------------------------------------ */
.comment .body { width: 635px; }
.comment .body p { width: 625px; }
.comment .bottom { width: 635px; }
.content .leave_comment { width: 315px; margin-right: 5px; }
.content .all_comments { width: 315px; }
.comment_options div { width: 100%; margin-bottom: 5px; text-align: center; }


/*  Delete X's
------------------------------------------------ */
.deletex {
	width: 16px;
	height: 16px;
	text-align: center;
	text-indent: -99999px;
	margin: 0 3px 0 3px;
	float: right;
}
.deletex a, .deletex a:visited {
	width: 16px;
	height: 16px;
	background: url(/images/icons/delx.gif) no-repeat 0 0;
	display: block;
	float: right;
}


/*  Tabs
------------------------------------------------ */
.tabs .title {
	width: 100%;
	background: url(/images/bgtitle.gif) center repeat-x;
	float: left;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
}
.tabs .title a, .tabs .title p {
	width: 65px;
	color: #F2DB01;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 8px 0;
	float: left;
	-webkit-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
}
.tabs .title a:hover { color: #F5E442; }
.tabs .title p { color: #000; background: url(/images/bgtitle_gold.gif) center repeat-x; }


.tabs .title .first {
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
}
.tabs .title .last {
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
}

.tabs .box { width: 940px; }


/*  Searches / Lists
------------------------------------------------ */
.nolist {
	width: 100%;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}
.toprow { width: 760px; }
.toprow span {
	height: inherit;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
	float: left;
}
.content .toprow h3 a, 
.content .toprow h3 span { font-size: 11px; }
.row {
	background: url(/images/borderdots.gif) left bottom repeat-x;
	padding: 8px 5px;
	float: left;
}
.row span { text-align: center;	float: left; }
.row .num { width: 30px; text-align: left; }
.row .docked { width: 125px; }
.end { background: none; }


/*  Specific Lists
------------------------------------------------ */
.yourlist .toprow .submission { margin-left: 30px; }
.yourlist .submission { width: 450px; text-align: left; }
.yourlist .submission em { margin-left: 10px; }
.yourlist .favs { width: 50px; }
.yourlist .rating { width: 100px; }
.yourlist .docked { width: 150px; }
.yourlist .options { width: 150px; }
.yourlist .options .button { margin: 0 3px 0 auto; float: none; }

.factslist .toprow .fact { margin-left: 30px; }
.factslist .toprow .options { width: 150px; margin: 0; }
.factslist .fact { width: 350px; text-align: left; }
.factslist .fact em { margin-left: 10px; }
.factslist .author { width: 150px; }
.factslist .docked { width: 150px; }
.factslist .status { width: 50px }
.factslist .row .options { width: 180px; margin-left: 20px; }
.factslist .options .button { margin: 0 3px 0 0; }


.comicsearchrow .row { height: 60px; }
.comicsearchrow .row span { margin-top: 20px; }
.comicsearchrow .row a span {
	width: 470px;
	height: 50px;
	color: #000;
	font-weight: normal;
	text-align: left;
	display: block;
	overflow: hidden;	
	padding: 5px;
	margin-top: 0;
	float: left;
}
.comicsearchrow .row a span:hover { background: #C5C5C5; }
.comicsearchrow .row a span img {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	float: left;
}
.comicsearchrow .row a strong { color: #0B397D; }
.comicsearchrow span.word { width: 470px; text-align: left; }
.comicsearchrow .title .word { margin-left: 40px; }
.comicsearchrow .author { width: 195px; }
.comicsearchrow .rating { width: 100px; }
.comicsearchrow .docked { width: 125px; }


.pollsearchrow .row { height: 50px; }
.pollsearchrow .row span { margin-top: 20px; }
.pollsearchrow .row a span {
	width: 380px;
	height: 40px;
	color: #000;
	font-weight: normal;
	text-align: left;
	display: block;
	overflow: hidden;	
	padding: 5px;
	margin-top: 0;
	float: left;
}
.pollsearchrow .row a span:hover { background: #C5C5C5; }
.pollsearchrow .row a strong { color: #0B397D; }
.pollsearchrow span.poll { width: 380px; text-align: left; }
.pollsearchrow .toprow .poll { margin-left: 40px; }
.pollsearchrow .author { width: 200px; }
.pollsearchrow .rating { width: 90px; }
.pollsearchrow .category { width: 95px; }
.pollsearchrow .docked { width: 125px; }

.pollslist .row { padding: 8px 5px; }
.pollslist span.poll { width: 380px; text-align: left; }
.pollslist .title .poll { margin-left: 30px; }
.pollslist .author { width: 200px; }
.pollslist .rating { width: 70px; }
.pollslist .category { width: 125px; }
.pollslist .docked { width: 125px; }


.wordsearchrow .row { height: 50px; }
.wordsearchrow .row span { margin-top: 20px; }
.wordsearchrow .row a span {
	width: 470px;
	height: 40px;
	color: #000;
	font-weight: normal;
	text-align: left;
	display: block;
	overflow: hidden;	
	padding: 5px;
	margin-top: 0;
	float: left;
}
.wordsearchrow .row a span:hover { background: #C5C5C5; }
.wordsearchrow .row a strong { color: #0B397D; }
.wordsearchrow span.word { width: 470px; text-align: left; }
.wordsearchrow .title .word { margin-left: 40px; }
.wordsearchrow .author { width: 195px; }
.wordsearchrow .rating { width: 100px; }
.wordsearchrow .docked { width: 125px; }

.wordlist .row { padding: 8px 5px; }
.wordlist span.word { width: 400px; text-align: left; }
.wordlist .title .word { margin-left: 30px; }
.wordlist .author { width: 275px; }
.wordlist .rating { width: 100px; }
.wordlist .docked { width: 125px; }



.linksearchrow .row { height: 50px; }
.linksearchrow .row span { margin-top: 20px; }
.linksearchrow .row a span {
	width: 380px;
	height: 40px;
	color: #000;
	font-weight: normal;
	text-align: left;
	display: block;
	overflow: hidden;	
	padding: 5px;
	margin-top: 0;
	float: left;
}
.linksearchrow .row a span:hover { background: #C5C5C5; }
.linksearchrow .row a strong { color: #0B397D; }
.linksearchrow span.link { width: 380px; text-align: left; }
.linksearchrow .title .link { margin-left: 40px; }
.linksearchrow .type { width: 135px; }
.linksearchrow .author { width: 170px; }
.linksearchrow .rating { width: 80px; }
.linksearchrow .docked { width: 125px; }

.linklist .row { padding: 8px 5px; }
.linklist span.link { width: 380px; text-align: left; }
.linklist .title .link { margin-left: 30px; }
.linklist .author { width: 200px; }
.linklist .rating { width: 70px; }
.linklist .category { width: 125px; }
.linklist .docked { width: 125px; }

.writinglist .row { padding: 8px 5px; }
.writinglist span.name { width: 380px; text-align: left; }
.writinglist .title .name { margin-left: 30px; }
.writinglist .author { width: 200px; }
.writinglist .rating { width: 70px; }
.writinglist .category { width: 125px; }
.writinglist .docked { width: 125px; }

.connect .row { padding: 8px 5px; }
.connect .site { width: 450px; text-align: left; }
.connect .title .site { margin-left: 30px; }
.connect .author { width: 210px; }
.connect .arrivals { width: 120px; }
.connect .departures { width: 120px; }


.rantlist span.name { width: 380px; text-align: left; }
.rantlist .title .name{ margin-left: 30px; }
.rantlist .author { width: 200px; }
.rantlist .rating { width: 90px; }
.rantlist .category { width: 105px; }


/*  MESSAGES
------------------------------------------------ */
.messages .toprow .check { text-indent: -99999px; background: url(/images/icons/check.gif) 0 0 no-repeat; margin: 0 0 0 2px; }
.messages .toprow .subject { width: 575px; }
.messages .row { padding: 8px 5px; }
.messages .check { width: 16px; height: 16px; margin: -3px 0 0 2px; }
.messages .pmcon {
	width: 20px;
	height: 20px;
	text-indent: -99999px;
	margin: 0 10px;
}
.messages .toprow .pmcon { height: inherit; }
.messages .row .pmcon { margin-top: -3px; }
.messages span.subject { width: 575px; text-align: left; }
.messages .author { width: 170px; }
.messages .docked { width: 110px; }


/*  FORUMS
------------------------------------------------ */
.forumindex .row { width: 920px; padding: 5px 10px; }
.forumindex .toprow .icon { width: 45px; }
.forumindex .row .icon { width: 40px; height: 45px; text-indent: -99999px; }
.forumindex .forum { width: 495px; text-align: left; }
.forumindex .row .forum a {
	width: 489px;
	height: 39px;
	color: #000;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	display: block;
	padding: 5px;
	margin: 0 5px;
}
.forumindex .row .forum a:hover { background: #BBB; }
.forumindex .row .forum strong { color: #000; font-size: 11px; display: block; }
.forumindex .stats { width: 135px; text-align: center; }
.forumindex .lastpost {	width: 109px; }
.forumindex .row .stats { margin-top: 17px; }
.forumindex .row .lastpost { margin-top: 17px; }
.boticons .icon { width: 30px; height: 30px; text-indent: -99999px; }




.forum .toprow .topic { margin-left: 40px; }
.forum .row { width: 920px; padding: 5px 10px; }
.forum span { text-align: center; float: left; }
.forum span a { font-weight: normal; }

.forum .icon { 
	width: 31px;
	height: 31px;
	text-indent: -99999px;
	float: left;
}
.forum .emcon { width: 20px; text-indent: -9999px; }
.forum .topic { width: 384px; text-align: left; }
.forum .topic a { width: 284px; height: 28px; }
.forum .author { width: 200px; }
.forum .stats { width: 100px; }
.forum .lastpost { width: 140px; font-size: 11px; }
.forum .row .icon { width: 41px; height: 41px; }
.forum .row .emcon { height: 20px; margin: 10px 5px 0 10px; }
.forum .row .topic { margin-left: 5px; padding: 12px 5px 0 5px; }
.forum .row .author { margin-top: 10px; }
.forum .row .stats { margin-top: 10px; }
.forum .row .lastpost { margin-top: 5px; }
.forum .toprow span { height: 14px; }

.new { background: #ECCE02; border: #AA8E22 solid 2px; }
.old { background: #3AA8EF; border: #0C4CAD solid 2px; }
.newpop { background: url(/images/ficons/icon-newpop.gif) no-repeat center; border: #AA8E22 solid 2px; }
.oldpop { background: url(/images/ficons/icon-oldpop.gif) no-repeat center; border: #0C4CAD solid 2px; }
.locked { background: url(/images/ficons/icon-locked.gif) no-repeat center; border: #980111 solid 2px; }
.poplocked { background: url(/images/ficons/icon-poplocked.gif) no-repeat center; border: #980111 solid 2px; }
.news { background: #B797E8 url(/images/icons/newspaper.gif) center no-repeat; border: #6B2EC9 solid 2px; }


/*  TABS
------------------------------------------------ */
.tabs .row { width: 930px; }
.tabs .action { width: 250px; text-align: left; }
.tabs .appointer { width: 160px; text-align: left;  }
.tabs .reason { width: 395px; text-align: left; }

.tabs span.poll { width: 380px; text-align: left; }
.tabs .title .poll { margin-left: 30px; }
.tabs .author { width: 170px; }
.tabs .rating { width: 60px; }
.tabs .replies { width: 80px; }
.tabs .views { width: 80px; }

.tabs .topic { width: 320px; text-align: left; margin-left: 5px; }
.tabs .title .topic { margin-left: 35px; }
.tabs .posted { width: 200px; }


/*  Search Indexes
------------------------------------------------ */
.comicsearch .bar { margin: 5px 5px 7px 5px; float: left; }
.comicsearch .bar input { width: 365px; float: left; }
.comicsearch span { font-weight: bold; margin: 3px 3px 0 5px; float: left; }
.comicsearch .button { margin: 5px 0 0 5px; }

.pollsearch .bar { margin: 5px 5px 7px 5px; float: left; }
.pollsearch .bar input { width: 218px; float: left; }
.pollsearch span { font-weight: bold; margin: 3px 3px 0 5px; float: left; }
.pollsearch .button { margin: 5px 0 0 5px; }

.wordsearch { width: 100%; }
.wordsearch .bar { margin: 5px 5px 7px 5px; float: left; }
.wordsearch .bar input { width: 130px; float: left; }
.wordsearch span { font-weight: bold; margin: 3px 3px 0 5px; float: left; }
.wordsearch .button { margin: 5px 0 0 5px; }

.linksearch { width: 100%; }
.linksearch .bar { margin: 5px 5px 7px 5px; float: left; }
.linksearch .bar input { width: 350px; float: left; }
.linksearch span { font-weight: bold; margin: 3px 3px 0 5px; float: left; }
.linksearch .button { margin: 5px 0 0 5px; }



.content .search { width: 400px; }
.search .bar { margin: 5px 5px 7px 3px; float: left; }
.search .bar input { width: 245px; }
.search span { margin: 3px 3px 0 3px; }
.search .button { margin: 5px 0 0 5px; }
.search .extras { margin: 5px 0 0; float: left; }

.indexsearch { width: 233px; }
.indexsearch input { width: 193px; }
.indexsearch .bar { margin: 3px 5px 7px 5px; float: left; }
.indexsearch .extras { margin: 5px; float: left; }
.indexsearch .button { margin: 3px 5px 5px 55px; float: right; }


/*  Rants
------------------------------------------------ */
.formfun input.tag { width: 125px; margin-right: 10px; }
.rant .docked {
	width: 80px;
	color: #000;
	background: url(/images/bgtitle_gold.gif) 0 center repeat-x;
	font-weight: bold;
	padding: 5px 0;
	float: left;
	-moz-border-radius-topright: 0;
	-webkit-border-radius-topright: 0;
}
.rant .title .day {
	width: 30px;
	font-size: 24px;
	border-right: #000 solid 1px;
	padding: 0 5px;
	margin: 5px 0;
	float: left;
}
.rant .title .monthyear {
	width: 30px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	margin: 5px 0 0 5px;
	float: left;
}
.rant .head {
	width: 555px;
	text-align: center;
	padding: 5px 0 10px;
	float: left;
	-moz-border-radius-topleft: 0;
	-webkit-border-radius-topleft: 0;
}
.rant .head h3 {
	width: 500px;
	font-size: 18px;
	text-align: center;
	padding: 0 5px;
}
.rant .head h3 a { font-size: 18px; }
.rant .head span { width: 500px; text-align: center; float: left; clear: left; }
.rant .head span, .rant .head span a { font-size: 10px; }
.rant .rantlink {
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
	float: left;
}
.rant .authlink {
	font-size: 10px;
	text-align: center;
	margin: 0 auto;
	float: left;
}
.rant .post p { width: 625px; }
.rant ul {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 5px 0 10px 2px;
	margin: 0 40px;
	float: left;
}
.rant ul li {
	width: 100%;
	line-height: 12px;
	list-style: outside square;
	padding: 1px 0 5px 0;
	float: left;
}
.rant ol {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	list-style: inside decimal;
	padding: 5px 0 10px 5px;
	margin: 0 20px;
}
.rant ol li {
	width: 100%;
	line-height: 14px;
	display: list-item;
	overflow: hidden;
	padding: 1px 0 10px 0;
	float: left;
}
.rant .last { margin-bottom: 5px; }
.rant .categories ul {
	width: 230px;
	font-size: 11px;
	text-align: left;
	padding: 5px 0 5px 5px;
	margin: -4px 10px 0;
	float: left;
	clear: both;
}
.rant .categories ul li {
	width: 210px;
	line-height: 12px;
	list-style: none;
	padding: 0 0 0 12px;
	float: left;
}
.rant .categories ul.months { padding-bottom: 0; }
.rant .categories ul li.year { background: url(/rants/images/submenu.png) 0 1px no-repeat; cursor: pointer; }
.rant .categories ul li.year:hover { background-color: #FFDC68; }

.rant blockquote {
	width: 475px;
	color: #424242;
	background: #B8DBF5;
	font-style: italic;
	display: block;
	padding: 2px 5px;
	margin: 0 15px;
	clear: left;
}

.rant .embed_flash { 
	width: 600px;
	height: 465px;
	margin: 0 0 10px 18px;
	float: left;
}


/*  FAQ
------------------------------------------------ */
.punch { width: 940px; }
.punch strong, .punch strong a {
	width: 45px;
	background: url(/images/bgtitle_gold.gif) center repeat-x;
	color: #107FC9;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	padding: 2px 0;
	float: left;
}
.punch h4, .punch h4 a {
	color: #107FC9;
	font-size: 14px;
	font-weight: bold;
	padding: 13px 0 5px 20px;
	float: left;
}
.punch .box span { width: 900px; margin: 5px 20px; float: left; }
.punch .box span:first-letter { font-size: 150%; font-weight: bold; margin-right: 2px; }

.punch dl { width: 90px; padding: 10px; float: left; }
.punch dt {
	color: #777;
	font-weight: bold;
	margin: 5px 0;
	float: left;
}
.punch dd {
	width: 100%;
	background: url(/images/bullet.gif) 0 0 no-repeat;
	display: block;
	margin: 0 0 3px 5px;
	padding-left: 15px;
	float: left;
}
.punch dd a { font-size: 10px; font-weight: normal; display: block; }


/*  User Account
------------------------------------------------ */
.boxlink { padding: 5px 0 8px; }
.boxlink p.item:hover { background-color: #ECCE02; border-color: #A68504; }
.boxlink p.item {
	background: #C5C5C5;
	margin: 2px 10px;
	padding: 8px 5px;
	border: #777 solid;
	border-width: 0 0 0 2px;
}
.boxlink p.item span {
	color: #000;
	font-weight: normal;
	margin-left: 10px;
	float: left;
}

.boxlink a:hover { color: #000; }

.conleft .boxlink p.item { width: 603px; }
.conleft .boxlink p.item span { width: 193px; }
.conright .boxlink p.item { width: 268px; }
.conright .boxlink p.item span { width: 258px; }
.halfnhalf .boxlink p.item { width: 435px; }
.halfnhalf .boxlink p.item span { width: 425px; }
.account .outside p.item { width: 208px; }
.account .outside .box p.item span { width: 198px; }
.account .inside p.item { width: 416px; }
.account .inside .box p.item span { width: 406px; }
.profile_content .boxlink p.item { width: 283px }
.profile_content .boxlink p.item span { width: 273px; }


.account { width: 940px; }
.account .outside { width: 240px; float: left; }
.account .inside { width: 450px; margin: 0 5px; float: left; }
.account .box { width: inherit; }

.profile_message { font-style: italic; }
.profile_facts { width: 310px; float: left; }
.profile_avatar { width: 150px; float: left; }
.favorites { width: 255px; }

.conleft .boxfavs, .conleft .boxfavs .box { width: 315px; float: left; }
.bigfav_left { margin-right: 5px; }
.bigboxfavs, .bigboxfavs .box { width: 467px; float: left; }

.right_stats .b { padding-top: 5px; }
.right_stats small {
	font-size: 10px;
	font-weight: normal;
	padding: 2px 15px 5px;
	float: left;
}
.right_stats small a { font-size: 10px; font-weight: normal; }
.right_stats .b h3 {
	width: 100%;
	font-weight: bold;
	padding: 0 5px;
	float: left;
}
.right_stats .b p { width: 290px; }

.viewpage small { font-size: 11px; }
.viewpage small a { font-size: 11px; font-weight: bold; }


a.clickbox {
	width: 108px;
	height: 15px;
	text-align: center;
	padding: 15px 5px;
	margin: 5px;
	background: #DDD url(/images/borderdots.gif) bottom left repeat-x;
	float: left;
}
a.clickbox:hover { background-color: #CCC; }


.profile_content { width: 315px; float: left; }
.conleft .profile_content .box { width: 315px; float: left; }
.profile_right p { text-align: center; }
.profile_right li { line-height: 15px; }
.profile_right ul li span { width: 67px; color: #777; float: left; }

.halfnhalf { width: 467px; float: left }
.halfnhalf .box { width: inherit; }
.right_margin { margin-right: 5px; }

.content .user_sig span {
	width: 754px;
	margin: 0 88px 5px 88px;
	float: left;
}


/*  Messages
------------------------------------------------ */
.newfriend input { width: 210px; float: left; }
.newfriend .button { margin: 0 0 0 8px; float: left; }

.diskspace {
	width: 98px;
	height: 15px;
	background: url(/images/bgtitle_dark.gif) 0 center repeat-x;
	border: 1px solid #000;
	display: block;
	position: relative;
}
.diskspace strong {
	width: 100px;
	text-align: right;
	position: absolute;
	right: 110px;
}
.diskspace span {
	background: url(/images/bgtitle_gold.gif) 0 center repeat-x;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
}
.title .diskspace { margin-right: 8px; }


/*  Auto Completer
------------------------------------------------ */
.ac_results {
	background-color: #E8E8E8;
	border: 1px solid #000;
	overflow: hidden;
	padding: 0px;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	font: menu;
	font-size: 12px;
	line-height: 16px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	padding: 2px 5px;
	margin: 0;
}
.ac_loading { background: #E8E8E8 right center no-repeat; }
.ac_odd { background-color: #FFF; }
.ac_over { background-color: #DDD; color: #000; } /* #C9B3FE */


/*  LightBox
------------------------------------------------ */
#overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
}
#lightbox {
	width: 100%;
	text-align: center;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
#lightbox a img { border: none; }
#lightbox_wrapper {
	width: 250px;
	height: 250px;
	background-color: #777;
	position: relative;	
	margin: 0 auto;
}
#lightbox_img_wrap { padding: 5px; }
#lightbox_loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}


/*  Markup Editor
------------------------------------------------ */
.markup * { outline: none; margin: 0px; padding: 0; }
.markup a:link, .markup a:visited { color: #000; text-decoration: none; }
.markup { width: 920px; margin-bottom: 10px; float: left; }
.markup .markupContainer { font-size: 11px; padding: 10px; }
.markup textarea.markupEditor {
	width: 908px;
	height: 320px;
	font: 12px 'Courier New', Courier, monospace;
	line-height: 18px;
	display: block;
	overflow: auto;
	padding: 5px;
	clear: both;
}
.markupFooter {
	width: 920px;
	height: 15px;
	background: #107FC9;
	cursor: n-resize;
	float: left;
}
.markupResizeHandle {
	width: 21px;
	height: 6px;
	background: url(/rants/images/handle.png) no-repeat;
	cursor: n-resize;
	overflow: hidden;
	margin: 5px auto 0;
}
.markupPreviewFrame	{
	width: 918px;
	height: 300px;
	background: #FFF;
	overflow: auto;
	border: #107FC9 solid 1px;
	margin: 5px 0;
}
.markupHeader ul li	{ list-style: none; float: left; }
.markupHeader ul li ul{ display: none; }
.markupHeader ul li:hover > ul{ display: block; }
.markupHeader ul .markupDropMenu {
	background: transparent url(/rants/images/menu.png) 115% 50% no-repeat;
	margin-right: 5px;
}
.markupHeader ul .markupDropMenu li { margin-right: 0; }
.markupHeader ul .markupSeparator {
	width: 1px;
	height: 16px;
	background: #CCC;
	overflow: hidden;
	margin: 0 10px;
}
.markupHeader ul ul .markupSeparator {
	width: auto;
	height: 1px;
	margin: 0px;
}
.markupHeader ul ul {
	height: inherit;
	background: #E8E8E8;
	display: none;
	border: #107FC9 solid 1px;
	position: absolute;
	top: 18px;
	left: 0px;	
}
.markupHeader ul ul li {
	border-bottom: #107FC9 solid 1px;
	float: none;
}
.markupHeader ul ul .markupDropMenu {
	background: #E8E8E8 url(/rants/images/submenu.png) 100% 50% no-repeat;
}
.markupHeader ul ul ul { position: absolute; top: -1px; left: 150px; }
.markupHeader ul ul ul li { float: none; }
.markupHeader ul a {
	width: 16px;
	height: 16px;
	background: no-repeat;
	text-indent: -999999px;
	display: block;
	padding: 3px;
	margin: 0;
}
.markupHeader ul ul a {
	width: 120px;
	background-position: 2px 50%;
	display: block;
	text-indent: 0; 
	padding: 5px 5px 5px 25px;
}
.markupHeader ul ul a:hover  { color: #FFF; background-color: #107FC9; }


.markup .h1 a           { background-image: url(/rants/images/h1.png); }
.markup .h2 a           { background-image: url(/rants/images/h2.png); }
.markup .h3 a           { background-image: url(/rants/images/h3.png); }
.markup .h4 a           { background-image: url(/rants/images/h4.png); }
.markup .h5 a           { background-image: url(/rants/images/h5.png); }
.markup .h6 a           { background-image: url(/rants/images/h6.png); }
.markup .paragraph a    { background-image: url(/rants/images/paragraph.png); }
.markup .bold a         { background-image: url(/rants/images/bold.png); }
.markup .italic a       { background-image: url(/rants/images/italic.png); }
.markup .underline a    { background-image: url(/rants/images/underline.png); }
.markup .strike a       { background-image: url(/rants/images/strike.png); }
.markup .size a         { background-image: url(/rants/images/fonts.png); }
.markup .list-bullet a  { background-image: url(/rants/images/list-bullet.png); }
.markup .list-numeric a { background-image: url(/rants/images/list-numeric.png); }
.markup .list-item a    { background-image: url(/rants/images/list-item.png); }
.markup .picture a      { background-image: url(/rants/images/picture.png); }
.markup .link a         { background-image: url(/rants/images/link.png); }
.markup .quotes a       { background-image: url(/rants/images/quotes.png); }
.markup .code a         { background-image: url(/rants/images/code.png); }
.markup .clean a        { background-image: url(/rants/images/clean.png); }
.markup .preview a      { background-image: url(/rants/images/preview.png); }
.markup .disk-save a    { background-image: url(/rants/images/disk-save.png); }
.markup .disk-load a    { background-image: url(/rants/images/disk-load.png); }


/*  Comic Zone
------------------------------------------------ */
.comics .leftcol { width: 504px; margin-right: 5px; }
.comics .leftcol .box { width: 504px; }
.comics .leaderboard { width: 213px; margin-right: 5px; float: left; }
.comics .leaderboard .box { width: inherit; }
.comics .rightcol { width: 213px; float: left; }
.comics .rightcol .box { width: 213px; }

.comics .single {
	width: 100px;
	display: inline;
	position: relative;
	float: left;
	padding: 2px 13px;
}
.single img {
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.single a { display: block; padding: 2px 0; }
.single a span { display: none; }
.single a:hover { position: relative; }
.single a:hover span { display: block; }
.single .name {
	display: block;
	overflow: hidden;
	margin: 0 2px 2px 2px;
}
.comics .single span.hover {
	width: 96px;
	background: #000;
	overflow: hidden;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	margin: 1px 2px 0;
	position: absolute;
	top: 20px;
	left: 0px;
	float: left;
	z-index: 20;
}
.single span.hover strong {
	display: block;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	margin: 0 2px 2px 3px;
}


/* Polls
------------------------------------------------ */
.polls .leftcol { width: 504px; margin-right: 5px; }
.polls .leftcol .box { width: 504px; }
.polls .leftcol .nolist { text-align: center; }
.polls .leaderboard { width: 213px; margin-right: 5px; float: left; }
.polls .leaderboard .box { width: inherit; }
.polls .leaderboard .nolist { text-align: center; }
.polls .rightcol { width: 213px; float: left; }
.polls .rightcol .box { width: 213px; }



#awrite { width: 750px; float: left; }
#awrite span { width: 10px; height: 10px; margin: 3px 5px 5px 0; float: left; }
#awrite input { width: 725px; margin-bottom: 5px; }

.leftcol { width: 189px; margin: 0 5px 0 0;	float: left; }
.rightcol { width: 188px; float: left; }
.leftcol .box { width: 189px; }
.rightcol .box { width: 188px; }
.pview .leftcol { width: 270px; }

.pview .question { width: 625px; font-size: 17px; font-weight: bold; }
.pview .answers, .pview .answers a { width: 27px; font-size: 13px; font-weight: bold; }
.pview .answers span { width: 260px; padding: 5px; float: left; }
.pview .results { width: 347px; float: left; }
.pview .reply { margin: 10px 100px; float: left; }
.pview .graph {
	width: 347px;
	height: 200px;
	background: url(/images/graph.gif) no-repeat 0 0;
	padding: 0 1px 0 6px;
	margin: 5px 5px 0 5px;
	float: left;
	clear: both;
}
.pview .numbers { width: 344px; margin: 5px 0 0 10px; float: left; }
.pview .results .graphbox {
	background: url(/images/bgtexta.gif) 0 0 repeat-x;
	text-align: center;
	margin: 0 3px 0 0;
	float: left;
}
.pview .results .numbersbox {
	font-size: 10px;
	text-align: center;
	padding: 0;
	margin: 0 3px 0 0;
	float: left;
}


/*  Randary
------------------------------------------------ */
.randary .leftcol { width: 504px; margin-right: 5px; }
.randary .leftcol .box { width: 504px; }
.randary .leftcol .nolist { text-align: center; }
.randary .leaderboard { width: 213px; margin-right: 5px; float: left; }
.randary .leaderboard .box { width: inherit; }
.randary .leaderboard .nolist { text-align: center; }
.randary .rightcol { width: 213px; float: left; }
.randary .rightcol .box { width: 213px; }

.wview .word { width: 625px; font-size: 17px; font-weight: bold; }
.wview .leftcol { width: 90px; margin: 0 5px 0 0; float: left; }
.wview .rightcol { width: 520px; float: left; }
.wview .leftcol span {
	width: inherit;
	font-weight: bold;
	margin: 0 0 10px 0;
	float: left;
}
.wview .rightcol span {
	width: inherit;
	font-size: 14px;
	margin: 0 0 8px 0;
	float: left;
}


/*  Forums
------------------------------------------------ */
.minipages {
	height: 14px;
	font-size: 11px;
	font-style: normal;
	background: none;
	text-align: left;
	margin: -24px 0 0 100px;
	padding: 0;
}
.minipages a { font-size: 11px; }


.normal_links a { font-weight: normal; }
.icon-text {
	width: 120px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 1px 0 0 3px;
	float: left;
}
.boticons .icon-text { width: 90px; }
.dispinfo {
	color: #666;
	font-size: 9px;
	font-style: italic;
}
.content .botstats { width: 210px; }
.content .boticons { width: 320px; margin: 0 5px 5px 5px; }
.boticons .b { width: 320px; padding: 5px 0; }
.content .forumboticons { width: 535px; margin-right: 5px; float: left; }
.forumboticons .b { width: 525px; padding: 5px; }
.content .bottime { width: 400px; }


/*  Post Styles
------------------------------------------------ */
.post { width: 100%; float: left; }
.post .tleft { width: 200px; text-align: center; }
.post .tright { width: 735px; margin-left: 5px; }
.post .title .emcon {
	width: 20px;
	height: 20px;
	text-indent: -99999px;
	padding: 0;
	margin: 1px 3px 0 5px;
	float: left;
}
.post .tleft h3 { text-align: center; float: none; }
.post .tleft h3 a { font-size: 11px; }
.post .title h3 .button { margin: 1px 0 1px 5px; float: left; }
.post .tright h3 a { font-size: 14px; }
.post .tright p { font-weight: bold; margin-right: 10px; }
.post .tright .button { margin: 2px 5px -8px 0; float: right; }

.post .user { margin: 5px 0 0 5px; float: left; }
.post .user .button { margin: -3px 5px 0 0; float: left; }
.post .searchpostuser { font-size: 14px; margin: 6px 0 0 5px; float: left; }
.post .searchpostuser a { font-size: 14px; }
.post .postnum { padding-right: 0; }

.post .userinfo { width: 200px; margin: 0 5px 0 0; float: left; }
.post .userinfo img { text-align: center; display: block; margin: 10px auto; }
.post .userinfo p {
	width: 190px;
	font-size: 12px;
	text-align: left;
	padding: 0 5px 5px;
	float: left;
}
.post .userinfo p strong { text-align: left; margin-right: 3px; }
.post .body {
	width: 725px;
	display: block;
	float: left;
}
.post .body .message {
	min-height: 203px;
	padding: 0 5px;
}
.post .message p {
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 5px 0 10px;
}


.quote_heading {
	color: #424242;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 3px;
}
.post .body blockquote {
	color: #424242;
	background: #B8DBF5 url(/images/sidedots.gif) top left repeat-y;
	font-style: italic;
	display: block;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	clear: left;
}
code {
	font: 11px sans-serif, Arial, Helvetica;
	color: #000;
	background: #FFEAA3;
	display: block;
	line-height: 18px;
	border: 1px solid #CE7B22;
	padding: 5px; 
	margin: 5px 20px;
	white-space: pre;
	overflow: auto;
	clear: left;
}

.post .signature {
	width: 715px;
	padding: 3px 10px 5px;
	margin-top: 5px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.signature p { width: 715px; float: left; }
.signature span { float: left; clear: both; }

.topic_views {
	text-align: right;
	margin-top: 8px;
	margin-right: 8px;
	float: left;
}
.online .b p {
	width: 920px;
	font-size: 10px;
	padding: 10px;
	float: left;
}
.online .b p a { font-weight: normal; }
.online .title { width: 700px; float: left; }
.online .colorcode {
	width: 236px;
	color: #000;
	font-weight: bold;
	background: url(/images/bgtitle_goldfade.gif) 0 center repeat-x;
	padding: 8px 5px 10px;
	margin: 0 0 0 -6px;
	float: left;
}


/*  Icons
------------------------------------------------ */
.em-0 { background: url(/images/ficons/em-0.gif) no-repeat; }
.em-1 { background: url(/images/ficons/em-1.gif) no-repeat; }
.em-2 { background: url(/images/ficons/em-2.gif) no-repeat; }
.em-3 { background: url(/images/ficons/em-3.gif) no-repeat; }
.em-4 { background: url(/images/ficons/em-4.gif) no-repeat; }
.em-5 { background: url(/images/ficons/em-5.gif) no-repeat; }
.em-6 { background: url(/images/ficons/em-6.gif) no-repeat; }
.em-7 { background: url(/images/ficons/em-7.gif) no-repeat; }
.em-8 { background: url(/images/ficons/em-8.gif) no-repeat; }
.em-9 { background: url(/images/ficons/em-9.gif) no-repeat; }
.em-10 { background: url(/images/ficons/em-10.gif) no-repeat; }
.em-11 { background: url(/images/ficons/em-11.gif) no-repeat; }
.em-12 { background: url(/images/ficons/em-12.gif) no-repeat; }
.em-13 { background: url(/images/ficons/em-13.gif) no-repeat; }
.em-14 { background: url(/images/ficons/em-14.gif) no-repeat; }


.i {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	text-indent: -99999px;
	display: block;
	padding: 0;
	margin: 0 3px 0;
}
	
.co-check      { background-image: url(/images/icons/check.gif); }
.co-delx       { background-image: url(/images/icons/delx.gif); }
.co-edit       { background-image: url(/images/icons/pencil.gif); }
.co-feed       { background-image: url(/images/icons/feed.gif); }
.co-heart      { background-image: url(/images/icons/heart.gif); }
.co-key        { background-image: url(/images/icons/key.gif); }
.co-mail       { background-image: url(/images/icons/mail.gif); }
.co-monitor    { background-image: url(/images/icons/monitor.gif); }
.co-move       { background-image: url(/images/icons/move.gif); }
.co-newspaper  { background-image: url(/images/icons/newspaper.gif); }
.co-page_edit  { background-image: url(/images/icons/page_edit.gif); }
.co-search     { background-image: url(/images/icons/search.gif); }


/*  Footer
------------------------------------------------ */
.footholder {
	width: 100%;
	min-height: 100px;
	background: #201C1C url(/images/bg.gif) center repeat;
	margin: -16px 0;
	padding-top: 5px;
	border: #E8BA06 solid;
	border-width: 5px 0;
}
#footer {
	width: 760px;
	height: 63px;
	color: #E8E8E8;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 5px auto 0;
}
#footer a { color: #FFDC68; }
#footer a:hover { color: #FFEAA3; }

#footer p {
	width: 764px;
	text-align: center;
	padding: 3px;
	float: left;
	clear: both;
}