/*	labs.smartwebstudio.com | main.css */


body {
	font: 12px "Trebuchet MS", verdana;
	padding: 0;
	margin: 0;
	background-color: #eeeeee;
	
	word-spacing: .15em;
	letter-spacing: .01em;
}

a {
	font-weight: bold;
}

code {
	color: blue;
}

.menu {
	margin: 0;
	padding: 0;
	list-style: none outside none;
	
	width: 150px;
}

.menu li {
	margin: .5em 0;
	padding:0;
}

img {
	border: 0;
}

table {
	border: 1px solid #000;
	border-collapse: collapse;
	margin: 1em 0;
}

table th {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}

td {
	border-bottom: 1px dotted black;
}

th, td {
	padding: 1px 5px;
}

#hornav a {
	font-size: .75em;
	text-decoration: none;
	padding-right: 1em;
	font-style: italic;
}

h1 {
	font-size: 2.5em;
}

h2 {
	font: 2em Arial;
	font-weight: bold;
	
	margin: 2em 0 .25em 0;
	
	border-bottom: dashed 2px black;
	
	text-shadow: 		1px 1px 2px #FFFFFF, 1px 2px 2px #888888;
	-moz-text-shadow: 	1px 1px 2px #FFFFFF, 1px 2px 2px #888888;
	-webkit-shadow: 	1px 1px 2px #FFFFFF, 1px 2px 2px #888888;
	
	/*
	box-shadow: 8px 8px 30px #222;
	-moz-box-shadow: 8px 8px 30px #222;
	-webkit-box-shadow: 8px 8px 30px #222;
	*/
}

h3 {
	font-size: 1.75em;
	margin: 1.5em 0 0 0;
}

h3 small {
	text-transform: uppercase;
	font-size: .66em;
}

h4 {
	font-size: 1.25em;
	margin: 1.25em 0 .25em 0;
}

ul.toc a {
	font-size: 14px;
}

ul.toc ul a {
	font-size: 13px;
}

ul.toc ul ul a {
	font-size: 12px;
}


p {
	margin: .75em 0 .25em 0;
}

a[href]:hover {
	background: blue;
	color: white;
}

#side {
	position: absolute;
	position: fixed;
	left: 1em;
	top: 1em;
	
	
	background-color: #fff;
	border: 1px solid blue;
	padding: .5em;
	text-align: center;
	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;

	box-shadow: 0 0 5px blue;
	-moz-box-shadow: 0 0 5px blue;
	-webkit-box-shadow: 0 0 5px blue;
}

#content {
	margin: auto;
	margin-bottom: 5em;
	width: 550px; 
	color: #000000; 
	letter-spacing: 0.33px
}

#logo {
	font: italic 36px verdana; 
	letter-spacing: 0; 
	margin-bottom: 0
}

#logo img {
	margin: 5px 0 0 -30px; 
	vertical-align: top
}

.grey {
	color: #666666
}

.inactive {
	opacity: .33;
	filter:alpha(opacity=33);
}