/* A BIG IDEA :: by Payal Dhar (http://writeside.net/) 
Feel free to use or modify, but do keep the credit.*/
*{
padding: 0;
margin: 0;
}
body
{
background: #FFF9FB;
color: #454456;
text-align: center;
font: 1em Arial, Helvetica, sans-serif;
}
#wrapper
{
position: relative;
margin: 15px auto;
padding: 5px;
border: 1px solid #5684BF;
background: url(images/bulb.jpg) top left no-repeat;
width: 750px;
}

/*Style for the page header */
#header
{
position: relative;
text-align: right;
font-size: 3.5em;
color: #777688;
width: 750px;
margin-bottom: 1.7em;
} 

/*Style for the nav menu */
#nav
{
position: relative;
margin: -18px 0 10px auto;
width: 750px;
line-height: 2em;
}
#nav ul
{ 
padding:5px; 
margin:0; 
padding:0; 
} 
#nav ul li
{ 
float:right; 
list-style:none; 
margin:0; 
padding:0; 
} 
#nav a, a:link
{
display:block; 
margin:0; 
padding: 2px 15px; 
text-align:center; 
background: #EFE9ED;
font-size: 0.9em;
}
#nav a:hover
{
color: #EFE9ED;
background: #5684BF;
text-decoration: none;
}

/* Styles for the text area */
#text
{
position: relative;
margin: 75px auto 50px auto;
padding: 0;
width: 750px;
text-align: left;
line-height: 1.25em;
border-top: 3px solid #5684BF;
}
a, a:link
{
color: #5684BF;
background-color: #FFF;
text-decoration: none;
display: inline;
padding: 0;
}
a:hover
{
color: #454456;
text-decoration: underline;
}
p 
{
margin: 0;
padding: 5px;
padding-left: 20px;
}

hr.separation
{
visibility: hidden;
clear: both;
height: 15px;
}
h1
{
font: 1.5em Garamond, serif;
color: #777688;
border-left: #777688 15px solid;
padding: 5px;
margin-top: 5px;
}
h2
{
font:1.25em Garamond, serif;
color: #777688;
margin: 0;
padding: 20px;
}

/* Style for the footer */
#footer
{
padding: 2px;
margin: auto; 
border-top: 1px solid #EFE9ED;
font-size: 0.8em;
width: 750px;
}