body {
	text-align:center;
	padding:5px;
	font:normal 12px Arial, Helvetica, Sans-serif;
}

a {
	color:#373737;
}


#container {
	text-align:justify;
	background:#FFF url(bg.gif) repeat-y top left;
	width:700px;	
	margin:auto;
	position:relative;
	padding:0;
}

#title {
	width:700px;
	/* Any chance to ensure that height of h1 and h2 < 80 px? Otherwise, it will look ugly in IE */
	height:80px;
	background:#666 url(title.gif) no-repeat;
	margin:0;
	padding:0;
        text-align:center;
        color:#FFF;
}

#title h1 {
        padding-top:10px;
	font-size:150%;
}


#title h2 {
	font-size:120%;
}

#contentFirst {
	position:relative;
	border-top:#fff 1px solid;
	margin:0;
	padding:0;
	width:524px;
	background:#CCC url(content_first.gif) no-repeat top left;
}

#content{
	width:524px;
	color:#373737;
}

#content a:hover {
	color:#666;
}

#content h3, #content p {
   margin:0;
   padding:10px 15px 0px 15px;
}

#content h3 {
   font-size:120%;
}


#contentFollowing{
	background:#CCC url(content_following.gif) no-repeat top left;
}

#contentFollowing h3 {
   padding-top:20px;
}

#code {
	margin:10px;
	overflow-x: scroll; overflow-y:scroll;
	direction:ltr; 
	display: block;
	float: left;
}

#single-code {
	margin:10px;
	overflow-x: scroll; overflow-y:scroll;
	direction:ltr; 
	display: block;
	float: left;
	height: 40px;
}



#footer{	
	background:#cf600e url(footer_top.gif) no-repeat top left;
	padding-top:17px;
	padding-left:15px;
        padding-right:15px;
        color:#fff;
        text-align:right;
	font:normal 11px Arial, Helvetica, Sans-serif;
}

#linkList {
	position:absolute;
	top:80px;
	left:525px;
	width:175px;
	border-top:#fff 1px solid;
	color:#fff;
}

#linkList a, #footer a{	
	color:#FFF;
	text-decoration:none;
}

#linkList a:hover {
	color:#FCD2B8;
}

#linkList a img {height: 0; width: 0; border-width: 0;}
/*
#linkList a:hover img {
   display: block;
   position: absolute; top: 180px; left: 10px; 
   background-color:#fcf1d3;
   height: 121px; width: 136px;
}
*/
#navigation{
	background:#cf600e url(navigation_top.gif) no-repeat top left;
	padding:29px 0 0 0;
}

#nav_filler{
	background:#ffbe5a url(navigation_filler.gif) no-repeat top left;
	padding:39px 0 0 0;
}

#navigation ul {
	margin:0;
	padding:0 15px 15px 25px;
}

#navigation li {	
	padding: 0 0 5px 15px;
	margin:0;
	list-style-type:none;
	background:transparent url(bullet2.gif) no-repeat 0 4px;
}


#footer_end{
	margin:auto;
	width:700px;
	height:9px;
	background:#fff url(footer_bottom.gif) no-repeat top left;
}