body {
	font-family: corbel, "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	font-size: 12px;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	color: #D0D0D0;
	background: #222222 url(/images/cloudbg.png) repeat scroll 0% 0%;
	background: -moz-linear-gradient(center top , #000000, #333333) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, center top, center bottom, from(#000), to(#333));
}

a {color: white;text-decoration: none;}
img { border: 0px }

h1,h2,h3,h4,h5 {font-family: corbel,Tahoma,Helvetica,Arial,Sans-Serif;}
h1,h2{margin:2px;color:#222;text-align:center;text-shadow:0 2px 1px #555;}
div.update_bound h3{background:#222222 url(/images/bg_gradient.png) repeat-x scroll left -35px; border:1px solid #555; border-bottom: 1px double #ddd; color: #1d1d1d;text-align:center;padding:3px;-moz-border-radius:15px 15px 0px 0px;border-radius:15px 15px 0 0;text-shadow:0 2px 1px #444;}
#header {  height: 144px;position: relative;width: 800px;}

#header h1 a {
	background: transparent url(/images/Title2.png) no-repeat scroll 0 0;
	display: block;
	height: 50px;
	overflow: hidden;
	text-indent: -5000px;
	margin-left: 210px;
	position: relative;
	top: 10px;
}

#footer {margin: 20px 63px;width: 797px;border: 2px solid #444; background-color:#444;}

div.footer_columns { clear: both; min-height: 110px; border:2px solid #222; padding-bottom: 10px; }

div.footer_columns div.col {
	float:left;
	font-size:11px;
	left:10px;
	margin:10px 0 10px 10px;
	min-height:100px;
	border-right: 1px solid #222;
	position:relative;
	width:31%;
}

div.footer_columns div.col:last-child { border: none; }
div.col a:hover {
	background-color: #ddd;
	color: #444;
}

h1,h2{margin:2px;color:#222;text-align:center;text-shadow:0 2px 1px #555;}
#footer h3 {color: #222;margin-bottom: 5px;font-size: 16px;line-height: 1em;text-shadow:0 2px 1px #555;}
#footer div.col h3 { width: 100%; text-align:center;}
#copyright {border-bottom:1px solid #333333;left:10px;margin:5px;padding:5px;position:relative;text-align:left;width:757px;}

#wrapper {font-size: 15px;margin:0 auto;padding: 0 180px 60px;padding-left: 0px;text-align: left;width: 746px;}
#intro {padding-bottom: 10px;}

h2 {margin: 0;margin-bottom: 14px;padding: 0;}

#slider {
	width: 620px;
	margin: 0 auto;
	position: relative;
}

.scroll {
	background-color: #242424;
	height: auto;
	width: 797px;
	overflow: hidden;
	position: relative;
	border: 2px solid #444;
}

.scrollContainer {
	width:773px;
	height:auto;
	margin: 2px;
	background-color:#444;
	padding:10px;
	padding-top: 0;
	overflow:hidden;
	min-height: 600px;
}

#shade {
	background: #EDEDEC url(/images/shade.jpg) no-repeat 0 0;
	height: 50px;
}

ul.navigation {
	background: transparent url(/images/bg.navigation.png) no-repeat scroll 0 0;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	padding-bottom: 9px;
	height: 50px;
	margin-top:30px;
}

ul.navigation li {
	float: left;
	width: 33%;
	margin: 0 auto;
}

ul.navigation li a {
	text-align: center;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: 50% 0px;
}

ul.navigation a {
	padding: 10px;
	color: #000;
	text-decoration: none;
}

ul.navigation li.home a {background-image: url(/images/navigation.home.png);}
ul.navigation li.home a:hover,ul.navigation li.home a.active {background-image: url(/images/navigation.home.hover.png);}
ul.navigation li.programs a {background-image: url(/images/navigation.programs.png);width: 135px;}
ul.navigation li.programs a:hover,ul.navigation li.programs a.active {background-image: url(/images/navigation.programs.hover.png);width: 135px;}
ul.navigation li.snippets a {background-image: url(/images/navigation.snippets.png);width: 135px;}
ul.navigation li.snippets a:hover,ul.navigation li.snippets a.active {background-image: url(/images/navigation.snippets.hover.png);width: 135px;}
ul.navigation li.resume a {background-image: url(/images/navigation.resume.png);width: 100px;}
ul.navigation li.resume a:hover,ul.navigation li.resume a.active {background-image: url(/images/navigation.resume.hover.png);width: 100px;}
ul.navigation li.multimedia a {background-image: url(/images/navigation.multimedia.png);width: 155px;}
ul.navigation li.multimedia a:hover,ul.navigation li.multimedia a.active{background-image: url(/images/navigation.multimedia.hover.png);width: 155px;}
ul.navigation li.devblog a {background-image: url(/images/navigation.devblog.png);width: 130px;margin-top: 1px;}
ul.navigation li.devblog a:hover, ul.navigation li.devblog a.active {background-image: url(/images/navigation.devblog.hover.png);width: 130px;margin: 1px auto 0;}

ul.navigation a:focus {outline: none;}
.hide {display: none;}

div.storydate {
	background: #B4EA5D url(/images/buttonbg.png) scroll repeat-x 0 50%;
	color: #340;
	border: 1px solid #B4EA5D;
	border-top: 1px solid #2AB517;
	width: 340px;
	height: 20px;
	padding: 3px;
	cursor: pointer;
	font-weight: bold;
	margin-top: 10px;
	-moz-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
	text-shadow: 0 2px 2px #DFB;
}

div.storydate img[alt="tab"] {float:right;}

div.storydate span { float: left; padding-top:3px;}

div[id ^="story"] {
	display: block;
	border: 1px solid #B4EA5D;
	background-color: #fafbe8;
	color: #000;
	width: 306px;
	overflow:hidden;
	position: relative;
	padding:5px 20px;
}

div[id ^="story"] a{color:#009900;}


td.ln { background-color:#000; color:#FFF; text-align: right !important; padding-right: 1px;}

div.download_link { text-align: center; }
div.download_link a { border-bottom: 1px dotted; }

#powered_by {
	left:500px;
	position:relative;
	top:-35px;
	width:300px;
}
#powered_by a { position: relative; top: -15px; }

#language_selection {
	left:570px;
	position:relative;
	top:-40px;
	width:200px;
}

ul.dark_list {
	list-style: none;
}
ul.dark_list li { border-bottom: 1px solid #ccc; }
ul.dark_list li:hover, ul.dark_list li.current {
	background-color: #ccc;
	color: #222;
	font-weight: bold;
	cursor: pointer;
}
ul.dark_list li.header { 
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, serif;
	font-size:14px;
	border-bottom: none;
}
ul.dark_list li.header:hover { color: #ccc !important; background-color:transparent; font-weight:bold; cursor:auto; }

#TB_title {color:#fff;height:20px;line-height:7px;}
#TB_closeAjaxWindow{color:#222;}

span.icode{ white-space: pre; font-family: monospace !important; background-color:#222; color: #ddd; padding: 0 1px; margin-left: 2px; font-size: 13px;}

p {margin-bottom: 0 }
p + p {text-indent: 1.5em;margin-top: 0 }
p + p.noindent {text-indent:0;}

.scrollContainer dt a { font-weight: bold; font-size:15px;}
.scrollContainer dt a:hover { background-color: #444; }

.scrollContainer dt.pre { white-space: pre-wrap; }

div.stories{width:350px;margin-top:15px;}
div.stories div.header{}

div.other_updates{width:350px;height:auto;position:absolute;right:20px;top:15px;}
div.other_updates div.header{}
h3 + div {border: 1px solid white;border-top:none; width: 340px;padding:4px;position:relative;background:#ddd;color:#222;}
div.update_bound dt a {color:#222;}
div.update_bound dt a:hover{color:#ddd;}
div.update_bound dt a.comment_link{margin-left:5px;color:#222;font-size:12px;}
div.update_bound dt a.comment_link:hover{color:#ddd;}

div.update_bound h3 + div {margin-bottom: 15px;}

div.codebg { width: 100%; height: 100%; background: transparent url('/images/codebg2.png') no-repeat scroll 0 0; 
	z-index: 0; position: absolute; top: 0px; left: 0px; }
ul { padding-left: 25px; }

div.about_body a { text-decoration: underline; color: #000;}
div.about_body a:hover {font-style: italic;}

code.reset { text-indent: 0px; padding: 3px; margin: 5px 15px; white-space: pre; display: block; border: 3px solid #666; background-color: #222; color: #eee; }

div.about_body h3 + div {width: auto;}
h3 a {color: inherit;}
a.thickbox img { border: 4px solid #555; }

.icon_link { position:relative;top:4px; }

a.about_link {
	padding: 2px 5px;
	text-shadow: 1px 1px 1px #000;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	margin: 0 2px;
	-moz-box-shadow:1px 1px 1px #222;
	-webkit-box-shadow:1px 1px 1px #222;
	box-shadow: 1px 1px 1px #222;
}

a.about_link.flickr  {background-color: #0063dc;}
a.about_link.lastfm  {background-color: #D51007;}
a.about_link.tumblr {background-color: #2C4762;}
a.about_link.forrst  {background-color: #244218; margin-left: -2px;}

/* Snippets search results */
#results {
	clear: none;
	float: left;
	position: relative;
	width: 590px;
	border-right: 2px solid #111;
	padding-right: 5px;
}

#results dl { margin-top: 10px; }
#results dl dd { padding-left: 15px; }

#language_selection {
	float: right;
	position: absolute;
	left: 595px;
	top: 40px;
	width: 200px;
}

ul.dark_list li a:hover, ul.dark_list li.current a { color: #000; }
p.note{background-color:#fafbe8;border:1px solid #dd0;padding:5px;margin:5px;}
p.note > strong {display:block}