/*  
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: #f0f0f0;
	color: #737373;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: none;
	text-decoration: none;
}

	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;
		text-decoration: underline;
	}

	#wrapper
	{
		width: 768px;
		background: #fff;
		margin: 0 auto;
		border-left: 4px solid #f0f0f0;
		border-right: 4px solid #f0f0f0;
	}
	
		#header
		{
			width: 738px; height: 136px;
			background: url(images/header/background.gif) no-repeat;
			padding: 0 30px 0 0;
		}
		
			h1 a
			{
				width: 400px; 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: 768px; height: 49px;
			background: url(images/navigation/background.gif) repeat-x;
			list-style: none;
		}
		
			#navigation ul li
			{
				float: left;
				padding: 0 10px 0 10px;
				margin: 1px 0 0 0;
			}
			
				#navigation ul li a
				{
					width: 64px; height: 48px;
					display: block;
				}
				#navigation ul li a.home
				{
					background: url(images/navigation/home.gif) left;
				}
				
					#navigation ul li a.home:hover
					{
						background-position: -64px 0;
					}
				
				#navigation ul li a.contact
				{
					background: url(images/navigation/contact.gif) left;
				}
				
					#navigation ul li a.contact:hover
					{
						background-position: -64px 0;
					}
		#content
		{
			width: 768px;
			background: url(images/content/right-bg.gif) repeat-y right;
		}
				
			#left-side
			{
				width: 482px;
				float: left;
				padding: 24px 0 24px 28px;
			}
			
				.post-head, .page-head
				{
					width: 462px; height: 46px;
					background: url(images/content/post-head.gif) no-repeat;
					padding: 12px 0 0 16px;
					clear: both;
					margin: 0 0 10px;
				}
				
					.post-head h2, .page-head h2
					{
						font-size: 14px;
						font-weight: bold;
						margin: 0 0 4px 0;
					}
					
					.post-head a
					{
						color: #587c7f;
						text-decoration: none;
					}
					
						.post-head a:hover
						{
							color: #587c7f;
							text-decoration: underline;
						}
						
						.archive, .search, .page
						{
							padding: 10px 0 0 0;
						}
					
					.num-comments
					{
						width: 98px; height: 31px;
						background: url(images/content/num-comments.gif) no-repeat;
						float: right;
						padding: 7px 2px 0 0;
						margin: 0 10px 0 0;
						font-size: 12px;
						text-align: center;
					}
					
					.num-comments a, .num-comments a:hover
					{
						color: #676767;
						font-size: 12px;
					}
					
				.post-content p
				{
					line-height: 30px;
					padding: 5px 5px 20px 5px;
				}
				
				p.post-info, div.comment
				{
					width: 400px;
					background: #f0f0f0;
					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;
}
.newg	{
	position: absolute;
	color: white;
	margin-top: 10px;
	}
a.newg	{
	color: white;
	}
#newp	{
	position: absolute;
	color: white;
	margin-top: 10px;
	margin-left: 50px;
	}
#wmg	{
	position: absolute;
	color: white;
	margin-top: 10px;
	margin-left: 100px;
	}
a.wmg	{
	color: white;
	}