/* CSS Document */

/*



	1) General selectors - body,h1/h3,a,blockquote,code,p

	2) Structure - container,content,tagline

	3) Left selectors - main,meta,comments

	4) Right selectors - author,links,line,search,themes

	5) Accessibility - skip,hr

	6) Hacks - clearfix



*/



/* 1) -=-=-=- General selectors -=-=-=- */



body {

	background: #ffffff;

	margin: 0px 0px 0px 0px;

	padding: 0;

	font-family: Verdana, Helvetica;

	font-size: 100%;

	color: #57524d;

	text-align: left;

	}



h1 {

	color: #5f6a93;

	margin: 10px 0px 0px 0px;

	position: relative;

	font-size: 200%;

	}

	
h2 {

	color: #36302b;

	font-weight: normal;

	font-size: 150%;

	margin: 20px 0px 0px 0px;

	}

	
h3 {

	color: #36302b;

	font-size: 70%;
	
	font-weight: bold;

	margin: 20px 0px 0px 0px;

	}

	
a:link, a:visited {

	color: #6aaeeb;

	text-decoration: none;

	}

	

a:hover, a:active {

	background: #6aaeeb;

	color: #ffffff;

	text-decoration: none;

	}

	

blockquote {

	border-left: 4px solid #444444;

	padding: 0 10px;

	margin: 0 0 0 10px;

	font-style: italic;

	}

	
p {

	line-height: 1.4;

	}


	

/* 2)-=-=-=- Structure -=-=-=- */

		

#container {

	width: 100%;

	margin: 0 auto;
	
	background: #6aaeeb url(images/bg.png) repeat-y; 

	}

	
#content {

	position: relative; top: 0px;

	padding-top: 10px;

	margin: 0px 0px 0px 128px;
	
	width: 400px;

	text-align: left;
	
	}


	
/* 3)-=-=-=- Left selectors -=-=-=- */	

	

.main li {

	background: url(images/content_bullet.gif) no-repeat 0 7px;

	padding: 2px 0 0 10px;

	list-style: none;

	}

	

.main ul {

	padding: 0 0 20px 10px;

	margin: 0;

	}

	

.main img {

	padding: 3px;

	border: 1px solid #ACE149;

	}


.main small {

	font-size: 60%;
	
	}	

.meta {

	background: #F5F5F5;

	font-size: .9em;

	padding: 2px;

	}

	

.meta:hover {

	background: #F7FEDC;

	}

	

.highlight { /* Basic highlight for text */

	background: #F7FEDC;

	}

	
.alt {

	background: #EAF8CF !important; 

	border: 1px solid #D5F0A4 !important;

	padding: 10px 10px 0 10px !important;

	}

	

.alt:hover {

	border: 1px solid #ACE149 !important;

	}

	

/* 4)-=-=-=- Right selectors -=-=-=- */	

	

#right {

	float: right;

	width: 250px;

	padding: 230px 15px 10px 15px;

	

	/* Box model hack used for IE5.5/5 */

	voice-family: "\"}\""; 

  	voice-family: inherit;

  	width: 230px;

	}


.line {

	border-top: 3px solid #ACE149;

	margin-top: -5px;

	}



/* 5)-=-=-=- Accessibility -=-=-=- */

	

#skip {

	display: none;

	}

	

hr { /* Simple style when CSS not in use */

	display: none;

	}

	

/* 6)-=-=-=- Hacks -=-=-=- */

	

.clearfix:after { /* float hack used to float content correctly */

    content: "."; 

   	display: block; 

   	height: 0; 

   	clear: both; 

    visibility: hidden;

	}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */