/* MAIN BODY STYLES */

*{
	padding:0;
	margin:0;
}

body {
	background-image: url(images/2/bg.png);
	background-repeat: repeat-x;
	background-color: #392c23;
	font-family: Verdana, Arial, "Century Gothic";
	font-size: 12px;
	color: #878787;
}


a:link {
	color: #dedede;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #dedede;
}
a:hover {
	text-decoration: underline;
	color: #dedede;
}
a:active {
	text-decoration: none;
	color: #dedede;
}

#container {
	margin: auto;
	width: 900px;
}


/* TOP BAR STYLES */

#top-bar {
	float: left;
	height: 24px;
	width: 900px;
	padding-top: 8px;
	margin-left: 0px;
}



.nav1 li {
	display: inline;
	list-style-type: none;
	margin-right: 20px;
	color: #FFFFFF;
	float: left;
}

.nav2 li{
	display: inline;
	list-style-type: none;
	color: #FFFFFF;
	float: right;
	margin-right: 10px;
}


/* HEADER STYLES */

#header {
	float: left;
	height: 125px;
	width: 900px;
}

#site-title{
	height: 80px;
	float: left;
	margin-left: 260px;
	padding-top: 35px;
}

#site-title h1{
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}


/* CONTENT CONTAINER STYLES */

#content {
	float: left;
	width: 900px;
	margin-top: 20px;
	padding-bottom: 40px;
}

#content-left {
	float: left;
	width: 602px;
}


/* POST STYLES */

.Box {

	background-image: url(images/2/textbox.png);
	background-repeat: no-repeat;
	width: 499px;
	height: 180px;
	float: left;
	margin-top: 150px;
	margin-left: 200px;
	margin-bottom: 20px;
}



.post-title {
	float: left;
	width: 336px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
}

.post-title p {
	color: #FFFFFF;
	float: left;
}

.post-desc {
	float: left;
	width: 450px;
	text-align: justify;
	font-style: italic;
	line-height: 16px;
	margin-left: 20px;
	margin-top: 30px;

}

.links {

	text-align: center;
	float: left;
	margin-left: 325px;
	margin-top: -10px;

}


/* ----------FOOTER STYLES---------- */
 
#footer {
    background-image: url(images/2/footer.png); /*adds our footer background image*/
    background-repeat: repeat-x; /*repeats background horizontally*/
    height: 37px; /*adds a fixed height*/
    clear: both; /*clears both floats*/
    margin-top: 520px; /*adds a top margin*/

}
 
#footer-content {
    
    margin: auto; /*centers our footer*/
    height: 20px; /*adds a fixed height*/
    width: 900px; /*adds a fixed width*/
    clear: both; /*clear's both floats*/
    padding-top: 5px; /*adds top padding*/
}
 
#footer-content p {
    text-align: center; /*aligns text center*/
}