html, body{font-family:Georgia, Times New Roman, Times, serif;
	font-size: 100%;
	background-color: #fff;
	color: #000;
	margin:0;
	padding: 0;
	height: 100%;
	}
	
#bgcontainer{ background-color: #7489a2;
	width: 753px;
	margin: 0 auto;
	min-height: 100%;
		
}

*html #bgcontainer{height: 100%;}

#inner{background: url(../media/beach.jpg) no-repeat 50% 0;
	border: 1px solid #7489a2;
	height: 618px;}

#blog
{
width: 518px;
margin-left: 25px;
margin-top: 50px;
color: #333;
border: 1px solid gray;
background: #fff url(../media/solei.gif) no-repeat 0% 7%;
}

#top
{
padding: 0;
margin: .5em .5em 0 0;
background:url(../media/header-bg.gif) ;
}

#top h1
{
padding: .2em 0 .5em .5em;
margin: 0;
background:url(../media/header-bg-r.gif) no-repeat top right;
font-size: 120%;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;

}

#content
{

padding: .5em;
border-right: 1px solid gray;
margin-right: 200px;
max-width: 36em;
}


#content h2 { 
padding: 0;
margin: 0; 
text-align: right;
color: #d8817c;}



#rightnav p { margin: 0 0 1em 0; }

#rightnav ul{ 
margin: 0;
padding: 0;
list-style-type: none;
}

#rightnav li {margin: 0 0 .2em 0;}

#rightnav a{
color: #000;
text-decoration: underline;}

#rightnav a:hover{text-decoration: none;}


#footer {clear:both;

}

#footer ul{	
text-align: center;
font-size: 90%;
color: #fff;}

#footer li{display:inline;
border-right: solid #fff 1px;
margin:0;
padding:0 .2em;
}

#footer li.last {display:inline;
border-right: none;
margin:0;
padding:0 .2em;}

#footer a {
margin:0;
padding:0 .2em;
color: #fff;
text-decoration:none;}

#footer a:hover{
color: #7489a2;
background-color:#fff;
text-decoration: underline;
}