/* 

STYLE SHEET FOR [x] WEB SITE
Created by Name Surname
www.domain.com

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. other

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background-color:#7c8ca6;
		background-image:url(images/tribalgradient.jpg);
		background-repeat:repeat-x;
		text-align:center;
		min-width:880px;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		margin:0 auto;
		width:842px;
		background-color:#e4e4e4;
		}
		
#header {
		background-image:url(images/tribalmedia.jpg);
		background-repeat:no-repeat;
		height:142px;
		overflow: hidden;
		}
		
#content {
		padding:10px;
		}

#footer {
	text-align:center;
		}
#accessibility {
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	
}
#leftcol{
	width:184px;
	float:left;
	}
#leftcolcontent {
	background-color:#FFF;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	min-height:300px;
	padding:10px;
}

.rightcolheader {
	width:780px;
	background-image:url(images/boxtop.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:8px;
	margin-left:20px;
	}
#rightcol {
	min-height:320px;
	background-color:#FFF;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	padding:10px;	
}
.separator {
		clear: both;
		height: 0;
		}



/* ---------- 3. links and navigation ---------- */

a {	color:#04a2c9;
	font-weight:700;
		}
		
a:hover {
		}

#navigation {
		margin-top:105px;
		}

#navigation a, #navigation a:visited  {
		color:#666;
		font-size:0.7em;
		text-decoration:none;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		letter-spacing:0.1em;
		}
#navigation a:hover {
		color:#222;
		border-bottom:2px dashed #7c8ca6;
		}
 ul#navigation {
		width:50em;
		display:block;
		}

#navigation li {
		width:10em;
		margin:0 3em 0 2em;
		}
		
/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		font-family:Arial, Helvetica, sans-serif;
		padding:5px 0;

		
		
}

h1 {
		font-size:1em;
		color:#04a2c9;
}

h2 {
		font-size:0.9em;
		clear:both;
		color:#db7f02;		
}

h3 {
}
		
h4 {
}

p {
		font-size:0.8em;
		color:#666;
}

ul {
		list-style-type: none;
}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
.site {
	float:right;
	padding:5px;
	padding-left:15px;
}
/* ---------- 6. other ---------- */

body	{ /* IE 5 centering bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}  
li {
display:inline;
}
.boxheader {
		background-image:url(images/boxheader.jpg);
		font-family:Geneva, Arial, Helvetica, sans-serif;
		height:18px;
		font-size:.7em;
		color:#09F;
		width:179px;
		padding:11px 0 0 10px;
		
}