/* CSS Document - Mandala - style.css */

/* BODY */
	body {
		background-image: url('images/bg.png');
		background-color: #FFFFFF;
		color: #FFFFFF;
		font-family: sans-serif;
		font-size: 13px;
		line-height: 20px;
		padding: 0px;
		margin: 20px;
		margin-left: auto;
		margin-right: auto;
	}

/* LAYOUT */
	#page { 
		width: 900px;
		height: 900px; 
		margin-left: auto;
		margin-right: auto;
		background-image: url('images/mandala_circle.png');
		background-repeat: no-repeat;
		padding: 0px;
	} 
	#header {
		font-size: 12px;
		color: #111111;
	 	clear: both;
		padding: 10px;
		text-align: center;
	 }
	#body {
		width: 700px; 
		position: relative; 
		margin-left: auto;
		margin-right: auto;
		padding: 0px 10px 0px 10px;
	 }
	#top {
		width: 490px;
		height: 120px;
		margin: 0px 0px 10px 0px;
		padding: 5px 0px 0px 0px;
		margin-left: auto;
		margin-right: auto;
	}
	#leftcol {
		width: 325px;
		height: 325px;
		margin: 0px;
		padding: 0px 0px 0px 40px;
	 	float: left; 
	 	display: inline; 
	 	position: relative; 
	}
	#rightcol {
		width: 325px;
		height: 325px;
		margin: 0px;
		padding: 15px 0px 0px 0px;
		float: right; 
		position: relative; 
	}
	#news {
		width: 490px;
		height: 110px;
		margin: 0px;
		padding: 0px 0px 0px 5px;
		margin-left: auto;
		margin-right: auto;
	 	clear: both;
	 }
	#footer {
		width: 290px;
		height: 40px;
		margin: 0px;
		padding: 100px 0px 0px 0px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	 	clear: both;		
	}
	
		 /* float containers fix */ 
		.clearfix:after {
		 	content: "."; 
		 	display: block; 
			height: 0; 
		 	clear: both; 
		 	visibility: hidden;
		 }
		.clearfix {
			display: inline-table;
		}

		/* Hides from IE-mac \*/
		* html .clearfix {
			height: 1%;
		}
		.clearfix {
			display: block;
		}
		/* End hide from IE-mac */  

/* HEADINGS */
	h1, h2, h3, h4, h5, h6 {
		margin: 0px 0px 6px 0px;
		padding: 0px;
		letter-spacing: 2px;
		font-weight: lighter;
		color: #111111;
	}
	h1 {
		font-family: "Garamond", "Georgia", "Times New Roman", serif;
		font-size: 18px;
	}
	h2 {
		font-size: 15px;
	}
	h3 {
		font-size: 13px;
	}
	
/* IMAGES */
	/* Remove formatting from linked images */
	a.image:link, a.image:visited, a.image:hover, a.image:active {
		text-decoration: none;
		border: 0px;
		border: none;
	}

/* LINKS */
	a {
		border-bottom: 1px dotted #969682;
	}
	a:link {
		color: #444444;
		text-decoration: none;
	}
	a:visited {
		color: #444444;
		text-decoration: none;
	}
	a:hover {
		color: #000000;
		border-bottom: 1px dotted #444444;
	}
	a:active {
		color: #000000;
	}

/* TEXT */
	p {
		margin: 0px 0px 15px 0px;
	}
	ul {
		list-style-type: circle;
		padding: 0px 0px 0px 15px;
		/*margin-bottom: 15px;*/
		margin-top: 0; margin-bottom: 0;
	}
	.screenshot {
		margin: 0px;
		padding: 0px;
		border: 2px solid #999;
/*		border: 2px solid #BEBEA5;
*/	}
	.screenshot:hover {
		border: 2px solid #444444;
	}
	.newslist {
		list-style-type: none;
		padding: 0px;
	}
	.newsitem {
		padding-bottom: 10px;
	}
	.newsdate {
		color: #444444;
		font-size: 11px;
	}
	#team li {color: #444444;}
	#team li b {color: white;}