/* Screen CSS */
body {
	background-image: url(./images/linesbg.gif);
	background-repeat: repeat;
	margin-top: 0;
	color: #3b6794;
	background-color: #b9dafc;
	text-align: center;
}

h1 {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(./images/top_gradient.gif);
	background-repeat: repeat-x;
}

/* Links at top */
ul.nav {
	text-align: center;
	display: block;
	background-color: #3b6794;
	background-image: url(./images/nav_gradient.gif);
	background-repeat: repeat-y;
	background-position: right;
	border-top: 1px solid #5ca0e6;
	border-bottom: 1px solid #5ca0e6;
	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, div.header {
	border:1px solid #555555; 
	color:black; 
	font-weight:bold; 
	background-image:url(./images/header_gradient.png);
	background-repeat: repeat-x;
	background-color:#5ca0e6; 
}

div.header     {
	padding:5px;
}

a.header       {color:black;}
a.header:hover {color:white;}

td.subheader      {color:black; font-weight:bold; border:1px solid #555555; background-color:#5ca0e6;}
a.subheader       {color:black; font-weight:bold; text-decoration:none}
a.subheader:hover {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 #555555; 
	background-color:#5ca0e6; 
	color:black;
}

div.footer     {
	padding:5px;
	font-size: 0.90em; 
	border:1px solid #555555; border-top:0;
	background-color:#5ca0e6; 
	color:black;
	text-align: center;
}

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

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

/* $qsf->table and $qsf->etable */
.stand table.stand  {border-collapse:collapse; width:95%; 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: black;
}

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

/* 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:#fefefe; color:#333333; border:1px #555555 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:#fefefe; color:#333333; border:1px #555555 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:black; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:2px;}
.codelines    {width: 1em; background-color:#eeeeee; color:#333333; border:1px #555555 solid; border-right:0; font-family:"Courier New", Courier, serif; text-align:right; float:left; padding:3px;}
pre.codedata  {width: 61em; background-color:#fefefe; color:#333333; border:1px #555555 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 #666666;}
form          {margin:0px;}
img           {border:0px;}

.input        {font-size:1.2em; background-color:white; color:black; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #555555; padding:1px;}
.select       {font-size:1.2em; background-color:white; color:black; font-family:Verdana, Arial, Helvetica, sans-serif;}
.timezone option { font-family:"Courier New", Courier, serif; }

.tablelight   {border:1px solid #555555; background-color:#eeeeee; color:black;}
.tabledark    {border:1px solid #555555; background-color:#e0e0e0; color:black;}
div.tablelight{padding:5px; border-top:0;}
div.tabledark {padding:5px; border-top:0;}

a.small       {color:black;}
a:hover.small {text-decoration:none;}

a.bdaylink      {font-size:0.9em; color:black;}
a:hover.bdaylink{text-decoration:none;}

a.activeuser      {font-size:0.9em; color:black;}
a:hover.activeuser{text-decoration:none;}

a             {color:black;}
a.postlink    {color:black;}
a.pages:hover {color:#cc0000;}
a.pagelinks:hover{color:#cc0000;}

.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 #555555 solid; background-color:#e0e0e0; 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 #555555 solid; background-color:#fefefe; color:#fefefe;}
.pages        {font-size: 0.9em; color:#333333;}
.newerolder   {float: right; font-size: 0.9em; color:#333333;}
#qsf_bbcode_buttons select {font-size: 0.9em; background-color:#ececec; color:black; margin: 1px;}
#qsf_bbcode_buttons input  {font-size: 0.9em; background-color:#ececec; color:black; border:1px #555555 solid; margin: 1px;}
.stats        {font-weight:bold;}
.adminstat, .validchecks {text-align:center; font-size: 0.7em;}
td textarea   {
	width:100%;
	color: #000000;
	background-color: #ffffff;
} /* 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 #555555;
	background-color:#eeeeee;
	color:black;
}

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: #aaccff;
	background-image: url(./images/small_blue_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;
}

.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-color: #bbddff;
	background-image: url(./images/large_blue_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;
}

.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: #eeeeee;
	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: white;
	color: black;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-left: 5px solid #5ca0e6;
	border-right: 5px solid #5ca0e6;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, 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-image: url(./images/corner-top.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.round-top div {
	background-image: url(./images/corner-top-right.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.round-bottom {
	background-image: url(./images/corner-bottom.png);
	background-repeat: repeat-x;
	background-position: top left;
}

.round-bottom div {
	background-image: url(./images/corner-bottom-right.png);
	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 #999999;
	padding:10px;
	background-color:#f3f3f3;
	margin:3px 0px 3px 0px;
}
.rssreader .rsstitle {
	border:1px solid #999999;
	padding:3px 5px 0px 5px;
	background-color:#f3f3f3;
	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;
}

/* Admin CP stuff */

body#admincp {
	background-image: none;
	background-color: white;
	color: black;
	font-size: 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* 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 #999999; padding:10px; background-color:#f3f3f3; margin:3px 0px 3px 0px;}
div.legend    {border:1px solid #999999; padding:3px 5px 0px 5px; background-color:#f3f3f3; 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 #555555; background-color:#eeeeee; color:black; font-weight:bold;}
.labeldark    {border:1px solid #555555; background-color:#dddddd; color:black; 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;}