/*

-Copyright Vixx 2006 (http://geek-goddess.net) prepared for get-what-you-give.com

-Credits: 
	Mark 	(Diveintoaccessibility.com) for Accessibility modifications
	Jem 	(http://jemjabella.co.uk) for nifty CSS centering tip

This stylesheet is fully annoted for your convenience.
Please remember to make a BACk-UP copy before attempting to make any changes! 

/* 
----------------------------------
ACCESSIBILITY MODERATIONS! 

You should not need to change this! 
----------------------------------
*/

/*/*/a{}
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body p {
  font-size: small;
}
/* */
  

/* 
----------------------------------
LAYOUT-SPECIFIC

You should not need to change this! 
----------------------------------
*/

body {	margin: 0px; 
	padding: 0px;
	background-color: #000000; 
	text-align:left;
	color: #ffffff;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 150%;
}


.banner {
	background: no-repeat url('http://heavens-night.com/images/header.gif');
	width: 870px;
	height: 500px;
	padding: 0px;
}



.footer {
	background-color: #000000; 
	padding: 0px;
}


#container{
	width:870px;
	padding: 0px;
	text-align: left;
	}

.centered {
	margin: 0 auto 0 auto;
}


/* 
----------------------------------
GENERAL STYLING

This controls General Styling across 
the entire site.

----------------------------------
*/


/* Title */
h1 {
	color: #7bac59;
	font: 24px  Times New Roman,  serif;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-right: 20px;
padding: 0px 5px 2px 5px;
border-bottom: 1px solid;
}


h2 {
	color: #657da4;
	font: 18px  Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-right: 20px;
padding: 0px 5px 2px 5px;
border-bottom: 1px solid;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #4c792c;
}

a:hover {font-weight: normal; 
background-color: #4c792c; 
	color: #FFFFFF; 
	text-decoration: none;
}

/* Table styling */


table {
	border: 0px;
}



td {
	color: #000000;
font: 13px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	padding: 3px 5px 3px 7px;
	margin: 0 0 0 10px;
border-bottom: #ccc 1px solid;
}


td.noline {
	color: #000000;
font: 13px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	padding: 3px 5px 3px 0px;
	margin: 0 0 0 10px;
	border: 0px;
}


td.bold {
	font-weight: bold;
}


td.hidden {
	display: none;
}

td.center {
	text-align: center;
}

/* Table Styling */
tr {
	color: #000000;
	font: 12px Verdana, Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
}


ul, ol {
	margin:5px 5px 10px 30px;
	color:#FFFFFF;
	line-height: 120%;
font: 10px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	text-align: left;
	}
html>body>#container>#sidebar2>ul {
	line-height: 120%;
	margin:0px 0px 0px -15px;
}
html>body>#container>#sidebar>ul {
	line-height: 150%;
	margin:5px 15px 10px -10px;
}


li {
	margin:2px 0px 0px 2px;
	color:#000000;
font: 14px  Verdana, sans-serif;
	text-align: left;
}

html>body>#container>#sidebar>ul>li {
	margin:2px 5px 2px 0px;
}

img.border {
	margin-right: 5px;
	padding: 3px; 
	border: 1px solid #ccc;
	background-color: #FFF; 
}


img.alignleft {
	margin-right: 5px;
	padding: 3px; 
	border: 1px solid #bebea7;
	float: left;
	background-color: #FFF; 
}

img.alignright {
	margin-left: 5px;
	padding: 3px; 
	border: 1px solid #bebea7;
	float: right;
	background-color: #FFF; 
}


.nav {
  margin: 0 90px 0 0;
padding: 200px 20px 0 0;
	color:#217302;
	font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	text-align: right;
}


.nav a:link, .nav a:active, .nav a:visited {
text-decoration: none;
color: #4c792c;
}

.nav a:hover {font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: underline;
}

/* 
----------------------------------
MAIN CONTENT (BLOG BODY)

This is the styling for the blog 
body.

----------------------------------
*/

/* Positioning of the Centre Section - don't touch this! */
  #content {
  float: right;
  width: 735px;
  margin: -110px 23px 0 0;
  z-index: 3;
  letter-spacing: 0px;
  padding: 2px;
  }
html>body>#container>#content {
  margin: -110px 57px 0 0;
}

#james {	
  float: left;
	background: repeat url('http://heavens-night.com/images/james_static.gif');
	width: 96px;
	height: 67px;
	padding: 0px;
  margin: -250px 23px 0 219px;
  z-index: 3;
  letter-spacing: 0px;
  padding: 2px;
  }


#maria {	
  float: left;
	background: repeat url('http://heavens-night.com/images/maria_shake.gif');
	width: 105px;
	height: 68px;
	padding: 0px;
  margin: -252px 23px 0 327px;
  z-index: 3;
  letter-spacing: 0px;
  padding: 2px;
  }



/* Entry Body Text */
#content p {
	color: #000000;
font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

/* Entry Headings */
#content h2 {
	color: #7bac59;
	font: 24px  Times New Roman,  serif;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-right: 20px;
padding: 0px 5px 2px 5px;
border-bottom: 1px solid;
}


#content h3 {
	color: #657da4;
	font: 16px  Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	margin-top: 20px;
	margin-right: 20px;
padding: 0px 5px 2px 5px;
}

#content li {
	margin:2px 0px 0px 2px;
	color:#7bac59;
font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	text-align: left;
}

/* Text at the end of each entry */

#content p.posted {
	color: #000000;
		font: 12px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;

	text-align:left;
	margin-bottom: 30px;
	line-height: normal;
	padding: 3px;
	}
	

/* Styling for text in the 'blockquote' tags */
blockquote {
	margin: 1.2em 20px;
	padding: 1px 20px;
	background-color: #ef3621;
	border: 7px solid #e6e5e1;
	font-size: 0.9em;
	text-align: left;
}
	
/* Styling for the credits on the footer - you shouldn't need to touch this! */

.credit {
  margin: 0 60px 0 0;
	padding-top: 10px;
	color:#000000;
	font: 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	text-align: right;
}
html>body>#container>#footer>.credit {
	padding-top: 80px;
}

.credit a:link, .credit a:active, .credit a:visited {
text-decoration: none;
color: #4c792c;
}

.credit a:hover {font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: underline;
}




/* 
----------------------------------

SIDEBAR

----------------------------------
*/

/* Positioning of the sidebar - don't touch this! */
  #sidebar {
  float: left;
  width: 180px;
  margin:  -25px 0 0 40px;
  z-index: 3;
  letter-spacing: 0px;
  padding: 3px 2px 2px 3px;
  }
html>body>#container>#sidebar {
  margin:  -25px 0 0 40px;
}


/* Styling for the sidebar Headers */
h2.sidebar{
	color: #000000;
	font: 20px  Times New Roman,  serif;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-right: 20px;
padding: 0px 5px 2px 5px;
border-bottom: 1px solid;
}

/* Styling for the sidebar Headers */
h2.widgettitle{
	color: #657da4;
	font: 18px  Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-right: 20px;
padding: 0px 5px 2px 5px;
border-bottom: 1px solid;
}


/* Styling for the sidebar text */
#sidebar p {
	color: #000000;
		font: 11px Verdana, sans-serif;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

/* Styling for the sidebar links */

#sidebar a:link, #sidebar a:active, #sidebar a:visited {
text-decoration: none;
color: #000000;
}


#sidebar a:hover {font-weight: normal; 
	color: #FFFFFF; 
background-color: #000000; 
	text-decoration: underline;
}


/* 
----------------------------------

HORIZONTAL NAV BAR

----------------------------------
*/

ul#navlist
{
margin-top: -57px;
margin-left: 73px;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;

}

#navlist a { padding: 5px 12px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #bebea7;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #637797;
text-decoration: none;
}



/* 
----------------------------------
ACCESSIBILITY

You do not need to change this! 
----------------------------------
*/


.skiplink {display:none}
abbr, acronym {
   border: none;
} 

abbr[title], acronym[title] {
   border-bottom: 1px dotted #000000; 
   cursor: help;
}