/*  
Theme Name: Realm
Theme URI: 
Description: Realm theme by BlogCut.com // Visit today for more great themes! 
Version: 
Author: www.blogcut.com
Author URI: www.blogcut.com
*/

* { margin: 0; padding: 0; }

body
{
	background-color: #000000;
	color: #ffffff;
	font-family: Times New Roman;
	font-size: 12px;
	font-weight: none;
	text-decoration: none;
	background: url(images/content/background2.gif) no-repeat top left;
	 
}

	h1 span, li a span, h2 span, #footer a span
	{
		display: none;
	}
	
	input
	{
		font-family: Tahoma, Arial, Sans-Serif;
		font-size: 12px;
	}
	
	a
	{
		color: #587c7f;
		text-decoration: none;
	}
					
	a:hover
	{
		color: #587c7f;		
	}

	#wrapper
	{
		width: 400px;
		background-color: transparent;
		margin: 0 auto;
		float: left;
		padding: 0px 0px 0px 600px;
	}
	
		#header
		{
			height: 300px;
			background-color: transparent;
		}
		
			h1 a
			{
				width: 300px; height: 136px;
				display: block;
				float: left;
			}
			
		#searchform
			{
				width: 307px; height: 32px;
				float: right;
				margin: 47px 0 0 0;
			}
			
				#searchform .search-text
				{	
					width: 233px; height: 24px;
					background: url(images/header/search-bg.gif) no-repeat;
					padding: 10px 0 0 15px;
					color: #676767;
					border: none;
					float: left;
				}
				
				#searchform .search-submit
				{
					width: 59px; height: 34px;
					background: url(images/header/submit.gif) no-repeat;
					border: none;
					float: left;
				}
				
		#navigation ul
		{
			width: 400px; height: 49px;
			
			list-style: none;
		}
		
			#navigation ul li
			{
				float: left;
				padding: 0 30px 0 0px;
				margin: 1px 0 0 0;
			}
			
				#navigation ul li a
				{
					
					display: block;
				}
				
				#navigation ul li a.home
				{
					width: 73px; height: 10px;
					background: url(images/navigation/news.gif) left;
				}
				
									
				#navigation ul li a.dj
				{
					width: 74px; height: 10px;
					background: url(images/navigation/dj.gif) left;
				}
				
				#navigation ul li a.contact
				{
					width: 70px; height: 10px;
					background: url(images/navigation/contact2.gif) left;
				}
				
				#navigation ul li a.myspace
				{
					width: 56px; height: 10px;
					background: url(images/navigation/contact.gif) left;
				}
					
					
		#content
		{
			width: 768px;
			background: url(images/content/right-bg.gif) repeat-y right;
		}
				
			#left-side
			{
				width: 482px;
				float: left;
				padding: 0px 0 0px 0px;
			}
			
				.post-head, .page-head
				{
					width: 462px; height: 76px;
					padding: 0px 0 0 0px;
					clear: both;
					margin: 0 0 10px 0;
				}
				
					.post-head h2, .page-head h2
					{
						font-size: 30px;
						font-weight: bold;
						margin: 0 0 0px 0;
					}
					
					.post-head a
					{
						color: #fff;
						text-decoration: none;
					}
					
						.post-head a:hover
						{
							color: #587c7f;
							text-decoration: underline;
						}
						
						.archive, .search, .page
						{
							padding: 10px 0 0 0;
						}
					
					
					
				.post-content p
				{
					padding: 5px 5px 20px 5px;
				}
				
				p.post-info, div.comment
				{
					width: 400px;
					background: #000;
					border-left: 4px solid #ccc;
					padding: 10px 20px 10px 20px;
					margin: 0 auto 10px auto;
					line-height: 16px;
					font-size: 10px;
				}
				
				div.comment
				{
					font-size: 11px;
				}
				
				h2.comment
				{
					font-size: 14px;
					padding: 5px 0 10px 0;
				}
				
				.comments p
				{
					line-height: 20px;
				}
				
				#submit
				{
					padding: 4px;
				}
				
			#right-side
			{
				width: 258px;
				float: right;
				padding: 13px 0 0 0;
			}
				
				h2.pages
				{
					width: 184px; height: 45px;
					background: url(images/content/pages.gif) no-repeat;
					margin: 0 0 0 16px;
				}
			
				h2.categories
				{
					width: 184px; height: 45px;
					background: url(images/content/categories.gif) no-repeat;
					margin: 0 0 0 17px;
				}
				
				h2.blogroll
				{
					width: 184px; height: 45px;
					background: url(images/content/blogroll.gif) no-repeat;
					margin: 0 0 0 17px;
				}
				
				h2.archives
				{
					width: 184px; height: 45px;
					background: url(images/content/archives.gif) no-repeat;
					margin: 0 0 0 16px;
				}
				
				h2.links
				{
					width: 184px; height: 45px;
					background: url(images/content/links.gif) no-repeat;
					margin: 0 0 0 16px;
				}
				
				#right-side ul
				{
					list-style: none;
				}
				
					#right-side li { list-style: none; }
				
					#right-side ul li
					{
						margin: 4px 0 4px 0;
						width: 157px; height: 28px;
							padding: 5px 0 0 50px;
							display: block;
							font-size: 14px;
							color: #d3f7fa;
							text-decoration: underline;
					}
					
						#right-side ul li a
						{
							width: 157px; height: 28px;
							padding: 5px 0 0 50px;
							display: block;
							font-size: 14px;
							color: #d3f7fa;
							text-decoration: underline;
						}
						
							#right-side ul li a:hover
							{
								width: 157px; height: 28px;
								background: url(images/content/right-link.gif) no-repeat;
								background-position: 16px 0;
								color: #29484b;
							}
							
		#footer
		{
			clear: both;
			width: 768px; height: 63px;
			background: url(images/footer.gif) no-repeat;
		}
		
			#footer a.wordpress
			{
				width: 400px; height: 63px;
				display: block;
			}
			
			
.navigation
{
	padding: 10px 0 20px 0;
	height: 10px;
}
.alignright
{
	float: right;
}
.alignleft
{
	float: left;
}
#advertisement
{
	margin: 0 0 20px 0;
}