/* 
Theme Name: metamorph_DNA
Theme URI: http://metamorphozis.com/wptheem/index.php?wptheme=metamorph_DNA
Description: Free WordPress Theme based on <a href="http://www.metamorphozis.com" target="_blank">Metamorphosis Design</a> template "metamorph_DNA" 
Version: 1.0.3
Author: Oleg Lazarenko
Author URI: http://www.metamorphozis.com/
Tags: valid XHTML, blue, fixed width, two columns, widgets, valid CSS, widget ready, simple, clean, white, metamorph

*/

/*=================================================================================
A. GLOBAL RESET
===================================================================================*/

body {font: 62.5%/1.4 Arial,Helvetica,Jamrul,sans-serif;  background: #fff; color: #000; margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6, fieldset, form, label, input, textarea, legend, dl, dt, dd, table, caption, th, td, blockquote, cite {
 margin: 0; padding: 0; font-size: 1em;}
ul, ol, li, ul *, ol *  {font-size: 1em;}

*
{
margin: 0px;
padding: 0px;
}

input, textarea {font-family: Arial,Helvetica,Jamrul,sans-serif;}
textarea {overflow: auto;}
table {border-collapse: collapse;	margin-bottom: 2em;}
td, th {padding: 0.1em 1em;}

img {border: 0;}
acronym, abbr {border-bottom: 1px dotted; cursor: help;}
cite {font-style: normal;}
:focus {outline: 0;}

/*====================================================================================
B. GLOBAL FORMATTING  
=====================================================================================*/
.clear {clear: both; height: .001em; font-size: .001em;}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
.center {text-align: center;}
.block {display: block;}
.bld {font-weight: bold;}
.left img {margin: 0 10px 15px 0px;}
.right img {margin: 0 0px 15px 10px;}

a{color: #0066ff;}
a:hover {text-decoration: none;color: #7f1b10;}

h1 {font-size: 1.5em;line-height: 120%;}
h2 {font-size: 1.4em;line-height: 120%;}
h3 {font-size: 1.3em; }
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 1em;}

/*--------------------------------------------------------------------------------------------
 1. Body / body                                                                                                                                                             
----------------------------------------------------------------------------------------------*/
body {background: #6192a3 url(images/background/body_bg.jpg) repeat-x 0 0; }

/*------------------------------------------------------------------------------------------
2. Layout Wrapper    div#content                                                                                                                                                 
---------------------------------------------------------------------------------------------*/
#content {color: #003366; text-align: left;font-size: 1.3em; margin: 0px auto; padding: 5px 7px; width: 870px; background: #fff;  overflow: hidden;}
#content p {margin-bottom: 1em!important;}

  /*.........................................................................
	 2.1. Header / div#header 
	...........................................................................*/
	#header {background:#fff; width: 100%; height: auto; margin: 0px 0 7px 0; float: left; overflow: hidden;}

		/*2.1.1 Logo div#logo */
		#logo {background: url(images/background/banner_bg.jpg) no-repeat 0 0; width: 100%; height: 146px; overflow: hidden;}
		#logo h1 {float: left; height: 146px; width:100%; padding: 0px; background: url(images/background/banner_bg.jpg) no-repeat 0 0;  text-indent: -9000px; float: left; }
		#logo h1 a {display: block; height: 146px; width: 100%; margin: 0px; padding: 0px; background: url(images/background/banner_bg.jpg) no-repeat 0 0;}
		#logo h1 a:hover {border-bottom: none;}
		/*#logo h2 {float: left; width: 295px; height: 100px; margin: 27px 0 0 30px; padding: 0; background: url(images/misc/tagline.jpg) no-repeat 0 0;text-indent: -9000px;}
		html>body #logo h2 {background: url(images/misc/tagline.png) no-repeat 0 0;}*/
			
		/*2.1.2 global menu div#menu */
		#menu {font-size: 14px; width: 100%; margin: 0 0 5px 0; display: block; float: left;  background: #215468 url(images/navs/global_nav_bg.jpg) repeat-x 0 0; overflow: hidden;}
		#menu ul {float: left; width: 100%; padding: 10px 0; margin: 0px; text-align: center; overflow: hidden;}
		#menu  ul li {float: left; display: inline; padding: 0px; margin: 0; background: url(images/navs/global_nav_divider.gif) no-repeat 100% 50%;;}
		#menu  ul li a{display: block;  vertical-align: middle; padding: 10px 17px;font-weight: bold; color: #fff; text-align: center; text-decoration: none;}
		#menu ul li a:hover, #menu #current a, #menu .current-cat a, #menu ul li a#mactive, #menu ul li.current_page_item  a{text-decoration: none; color: #dff896;}
		#menu ul li .mContact  {background: none;} 

	/*............................................................................
	   2.2. Content section / div#main 
	 ................................................................................. */
	
	#main {background: #fff url(images/background/content_bg.jpg) repeat-x 0 0;  margin: 0; padding: 0px; overflow: hidden; }

	#right {float: right; display: inline; width: 223px;  color: #2f6174; overflow: hidden; padding: 0; margin: 10px 5px 10px 0;}
		#right H3{
		width: 198px;
		height: 34px;
		font-size: 14px;
		font-weight: bold;
		padding-left: 25px;
		padding-top: 15px;
		text-transform: uppercase;
		color: #ffffff;
		background: url(images/title.gif) repeat-x;
		margin-bottom: 0;
		}

		#right ul {list-style: none;	margin: 0 0 10px 0; }
		#right .title_back{background: url(images/title_back.gif) no-repeat top;	padding: 10px; }
		#right li  {padding-left: 15px;margin-left: 0;padding-bottom: 5px;}

		#right a {color: #295C6F;}
		#right a:visited {	color: #295C6F;}

		#right .categories  a {color: #0066ff; text-decoration: underline;}
		#right .categories a:hover {text-decoration:none}

		#right .words {font-size: 1.1em; padding: 15px; line-height: 130%; font-weight: bold;}
		#right .words .wordsLink {font-size: .9em!important; font-weight: normal; color: #0066ff; text-align: right; text-decoration: none;}
		#right .words .wordsLink a {color: #0066ff; text-align: right; text-decoration: none;}
		#right .words .wordsLink a:hover{text-decoration: underline;}

		/*.rightColLogo {margin-bottom: 15px;background: url(images/misc/envoy_logo.gif) no-repeat 50% 0; width: 200px; height: 70px;}*/
		.rightColLogo {margin-bottom: 15px;background: url(images/misc/lltd-logo.gif) no-repeat 50% 0; width: 200px; height: 70px;}
		.rightColLogo img {margin: 0 auto;display: block; text-align: center;}

		.rightColLender {margin-bottom: 15px;background: url(images/misc/lender_logo.gif) no-repeat 50% 0; width: 200px; height:100px;}
		.rightColLender img {margin: 0 auto;display: block; text-align: center;}
		
		.bot{padding: 10px;}
		
		#calendar1 {	padding: 20px 10px 20px 10px;}

		#calendar table {width: 100%;text-align: center;}

		#calendar thead {}

		#calendar tbody td {	border: 1px solid #F1F1F1;}

		#calendar #prev {	text-align: left;}

		#calendar #next {text-align: right;}

		#calendar tfoot a {text-decoration: none;	font-weight: bold;}

		#calendar #now {background: #686868;	border: 1px solid #ff0000;	font-weight: bold;	color: #ffffff;}

	
	#left {float: left; width:580px; margin: 0; padding: 20px 30px 10px 10px; display: inline; overflow: hidden;} 
		#left H4 {margin: 0; 	padding: 0px; 	font-size: 12px; 	color: #295C6F; }

		#left a{color: #0066ff; text-decoration: none; }

		#left ol, #left ul { margin-left: 30px; }

		#left p {	margin: 5px; padding: 0; 	padding-bottom: 10px; }

		#left h2 { color: #003366; padding: 0px; margin: 0 0 .5em; padding: 0; }
		#left h2 a {color: #003366;}
	
		.date {text-align: right; color: #295C6F; 	font-size: 11px; }
		.date a {	color: #295C6F; }

/*..................................................................................
	 Footer / div#footer  
	  .................................................................................*/
#footer {color: #fff; font-size: 11px; overflow: hidden; margin: 0; padding: 20px 10px; background: #36697b url(images/background/footer_bg.jpg) repeat-x 0 0;}
   
      /* 2.4.1 Footer navigation / ul#footNav */
		#footNav {overflow: hidden; width: 620px; float: left; margin-left: 15px; }
      #footNav ul {float: left; margin: 0; padding:0 0 0 5px; background: url(images/navs/foot_nav_divider.gif) no-repeat 0% 50%;}
      #footNav ul li {display: inline; padding: 0px 7px; background: url(images/navs/foot_nav_divider.gif) no-repeat 100% 50%;}
      #footNav ul li a {font-size: 11px; font-weight: normal; color: #fff; margin: 0; text-decoration: none;}
      #footNav ul li a:hover, #footNav ul li.current a, #footNav ul li.current-cat a {text-decoration: none; color: #333; }
 
		/* 2.4.2 Footer copyright / div.copyright */
      #footer .copyright {color: #333333; font-weight: bold; float: left; width: 200px; overflow: hidden;}		



	/********************* Calendar *******************/
	#calendar1, #calendar_wrap {padding: 20px 10px 20px 10px; }

	#calendar_wrap {
		margin-bottom: 10px;
	}

	#calendar table, #wp-calendar	{
		width: 100%;
		text-align: center;
	}

	#calendar thead, #wp-calendar thead	{

	}

	#calendar tbody td, #wp-calendar tbody td	{
		border: 1px solid #F1F1F1;
	}

	#calendar #prev, #wp-calendar #prev
	{
		text-align: left;
	}

	#calendar #next, #wp-calendar #next
	{
		text-align: right;
	}

	#calendar tfoot a, #wp-calendar tfoot a	{
		text-decoration: none;
		font-weight: bold;
	}

	#calendar #now, #wp-calendar #now, #wp-calendar #today	{
		background: #686868;
		border: 1px solid #D6CE84;
		font-weight: bold;
		color: #ffffff
	}


	.widget_search{}

	.post-block {border-top: 2px dotted #003366; padding-top: 10px;}
	.post-body{	margin-top:15px;}

	div.navigationbottom{	margin-top:10px;	margin-bottom:10px;}

	div.navigationbottom .leftnav{	float:left;}

	div.navigationbottom .rightnav{float:right;}

	/************* Comments ***************/
	#commentform textarea 	{
		width: 80%;
		border: 1px solid #666666;
		padding:10px;
	}

	#submit	{
		width: 120px;
		height: 27px;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		font-size: 12px;
		text-transform: uppercase;
		background: url(images/footer.gif) repeat-x;
		overflow:hidden;
	        vertical-align: top;
		border:none;
	}

	#submit:hover
	{
		background: url(images/footer.gif) repeat-x;
	        text-decoration: underline;
	}

	div.imgbox
	{
		float:left;
		margin:5px;
	}

	/**************** IE 7 *******************/
	li.cat-item
	{
		/*font-size:12px;
		font-weight:normal;*/
	}

	#calendar table, #left #wp-calendar
	{
		font-size:12px;
		font-weight:normal;
	}


	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.alignleft {
		float: left;
	}

	.alignright {
		float: right;
	}
	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}

	.wp-caption-dd {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}

	#content .categor	{
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 10px;
	}

	#commentlist li	{
	margin-left: 20px;
	padding-bottom: 20px;
	font-size: 11px;
	}

	#author, #email, #url	{
	border: 1px solid #666666
	}