/*
Colors to be used:
text/dark: #322C2C
slightly less dark/deep purple: #5B4F4F
dull red: #934F44 
sand: #B89F77 
sand at dusk/dark sand: #786650
*/

body {
	background-color: white;
	font: 100% Georgia, serif;
	color: #5B4F4F;
	text-align:center;
	}
	
tr {
	vertical-align: top;
	padding:10px;
	}
	
p {
	margin:0 10px 10px;
	padding: 1px;
	}

a {
	color: #322C2C;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color:  #5B4F4F;
	}

a:visited {
	}



html,body{margin:0;padding:0}
p{margin:0 10px 10px}
div#header{position:relative;  no-repeat; color: #B89F77}

/*
Header at the top
*/
div#header h1 {
	height:80px;
	line-height:80px;
	margin:0;
	padding-left:10px;
	color: #322C2C;
	border: medium solid #322C2C;
	background-image: url("http://www.annemarkis.com/images/sugar-pat.png");
	}

/*
Main content area. Ie.contains everything, including navigation, header or footer
*/
div#container{
	text-align:left;
	border: medium solid #322C2C;
	}
div#content p{line-height:1.4; 	}

/*
The traditional  navigation that's the same on each page. Ie, home | music | misc...
*/
div#navigation{
	border: medium solid #322C2C;
	float:left;
	width:350px;
	}
/*
The 'about me' and 'futher navigation' container
*/	
div#extra{ height:100%; background: #B89F77; border: medium solid #B89F77;}

/*
The footer. has/used to have search bar. Above 'old' graphics.
*/
div#footer{color:#322C2C; border: medium solid #322C2C;background-image: url("http://www.annemarkis.com/images/sugar-pat.png");}


div#footer p{margin:0;padding:5px 10px}

div#container{width:1050px;margin:0 auto;}
div#content {
	float:right;
	width:650px;
 }
div#navigation1{float:right;width:350px}
div#extra{float:left;clear:left;width:350px;}
div#footer{clear:both;width:100%}