/*
-----------------------------
Sole Mates CSS v1.0
December 2008
-----------------------------
*/

/*--- page layout ---*/
body {
	background: #fff;
	margin: 0;
	padding: 0;
	}

#container { 
	width: 1000px;
	margin: 0 0 50px 0;
	text-align: left;
	background: #ffd9ad url("images/aote_bgtile.jpg") no-repeat 0 0;
	} 

#header { 
	padding: 10px 0;
	} 
	
#sidebar {
	float: left; 
	width: 210px;
	padding: 17px 0;
	}

#main { 
	margin: 0 0 0 210px;
	padding: 0 220px 0 20px;
	border-left: solid 1px #fff;
	} 
	
#footer { 
	margin: 0 0 0 210px;
	padding: 20px;
	}
		
/*--- text styles ---*/

/*--- default text style ---*/
body, p {
	font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
	
/*--- bold style ---*/
b, strong {
	font: bold;
	}

/*--- italic style ---*/
i, em {
	font: italic;
	}
/*--- list styles ---*/
ul {
	list-style-type: none;
	text-align: right;
	margin: 3px 0px;
	padding: 0px;
	}

li { 
	font: bold 11px/16px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	background: url("images/bullet.gif") no-repeat 207px 10px; 
	margin: 0; 
	padding: 3px 10px 3px 0; 
	}
	
/*--- headline ---*/
h1 {
	font: normal 20px/30px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 20px 0px 0px 0px;
	}
	
/*--- intro P ---*/
h2 {
	font: normal 16px/36px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 10px 0;
	}
	
/*--- subhead ---*/
h3 {
	font: bold 9px/13px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
	margin: 30px 0px 0px;
	}
	
/*--- footer text ---*/
h4 {
	font: bold 8px/10px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0 0;	
	}	
	
/*--- link styles ---*/
a {
	text-decoration: none;
	}

a:link {
	color: #01657c;
	border-bottom: solid 1px #01657c;
	}

a:visited {
	color: #333;
	border-bottom: solid 1px #999;
	}
	
a:hover {
	color: #000;
	background: #ffe9c9;
	border-bottom: 0px;
	}