/*PAGE*/

body{
	background-color:#D1D1D1;
	font-family:"Lucida Sans", "Trebuchet MS", sans-serif;
	color:#333;
	}

a{
	color:#666;
	}
	
#wrapper{
	width:700px;
	margin:0 auto;
	background-color:#C0C0C0;
	border:1px solid #333;
	padding:1em;
	}
	
blockquote{
	border:2px solid #333;
	background:url(images/blockquote_bg.gif) #ccc top left no-repeat;
	padding:10px 10px 10px 50px;
	display:block;
	text-align:justify;
	}
	blockquote p{
		margin-top:0;
		}
	
/*HEADER*/
	
#header{
	position:relative;
	height:100px;
	width:650px;
	}
	
	
h1{
	font-size:36px;
	color:#9F0000;
	position:absolute;
	margin:0;padding:0;
	left: 15px;
	top: 13px;
	}

h2{
	position:absolute;
	font-size:24px;
	color:#666;
	margin:0;padding:0;
	left: 127px;
	top: 51px;
	}
	
h3{
	font-size:20px;
	color:#9F0000;
	margin:0;
	padding:0;
	}
	
.catchphrase{
	font-size:20px;
	color:#333;
	position:absolute;
	left: 292px;
	top: 29px;
	width: 343px;
	height: 25px;
	}
	
/*NAVIGATION*/
#navigation{
	border:1px solid #333;
	border-left:0;
	border-right:0;
	height:18px;
	}
	#navigation ul{
		padding:0;
		margin:0 auto;
		}
		#navigation ul li{
			margin:0;
			float:left;
			list-style:none;
			font-size:16px;
			border-right:1px solid #333;

			}
			#navigation ul li a{
				padding:1px 20px 0 20px;
				text-decoration:none;
				disiplay:block;
				}
				#navigation ul li a:hover{
					color:#9F0000;
					background-color:#333;
					}
					
/*CONTENT AND FOOTER*/					
#content{
	padding:10px;
	}
	
#footer{
	font-size:12px;
	color:#666;
	padding:10px 0 0 10px;
	}
	
pre, tt {
	border:1px dotted #9F0000;
	background-color:#999;
	}
	
.code{
	border:1px dotted #9F0000;
	background-color:#eee;
	padding:1em;
	}