/*------------------------------------------------------------------------------*/
/* 	Reset */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td
	{ margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }
	blockquote:before,
	blockquote:after,
	q:before, q:after 	{ content: ""; }
	blockquote, q  		{ quotes: "" ""; }
	body 				{ line-height: 1; color: black; background: white; }
	caption, th, td 	{ text-align: left; font-weight: normal; }
	:focus 				{ outline: 0; }
	table 				{ border-collapse: separate; border-spacing: 0; }
	ol, ul  			{ list-style: none; }

/*------------------------------------------------------------------------------*/
/* 	Colums */

	.col				{ display:block; float: left; }
	.c10 				{ width: 10px; }
	.c20 				{ width: 20px; }
	.c30 				{ width: 30px; }
	.c35 				{ width: 35px; }
	.c40 				{ width: 40px; }
	.c50 				{ width: 50px; }
	.c100 				{ width: 100px; }
	.c120 				{ width: 120px; }
	.c140 				{ width: 140px; }
	.c190 				{ width: 190px; }
	.c200 				{ width: 200px; }
	.c210				{ width: 210px; }
	.c215  				{ width: 215px; }
	.c225 				{ width: 225px; }
	.c220 				{ width: 220px; }
	.c230 				{ width: 230px; }
	.c235 				{ width: 235px; }
	.c240 				{ width: 240px; }
	.c250 				{ width: 250px; }
	.c255 				{ width: 255px; }
	.c260 				{ width: 260px; }
	.c280 				{ width: 280px; }
	.c335 				{ width: 335px; }
	.c340 				{ width: 340px; }
	.c345 				{ width: 345px; }
	.c350 				{ width: 350px; }
	.c355 				{ width: 355px; }
	.c360 				{ width: 360px; }
	.c365 				{ width: 365px; }
	.c375 				{ width: 375px; }
	.c370 				{ width: 370px; }
	.c405				{ width: 405px; }
	.c485 				{ width: 485px; }
	.c500				{ width: 500px; }
	.c525				{ width: 525px; }
	.c530				{ width: 530px; }
	.c535				{ width: 535px; }
	.c620				{ width: 620px; }
	.c640				{ width: 640px; }
	.c760				{ width: 760px; }
	.c960				{ width: 960px; }

/*------------------------------------------------------------------------------*/

/* 	Global Selectors */

	body 				{ color: #000; background: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	h1,h2,h3,h4,h5,h6	{ font-weight: bold; }
	h1					{ font-size: 60px; letter-spacing: -6px; }
	h3					{ font-size: 18px; }
	p					{ margin: 0 0 20px 0; }
	a, a:visited 		{ color: #000; text-decoration: none; }
	a:hover, a:active  	{ color: #333; text-decoration: underline; }
	a img				{ border: none; }
	strong 				{ font-weight: bold; }
	label				{ clear: left; float: left; }
	em					{ font-style: italic; }
	b					{ font-weight: bold; }
	strong				{ font-weight: bold; }

/*------------------------------------------------------------------------------*/

/*	Global Classes */

	.hide				{ display: none; }
	.clearBoth			{ clear: both; }
	.alignLeft			{ float: left; }
	.alignRight			{ float: right; }
	
	.more				{ font-weight: bold; }
	.title				{ margin: 0 0 5px 0; }
	.info				{ margin: 0 0 10px 0; }
	.share				{  }
	.dotted				{  }
	
	.caps				{ text-transform: uppercase; }
	.lower				{ text-transform: lowercase; }
	
	.shadow				{ -moz-box-shadow: 0 1px 1px #999;-webkit-box-shadow: 0 1px 1px #999;box-shadow: 0 1px 1px #999; }
	.dropShadow			{ text-shadow: 0 1px 0px #000000; }
	.innerShadowWhite	{ -moz-box-shadow: inset 0 1px 1px #cdcdcd;-webkit-box-shadow: inset 0 1px 1px #cdcdcd;box-shadow: inset 0 1px 1px #cdcdcd; }
	.innerShadowBlack	{ -moz-box-shadow: inset 0 1px 1px #333;-webkit-box-shadow: inset 0 1px 1px #333;box-shadow: inset 0 1px 1px #333; }
	.indentWhite		{ text-shadow: 0 1px 0px #ffffff; }
	.indentBlack		{ text-shadow: 0 -1px 0px #333333; }

	.hr
{ 	background: url(../i/hr.png) bottom repeat-x;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	width: 100%; }
	.rounded
{	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; }
	.comments
{	background: url(../i/icon-comments.png) no-repeat 0 0;
	padding: 0 15px 0 20px;
	float: left;
	display: block; }
	.categories
{	font-size: 10px; }

/*------------------------------------------------------------------------------*/
/* 	Global Template */

	#container #header,
	#container #body,
	#container #footer
{	float: left; }

	#container
{	width: 860px;
	margin: auto;
	background: url(../i/bg-body-white.jpg) repeat-y 0 0; }
	
		#container #header 
	{	margin: 0 0 0 60px;
		height: 130px;
		background: url(../i/bg-header-hr.jpg) repeat-x 0 100%; }
	
			#container #header h1
		{	margin: 40px 0 0 0;
			padding: 0 20px 0 0;
			width: 540px;
			float: left;
			display: block; }
				
				#container #header h1 a:hover
			{	text-decoration: none;
				background: url(../i/icon-home.png) no-repeat 100% 5px; }
		
				#container #header h1 small
			{	font-size: 24px; 
				letter-spacing: -2px; 
				margin: 0 0 0 20px; }
			
			#container #header .nav
		{	float: left;
			width: 240px; }
			
				#container #header .nav li
			{	margin: 20px 0 0 0; }
			
					#container #header .nav li ul
				{ 	margin: 0 20px 0 20px;
					float: left; }
					
						#container #header .nav li ul li
					{	margin: 0 0 10px 0; }
			
				#container #header .nav li a
			{	color: #FFF; }
			
				#container #header .nav li a:hover
			{	text-decoration: underline; }
	
		#container #body
	{	}
	
			#container #body #title
		{	background: rgba(161,161,161,0.75);
			width: 800px;
			padding: 0 0 0 80px;
			margin: 20px 0 0 -20px;
			color: #FFF;
			float: left; 
			text-shadow: 0 1px 0px #000000;
			font-weight: bold;
			min-height: 50px; }
			
				#container #body #title .date
			{	width: 34px;
				float: left; 
				margin: 4px 0 0 0; }
				
					#container #body #title .date .day
				{	font-size: 30px;
					letter-spacing: -3px;
					float: left; }
				
					#container #body #title .date .month
				{	clear: left;
					width: 30px;
					text-align: center;
					float: left;
					font-size: 12px; 
					text-transform: uppercase; }
				
				#container #body #title .text
			{	width: 516px;
				float: left; 
				margin: 12px 0 0 10px;
				font-size: 24px;
				letter-spacing: -1px;
				text-transform: lowercase; }
				
					#container #body #title .text a
				{	color: #FFF; }
				
					#container #body #title .text a:hover
				{	text-decoration: none; }
				
					#container #body #title .text.full
				{	width: 550px; }
				
				#container #body #title .meta
			{	float: left;
				width: 220px;
				padding: 0 0 0 20px; }
			
				#container #body #title .meta a
			{	font-size: 10px; 
				text-transform: lowercase;
				color: #FFF;
				float: left;
				margin: 20px 0 0 0; }
				
		#container #body #content
	{	width: 500px;
		padding: 20px 60px;
		float: left;
		line-height: 18px; }
		
		#container #body #content h3
	{	float: left; 
		width: 100%;
		display: block;
		border-bottom: 4px solid #000;
		padding: 0 0 10px 0;
		margin: 0 0 20px 0; }
			
			/* Posts */
			#container #body #content .list-posts
		{	}
		
			#container #body #content p img
		{	padding: 2px;
			border: 1px solid #ccc; }
		
				#container #body #content .list-posts li
			{	margin-bottom: 15px; }
		
			/* Friends */
			#container #body #content .list-friends
		{	}
				#container #body #content .list-friends li
			{	float: left;
				width: 240px; }
				
				#container #body #content .list-friends li:hover .avatar
			{	border-bottom: 4px solid #000; }
			
				#container #body #content .list-friends li.first
			{	clear: both;
				margin: 0 20px 0 0; }
		
					#container #body #content .list-friends li .alignLeft
				{	display: block;
					width: 172px; }
					
					#container #body #content .list-friends li .avatar
				{	float: left;
					margin: 0 10px 10px 0; }
					
					#container #body #content .list-friends li p
				{	display: block;
					float: left; }
				
					#container #body #content .list-friends li .meta
				{	font-size: 10px;
					margin: 0; }
			
			/* Comments */
			#container #body #content .list-comments
		{	}
				
				#container #body #content .list-comments
			{	}
			
				#container #body #content .list-comments li
			{	float: left;
				clear: left;
				display: block;
				margin: 0 0 20px 0; }
				
					#container #body #content .list-comments li p
				{	margin: 0; }
				
					#container #body #content .list-comments li .name
				{	font-size: 16px;
					font-weight: bold;
					margin: 0; }
					
					#container #body #content .list-comments li .date
				{	font-size: 10px;
					text-transform: lowercase; }
			
				#container #body #content .list-comments label
			{	float: left;
				width: 100px;
				margin: 8px 0 0 0; }
				
				#container #body #content .list-comments .input-field
			{	float: left;
				width: 385px;
				padding: 5px;
				border: 1px solid #CCC;
				margin: 0 0 5px 0; }
				
				#container #body #content .list-comments textarea.input-field
			{	height: 80px; }
			
				#container #body #content .list-comments .button
			{	float: right; 
				margin: 10px 0 0 0;
				padding: 5px; }
			
			/* Featured News */
			#container #body #content .featured-news
		{	margin: 20px 0 0 0; }
		
				#container #body #content .featured-news li h3
			{	margin: 0 0 5px 0; }
			
				#container #body #content .featured-news li
			{	float: left;
				width: 240px;
				margin-bottom: 15px; }
			
				#container #body #content .featured-news li.first
			{	clear: both;
				margin: 0 20px 0 0; }
				
					#container #body #content .featured-news li .date
				{	text-transform: lowercase; 
					font-size: 10px; 
					margin: 0 0 5px 0; }
		
		/* Sidebar */
		#container #body #sidebar,
		#container #body .ads
	{	float: right;
		width: 196px;
		margin: 20px 0 0 20px; 
		padding: 12px;
		background: #FFF;
		font-size: 10px;
		line-height: 18px; }
		
			#container #body .ads p 
		{	text-align: center; }
		
			#container #body #sidebar h4
		{	border-bottom: 4px solid #000;
			padding: 0 0 6px 0;
			margin: 0 0 10px 0; }
			
			#container #body #sidebar p
		{	margin: 0 0 10px 0; }
			
			#container #body #sidebar ul
		{	margin: 0 0 20px 0; }
		
			#container #body #sidebar ul li a
		{	font-weight: bold;
			display: block;
			width: 100%;
			margin: 0 0 10px 0;
			background: url(../i/icon-arrow-down.png) no-repeat 100% 8px; }
			
				#container #body #sidebar ul li a.active
			{	text-decoration: underline;
				background: url(../i/icon-arrow-up.png) no-repeat 100% 8px; }
			
			#container #body #sidebar ul li ul
		{	display: none;
			margin: 10px 0;
			list-style: inside square; }
			
.rss {
	float: left;
	margin: 20px 0 0 15px;
	display: block;
	background: url(../i/rss.png) no-repeat;
	padding: 0 0 4px 20px;
}
/*------------------------------------------------------------------------------*/
/* 	Page Specific */