/* Handheld CSS */
body{margin-top:0; color:#C0C0C0; background-color:black; text-align:center;}

h1 {display: none;}

/* Links at top */
ul.nav {
	text-align:center;
	display:block;
	background-color:#5F5F5F;
	background-image:url(./images/nav_gradient.gif);
	background-repeat:repeat-y;
	background-position:right;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin:0;
	font-size:1.2em;
}

ul.nav li {
	display: inline;
	list-style-type: none;
	letter-spacing: 2pt;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
}

ul.nav a {
	color: #FFFFAA;
	text-decoration: none;
}

ul.nav a:visited {
	color: #FFFFAA;
}

ul.nav a:hover {
	color: #B9DAFC;
}

li a.navbold, li a.navbold:visited {
	color: #88FFFF;
}

/* Header and footers */
td.header     {
	border:1px solid black; 
	color:#C0C0C0; 
	font-weight:bold; 
	background-image:url(./images/header_gradient.png);
	background-color:#3E3E3E; 
}

div.header     {
	padding:5px;
	border:1px solid black; 
	color:#C0C0C0; 
	font-weight:bold; 
	background-image:url(./images/header_gradient.png);
	background-color:#3E3E3E; 
}

td.subheader      {color:#C0C0C0; font-weight:bold; border:1px solid black; background-color:#3E3E3E;}
a.subheader       {color:#C0C0C0; font-weight:bold; text-decoration:none;}
a.subheader:hover {color:white; text-decoration:underline;}

h2 {
	border:1px solid #555555; 
	color:black; 
	font-weight:bold; 
	background-image:url(./images/header_gradient.png);
	background-repeat: repeat-x;
	background-color:#5ca0e6; 
	padding:5px;
	font-size: 1em;
	margin-bottom: 0;
}

td.footer     {
	font-size: 0.90em;
	border:1px solid black;
	color:#C0C0C0;
	background-image:url(./images/footer_gradient.png);
	background-color:#292929;
}

div.footer     {
	text-align:center;
	padding:5px;
	font-size: 0.90em;
	border:1px solid black;
	border-top:0;
	color:#C0C0C0;
	background-image:url(./images/footer_gradient.png);
	background-color:#292929;
}

div.header .statistics {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(./images/icons/chart_pie.png);
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 1px;
}

div.header .activeusers {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(./images/icons/members.png);
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 1px;
}

/* $qsf->table and $qsf->etable */
.stand table.stand  {border-collapse:collapse; width:99%; text-align:left; margin-left:auto; margin-right:auto;}
.stand        {text-align:center;}

/* Post Formatting */
td.posterinfo {
	width: 20%;
	vertical-align: top;
	text-align: left;
	color: #C0C0C0;
}

.posttop      {vertical-align:top; height:1em; color:#C0C0C0;}
.post         {vertical-align:top; color:#C0C0C0;}
.postbottom   {vertical-align:bottom; height: 2.5em; color:#C0C0C0;}
div.signature {font-size: 0.9em; color: #C0C0C0;}

/* Quote formatting */
div.quotebox {
	width:95%;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(./images/icons/quoted.png);
}
.quote        {background-color:#484848; color:#CCCCCC; border:1px black solid; padding:2px;}

/* Code formatting */
div.code      {
	padding-left:20px;
	margin-top:5px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(./images/icons/code.png);
}
div.phpcode {
	background-image: url(./images/icons/php.png);
}
div.codetitle {font-size: 1.1em; color:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:2px;}
.codelines    {width: 1em; background-color:#484848; color:#CCCCCC; border:1px black solid; border-right:0; font-family:Courier New, Courier, serif; text-align:right; float:left; padding:3px;}
pre.codedata  {width: 61em; background-color:#484848; color:#CCCCCC; border:1px black solid; font-family:Courier New, Courier, monospace; text-align:left; overflow:auto; padding:3px;}

/* Other styling */
.useroptions  {display:block;}
hr            {height:1px; border:0px; border-top:1px solid black;}
form          {margin:0px;}
img           {border:0px;}

.input        {font-size: 0.9em; background-color:#A8A8A8; color:black; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid black; padding:1px;}
.select       {font-size: 0.9em; background-color:#A8A8A8; color:black; font-family:Verdana, Arial, Helvetica, sans-serif;}

.tablelight   {border:1px solid black; background-color:#292929; color:#C0C0C0;}
.tabledark    {border:1px solid black; background-color:#292929; color:#C0C0C0;}
div.tablelight{padding:5px; border:1px solid black; border-top:0; border-left:0; background-color:#292929; color:#C0C0C0;}
div.tabledark {padding:5px; border:1px solid black; border-top:0; border-left:0; background-color:#292929; color:#C0C0C0;}

a             {color:#C0C0C0;}
a:hover       {color:white;}

.iconslegend  {text-align: center;}
.iconslegend table {border-collapse: collapse; margin-left: auto; margin-right: auto;}

.clickablesmilies {text-align:center;}
.clickablesmilies div {width:80px; margin-left:auto; margin-right:auto; border:1px black solid;}
.clickablesmilies strong {display:block; border-bottom:1px black solid; background-color:#3E3E3E; padding:5px;}
.clickablesmilies ul {padding-left:0; margin-left:0; padding-top:0; margin-top:10px;}
.clickablesmilies ul li {display: inline; padding: 2px; list-style-type: none;}

ul.messageicons { padding: 0; margin: 0; }
ul.messageicons li {display: inline; padding: 2px; list-style-type: none; white-space: nowrap;}

.mainmessage  {text-align: center;}
.mainmessage .stand table.stand {text-align: center; width: 60%;}

.copyright { margin-bottom: 0; text-align: center; }

.mainbutton {font-size:1.1em; font-weight:bold; background-image:url(./images/header_gradient.png); color:#C0C0C0; border:1px #A8A8A8 solid;}
div.modopts {font-weight:normal;}
div.spoilerbox   {
	padding-left:20px;
	margin-top:5px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(./images/icons/spoiler.png);
}
.spoiler    {border:1px black solid; background-color:#484848; color:#484848;}
.pages      {font-size: 0.9em; color:#C0C0C0;}
.newerolder {font-size:0.9em; color:#C0C0C0;}
.mbcSelect  {font-size: 0.9em; background-color:#A8A8A8; color:black;}
.mbcButton  {font-size: 0.9em; background-color:#A8A8A8; color:black; border:1px black solid;}
.stats      {font-weight:bold;}
.adminstat  {text-align:center; font-size: 0.7em; font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea    {width:95%} /* help give larger text areas */

p.reminder  {padding:2em; text-align:center; color:red;}
.validchecks{text-align:center;}

/* Topic state icons */
td.topicicons {
	text-align: center;
	margin: 0;
	padding: 0;
	border:1px solid black;
	background-color:#292929;
	color:#C0C0C0;
}

td.topicicons div {
	background-repeat: no-repeat;
	background-position: center center;
	height: 26px;
}

/* And for displaying in the toplic list */
img.topicicon {
	float: right;
}

div.open { background: url(./images/topicicons/open.png) }
div.hot { background: url(./images/topicicons/hot.png) }
div.newopen { background: url(./images/topicicons/newopen.png) }
div.newhot { background: url(./images/topicicons/newhot.png) }
div.dotopen { background: url(./images/topicicons/dotopen.png) }
div.dothot { background: url(./images/topicicons/dothot.png) }
div.newdotopen { background: url(./images/topicicons/newdotopen.png) }
div.newdothot { background: url(./images/topicicons/newdothot.png) }

div.openpoll { background: url(./images/topicicons/openpoll.png) }
div.hotpoll { background: url(./images/topicicons/hotpoll.png) }
div.newopenpoll { background: url(./images/topicicons/newopenpoll.png) }
div.newhotpoll { background: url(./images/topicicons/newhotpoll.png) }
div.dotopenpoll { background: url(./images/topicicons/dotopenpoll.png) }
div.dothotpoll { background: url(./images/topicicons/dothotpoll.png) }
div.newdotopenpoll { background: url(./images/topicicons/newdotopenpoll.png) }
div.newdothotpoll { background: url(./images/topicicons/newdothotpoll.png) }

div.moved { background: url(./images/topicicons/moved.png) }
div.locked { background: url(./images/topicicons/lockedopen.png) }
div.newlocked { background: url(./images/topicicons/lockedopennew.png) }
div.lockedpoll { background: url(./images/topicicons/lockedopenpoll.png) }
div.newlockedpoll { background: url(./images/topicicons/lockedopennewpoll.png) }

/* Pin overlaps other topic icons */
div.pinned { background: url(./images/icons/pin_faded.png) }

/* Button effects */
.button {
	float: left;
	border: 1px solid black;
	background-image: url(./images/small_grey_gradient.gif);
	background-repeat: repeat-x;
	padding: 0.3em;
	font-size: 0.8em;
	margin-right: 3px;
}

div.button a {
	text-decoration: none;
	font-weight: bold;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 1px;
	color: black;
}

.button .messenger { background-image: url(./images/icons/messenger.png); }
.button .email { background-image: url(./images/icons/email.png); }
.button .home {	background-image: url(./images/icons/homesite.png); }
.button .icq { background-image: url(./images/icons/icq_logo.png); }
.button .aim { background-image: url(./images/icons/aim_logo.png); }
.button .yahoo { background-image: url(./images/icons/yahoo_logo.png); }
.button .msn { background-image: url(./images/icons/msn_logo.png); }
.button .gtalk { background-image: url(./images/icons/gtalk_logo.png); }
.button .quotepost { background-image: url(./images/icons/post_quote.png); }
.button .delete { background-image: url(./images/icons/post_delete.png); }
.button .edit { background-image: url(./images/icons/post_edit.png); }

.bigbutton {
	float: right;
	border: 1px solid black;
	background-image: url(./images/large_grey_gradient.gif);
	background-repeat: repeat-x;
	padding: 0.2em;
	font-size: 1.2em;
	margin-left: 5px;
}

.bigbutton a {
	text-decoration: none;
	font-weight: bold;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-right: 2px;
	color: black;
}

.bigbutton .messenger {	background-image: url(./images/icons/messenger.png) }
.bigbutton .reply { background-image: url(./images/icons/message_reply.png) }
.bigbutton .delete { background-image: url(./images/icons/message_delete.png) }
.bigbutton .poll { background-image: url(./images/icons/poll.png) }
.bigbutton .topic { background-image: url(./images/icons/new_topic.png) }
.bigbutton .topicreply { background-image: url(./images/icons/post_reply.png) }
.bigbutton .subscribe {	background-image: url(./images/icons/subscribe.png) }

td div.butright {
	float: right;
}

.greybutton {
	float: right;
	border: 1px solid black;
	background-color: #484848;
	padding: 0.2em;
	font-size: 1.2em;
	margin-left: 5px;
}

.greybutton span {
	font-weight: bold;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-right: 2px;
}

.greybutton .locked { background-image: url(./images/icons/topic_locked.png) }

.clear {clear:right;}
.clearleft{clear:left;}

/* Rounded rectangle effect */
div.container {
	background-color: black;
	color: #C0C0C0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

.round-top, .round-bottom {
	display: none;
}

/* Format the RSS Reader annoucements section to look like a normal menu field except with bullet points */
.rssreader {
	border:1px solid black;
	padding:10px;
	background-color:#484848;
	margin:3px 0px 3px 0px;
}
.rssreader .rsstitle {
	border:1px solid black;
	padding:3px 5px 0px 5px;
	background-color:#484848;
	font-weight:bold;
	font-size: 1.2em;
	position:relative;
	top:-15px;
	white-space:nowrap;
	border-bottom:0px;
	display:inline;
	height:18px;
	margin-left: 0;
}
.rssreader li {
	margin-left: 2em;
}

/* Admin CP stuff */
body#admincp {
	background-image:none;
	background-color:black;
	color:#C0C0C0;
	font-size:0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Stuff for the AdminCP mods */
ul            {line-height:150%;}
li a:hover    {color:white;}
.tiny         {font-size:0.85em; font-weight:normal;}
.small        {font-size:0.9em;}
.med          {font-size:1.2em; font-weight:bold;}
.highlighted  {font-size:0.9em; background-color:#FF0000; color:black;}
div.fieldset  {border:1px solid black; padding:10px; background-color:#484848; margin:3px 0px 3px 0px;}
div.legend    {border:1px solid black; padding:3px 5px 0px 5px; background-color:#484848; font-size:1.2em; font-weight:bold; position:relative; top:-15px; white-space:nowrap; border-bottom:0px; display:inline; height:18px;}
.labellight   {border:1px solid black; background-color:#292929; color:#CCCCCC; font-weight:bold;}
.labeldark    {border:1px solid black; background-color:#292929; color:#CCCCCC; font-weight:bold;}
input.free, select.free {display:block; float:left; width:150px; margin:0px; margin-bottom:10px;}
input.freec   {display:block; float:left; margin:0px; margin-bottom:10px; padding:0px;}
label.free    {display:block; float:left; width:100px; text-align:right; padding-right:20px;}
br.free       {clear:left;}
span.red      {color:red;}