﻿/* Basics */
*{ margin: 0px; padding: 0px; }
.clear{ clear: both; }
body
{
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #333;
	background: #E6E8F2 url(../img/layout/background.png) repeat-x;
	
	padding-top: 20px;
	padding-bottom: 20px;
}
a{ color: #06F; }
img{ border: none; }
p{ padding-top: 5px; }
.break{ height: 16px; }
	

/* Figure */
.top
{ 
	background: url(../img/layout/top.png) no-repeat;
	padding-top: 210px;
	width: 1100px;
}
.shade
{
	margin: auto;
	width: 1100px;
	background: #EEE url(../img/layout/page.png) repeat-y;
}
.align
{
	margin: auto;
	width: 820px;
}
.footer
{
	width: 1100px;
	background: #EEE url(../img/layout/footer.png) no-repeat;
	height: 70px;
	text-align: center;
	color: #9FA3CC;
	font-size: 10px;
	padding-top: 30px;
}
.box, .thumb
{
	padding: 10px;
	background: #F6F6F6;
	border: 1px solid #EEE;
	border-left: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
}
.box{ width: 300px; }
.thumb
{ 
	padding: 4px;
	padding-bottom: 3px;
	display: block;
	float: left;
	margin: 5px;
}


/* Columns */
.left, .right
{
	display: block;
	float: left;
	width: 150px;
}
.left{ padding-top: 40px; }
.right
{
	padding-left: 10px;
	padding-right: 10px;
	width: 650px;
}

/* Navigation */
.link, .current
{
	display: block;
	color: #AAA;
	font-weight: bold;
	font-size: 13px;
	padding-left: 20px;
	padding-top: 10px;
	text-decoration: none;
	height: 25px;
	overflow: hidden;
}
.link:hover, .current
{
	background: url(../img/live/hover.png) no-repeat;
	color: #666;
}

/* Headings */
h1
{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #999;
}
h2
{
	font-weight: bold;
	color: #AAA;
	font-size: 11px;
}
h3
{
	font-size: 14px;
	color: #666;
	font-weight: bold;
	margin-bottom: 4px;
}
ul
{
list-style-type: circle;
padding: 5px;
margin: 5px;
}
li
{
background-image: url(sqpurple.gif);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 5px; 
}
