/* TutorialFeed Stylesheet: main.css (parsed at 10:12:34 AM) */
html {
	background: #fff;
}
body {
	font-family: 'Ruda', sans-serif;
	font-size: 0.63em;
	width: 1200px;
	margin: 0px auto;
	-moz-transition: color .5s;
}
a {
	color: #333;
	text-decoration: none;
}
	a:hover {
		color: #000;
		text-decoration: underline;
	}
.hidden {
	display: none;
}
#container {

}
header {
	background: transparent url('/img/bg.gif') repeat;
	padding: 0px 0px 0px 0px;
}
	/*header h1 {
		width: 300px;
		height: 70px;
		margin: 0px 0px 10px 25px;
		padding: 0px;
	}
		header h1 a {
			color: #fff !important;
			text-decoration: none !important;
			background: transparent url('/img/logo2.png') top left no-repeat;
			width: 300px;
			height: 80px;
			float: left;
		}
			header h1 a span {
				display: none;
			}*/
	header h1 {
		margin: 0px;
		padding: 15px 0px 0px 30px;
	}
		header h1 a {
			color: rgba(255,255,255,0.8);
			font-family: 'Cookie', cursive;
			font-weight: normal;
			font-size: 60px;
			text-decoration: none !important;
			text-shadow: 2px 1px 3px rgba(0,0,0,0.25);
			transition: color .6s;
			-moz-transition: color .6s;
			-webkit-transition: color .6s;
			-khtml-transition: color .6s;
		}
		header h1 a:hover {
			color: rgba(255,255,255,1.0);
		}
	header #search {
		text-align: center;
		float: right;
		margin: 23px 30px 0px 0px;
	}
		header #search span {
			font-size: 1.4em;
			color: #fff;
		}
			header #search span a {
				color: #fff;
				text-decoration: none !important;
			}
			header #search span a:hover {
				text-decoration: underline;
			}
		header #search form {
			margin: 0px 0px 10px 0px
		}
			header #search form .outline {
				background: transparent url('/img/bg-input-outline.png') 0px 0px no-repeat;
				position: relative;
				height: 35px;
				padding: 0px;
			}
				header #search form .outline .cap {
					background: transparent url('/img/bg-input-outline.png') -3px -35px no-repeat;
					width: 5px;
					height: 35px;
					position: absolute;
					top: 0px;
					right: -5px;
				}
			header #search form input[type='text'] {
				font-family: 'Ruda', sans-serif;
				font-size: 1.2em;
				color: rgba(255,255,255,0.8);
				text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
				background: transparent;
				width: 185px;
				height: 25px;
				padding: 5px 8px;
				border: none;
			}
			header #search form input[type='submit'] {
				text-indent: -9999em;
				background: transparent url('/img/bg-button-search.png') 0px 0px no-repeat;
				width: 29px;
				height: 28px;
				margin: 0px;
				padding: 0px;
				position: relative;
				top: 0px;
				right: -2px;
				border: none;
				cursor: pointer;
			}
				header #search form input[type='submit']:hover {
					background-position: 0px -28px;
				}
				header #search form input[type='submit']:active {
					background-position: 0px -56px;
				}
	header nav {
		border-bottom: 1px solid #bbb;
	}
		header nav ul {
			list-style: none;
			clear: both;
			margin: 0px;
			padding: 0px 15px;
			border-bottom: 8px solid #fff;
		}
		header nav ul li {
			font-size: 1.4em;
			background-color: rgba(255,255,255,0.75);
			float: left;
			margin: 0px 0px 0px 10px;
			padding: 9px 10px 4px 10px;
			border-bottom: 1px solid #bbb;
			-moz-border-radius: 4px 4px 0px 0px;
		}
			header nav ul li a {
				text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
			}
		header nav ul li.active {
			font-weight: bold;
			background-color: rgba(255,255,255,1.0);
			border-bottom-color: #fff;
			padding: 10px 10px 3px 10px;
		}
		header nav ul li.right { 
			float: right; 
			margin: 0px 10px 0px 0px;
		}
			header nav ul li.right small {
				font-weight: bold;
				text-transform: uppercase;
			}
div.content {
	margin: 0px 310px 0px 0px;
	padding: 10px;
}
	div.content div.top {
	
	}
		div.content .top h2 {
			font-size: 2.4em;
			margin: 0px;
			padding: 0px;
		}
div.sidebar {
	background-color: #dedede;
	width: 300px;
	height: 100%;
	float: right;
	border-left: 1px solid #bbb;
}
	div.sidebar ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
		div.sidebar ul li.header {
			background-color: #aaa;
			padding: 7px 10px 5px 10px;
			border-bottom: 1px solid #cbcbcb;
			position: relative;
			clear: both;
		}
			div.sidebar ul li.header .arrow {
				width: 0px;
				height: 0px;
				border-top: 10px solid transparent;
				border-bottom: 10px solid transparent;
				border-right: 10px solid #aaa;
				margin: 5px 0px 0px -10px;
				position: absolute;
				top: 0px; 
				left: 0px;
			}
			div.sidebar ul li.header h2 {
				text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
				margin: 0px;
				padding: 0px;
			}
		div.sidebar ul li.body {
			font-size: 1.2em;
			padding: 0px 10px;
		}
footer {
	font-size: 1.1em;
	color: #aaa;
	clear: both;
	margin: 10px 0px;
	padding: 10px;
	border-top: 1px solid #ccc;
}