/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
	color: #000;
	background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

del,
ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}


body {
	font:normal 13px/1 'lucida grande', helvetica,sans-serif;
	color:#434343;
}

p,li {
	line-height:1.5;
}


#main {
	float:left;
	width:63%;
	background:url(../images/shelf.png) repeat-x 0 215px;
}

#side {
	float:right;
	width:37%;
	height:1000px;
	background:#f2f2f2;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e6e6e6), color-stop(5%,#f2f2f2), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #e6e6e6 0%,#f2f2f2 5%,#f2f2f2 100%);
	border-left:1px solid #d2d2d2;	
}

#header {
	background:#f2f2f2;
	border-bottom:1px solid #bfbfbf;
	text-align:right;
}

	#header a {
		display:inline-block;
		color:blue;
		text-decoration:none;
		font-size:11px;
		padding:6px 20px 6px 10px;
		border-left:1px solid #bfbfbf;
		line-height:1;
	}
	
	#header a:hover {
		background:#ddd;
	}

#intro {
	width:400px;
	margin:25px 0 0;
	padding:280px 50px 0;
	float:right;
	background:url(../images/logo.png) no-repeat 40px 0;
}

	#intro p {
		line-height:2;
	}

#topics {
	width:299px;
	float:left;
}

#topics a {
	text-decoration:none;
}

#topics a:hover {
	color:#5dafde;
}

#topics > ul {
	margin:20px 15px 0 15px;
}

#topics > ul > li {
	border-radius:4px;
	border:1px solid transparent;
}

#topics > ul > li div {
	padding:10px 5px 10px 50px;
	background-repeat:no-repeat;
}

#topics > ul > li:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(10%,#f8f8f8), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e9e9e9 0%,#f8f8f8 10%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	border-color:#cecece;
}

#topics div > a {
	font-size:14px;
	font-weight:bold;
	display:block;
	color:#434343;
}

#topics ul ul {
	overflow:auto;
	margin:3px 0 0 ;
}

#topics ul ul li {
	float:left;
	font-size:10px;
	color:#999;
}

#topics li#disks div {
	background-image:url(../images/Disks.png);
	background-position:10px 13px;
}

#topics li#system div {
	background-image:url(../images/System.png);
	background-position:10px 13px;
}

#topics li#files div {
	background-image:url(../images/Files.png);
	background-position:10px 13px;
}

#topics li#network div {
	background-image:url(../images/Network.png);
	background-position:10px 13px;
}

#topics li#interface div {
	background-image:url(../images/Interface.png);
	background-position:10px 13px;
}

#topics li#automate div {
	background-image:url(../images/Pilot.png);
	background-position:10px 13px;
}

#topics li#cocktail div {
	background-image:url(../images/Cocktail.png);
	background-position:10px 13px;
}

#topics ul ul li a {
	display:inline-block;
	color:#999;
	padding:0 1px;
}

#topics ul ul li a:before {
	content:"• ";
}

#topics ul ul li:first-child a:before {
	content:"";
}

#cred {
	text-align:center;
	padding-top:10px;
	font-size: 10px;
	color:#999999;
}