/*

Theme Name: metamorph_skyandclouds

Theme URI: http://www.metamorphozis.com/wptheem/index.php?wptheme=metamorph_skyandclouds

Description: Free WordPress Theme based on <a href="http://www.metamorphozis.com" target="_blank">Metamorphosis Design</a> template "metamorph_skyandclouds"

Version: 1.0.3

Author: Oleg Lazarenko

Author URI: http://www.metamorphozis.com/

Tags: fixed width,blue, two columns, widgets, widget ready, valid CSS, simple, clean, metamorph 

*/

* {

	margin: 0; padding: 0;

}

a {

         color: #666666;

}

a:hover {

         color: #C60; 

}

body {

	background: #ffffff  url(images/grd2.jpg) center top; background-repeat: repeat-x;

	color: #444; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 0px;

	padding: 0px; margin-top: 0px;

}

.title {

        font-size: 24px;

}

p,code,ul {

         padding-bottom: 1.2em;

}

li {

        list-style: none;

}

h1 {

	font: normal 14px Times; color: #1477ce; margin-bottom: 4px; font-weight: normal; 	font-size: 21px;

}

h2, h4 {

	font: normal 21px times; color: #126DA2; margin-bottom: 4px; 

}

h1,h2,h3 {

         padding-top: 6px; color: #126DA2

}

h1 a,h2 a,h3 a {

        padding-top: 6px; color: #126DA2; text-decoration: none;

}

h1 a:hover,h2 a:hover,h3 a:hover {

        padding-top: 6px; color: #126DA2; text-decoration: underline;

}

.clear {

        clear: both;

}

/* structure */

.container {

	background: url(images/grd_form2.png) repeat; font-size: 1.2em; margin: 0 auto; padding: 0 0 0 0px;

	width: 966px;

}

/* header */

.top {

	padding: 0px 0x 0;

}

/* title */

.header {

	background: #FFF; 	font-size: 14px; height: 137px; margin: 0 auto; padding: 0px 0px 0px 0px; width: 966px;

}

#logo {

	width: 966px; height: 137px; margin: 0 auto; 

         background: url(http://www.healthyyears.org/images/header.jpg) no-repeat left top;

}

#logo h1, #logo h2 {

	margin: 0; padding: 0; text-transform: lowercase;

}

#logo h1 {

	padding: 90px 5px 0 25px; font-size: 18px; color: #0272BA;

}

#logo h2 {

	padding: 0px 0 0 25px; font-size: 11px; color: #126DA2; 

}

#logo a {

	color: #0272BA;

}

/* navigation */
.container4navigation 
{
	background-image: url(http://healthyyears.org/images/grd_form2.png) ;
	color: #0162c5;
	background-repeat: repeat-y; 
	margin: 0 0 0 0;
	width: 950px;
	height: 36px;
	text-align:left;
	padding: 0 0 0 0; 
}

.navigation
{
	background-image: url(http://healthyyears.org/images/navgrd.jpg);
	background-repeat: repeat-x;
	margin: 0 auto 0 10px;
	width: 938px;
	height:39px; 
}

.navitems 
{
	position: relative;
	float: left;
	width: 556px;
	margin-left: 5px;
}

.navitems A 
{
	position: relative;
	border-right: #efefef 1px solid;
	font-weight: bold;
	font-size: 12px;
	background-image: url(http://healthyyears.org/images/navgrd.jpg);
	text-transform: uppercase;
	color: #0162c5;
	background-repeat: repeat-x;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 14px 14px 0px 14px;
	top: 14px;
}

.navitems A:hover 
{
	background-image: url(http://healthyyears.org/images/navgrd1.jpg);
	background-repeat: repeat-x;
	padding-top: 15px;
}


#homegif
{
	position: relative;
	float: left;
	width: 28px;
	height: 22px;
	padding: 0 0 0 0;
  margin: 12px 0 0 -10px;
	vertical-align: middle;
}

#donatenow
{
	position: relative;
	float: right;
	width: 329px;
	height: 36px;
	margin: 0 0 0 0px ;  
} 

#donatenow img
{
	position: relative;
	left: 65px;
	margin: 1px 0 0 0px ;  
} 


/* main */

.main {

	border-top: 0px solid #FFF; margin-left: 12px; width: 946px;  

         background-image: url(http://www.healthyyears.org/images/navbtmgrd.jpg); background-repeat: repeat-x; 

}

/* sub navigation */

.sidenav {

	float: right; width: 329px; 

}

.sidenav h2 {

	color: #1477ce; font-size: 21px; line-height: 30px; margin: 0; padding-left: 12px;

}

.sidenav ul {

	padding: 0; border: 0px;

}

.sidenav ul ul {

	padding: 0;

}

.sidenav li {

         border: 0px;

}

.sidenav li a {

	font-size: 1.1em; 	color: #554; display: block; padding: 8px 0 8px 5%; text-decoration: none; width: 95%;

}

.sidenav li a:hover {

	background: #DCEFFF; color: #654; 

}

.sidenav li li {

}

/* content */

.content {

	float: left; margin: 0; padding: 10px 36px; width: 531px;

         background-image: url(http://www.healthyyears.org/images/navbtmgrd.jpg); background-repeat: repeat-x; 

         font: normal 16px Arial, Helvetica, sans-serif; margin-bottom: 0px;
}

.content .descr {

	color: #664; font-size: 0.9em; margin-bottom: 6px; 

}

.content li, .content ol {

	margin-left: 18px; font-family: Arial, Helvetica, sans-serif;

}

.content p {

         font-family: Arial, Helvetica, sans-serif;

}

#content-right {

	float: right; width: 320px; background: #efefef; height: 10000px; margin-top: 3px; margin-right: 2px; font-family: Arial, Helvetica, sans-serif;

}

#content-right li {

	background: #fff; margin: 20px 20px 20px 10px; padding-left: 10px;

}

#content-right li a {color: black; font-size: 17px; text-decoration: none; font-weight: normal;

}

#content-right li h2 { }

#content-right li #searchform{

	font: normal 21px times; color: #126DA2; padding: 10px 10px 10px 10px;

}

/* footer */

.footerdecoration { 

        z-index: 1; background-image: url(http://www.healthyyears.org/images/footergrd.jpg); padding-bottom:16px;

        width: 100%; background-repeat: repeat-x; background-color: #0162c5; text-align: center;

}

.footerdecoration DIV {

	margin: 0px auto; width: 966px; padding: 225px 0 0 0; background-color: #0162c5;

}

.footerlinks {

	font-size: 11px; margin: 0px 0 25px 0; color: #666666; padding: 12px 0 0 0; height: 86px; 

	font-family: Arial, Helvetica, sans-serif; 

}

.footerlinks A {

	font-size: 12px; margin: 0 12px 0 12px; color: #0162c5; text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

}

.footerlinks A:visited {

	font-size: 12px; margin: 0 12px 0 12px; color: #0162c5; text-decoration: none; 

         font-family: Arial, Helvetica, sans-serif;

}

.footerlinks A:hover {

	color: #0C0 ; text-decoration: underline; font-family:Arial, Helvetica, sans-serif; 

}

.container4footerlinks { 

         background: url(http://www.healthyyears.org/images/grdform_btm2.png) center top no-repeat; margin: 0 auto;

         padding: 0 0 0 0; 	width: 966px; text-align:center; 

}

/** box right */

.box-right {

	margin: 0px 20px 20px 20px; padding: 20px; font-family:Arial, Helvetica, sans-serif; 

}

.box-right ul {

	margin: 0 0 5px 0; padding: 0px; list-style: none; font-family:Arial, Helvetica, sans-serif; 

}

.box-right li {

	margin: 0px; padding: 5px; font-family:Arial, Helvetica, sans-serif; 

}

.box-right li a {

	text-decoration: none; font-family:Arial, Helvetica, sans-serif; 

}

/******************* style comments ***********************/

#comment_area {

	margin-top:15px;

}

textarea.txtcomment{

	width:470px; height:150px; border:1px solid #867B1C; 

}

input[type="submit"],#submit

{

	padding-bottom:5px; border:1px solid #867B1C; background:#E4F5FF; color:#000000; font-weight:bold;

	margin-top:0px; margin-bottom:3px; 

}

/************ navigation **********/

div.navigationbottom {

	margin-bottom:20px;

}

div.leftnav {

	float:left;

}

div.rightnav {

	float:right;

}

/********************* Calendar *******************/

#calendar1, #calendar_wrap {

	padding: 2px 2px 2px 2px; background: #fff; width: 265px; font-family:Arial, Helvetica, sans-serif; 

}

#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; font-family:Arial, Helvetica, sans-serif; 

}

#calendar tbody td, #wp-calendar tbody td a {

         color: red;

}

#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: normal; color: black;

}

#calendar #now, #wp-calendar #now, #wp-calendar #today {

	background: #5D8A16; border: 1px solid #D6CE84; font-weight: bold; color: #ffffff;

}

.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: 0px; /* background: #E4F5FF; */ margin-top: 10px; margin-bottom: 10px;

}

.commentlist li {

         padding-bottom: 20px;

}

#author, #email, #url {

         border: 1px solid #666666

}
