/* 	
	title:			master.css
	author:			HoHo
	date:			12/30/07
	description:	style for main site layout
*/

/* ============================================================*/

* {
	margin: 0px;
	padding: 0px;
}

.buttonLink {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
}

.clear { 
	height: 1%; 
	padding: 0; 
	margin: 0; 
	clear: both;
}

body {
	background: #7dcad0 url(interface/bg.jpg) repeat-x fixed;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

img {
	border: none;
}

#container {
	width: 892px;
	background: #fce1b2;
	border-left: 4px solid #ffda8a;
	border-right: 4px solid #ffda8a;
	margin: auto;
}

a:link {
	color: #df187f;
}

a:hover {
	color: #ff4faa;
}

a:visited {
	color: #ab1361;
}

h1 {
	color: #df187f;
	font-size: 2.0em;
	font-weight: normal;
	background: url(interface/h1.gif) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* ============================================================*/

#banner {
	height: 270px;
	background: #53C9CC url(interface/bannerTop.jpg);
	position: relative;
}

#home {
	position: absolute;
	width: 260px;
	height: 100px;
	top: 130px;
	left: 310px;
}

.blurbTitle, .blurbContent {
	width: 185px;
	padding: 5px;
}

.blurbTitle {
	position: absolute;
	top: 10px;
	color: white;
	font-weight: bold;
	height: 12px;
	font-size: 1.1em;
	background: #000000;
	opacity: 0.15;
	filter: alpha(opacity=15);
}

#blurbTitleLeft {
	left: 10px;
}

#blurbTitleRight {
	right: 10px;
}

.blurbContent {
	position: absolute;
	top: 34px;
	color: #000000;
	height: 148px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background: #ffffff;
}

#blurbContentLeft {
	left: 10px;
}

#blurbContentRight {
	right: 10px;
}

/* ============================================================*/

#navigation {
	height: 38px;
	background: #002e54 url(interface/navigation.png);
}

.section {
	float: left;
	font-size: 1.6em;
	font-weight: bold;
	margin: 8px 12px 0px 12px;
}

.section a:link, .section a:visited {
	color: #4096A3;
	text-decoration: none;
}

.section a:hover {
	color: #53c9cc;
	border-bottom: 2px solid #ffda8a;
}

.flag {
	float: right;
	margin: 6px 6px 0px 0px;
}

.flag img {
	border: 1px solid #ff978a;
}

.flag img:hover {
	border: 1px solid #ffda8a;
}

/* ============================================================*/

#main {
	background: url(interface/bannerBottomIE.jpg) repeat-x top;
	padding: 10px;
	position: relative;
}

/* hide from IE */
html>body #main {
	background: url(interface/bannerBottom.jpg) repeat-x top;
}

.module {
	width: 220px;
	margin: 0px 0px 10px 0px;
	opacity: .75;				
	filter: alpha(opacity=75);
}

.moduleHeader {
	background: #53c9cc url(interface/moduleHeader.png);
	color: white;
	font-weight: bold;
	height: 17px;
	padding: 3px 0px 0px 20px;
	border-bottom: 3px solid #CCCCCC;
}

.moduleContent {
	background: #fbeee6 url(interface/moduleContent.gif) repeat-x top;
	padding: 4px 8px 8px 8px;
	border-bottom: 3px solid #e5e5e5;
}

.moduleContent ul {
	list-style: none;
}

.moduleContent img {
	padding: 1px;
	border: 1px solid #ff978a;
}

.moduleContent img:hover {
	border: 1px solid #ffda8a;
}

/* ============================================================*/

#ad {
	opacity: .65;				
	filter: alpha(opacity=65);
	width: 468px;
	height: 60px;
	float: right;
	top: 10px;
	left: 240px;
	position: absolute;
	background: #dae4eb;
}

#mainContent {
	opacity: .85;				
	filter: alpha(opacity=85);
	margin-top: 73px;
	padding: 10px;
	width: 622px;
	float: right;
	border-top: 3px solid #53c9cc;
	background: #fff7f2;
	border-bottom: 3px solid #e5e5e5;
	line-height: 2.0em;
}

/* ============================================================*/

#tracker {
	display: none;
}

/* =========================================================== */
/* news */

.pages {
	height: 2em;
	color: #b3b3b3;
        margin: auto;
}

.pages a {
	text-decoration: none;
	height: 2em;
	padding: 0 0.6em;
}

.page {
	float: left;
	line-height: 2em;
	border: 1px solid #666666;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
	margin: 0 0.2em 0 0;
	background: #ffffff;
}

.page:hover {
	border: 1px solid #5d6b73;
} 

.pageUnclickable:hover {
	border: 1px solid #666666;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

.pagesEllipses:hover {
	border: none;
}

.pageOn {
	background: #e5b64e;
	font-weight: bold;
	color: #ffffff;
}

.pagesEllipses {
	border: none;
	background: none;
}

.newsPost {
	margin: 0 0 9em 0;
	color: #000000;
}

.newsTitle {
	font-size: 1.6em;
	color: #3f9799;
	font-weight: bold;
	border-bottom: 1px solid #ff978a;
	margin: 0 0 1em 0;
}

.newsStory img[src $= "jpg"] {
	border: 1px solid #ff978a;
	padding: 2px;
	background: #ffffff;
}

.newsLink, .newsAuthor {
	margin: 1.6em 0 0 0;
	padding: 0.2em;
	background: #fff7be;
	border: 1px dotted #ff978a;
}

.newsLink img {
	vertical-align: middle;
}

.newsLink {
	float: left;
}

.newsAuthor {
	float: right;
}