/* -----------------------------------------------------------------------------
Website			: FORUM.AQUASKIPPERUK.COM
Name			: mainForumStyles.css
Author			: Tracie Koziura
Created			: August 21st 2006
Last Updated	: August 21st 2006
Copyright		: © 2006, New Media Development Ltd.

History			: 

Purpose			: Main stylesheet for http://forum.diyframing.co.uk
----------------------------------------------------------------------------- */

/* Basic structure for permanently bottom aligned footer */

*										{margin:0; padding:0;} /* Sets padding and margins to 0 (zero) for all block elements */
html									{height:auto; text-align:center;}
body									{margin-left:auto; margin-right:auto; height:auto; text-align:center; background:#fff9dd url(/images/forumbg.jpg) repeat-x left top;}
* html body, * html body #wrapper		{height:auto;}
html, body								{margin-left:auto; margin-right:auto; padding-bottom:10px; font:normal normal 100.1%/1.4em verdana, arial, helvetica, sans-serif; color:#224F7B; text-align:center;}
html, body, #wrapper					{width:760px; min-height:100%; text-align:center;}
* html body, * html body #wrapper		{height:auto;}
div#wrapper								{position:absolute; top:0; left:50%; text-align:center; min-height:600px; margin:10px auto 0 -380px; border-bottom:10px solid #fff9dd; padding:0; background:#fff9dd url(/images/wrapperbg.jpg) repeat-x left bottom;}

/* Base styles (prevents unexpected results for inherited elements) */
div										{font-size:1em;}
ul, li									{font-size:1em; list-style-type:none;}
p										{font-size:1em; text-align:justify;}
a, a:visited							{font-size:1em; text-decoration:none; color:#3277BB;} 
a:hover									{font-size:1em; text-decoration:underline; color:#78A9DB;}
img										{border:none; padding:5px;}

/* Banner placement styles */
#wrapper #siteheader					{position:relative; top:0; left:0; background:url(/images/forumlogo.gif) no-repeat left top; width:760px; height:71px; margin:0; padding:0; border-bottom:1px solid #3277BB;}
#siteheader a.logo, 
#siteheader a.logo:visited, 
#siteheader a.logo:hover				{position:relative; top:0; left:0; display:block; width:250px; height:70px; font-size:1em; text-decoration:none;}
#siteheader ul#topmenu					{position:relative; top:0; right:0; float:right; display:block; min-height:30px; min-width:100px; list-style-type:none; padding:5px 5px 20px;}
ul#topmenu li							{float:left; display:block; margin:0; padding:0 2px; list-style-type:none; font:normal normal 0.6em/1.4em verdana, arial, helvetica, sans-serif; color:#224F7B;}
ul#topmenu li a, 
ul#topmenu li a:visited					{font-size:1em; color:#3277BB; text-decoration:underline;}
ul#topmenu li a:hover					{color:#78A9DB; text-decoration:underline;}

#wrapper ul#breadcrumbs					{position:relative; top:10px; left:0; margin-right:auto; width:500px; text-align:left; list-style-type:none; padding:0 10px 6px}
ul#breadcrumbs li.bc					{display:inline; margin:0; padding:0; list-style-type:none; font:normal normal 0.6em/1em verdana, arial, helvetica, sans-serif; color:#5090D0;}
ul#breadcrumbs li.bc a, 
ul#breadcrumbs li.bc a:visited			{font-size:1em; color:#3277BB; text-decoration:underline;}
ul#breadcrumbs li.bc a:hover			{color:#78A9DB; text-decoration:underline;}

/* MAIN COLUMN */
#wrapper #maincontainer 				{position:relative; top:0; left:0; min-height:600px; font-size:0.7em; width:740px; margin:10px; padding:0 0 40px; text-align:center; background:none;}

#maincontainer table					{width:740px; font-size:1em; font-weight:normal; border:none; margin:10px auto 0; text-align:center;}
table.nomargin							{margin:0 auto;}
#maincontainer table table.innertable	{width:500px;}
th, tr, td								{font-size:1em;}
th, td									{font-size:1em; padding:0 5px; text-align:left;}

th.right, td.right						{text-align:right;}
th.center, td.center					{text-align:center;}

table.tabledisplay 						{font-size:1em; background-color:#224F7B; margin:10px auto 0;}
td.tableheader 							{background-color:#FDE262; color:#224F7B; font:normal normal 1.2em/1.5em arial, helvetica, sans-serif;}
td.tablesubheader 						{background-color:#FEF5C7; color:#224F7B;}
td a, 
td a:visited							{color:#3277BB;}
td a:hover								{color:#78A9DB;}
span.pagetext 							{font-size:1.2em; color:#224F7B;}

.tablerow0								{background-color:#fff; color:#224F7B;}
.tablerow0 a,
.tablerow0 a:visited					{color:#3277BB;}
.tablerow0 a:hover						{color:#78A9DB;}
.tablerow1								{background-color:#C9DCF0; color:#224F7B;}
.tablerow1 a,
.tablerow1 a:visited					{color:#3277BB;}
.tablerow1 a:hover						{color:#78A9DB;}
.tablerowmain							{background-color:#C9DCF0; color:#224F7B;}
.tablerowmain a, 
.tablerowmain a:visited					{color:#3277BB;}
.tablerowmain a:hover					{color:#78A9DB;}
.tablemessagecell 						{background-color:#fff;}
.tablemessagecellright 					{background-color:#fff;}

.formbox, 
.formdropdown 							{width:250px;}

input									{border:1px dotted #5090D0; background:#fff; color:#224F7B; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; padding:2px; margin:5px 0;}
select									{border:none; background:#fff; color:#224F7B; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; padding:0; margin:5px 0;}
select option							{padding:1px 8px 1px 2px}
input.button							{border:none; padding:0;}
textarea								{border:none; background:#fff; color:#224F7B; font:normal normal 1em/1em verdana, arial, helvetica, sans-serif; padding:2px; margin-bottom:5px;}
/* Miscellaneous */
.cl										{clear:left; line-height:0; height:0; font-size:0.1em;}
.cr										{clear:right; line-height:0; height:0; font-size:0.1em;}
.cb										{clear:both; line-height:0; height:0; font-size:0.1em;}

#wrapper #footer						{position:relative; top:0; left:0; width:760px; margin:0; padding:5px 0; border-top:1px solid #224f7b; border-bottom:1px solid #224f7b;}
#footer p								{font-size:0.6em; color:#224f7b; line-height:1.6em; text-align:center;}
#footer p a, 
#footer p a:visited						{color:#3277BB; text-decoration:none;}
#footer p a:hover						{color:#78A9DB; text-decoration:underline;}