/*****************************************************************************************************

This file should contain all div tags structuring the layout of the website

reasoning : 

so this style sheet could be used to re-structure the website and when removed
should produce the website as a easily readable list which can be used for small
screens (such as phones)

*****************************************************************************************************/

/*************************************** Structure Settings *****************************************/

html
{
	margin:0px;
	padding:0px;
}
body
{
	margin:0px;
	padding:0px;
	line-height: 1.4em;
	text-align:left;
	background:url(/images/header.jpg) top center no-repeat;
}

#layout
{
	position:relative;
	width:780px;
	margin:0 auto 0 auto;
}
#header
{
	position:relative;
	width:780px;
	height:175px; /*Height of top section*/
	overflow:hidden;
}
#contentwrapper
{
	position:relative;
	float: left;
	width: 780px;
	background:url(/images/content-footer.jpg) bottom left no-repeat;
}
#contentcolumn
{
	padding-left:5px;
	margin: 0 200px 0 190px; /*Margins for content column. Should be "0 right-column-width 0 left-column-width*/
	min-height:444px;
}
#sponsorfooter
{
/*	padding: 24px 15px 15px 15px;*/
	margin: 0 200px 0 190px; /*Margins for content column. Should be "0 right-column-width 0 left-column-width*/
	background:url(/images/sponsoredby.gif) 0 0 no-repeat;
	width:400px;
	height:84px;
}
#leftcolumn
{
	position:relative;
	float: left;
	width: 190px; /*Width of left column in percentage*/
	margin-left: -780px;
}
#rightcolumn
{
	position:relative;
	float: left;
	width: 190px; /*Width of right column in pixels*/
	margin-left: -190px; /*Set margin to -(RightColumnWidth)*/
}
#footer
{
	position: relative;
	width: 780px;
	height: 90px;
	background: url(/images/footer-bg.gif) top left no-repeat;
	clear: left;
	font-size:90%;
}
#sponsorfooter {
background:transparent url(/images/sponsoredby.gif) no-repeat scroll 0 0;
height:0px;
margin:0 200px 0 190px;
padding:24px 15px 15px;
width:400px;
}
#footer-text {
	color:#dd1f79;
	position:absolute;
	top:0px;
	left:0px;
	padding: 20px;
}
#footer-text a {
	color:#dd1f79;
	border-bottom:1px dotted #dd1f79;
}
#footer-text a:hover {
	color:#00adff;
	border-bottom:1px dotted #00adff;
}
#wonderstuff, #superhighwaymen {
	color:#a9a9a9;
	font-size:80%;
}
#wonderstuff a, #superhighwaymen a {
	color:#a9a9a9;
	border-bottom:1px dotted #a9a9a9;
}
#wonderstuff a:hover, #superhighwaymen a:hover {
	color:#00adff;
	border-bottom:1px dotted #00adff;
}
#wonderstuff {
	position:absolute;
	top:65px;
	left:5px;
}
#superhighwaymen {
	position:absolute;
	top:65px;
	right:5px;
}
.padding { margin: 0; padding: 0 15px 0px 10px; clear:both; /*Margins for inner DIV inside each column (to provide padding)*/ }