/* Screen CSS */
body {
	background-image:url(./images/background3.gif);
	background-repeat:repeat;
	margin-top:0;
	color:#c0c0c0;
	background-color:black;
	text-align:center;
	width:80%;
	margin-left:auto; 
	margin-right:auto;
}

h1 {
	margin:0;
	padding:0;
	text-align:center;
}

/* Links at top */
ul.nav {
	text-align:center;
	display:block;
	background-image:url(./images/header_gradient.png);
	background-repeat:repeat-x;
	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: #c0c0c0;
        font-weight:bold;
	text-decoration: none;
}

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

ul.nav a:hover {
	color: #20ac41;
}

li a.navbold, li a.navbold:visited {
	color: #20ac41;
}

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

div.header     {
	padding:5px;
}

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 black; 
	color:#c0c0c0; 
	font-weight:bold; 
	background-image:url(./images/header_gradient.png);
	background-repeat:repeat-x;
	background-color:#292929; 
	padding:5px;
	font-size:1em;
	margin-bottom:0;
}

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

div.footer     {
	text-align:center;
	padding:5px;
	font-size: 0.90em;
	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;}

/* File attachment formatting */
div.filebox {
	padding-left:20px;
	margin-top:5px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url(./images/icons/attach.png);
}
.file        {background-color:#484848; color:#cccccc; border:1px black solid;}

/* Quote formatting */
div.quotebox      {
	padding-left:20px;
	margin-top:5px;
	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;}

/* 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 */
hr            {height:1px; border:0px; border-top:1px solid black;}
form          {margin:0px;}
img           {border:0px;}

.input        {font-size:1.2em; background-color:#a8a8a8; color:black; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid black; padding:1px;}
.select       {font-size:1.2em; background-color:#a8a8a8; color:black; font-family:Verdana, Arial, Helvetica, sans-serif;}
.timezone option { font-family:"Courier New", Courier, 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-top:0;}
div.tabledark {padding:5px; border-top:0;}

a      {color:#c0c0c0;}
a:hover{color:#20ac41;}

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

#clickablesmilies { text-align:center; }
#clickablesmilies div { width:140px; margin-left: auto; margin-right:auto; }
#clickablesmilies strong { display:block; border: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;}
#quicksmilies strong { display:none;}
#quicksmilies ul { padding:0; margin:0;}
#quicksmilies 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; }
html>body ul.messageicons li {white-space:nowrap;} /* Avoid IE */

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

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

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   {float: right; font-size: 0.9em; color:#c0c0c0;}
#qsf_bbcode_buttons select {font-size:0.9em; background-color:#a8a8a8; color:black; margin:1px;}
#qsf_bbcode_buttons input  {font-size:0.9em; background-color:#a8a8a8; color:black; border:1px black solid; margin:1px;}
.stats        {font-weight:bold;}
.adminstat, .validchecks {text-align:center; font-size:0.7em;}
td textarea   {width:100%} /* help give larger text areas */

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

/* 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-color:#3e3e3e;
	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) }

/* Rounded rectangle effect */

div.container {
	background-color:black;
	color:#c0c0c0;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

.round-top, .round-bottom {
	margin-left:auto;
	margin-right:auto;
	height:19px;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}

.round-top div, .round-bottom div {
	margin:0;
	padding:0;
	height:19px;
}

.round-top {
	background-repeat:repeat-x;
	background-position:bottom left;
}

.round-top div {
	background-repeat:no-repeat;
	background-position:bottom right;
}
.round-bottom {
	background-repeat:repeat-x;
	background-position:top left;
}

.round-bottom div {
	background-repeat:no-repeat;
	background-position:top right;
}

/* 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 {
	list-style-type:none;
	margin-left:2em;
}

/* Stuff for the AdminCP mods */
ul            {line-height:150%;}
.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;}