/*----------------------------------------------------------------------\
||
||	-author-
||		Springless Clock (aka. jiko)
||		[springlessclock@gmail.com]
||
||	-purpose-
||   Temporary style sheet for springlessclock.com
||
||	-notes-
||	 Clean, minimalistic sheet
||
||	-legal-
||		Hey there, jiko here. I wrote this all by hand, so i would
||		appreciate it if you didn't rip it off.
||		feel free to use it as a reference, however. =)
||
\----------------------------------------------------------------------*/

body
{
	margin : 0;
	padding : 0;
	background-color : #003333;
	
	font-family : Georgia, Helvetica, Arial, sans-serif;
	font-size : 70%;
	color : #cccc99;
	text-align : center;
}


/*main*/
.main #container
{
	padding : 0;
	margin : 20px auto 0 auto;
	width : 650px;
	
}

.main #title
{
	margin : 0px 5px 5px 0px;
	width : auto;
	background-attachment : fixed;
	background-position : left;
	background-repeat : no-repeat;
	height : 151px;
	text-align : right;
	
	position : relative;
}

.main #date
{
	position : absolute;
	bottom : 0;
	right : 0;
}

.main #content
{
	margin : 0 0 0 50px;
	width : 600px;
	height : 418px;
	text-align : left;
	
	
	background-color : #996666;
	border : 2px solid #ffffff;
}


.main #text
{
	height : 400px;
	padding : 0;
	overflow : auto;
}

.main #navbar
{
	height : 12px
	margin : 0;
	width : auto;
	
	padding : 0 3px;
	
	font-size : 10px;
	
	background-color : #cc9999;
}

.main #legalbar
{
	margin : 0 0 0 50px;
	padding : 0 0 0 2px;
	background-color : #666666;
	border-left : 1px solid #ffffff;
	border-right : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;
	height : 10px;
	
	color : #cccccc;
	text-align : left;
	font-size : 9px;
	font-family : Arial, Helvetica, sans-serif;
}

table
{
	font-size : 100%;
}

td
{
	text-align : center;
}

table.contain
{
	vertical-align : middle;
	width : 100%;
	height : 99%;
}

.clearfloat
{
	clear : both;
	height : 0;
	font-size : 0px;
	line-height : 0px;
}

.akaline
{
	text-indent : 5em;
}

.fltlt
{
	float : left;
	margin-right : 3px;
}

.smaller
{
	font-size : 90%;
}

.tab
{
	text-indent : 4em;
}

li
{
	padding : 5px 10px 5px 20px;
}

a.dark:link
{
	color : #666633;
}

a.dark:visited
{
	color : #666633;
}

a:link
{
	color : #cccccc;
	text-decoration : underline;
}

a:hover
{
	text-decoration : none;
}

a:active
{
	color : #999999;
	text-decoration : none;
}

a:visited
{
	color : #cccc99;
	text-decoration : underline;
}

p
{
	text-indent : 2em;
	padding : 0 10px;
	margin : 0;
}

h1
{
	font-size : 200%;
	padding : 5px 20px;
	margin : 0;
	line-height : 1;
	color : #ffffcc;
}

h2
{
	font-size : 90%;
	line-height : 1;
	margin : 10px 0 0 3px;
	padding : 0 0 0 0;
}

h3
{
	padding : 0 20px 0 0;
	margin : 0;
	font-size : 220%;
	font-color : #ffcc99;
}

h4
{
	text-indent : 2em;
	padding : 0 10px;
	margin : 0;
	font-size : 150%;
}

td
{
	font-family : Arial, Helvetica, sans-serif;
}

th
{
	font-family: Arial, Helvetica, sans-serif;
}