/*  

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: 5; padding: 0; }



body

{
	background: #f0f0f0;
	color: #000000;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 12px;
	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: #000066;

		text-decoration: none;

	}

					

	a:hover

	{
	color: #000066;
	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: 0px 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;

					background-color: #E6E6E6;

					padding: 8px 0 8px 8px;

					clear: both;

					margin: 0 0 10px;

				}

				

					.post-head h2, .page-head h2

					{

						font-size: 16px;

						font-weight: bold;

						margin: 0 0 4px 0;

					}

					

					.post-head a

					{
	color: #323B97;
	text-decoration: none;
					}

					

						.post-head a:hover

						{

							color: #323B97;

							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: 20px;


				}

				

				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: 50px;

					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;
	width: 157px;
	height: 28px;
	padding: 5px 0 0 40px;
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: underline;
					}

					

						#right-side ul li a

						{
	width: 157px;
	height: 28px;
	padding: 5px 0 0 20px;
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: underline;
						}

						

							#right-side ul li a:hover

							{
	width: 157px;
	height: 28px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
							}

							

		#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;

}