/* 
==============================================================================
Created for:	Hi Ho Clean and Garden.
Date: 			November '07.
Created by: 	greenskin media.
				www.greenskinmedia.com
==============================================================================
*/



/* comon attributes */

body	{
		background: url(images/background.gif) repeat;
		font: 12px/18px "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Helvetica;
		color: #333;
		margin: 0 0 10px 0;
		padding: 0;
		border-top: 6px solid #fede08;
		}

.image-left	{float: left; margin-right: 10px;}
.image-right {float:right; margin-left: 10px;}

#wrapper_out { 
		width: 560px; 
		margin: 0px auto 0px auto; 
		border-left: 3px solid #1e64af;
		border-right: 3px solid #1e64af;
		border-bottom: 3px solid #1e64af;
		background-color: #c9e3ff;
		margin-top: -2px; 
		}

#wrapper_in { 
		background-color: #c9e3ff;
		font-size: 13px;
		line-height: 22px;
		color: #0a5097;
		border-bottom: #1752a2 1px dotted;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 40px;
		}

#content { 
		width: 560px;
		margin: 0 auto;
		}
		
#contentContainer {
		padding-top: 20px;
		width: 340px;
		}
		
blockquote {
		border-left: #0a2181 4px solid;
		color: #0a2181;
		padding: 5px 5px 5px 30px;
		
		margin: 28px 10px 28px 30px;
		background-color: #6699dd;
		}

#header {
		width: 100%;
		height: 360px;
		background: url(images/headerHome2.jpg) no-repeat;
		margin-top: -16px;
		margin-left:  3px;
		}
		
#headerHome {
		width: 100%;
		height: 360px;
		background: url(images/headerHome2.jpg) no-repeat;
		margin-top: -16px;
		margin-left:  3px;
		}

#header h1 {
		color: white;
		margin-left: 180px;
		padding-top: 40px;
		}

#header h2 {
		color: white;
		margin-left: 180px;
		margin-top: -1em;
		}
		
img 	{margin-bottom: 5px;}
img a	{margin-bottom: 0; text-decoration: none; border-bottom: 0px;}
img a:hover	{margin-bottom: 0; text-decoration: underline; background-color: #000;}

#photo {position: relative; float: left; display: block; padding-right: 20px;}

	
	

/* links */

a		{
		color: #8e9915;
		text-decoration: none;
		border-bottom: 1px dotted #c0db5a;
		}

a:hover {
		border-bottom: 0px;
		}



/* content */

h1, .blog-entry-title, .movie-page-title, .album-title { 
		font-family: Georgia, tahoma, verdana, arial;
		font-size: 2.2em;
		color: #404040;
		}

h3		{
		color: #0a2181;
		font-size: 18px;
		}
		
h4		{
		color: #0a2181;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 6px;
		}
		
h5		{
		color: #175598;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: -1px;
		margin-bottom: 6px;
		}

.tilt {font-style: italic; font-weight: bold; font-size: 14px;}
.white {color: #fff;}



/* main navigation & side navigation */


#navmenu {width: 650px;}
#navmenu ul {
		float: left;
		margin: -30px 0 0 -20px;
		list-style: none;
		}

#navmenu ul li {
		font-weight: bold;
		float: left; 
		margin-right: 23px;
		}

#navmenu ul li a {
		color: #fff;
		text-decoration: none;
		font-size: 18px;
		border-top: 0;
		border-bottom: 0px;
		}

#navmenu ul li a:hover {
		color: #ccc;
		padding: 0;
		border-bottom: 5px solid #fede08;
		background: none;
		}

#current {
		border-bottom: 5px solid #fede08;
		margin-top: 0px;
		padding-bottom: 3px;
		}

.sidenav li {display: inline;}
.sidenav a {display: none; border-bottom: 0px;}
.sidenav ul ul {width: 140px; text-align: center; margin-left: -40px; border-bottom: 0px;}

.sidenav ul ul a {
		display: block;
		margin-left: -40px;
		color: #777777;
		padding-top: 0.4em;
		height: 2em;
		text-decoration: none;
		border-top: 1px solid #fff;
		border-bottom: 0px;
		}

.sidenav ul ul a:hover {
		border-top: 1px dotted #c0db5a;
		border-bottom: 1px dotted #c0db5a;
		}



/* sidebar */

#sidebar {
		padding: 27px 5px 5px 5px;
		width: 142px;
		font-size: 12px;
		line-height: 16px;
		color: #6699dd;
		}
		
h2 {letter-spacing: -1px;}
b {letter-spacing: -1px;}

#sidebar a {border-bottom: 1px dotted #c9e3ff;}
#sidebar a:hover {border-bottom: 0;}
#sidebar .space {margin-top: -10px;}
.pdfs {text-decoration: underline;}
.emails {text-decoration: underline;}
.affilates {text-decoration: underline;}
	
		
/* contact form */		

.contact {font-size: 14px; line-height: 22px;}
form {line-height: 28px;}
.form-input-field {line-height: 18px; font-size: 16px; background-color: #0a5097 !important; color: #fff; width: 100%;}
.form-input-button {font-size: 18px; color: #0a5097; letter-spacing: 0.1em; margin-bottom: 15px;} 
label {font-size: 16px; font-weight: bold; color: #6699dd; padding-bottom: 10px; margin: 0;} 
.spacer {display: none;}


/* footer */

#footer {
		text-align: left;
		margin-left: 4px;
		font-size: 0.9em;
		color: #e0e0e0;
		background-color: transparent;
		padding: 0;
		}
		
#footer a {border-bottom: 0px;}
#footer a:hover {border-bottom: 1px dotted #c0db5a;}

#footerNav {
		font-size: 11px;
		color: #999;
		margin-left: 375px;
		margin-top: -35px;
		padding-bottom: 15px;
		}
		
#footerNav a {border-bottom: 0px}
#footerNav a:hover {border-bottom: 1px dotted #c0db5a;}


#message-text p {
		font-size: 14px;
		line-height: 22px;
		color: #0a5097;
		}
		
.center {
		text-align: center;
		font-weight: bold;
		}



/* RW elements */

.movie-page-description, .album-description, .filesharing-description {
		padding: 10px;
		}

.thumbnail-wrap {
		text-align: center;
		float: left;
		padding: 5px;
		margin: 5px;
		}

.thumbnail-frame:hover  {
		background-color: #999;
		}

.photo-background {
		color: #fff;
		text-align: center;
		}

.photo-background a {
		color: #fff;
		}

.photo-title { 
		font-family: Georgia, tahoma, verdana, arial;
		font-size: 2.2em;
		color: #fff; 
		}

.clearer {
		clear: both;
		}