/* =================================================================
                          +{ 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
*/

/*
 Content:   914px;
 Conleft:   624px;
 Conright:  264px;
*/


/* UBIQUITOUS STYLES
------------------------------------------------*/
* { font-size: 100%; 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; }
object { outline: none; }
a, a:visited {
	color: #0B397D;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
a:hover { color: #1482CB; }
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; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.fleft { float: left; }
.fright { float: right; }
.fnone { float: none; }
.clear { clear: both; }

.tright { text-align: right; }
.tleft { text-align: left; }


.me { color: #FFF; }
.red { color: #E02525; }
.blue { color: #092C5E; }
.green { color: #359C35; }
.grey { color: #656565; }
.gold { color: #FFC91C; }
.purple { color: #6B2EC9; }
.white { color: #FFF; }
.black { color: #000; }

.funbox .red { color: #FE9292; }
.funbox .green { color: #A7D367; }
.funbox .grey { color: #CCC; }



.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; }
.bold, .bold li, .bold span { font-weight: bold; }
small { font-size: 10px; }
.fancy:first-letter { font-size: 125%; font-weight: bold; margin: 0 2px; }


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


/* HEADER
------------------------------------------------*/
html { height: 100%; position: relative; }
body {
	height: 100%;
	color: #000;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	background: #5F5F5F url(/img/bg.gif);
	margin: 0 auto;
}

#wrapper {
	background: url(/img/bgheader_wrap.jpg) top center no-repeat;
}

#main {
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
* html #main { height: 100%; }


#header { width: 960px; height: 200px; position: relative; }
#headtitle {
	width: 963px;
	height: 200px;
	color: #FFF;
	background: url(/img/bgheader.jpg) no-repeat;
	position: relative;
}
#headtitle .homelink { text-indent: -99999px; }
#headtitle .homelink a {
	width: 390px;
	height: 120px;
	background: url(/img/homelink.gif) no-repeat;
	margin: 39px 0 0 23px;
	float: left;
}



/* HEADER EXTRAS
------------------------------------------------*/
#headtitle .navextras {
	width: 492px;
	height: 180px;
	text-align: center;
	margin: 10px 10px 0 20px;
	float: left;
}
.navextras a { color: #ECCE02; }
.navextras a:hover { color: #F6E756; }

#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;
	color: #FFF;
	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: 44px;
	font-weight: bold;
	margin: 5px 0 2px 0px;
	position: relative;
	overflow: hidden;
}
#nav a, #nav span { font-size: 1.167em; }
#nav li {
	background: url(/img/nav/bgsep.png) 100% 0 no-repeat;
	text-align: center;
	float: left;
}
#nav li a, #nav li span {
	width: 115px;
	height: 44px;
	color: #FFF;
	background: url(/img/nav/bg.png) 0 0 repeat-x;
	padding: 12px 0;
	margin-right: 3px;
	float: left;
}

#nav li.r { background: none; }
#nav li.end a { width: 117px; padding: 0; }
#nav li.end a span { width: 117px; font-size: 1em; padding: 12px 0; }
#nav li.l a { background: url(/img/nav/bgleft.png) 0 0 no-repeat; padding-left: 7px; }
#nav li.r a { background: url(/img/nav/bgright.png) 100% 0 no-repeat; padding-right: 7px; margin: 0; }
#nav li a span { background: url(/img/nav/bg.png) 0 0 repeat-x; }

#nav li a:hover, #nav li a:hover span { background-position: 0 -44px; }
#nav li a:active, #nav li a:active span { background-position: 0 -88px; }
#nav li.r a:hover { background-position: 100% -44px; }
#nav li.r a:active { background-position: 100% -88px; }



/* Hello, Holidays!
------------------------------------------------*/



/* FORMS
------------------------------------------------*/
input {
	height: 15px;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica;
	background: #F2DB01;
	border: 1px solid #A68504;
	padding: 2px 4px;
}
select {
	height: 20px;
	color: #000;
	font-size: 11px;
	background: #F2DB01;
	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: #F2DB01;
	overflow: auto;
	border: 1px solid #A68504;
	padding: 3px 4px 2px 4px;
}

.formfun .channel {
	width: 904px;
	background: url(/img/borderdots.gif) left bottom repeat-x;
	display: block;
	padding: 10px 0 12px 10px;
	float: left;
}
.formfun .shortline .channel { width: 608px; }
.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; }
input[type=file] {
	width: 210px;
	height: 23px;
	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 .extra_message { width: 345px; margin: 8px 0 0 150px; float: left; clear: both; }
.extra_message span { float: left; }
.extra_message .button { float: right; }


.formfun .smallinput { width: 120px; }
.formfun .medinput { width: 250px; }
.formfun .largeinput { width: 560px; }
.formfun .fullinput { width: 744px; }
.conleft .fullinput { width: 445px; }
.conright .fullinput { width: 290px; }
.formfun .smallheight { height: 70px; }
.formfun .medheight { height: 150px; }
.formfun .largeheight { height: 230px; }


.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: 23px;
	height: 23px;
	background: url(/img/loader.gif) 3px 3px no-repeat;
	text-indent: -99999px;
	margin: 2px 0 0 5px;
	position: absolute;
}




/* CONTENT
------------------------------------------------*/
.maintop {
	width: 953px;
	height: 5px;
	background: url(/img/bgmain.png) 0 0 no-repeat;
	margin: 0 7px 0 0;
	position: relative;
}
.maintop div {
	width: 7px;
	height: 5px;
	background: url(/img/bgmain.png) 100% 0 no-repeat;
	position: absolute;
	right: -7px;
}
.mainbot {
	width: 953px;
	height: 8px;
	background: url(/img/bgmain.png) 0 100% no-repeat;
	margin: 0 7px 0 0;
	position: relative;
	clear: both;
}
.mainbot div {
	width: 7px;
	height: 8px;
	background: url(/img/bgmain.png) 100% 100%;
	position: absolute;
	right: -7px;
}
.mainl { background: url(/img/bgmainsides.png) 0 0 repeat-y; padding: 0 0 0 3px; }
.mainr { background: url(/img/bgmainsides.png) 100% 0 repeat-y; padding: 0 5px 0 0; }
.content { width: 942px; background: #999; padding: 3px 5px; }
.content .conleft { width: 645px; margin: 0 2px 0 0; float: left; }
.content .conright { width: 295px; float: left; }



.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;
}

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

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

.success { width: 100%; margin: 10px 0 0 150px; float: left; }
.success .funbox { width: 250px; text-align: center; }
.success .tmpimage { margin: 0 auto; }



/* BOXES
------------------------------------------------*/
.box { width: inherit; color: #000; float: left; }
.full { width: 100%; }
.half { width: 50%; }


.box .bt {
	height: 5px;
	background: url(/img/box/box_blank.png) 0 0 no-repeat;
	margin: 0 5px 0 0;
	position: relative;
}
.box .bt div {
	width: 5px;
	height: 5px;
	background: url(/img/box/box_blank.png) 100% 0 no-repeat;
	position: absolute;
	right: -5px;
}
.box .bl { background: url(/img/box/sides.png) 0 0 repeat-y; padding: 0 0 0 5px; }
.box .br { background: url(/img/box/sides.png) 100% 0 repeat-y; padding: 0 5px 0 0; }
.box .bm { background: #CCC; padding: 8px; position: relative; }
.box .bb {
	height: 7px;
	background: url(/img/box/box.png) 0 100% no-repeat;
	margin: 0 7px 0 0;
	position: relative;
}
.box .bb div { 
	width: 7px;
	height: 7px;
	background: url(/img/box/box.png) 100% 100% no-repeat;
	position: absolute;
	right: -7px;
}

.box .bm hr {
	height: 3px;
	background: url(/img/box/hr.gif) 0 0 repeat-x;
	border: 0;
	margin: 8px -10px 8px -11px;
	position: relative;
}
.box .bt span {			/* For vertical rules */
	width: 3px; 
	height: 3px;
	background: url(/img/box/vr.gif) repeat-y; 
	margin: 2px 0 0 208px; 
	position: absolute;
}
.box .bb span {
	width: 3px; 
	height: 3px;
	background: url(/img/box/vr.gif) repeat-y;
	margin: 0 0 0 208px;
	position: absolute;
}

.box .head {
	height: 20px;
	color: #FFF;
	display: block;
	padding: 9px;
	margin: -50px -8px 10px;
	position: relative;
}
.box .head h3 {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	float: left;
}
.box .head a { color: #ECCE02; }
.box .head a:hover { color: #F6E756; }

.grey .head, .grey .head h3, .grey .head p, 
.gold .head, .gold .head h3, .gold head p { color: #000; }
.grey .head a,
.green .head a, 
.purple .head a,
.gold .head a { color: #0B397D; }
.grey .head a:hover,
.green .head a:hover, 
.purple .head a:hover, 
.gold .head a:hover { color: #2389CD; }


.box .head h3 a { font-size: 16px; font-weight: bold; }
.box .head p { margin-top: 2px; float: right; }
.box .head .button { margin-top: -2px; float: right; }
.head .bt, .head .bt div { height: 46px; background-image: url(/img/box/box.png); }
.nohead .bt, .nohead .bt div { height: 5px; background-image: url(/img/box/box_blank.png); }
.blank .bt, .blank .bt div { height: 46px; background-image: url(/img/box/box_blank.png); }
.grey .bt, .grey .bt div { height: 46px; background-image: url(/img/box/box_grey.png); }
.red .bt, .red .bt div { height: 46px; background-image: url(/img/box/box_red.png); }
.gold .bt, .gold .bt div { height: 46px; background-image: url(/img/box/box_gold.png); }
.green .bt, .green .bt div { height: 46px; background-image: url(/img/box/box_green.png); }
.purple .bt, .purple .bt div { height: 46px; background-image: url(/img/box/box_purple.png); }

.box h2 { font-size: 14px; }
.box .minihead { color: #000; }
.box .minihead p { text-align: right; }
.box p.minihead { text-align: right; }
.box .white { color: #FFF; }

.funbox { width: 100%; color: #EEE; margin: 0 0 5px 0; float: left; }
.funbox .ft {
	height: 5px;
	background: url(/img/box/funbox.png) 0 0 no-repeat;
	margin: 0 5px 0 0;
	position: relative;
}
.funbox .ft div {
	width: 5px;
	height: 5px;
	background: url(/img/box/funbox.png) 100% 0 no-repeat;
	position: absolute;
	right: -5px;
}
.funbox .fl { background: url(/img/box/funboxsides.gif) 0 0 repeat-y; padding: 0 0 0 2px; }
.funbox .fr { background: url(/img/box/funboxsides.gif) 100% 0 repeat-y; padding: 0 2px 0 0; }
.funbox .fm { background: #7E7E7E; padding: 5px 8px; }
.funbox .fb {
	height: 5px;
	background: url(/img/box/funbox.png) 0 100% no-repeat;
	margin: 0 5px 0 0;
	position: relative;
}
.funbox .fb div { 
	width: 5px;
	height: 5px;
	background: url(/img/box/funbox.png) 100% 100% no-repeat;
	position: absolute;
	right: -5px;
}
.funbox .fm hr {
	height: 3px;
	background: url(/img/box/funbox_hr.gif) 0 0 repeat-x;
	border: 0;
	margin: 8px -9px;
	position: relative;
}

.box .funbox { margin: 0 0 2px; }
.box .funbox .ft,
.box .funbox .fb,
.box .funbox .ft div, 
.box .funbox .fb div { background-image: url(/img/box/funbox_light.png); }
.box .funbox .fl,
.box .funbox .fr { background-image: url(/img/box/funboxsides_light.gif); }
.box .funbox .fm { color: #333; background: #AAA; }
.box .funbox .fm hr { background-image: url(/img/box/funbox_hr_light.gif); }

.funbox a { color: #FFC91C; }
.funbox a:hover { color: #F6E756; }
.funbox .button { margin: -6px 0; }
.box .funbox a { color: #0B397D; }
.box .funbox a:hover { color: #2389CD; }

.funbottom { margin: 5px 0 0 0; }




.titlebox {
	width: inherit;
	height: 40px;
	color: #000;
	background: url(/img/box/titlebox.png) 0 0 no-repeat;
	display: block;
	margin: 0 5px 0 0;
	float: left;
	position: relative;
}
.titlebox .tm {
	height: 24px;
	background: url(/img/box/titlebox_end.png) 100% 0 no-repeat;
	text-align: center;
	display: block;
	margin-right: -5px;
	padding: 8px 15px 8px 15px;
}


.titlebox h3 {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	float: left;
}
.titlebox p { margin-top: 2px; float: right; }
a .titlebox h3, 
.titlebox a { color: #ECCE02; font-size: 16px; font-weight: bold; }
a:hover .titlebox h3, 
.titlebox a:hover { color: #F6E756; }

a:hover .titlebox { background-image: url(/img/box/titlebox-hover.png); }
a:hover .titlebox .tm { background-position: 100% -40px; }
.titlegrey { background-image: url(/img/box/titlebox_grey.png); }
.titlegrey .tm { background-position: 100% -80px; }
.titlegrey h3 { color: #000; }



/* BUTTONS
------------------------------------------------*/
a.button, span.button {
	height: 25px;
	font-weight: bold;
	text-decoration: none;
	font-size: .917em;
	text-align: center;
	background: url(/img/buttonend.png) 100% 0 no-repeat;
	display: inline-block;
	position: relative;
	padding: 0 4px 0 0;
	margin: 0 0 0 1px;
}

a.button span, span.button span {
	height: 20px;
	color: #000;
	font-weight: bold;
	text-align: center;
	background: url(/img/button.png) 0 0 no-repeat;
	display: block;
	padding: 5px 6px 0 11px;
}

span.button      { background-position: 100% -75px; }
span.button span { background-position: 0 -75px; }
a.button:hover       { background-position: 100% -25px; }
a.button:hover span  { background-position: 0 -25px; }
a.button:active      { background-position: 100% -50px; }
a.button:active span { color: #353535; background-position: 0 -50px; }
a.red             { background-position: 100% -100px; }
a.red span        { background-position: 0 -100px; }
a.red:hover       { background-position: 100% -125px; }
a.red:hover span  { background-position: 0 -125px; }
a.red:active      { background-position: 100% -150px; }
a.red:active span { background-position: 0 -150px; }
a.green             { background-position: 100% -175px; }
a.green span        { color: #000; background-position: 0 -175px; }
a.green:hover       { background-position: 100% -200px; }
a.green:hover span  { background-position: 0 -200px; }
a.green:active      { background-position: 100% -225px; }
a.green:active span { color: #353535; background-position: 0 -225px; }
a.purple             { background-position: 100% -250px; }
a.purple span        { color: #000; background-position: 0 -250px; }
a.purple:hover       { background-position: 100% -275px; }
a.purple:hover span  { background-position: 0 -275px; }
a.purple:active      { background-position: 100% -300px; }
a.purple:active span { color: #353535; background-position: 0 -300px; }
a.blue             { background-position: 100% -325px; }
a.blue span        { color: #FFF; background-position: 0 -325px; }
a.blue:hover       { background-position: 100% -350px; }
a.blue:hover span  { background-position: 0 -350px; }
a.blue:active      { background-position: 100% -375px; }
a.blue:active span { color: #DDD; background-position: 0 -375px; }

a.move span span { width: 16px; text-indent: -99999px; padding: 0; margin: -1px 0 0 0; }
a.move span span, a.move:hover span span { background: url(/img/icons/move.gif) 0 0 no-repeat; }


/* LISTS
------------------------------------------------*/
div.navright ul { margin-bottom: 5px; }
div.navright li {
	text-align: left;
	line-height: 11px;
	padding-left: 15px;
	margin: 2px 0;
	background: url(/img/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(/img/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: 440px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	float: left;
}
ul.viewconnect li {
	width: 440px;
	line-height: 11px;
	display: inline-block;
	padding: 0 0 5px 0;
}
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: #656565;
	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: 904px;
	background: url(/img/borderdots.gif) 0 0 repeat-x;
	display: block;
	padding: 10px 0 5px 10px;
	float: left;
}
.editlist_left li {
	width: 625px;
	background: url(/img/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; }



/* TABLES
------------------------------------------------*/
.nolist { font-weight: bold; text-align: center; }
.tab { margin-left: 30px; }

.toprow { width: 914px; }
.toprow span { text-align: center; display: inline-block; }
.row {
	background: url(/img/borderdots.gif) left bottom repeat-x;
	display: inline-block;
	padding: 6px 5px;
}
.row span { text-align: center;	float: left; }
.row .num { width: 30px; text-align: left; }
.row .docked { width: 125px; }
.end { background: none; }

.savedtxt { margin: 0 5px; }


.yourlist .toprow .submission { margin-left: 30px; float: left; }
.yourlist .toprow .options { width: 145px; }
.yourlist .submission { width: 426px; 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: -3px 3px -4px auto; float: none; }


/* ~~~~ Messages ~~~~ */
.messages .toprow .subject { width: 500px; }
.messages .row { padding: 6px 5px; }
.messages .check { width: 16px; height: 16px; margin: -3px 0 0 0; }
.messages .pmcon {
	width: 20px;
	height: 20px;
	text-indent: -99999px;
	margin: 0 10px;
}
.messages .row .pmcon { margin-top: -3px; }
.messages span.subject { width: 530px; text-align: left; }
.messages .author { width: 170px; }
.messages .docked { width: 150px; }



/* ~~~~ Zones ~~~~ */
.connect .row { padding: 6px 5px; }
.connect .site { width: 426px; text-align: left; }
.connect .author { width: 210px; }
.connect .arrivals { width: 120px; }
.connect .departures { width: 120px; }
.connect .toprow .site { margin-left: 20px; }


.zonelist .head .title { margin-left: 20px; }
.zonelist .title { width: 326px; text-align: left; }
.zonelist .author { width: 250px; }
.zonelist .stats { width: 150px; }
.zonelist .docked { width: 150px; }


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


.writinglist .title { width: 331px; text-align: left; }
.writinglist .author { width: 200px; }
.writinglist .rating { width: 70px; }
.writinglist .category { width: 125px; }
.writinglist .docked { width: 150px; }
.writinglist .toprow .title { margin-left: 20px; }


.jokesearch .row span { margin-top: 15px; }
.jokesearch .row a span {
	width: 346px;
	height: 40px;
	color: #000;
	font-weight: normal;
	text-align: left;
	display: block;
	overflow: hidden;	
	padding: 5px;
	margin-top: 0;
	float: left;
}
.jokesearch .row a span:hover { background: #FFC91C; }
.jokesearch .row a strong { color: #0B397D; }
.jokesearch .title { width: 346px; text-align: left; }
.jokesearch .author { width: 195px; }
.jokesearch .category { width: 125px; }
.jokesearch .rating { width: 75px; }
.jokesearch .docked { width: 125px; }
.jokesearch .toprow .title { margin-left: 30px; }


.wordsearch .row span { margin-top: 15px; }
.wordsearch .row a span {
	width: 446px;
	height: 40px;
	color: #000;
	font-weight: normal;
	text-align: left;
	display: block;
	overflow: hidden;	
	padding: 5px;
	margin-top: 0;
	float: left;
}
.wordsearch .row a span:hover { background: #FFC91C; }
.wordsearch .row a strong { color: #0B397D; }
.wordsearch .title { width: 446px; text-align: left; }
.wordsearch .author { width: 195px; }
.wordsearch .stats { width: 75px; }
.wordsearch .docked { width: 150px; }
.wordsearch .toprow .title { margin-left: 30px; }


/* ~~~~ Forums ~~~~ */
.forumindex .row { width: 914px; padding: 5px 0; }

.forumindex .forum { width: 455px; text-align: left; }
.forumindex .stats { width: 135px; }
.forumindex .lastpost {	width: 125px; }
.forumindex .row .icon { width: 45px; height: 45px; text-indent: -99999px; }
.forumindex .row .forum a {
	width: 445px;
	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 .row .stats { margin-top: 17px; }
.forumindex .row .lastpost { width: 140px; margin-top: 17px; font-size: 11px; }
.forumindex .toprow .icon { width: 40px; font-size: 11px; margin-right: 5px; float: left; }
.forumindex .toprow .icon a { font-size: 11px; }



.forum .row { width: 914px; padding: 5px 0; }
.forum span a { font-weight: normal; }

.forum .icon { width: 31px; height: 31px; text-indent: -99999px; }
.forum .emcon { width: 20px; text-indent: -9999px; }
.forum .topic { width: 379px; text-align: left; }
.forum .topic a { width: 279px; height: 28px; }
.forum .author { width: 200px; }
.forum .stats { width: 100px; }
.forum .lastpost { width: 140px; }
.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 .topic { margin-left: 80px; }




/* FRONT PAGE
------------------------------------------------*/
.feat .funbox { width: 586px; margin: 5px 16px 2px; }
.feat .funbox .fm p { padding: 10px; }
.feat h1 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	margin: 0 5px;
}
.conright h1 { width: 264px; }
.feat span.by {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin-bottom: 5px;
}

.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(/img/feat.arrows.png) 0 0 no-repeat;
	margin: 65px 0;	
	position: absolute;
	z-index: 2;
}
.feat .anext { background-position: -40px 0; right: -34px; }
.feat .aprev { left: -34px; }
.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(/img/nav/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: 180px;
	overflow: hidden;
	position: absolute;
} 	
.feat .items { width: 20000em; position: relative; }


/* ~~~~ Comics ~~~~ */
.feat .comics {
	width: 555px;
	height: 170px;
	margin: 0 auto;
	position: relative;
}
.feat .comics .feat_title { background: url(/img/feat.comics_text.gif); }
.feat .comics .items div {
	width: 555px;
	height: 170px;
	margin: 20px 0 0 35px;
	float: left;
}
.feat .comics .items h1 {
	width: 333px;
	text-align: left;
	margin-left: 10px;
}
.feat .comics img {
	width: 100px;
	height: 100px;
	text-align: center;
	overflow: hidden;
	float: left;
}



/* ~~~~ Writing ~~~~ */
.feat .writing {
	width: 555px;
	height: 300px;
	margin: 0 auto;
	position: relative;
}
.feat .writing .feat_title { background: url(/img/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;
	float: left;
}
.feat .polls .percent {
	width: 215px;
	height: 18px;
	color: #FFF;
	font-size: 11px;
	text-align: right;
	background: url(/img/bgtitle_empty.gif) center repeat-x;
	margin: 0 11px 5px 15px;
	border: 1px solid #000;
	float: left;
}
.feat .polls .percent span {
	height: 18px;
	background: url(/img/bgtitle_blue.gif) center repeat-x;
	float: left;
}
.feat .polls .percent .win { background: url(/img/bgtitle_gold.gif) center left repeat-x; }
.feat .polls small { margin-top: 3px; float: right; }



/* NEWS
------------------------------------------------*/
.main_news div p { float: left; }
.main_news .icon { 
	width: 40px;
	height: 40px; 
	background-image: url(/img/icons/newspaper.gif);
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -99999px;
	margin-right: 10px;
}
.main_news .author {
	width: 199px;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}
.main_news .topic { width: 199px; text-align: left; }


.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;
}



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

.icon-text {
	width: 120px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 1px 0 0 3px;
	float: left;
}
.dispinfo { color: #666; font-size: 9px; font-style: italic; }

.botstats { width: 210px; }
.bottime { width: 403px; }
.boticons { width: 320px; margin: 0 2px; float: left; }

.boticons .icon { width: 30px; height: 30px; text-indent: -99999px; float: left; }
.boticons .icon-text { width: 105px; margin-left: 5px; }
.forumboticons { width: 535px; margin: 0 2px; float: left; }
.forumboticons .icon { float: left; }

.online .me a { color: #FFF; }
.online .red a { color: #FE9292; }
.online .green a { color: #C8D54D; }

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


.post .head .emcon {
	width: 20px;
	height: 20px;
	text-indent: -99999px;
	padding: 0;
	margin: 1px 3px 0 0;
	float: left;
}
.post .head h3 { margin-left: 5px; }
.post .head p { font-weight: bold; margin: 3px 10px 0 0; }
.post .button { margin: 2px 2px -8px 0; float: right; }

.post .userinfo { width: 185px; margin: 0 10px 0 0; float: left; }
.post .userinfo img { text-align: center; display: block; margin: 0 auto 10px; }
.post .userinfo p {
	width: 175px;
	font-size: 12px;
	text-align: left;
	padding: 0 5px 5px;
	float: left;
}
.post .userinfo p .button { width: 100px; margin: 0 37px; }
.post .userinfo p strong { text-align: left; margin-right: 3px; }
.post .body {
	width: 711px;
	background: url(/img/box/vr.gif) 0 0 repeat-y;
	margin: -9px 0;
	padding: 4px 5px 5px;
	float: left;
}
.post .body .message { min-height: 253px; padding: 0 5px; }
.post .message p {
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 5px 0 10px;
}
.post .body .hr { margin: 8px -15px 8px -3px; }

.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 .num { margin-right: 10px; }



.quote_heading {
	color: #000;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 3px;
}
.post .body blockquote {
	color: #000;
	background: #B3B3B3;
	font-style: italic;
	display: block;
	overflow: hidden;
	word-wrap: break-word;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	border-left: 1px solid #000;
	clear: left;
}
code {
	font: 11px sans-serif, Arial, Helvetica;
	color: #FFF;
	background: #1A87CE;
	display: block;
	line-height: 18px;
	padding: 5px; 
	margin: 5px 0;
	white-space: pre;
	overflow: auto;
	clear: left;
}

.post .signature {
	width: 722px;
	background: url(/img/box/hr.gif) 0 0 repeat-x;
	padding: 10px 0 0 7px;
	margin: 5px -3px 0;
	float: left;
}
.signature p { width: 716px; padding: 0 0 5px 0; float: left; }
.signature span { float: left; clear: both; }
.signature img { float: left; clear: both; }


/* ZONES
------------------------------------------------*/
.zone .leftcol { width: 507px; margin-right: 2px; }
.zone .leftcol .box { width: 507px; }
.zone .leaderboard { width: 215px; margin-right: 2px; float: left; }
.zone .leaderboard .box { width: inherit; }
.zone .rightcol { width: 214px; float: left; }
.zone .rightcol .box { width: 214px; }



/* SEARCH
------------------------------------------------ */
.search { width: 403px; }
.search input { width: 220px; margin: 6px 5px 0 3px; float: left; }
.search select { margin: 7px 0 0; float: left; }
.search .button { margin: 3px 0 0 5px; float: left; }

.indexsearch input { width: 178px; }
.indexsearch select { margin: 5px 0 0; float: left; }
.indexsearch .button { margin: 3px 0 0; float: right; }

.searchleft { width: 535px; margin: 0 2px 0 0; float: left; }
.searchpage { width: 403px; }
.searchpage strong { width: 83px; margin: 0 0 5px 0; float: left; }
.searchpage input { width: 280px; margin: 0 0 5px 0; float: left; }
.searchpage .button { margin-top: 5px; float: right; }



/* FAQ
------------------------------------------------ */
.punch strong, .punch strong a {
	width: 30px;
	color: #ECCE02;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: -2px 3px 0 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: 876px; 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(/img/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; }



/* ACCOUNT
------------------------------------------------ */
.boxlink .item {
	background: #BBB;
	margin: 3px 0px;
	padding: 8px 5px;
	border: #777 solid;
	border-width: 0 0 0 2px;
}
.boxlink .redlink .item { background-color: #FE9292; border-color: #E02525; }
.boxlink .redlink,
.boxlink .redlink:hover,
.boxlink .redlink:active,
.boxlink .redlink:visited { color: #000; }
.boxlink .item span {
	color: #000;
	font-weight: normal;
	display: block;
	margin-left: 10px;
}
.boxlink .item:hover { background-color: #FFC91C; border-color: #A68504; }
.boxlink a:hover { color: #000; }

.conleft .boxlink .item { width: 603px; }
.conleft .boxlink .item span { width: 193px; }
.conright .boxlink .item { width: 254px; }
.conright .boxlink .item span { width: 244px; }
.halfnhalf .boxlink .item { width: 430px; }
.halfnhalf .boxlink .item span { width: 420px; }
.account .outside .item { width: 200px; }
.account .outside .box .item span { width: 190px; }
.account .inside .item { width: 416px; }
.account .inside .box .item span { width: 406px; }
.profile .split .boxlink .item { width: 281px }
.profile .split .boxlink .item span { width: 271px; }

.account { width: 940px; }
.account .outside { width: 240px; float: left; }
.account .inside { width: 456px; margin: 0 2px; float: left; }

.profile_facts { width: 310px; float: left; }
.profile_avatar { width: 150px; float: left; }
.favorites { width: 255px; }

.right_stats small a { font-size: 10px; font-weight: normal; }
.right_stats h4 {
	width: 100%;
	font-weight: bold;
	padding: 0 5px;
	float: left;
}

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

.profile .split { width: 321px; 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; }

.profile .writing h3 { font-size: 16px; text-align: center; }
.profile .writing small { width: 100%; font-size: 10px; text-align: center; float: left; }
.profile .writing small a { font-size: 10px; }


/* ~~~~ Favorites ~~~~ */
.favs .half { width: 458px; float: left; }
.favs .favleft { width: 448px; margin-right: 10px;  }
.favs .half .button { margin: -3px 0 -7px; float: right; }
.conleft .favs, .conleft .favs .box { width: 315px; float: left; }
.bigfavs, .bigfavs .box { width: 469px; float: left; }


.right_stats small {
	font-size: 10px;
	font-weight: normal;
	padding: 2px 15px 5px;
	float: left;
}

.halfnhalf { width: 470px; float: left }
.halfnhalf .box { width: inherit; }

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


.right_margin { margin-right: 2px; }



/* MESSAGES
------------------------------------------------ */
.newfriend input { width: 195px; margin: 2px 0 0 0; float: left; }
.newfriend .button { margin: 0 0 0 8px; float: left; }

.diskspace {
	width: 98px;
	height: 15px;
	background: url(/img/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(/img/bgtitle_gold.gif) 0 center repeat-x;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
}
.head .diskspace { margin-right: 8px; }



/* COMICS
------------------------------------------------ */
.single {
	width: 100px;
	display: inline;
	position: relative;
	float: left;
	padding: 2px 10px;
}
.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 {
	width: 96px;
	display: block;
	overflow: hidden;
	margin: 0 2px 2px 2px;
	float: left;
}
.single span.hover {
	width: 96px;
	background: #000;
	overflow: hidden;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	margin: 0px 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
------------------------------------------------ */
#awrite { width: 750px; float: left; }
#awrite strong { width: 10px; height: 10px; font-weight: normal; margin: 3px 5px 5px 0; float: left; }
#awrite input { width: 650px; margin: 0 5px 5px 0; }
#awrite .button { margin: -1px 0 3px 0; float: left; }

.polls .leftcol { width: 265px; float: left; }

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



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



/* RANTS
------------------------------------------------ */
.formfun input.tag { width: 125px; margin-right: 10px; }
.rants .docked {
	width: 80px;
	font-weight: bold;
	float: left;
}
.rants .docked .day {
	width: 30px;
	font-size: 24px;
	border-right: #FFF solid 1px;
	padding: 0 5px;
	margin: 5px 0;
	float: left;
}
.rants .docked .monthyear {
	width: 30px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	margin: 5px 0 0 5px;
	float: left;
}
.rants .post .bm .head { padding: 0 0 20px; }
.rants .head h3 {
	width: 500px;
	font-size: 18px;
	text-align: center;
	padding: 0 5px;
}
.rants .head h3 a { font-size: 18px; }
.rants .head span { width: 500px; text-align: center; margin: 3px 0 0; float: left; }
.rants .head span, .rants .head span a { font-size: 10px; }
.rants .rantlink {
	font-size: 18px;
	text-align: center;
	margin: 0 auto;
	float: left;
}
.rants .authlink {
	font-size: 10px;
	text-align: center;
	margin: 0 auto;
	float: left;
}
.rants ul {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding: 5px 0 10px 2px;
	margin: 0 40px;
	float: left;
}
.rants ul li {
	width: 100%;
	line-height: 12px;
	list-style: outside square;
	padding: 1px 0 5px 0;
	float: left;
}
.rants ol {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	list-style: inside decimal;
	padding: 5px 0 10px 5px;
	margin: 0 20px;
}
.rants ol li {
	width: 100%;
	line-height: 14px;
	display: list-item;
	overflow: hidden;
	padding: 1px 0 10px 0;
	float: left;
}
.rants .tags { float: left; }
.categories ul {
	width: 259px;
	text-align: left;
	padding: 5px 0;
	margin: 0;
	float: left;
	clear: both;
}
.categories ul li {
	width: 100%;
	font-weight: normal;
	text-align: left;
	line-height: 12px;
	list-style: none;
	padding: 0 0 0 12px;
	float: left;
}
.categories ul.months { margin: 0 5px; padding-bottom: 0; }
.categories ul li.year { background: url(/rants/images/submenu.png) 0 1px no-repeat; cursor: pointer; }
.categories ul li.year:hover { background-color: #FFDC68; }

.rants blockquote {
	width: 475px;
	color: #000;
	font-style: italic;
	display: block;
	padding: 5px;
	margin: 5px 15px;
	clear: left;
}

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



/* COMMENTS
------------------------------------------------*/
.comment .body { width: 619px; }
.comment .body p { width: 609px; }
.comment .bottom { width: 619px; }
.content .leave_comment { width: 316px; margin-right: 7px; }
.content .all_comments { width: 316px; }
.comment_options .button { width: 290px; margin: 0 0 2px 0; text-align: center; }



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


.voteboxdead {
	width: 100%;
	height: 44px;
	background: url(/img/starsloading.gif) no-repeat;
	position: relative;
}
.voteboxdead span {
	width: 44px;
	height: 44px;
	text-indent: -99999px;
	background: url(/img/stars.gif) 0 -44px no-repeat;
	float: left;
}
.voteboxdead .vote0 { background-position: 0 -132px; }

#successbox span { font-weight: bold; }
#votebox { width: 264px; height: 44px; }
#votebox a {
	width: 44px;
	height: 44px;
	background: url(/img/stars.gif) no-repeat;
	float: left;
}
#votebox .vote0 a { background-position: 0 -88px; }

.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(/img/icons/delx.gif) no-repeat 0 0;
	display: block;
	float: right;
}


/* TABS
------------------------------------------------*/



/*  TABS
------------------------------------------------ */
.tab-btns ul, .tab-btns li { display: inline; }
.ui-tabs .ui-tabs-hide { display: none; }


.tabs .row { width: 904px; }
.tabs .toprow h3 span { margin: 0; padding: 0; }
.tabs .action { width: 224px; text-align: left; }
.tabs .appointer { width: 160px; text-align: left;  }
.tabs .reason { width: 395px; text-align: left; overflow: hidden; }

.tabs span.poll { width: 434px; text-align: left; }
.tabs .toprow .poll { margin-left: 20px; }
.tabs .author { width: 170px; }
.tabs .rating { width: 100px; }
.tabs .replies { width: 100px; }
.tabs .views { width: 100px; }
.tabs .docked { width: 140px; }

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




/* AUTO COMPLETE
------------------------------------------------ */
.ac_results {
	background-color: #999999;
	border: 1px solid #353535;
	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: #999999 right center no-repeat; }
.ac_odd { background-color: #FFF; }
.ac_over { background-color: #FFF; color: #000; }



/* LIGHTBOX
------------------------------------------------ */
#overlay {
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
	position: fixed; _position: absolute;
	top: 0;
	left: 0;
	z-index: 99997;
}
#lightbox_wrapper {
	width: 110px;
	height: 110px;
	background: #FFF;
	display: block;
	padding: 10px;
	margin: -60px 0 0 -60px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99998;
}
#lightbox {
	width: 100%;
	height: 100%;
	background: #FFF;
	overflow: auto;
	padding: 5px;
	float: left;
	position: relative;
	z-index: 99998;
}
#lightbox_wrapper .lightbox_extra { float: left; z-index: 99999; }
body .loading { background: #FFF url(/img/loader_white.gif) center no-repeat; }
#lightbox_wrapper img { padding: 0; margin: 0; border: 0; }




/* CROPPER
------------------------------------------------ */
.cropper_preview { height: 104px; background: #CCC; padding: 5px; margin: 0 0 10px 0; float: left; }
.cropper_preview .cropper_preview_img { width: 102px; height: 102px; border: 1px solid #000; margin: 0 5px 0 0; float: left; }
.cropper_preview .cropper_preview_img div { width: 100px; height: 100px; overflow: hidden; border: 1px solid #FFF; display: block; }
.cropper_preview .cropper_preview_text { height: 104px; margin: 0 0 0 10px; float: left; }

.cropper-border1 { background: url(/img/cropper-v.gif) repeat-y left top; }
.cropper-border2 { background: url(/img/cropper-h.gif) repeat-x left top; }
.cropper-border3 { background: url(/img/cropper-v.gif) repeat-y right top; }
.cropper-border4 { background: url(/img/cropper-h.gif) repeat-x left bottom; }
.cropper-border1, .cropper-border2, .cropper-border3, .cropper-border4 { opacity: 0.5; filter: alpha(opacity=50); }
.cropper-handle { background-color: #FFF; border: solid 1px #000; opacity: 0.5; filter: alpha(opacity=50); }
.cropper-outer { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); display: block; }
.cropper-selection { }



/* MARKUP EDITOR
------------------------------------------------ */
.markup * { outline: none; margin: 0px; padding: 0; }
.markup a:link, .markup a:visited { color: #000; text-decoration: none; }
.markup { width: 914px; margin-bottom: 10px; float: left; }
.markup .markupContainer { font-size: 11px; padding: 10px; }
.markup textarea.markupEditor {
	width: 884px;
	height: 320px;
	font: 12px 'Courier New', Courier, monospace;
	line-height: 18px;
	display: block;
	overflow: auto;
	padding: 5px;
	clear: both;
}
.markupFooter {
	width: 896px;
	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: 894px;
	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); }



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


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



/* FOOTER
------------------------------------------------*/
.footer { width: 960px; color: #FFF; }
.footer p { color: #FFF; text-align: center; }
.footer .funbox { margin: 0; padding: 5px 0; }

.footer a { color: #FFC91C; }
.footer a:hover { color: #F6E756; }