/*	GLOBAL
////////////////////////////////////////////*/

*  {
	background: none;
	
	font-family: "Trebuchet Ms", Verdana, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
html {
	font-size: 85%;
}
body {
	margin: 3px 0px 0px 0px;
}
div#global {
	width: 960px;

	top: 14px;
	z-index: 10;
	
	margin: auto;
	padding: 0px;
}

h2 {
	display: none;
}
strong {
	font-weight: bold;
}

/*///////////////////////////////////////////*/	

div#content h4 {
	width: 610px;
	
	margin: 10px 0px 10px 0px;
	
	font-size: 2.4em;
	line-height: 0.85em;
	text-transform: uppercase;
	
	background: #000000;
}
	div#content h4 a {
		outline: 0px;

		font-weight: bold;
		color: #ffffff;
	}
	
/*///////////////////////////////////////////*/		
	
div#content h3 {
	margin: 10px 0px 10px 0px;
	
	font-size: 2.4em;
	text-transform: uppercase;
	line-height: 0.85em;
}
	div#content h3 a{
		outline: 0px;
		
		color: #000000;
	}
p.info-header {
	clear: left;
	
	margin: -0.6em 0px 0px 0px;
}
p.info-header, p.info-footer {
	color: #808080;
	font-size: 0.85em;
}
	p.info-footer a.comments {
		font-weight: bold;
		text-transform: uppercase;
	}	
	p.info-header a, p.info-footer a {
		color: #000000;
	}
	p.info-header a:hover, p.info-footer a:hover {
		text-decoration: underline;
	}

/*	EASY-ACCESS
////////////////////////////////////////////*/

p#easy-access {
	position: relative;
	top: 0px;
	right: 0px;
	
	padding: 0px 10px 0px 0px;
	margin: 0px;
	
	font-size: 0.8em;
	text-align: right;
	color: #000000;
}
	p#easy-access a {
		text-decoration: none;
		color: #000000;
	}
	p#easy-access a:hover, p#easy-access a:focus {
		text-decoration: underline;
	}

/*	HEADER
////////////////////////////////////////////*/
	
div#header {
	width: 960px;
	height: 141px;

	margin: 0px;

	background: #ffffff;
}
	div#header img {
		position: relative;
		top: 35px;
		left: 20px;
		
		border: 0px;
	}
	h1 {
		position: absolute;
		top: -50px;
		left: -50px;
		
		font-size: 0em;
		line-height: 0px;
	}
ul#menu {
	width: 952px;
	height: 36px;
	
	margin: 0px 0px 25px 0px;
	padding: 14px 0px 0px 8px;

	list-style-type: none;
	
	background: #000000;
	
	text-align: center;
	color: #ffffff;
}
	ul#menu li {
		float: left;
		
		margin: 0px;
		padding: 0px;
	}
		ul#menu a {	
			height: 20px;
			
			float: left;
			
			margin: 0px;
			padding: 16px 20px 0px 20px;
			
			font-size: 0.75em;
			font-family: Arial, Verdana, sans-serif;
			text-transform: uppercase;
			color: #ffffff;
		}

		ul#menu a:hover, ul#menu a:focus {
			height: 28px;
						
			padding-top: 8px;
			
			color: #ffffff;
			
			background: url('../images/menu-background.png') #808080 repeat-x bottom left;
		}
		ul#menu a#blog {
			height: 28px;
			
			padding-top: 8px;
			
			color: #000000;
			
			background: #ffffff;
		}

/*	SIDEBAR
////////////////////////////////////////////*/		

div#sidebar {
	width: 330px;
	
	float: right;
	
	background: #ffffff;
}
	div#sidebar a {
		color: #000000;
		text-decoration: none;
	}
	div#sidebar a:hover {
		text-decoration: underline;
	}
	div#sidebar h3 {
		margin: 0px 0px 10px 0px;
		
		padding: 0px;
			
		font-size: 1em;
		font-family: Arial, Verdana, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
	}
	div#sidebar ul {
		margin: 0px;
		padding: 0px;
			
		list-style-type: none;
	}
	div#sidebar ul li {
		margin: 0px;
		padding: 0px;
	}	
	div#sidebar div#discovery, 
	div#sidebar div#last-comments, 
	div#sidebar div#random-tuts, 
	div#sidebar div#data,
	div#sidebar div#rss,
	div#sidebar div#links {
		margin: 14px 0px 14px 0px;
		padding: 8px;
	}
	div#sidebar div#discovery ul li, 
	div#sidebar div#random-tuts ul li, 
	div#sidebar div#data ul li,
	div#sidebar div#rss ul li,
	div#sidebar div#links  ul li {
		font-size: 0.95em;
	}
	
/*///////////////////////////////////////////*/	
	
	div#sidebar form p {
		margin: 0px;
		padding: 0px;
	}
	div#sidebar div#searchengine p label{
		padding-right: 5px;
		
		font-weight: bold;
		text-transform: uppercase;
	}
	div#sidebar input#absearch {
		width: 185px;
		
		padding: 2px 1px 2px 22px;
		
		border: 1px solid #000000;
		
		font-size: 0.95em;
		font-family: Verdana, Arial, sans-serif;
		color: #000000;
		
		background: url('../images/search.gif') #FFFFFF 5px 5px no-repeat;
	}
	div#sidebar input#button {
		padding: 1px 0px 1px 0px;
		
		border: 1px solid #000000;
		
		font-size: 0.95em;
		font-family: Verdana, Arial, sans-serif;
		color: #ffffff;
		
		background: #000000;
	}
	
/*///////////////////////////////////////////*/		
	
	div#sidebar div#rss {
		border: 1px solid #cacaca;
	}
		div#rss h3, div#sidebar div#rss a:hover {
			color: #cacaca;
		}
		div#rss h3 {
			color: #000000;
		}
		
/*///////////////////////////////////////////*/	
		
	div#sidebar div#discovery {
		border: 1px solid #000000;
	}
		div#discovery h3, div#sidebar div#discovery a:hover {
			color: #000000;
		}	
		div#discovery ul {
			width: 307px;
			height: 200px;
			
			overflow-x: auto;
			overflow-y: auto;
			
			padding-right: 5px;
		}
		div#discovery ul li {
			padding: 5px 0px 5px 0px;
			border-bottom: 1px dotted #000000;
		}
		
/*///////////////////////////////////////////*/			
		
	div#sidebar div#last-comments {
		border: 1px solid #cacaca;
		
		background: #ffffff;
	}
		div#last-comments h3 {
			color: #cacaca;
		}
		div#last-comments h3 {
			color: #000000;
		}		
		div#last-comments ul li {
			clear: left;
			
			margin: 4px 0px 4px 0px;
			padding: 0px 0px 0px 34px;
			
			font-size: 0.8em;
			font-family: Verdana, Arial, sans-serif;
		}
			div#last-comments ul li strong {
				font-family: Verdana, Arial, sans-serif;
			}	

/*///////////////////////////////////////////*/	
			
	div#sidebar div#random-tuts {
		border: 1px solid #cacaca;
	}
		div#random-tuts h3, div#sidebar div#random-tuts a:hover {
			color: #cacaca;
		}
		div#random-tuts h3 {
			color: #000000;
		}			
		
/*///////////////////////////////////////////*/			
	
	div#sidebar div#data {
		width: 30%;
		
		border: 1px solid #cacaca;
	}
		div#data h3, div#sidebar div#data a:hover {
			color: #cacaca;
		}
		div#data h3 {
			color: #000000;
		}			

/*///////////////////////////////////////////*/	
		
	div#sidebar div#links {
		width: 56%;
		
		float: right;
		
		margin-top: 0px;
		
		border: 1px solid #cacaca;
	}
		div#links h3, div#sidebar div#links a:hover {
			color: #cacaca;
		}
		div#links h3 {
			color: #000000;
		}			

/*	CONTENT
////////////////////////////////////////////*/	
		
div#content {
	margin: 0px 350px 0px 0px;
}
	div#content p {
		text-align: justify;
	}
	
/*	FOOTER
////////////////////////////////////////////*/	
		
div#footer {
	width: 960px;
	height: 40px;
	
	margin: 25px 0px 15px 0px;
	
	background: #000000;
}
	div#footer a#top {
		width: 46px;
		height: 40px;
		
		display: block;
		
		float: right;
		
		font-size: 0px;
		text-align: right;
		line-height: 0px;
		color: #000000;
		
		background: url('../images/footer.png') top right no-repeat;
	}
	div#footer p {
		margin: 0px 60px 0px 0px;
		padding: 5px 0px 0px 15px;
		
		font-size: 0.8em;
		font-family: Verdana, Arial, sans-serif;
		color: #ffffff;
	}
		div#footer p a {
			color: #ffffff;
		}
		div#footer p a:hover {
			text-decoration: underline;
		}