/****
*	
*	COLOR CHART
*	FONT
*	TAGS
*	CLASSES
*	LISTINGS
*	MENU
*	STRUCTURE
*
****/

/**** COLOR CHART ****/
/* #000 = black */
/* #fff = white */
/* #09f = light blue */

/**** FONT ****/
body{
	font-family: Georgia;
	font-size: 12px;
	color: #000;
}
@font-face{ 
	font-family: Freebooter Script; 
	src: url("FREEBSC_.ttf"); 
} 


html{min-height: 1000px;}

/***** TAGS ****/
a{
	color: #1c1c1c; 
	text-decoration: none;
}
a:hover{color: #09f;}
a.active{color: #09f;}
h1{font-size: 24px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
p{margin: 0 0 10px 0;line-height: 16px;}
li{margin-bottom: 15px;}

/**** CLASSES ****/
.bold{font-weight: bold;}
.italic{font-style: italic;}
.clear{clear: both;}
.padding{padding: 10px;}
.title{
	font-size: 34px;
	font-style: oblique;
	font-family: Arial;
	font-weight: normal;
}
.contact-info{margin: 35px 0 0 0;}
.caption{
	margin: 0 0 25px 0;
	line-height: 25px;
	border-bottom: 1px solid #1f1f1f;
	
}

/**** LISTINGS ****/
#photos img{
	border: 1px solid #000;
	margin: 0 9px 9px 0;
}

/**** MENU ****/

/**** STRUCTURE ****/
#container{
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}
#header{
	height: 60px;
	margin-top: 50px;
}
#logo{
	float: left;
	width: 200px;
	font-family: Georgia;
}
#title{
	float: left;
	margin-left: 10px;
	border-bottom: 1px solid #1f1f1f;
	width: 490px;
}
#sidebar-left{
	float: left;
	width: 200px;
	height: 100%;
}
#content{
	float: left;
	margin: 0  0 30px 10px;
	width: 490px;
}
#footer{
	height: 50px;
	clear: left;
	text-align: center;
	border-top: 1px solid #ddd;
	color: #ccc;
}