/*  minienvelope website styles
	Author: minienvelope
	Styles last modified: Friday August 15, 2008
	Colour palette:
		#283A44
		#4E7184
		#D1B111
		#FFFFFF
	Link colours:
		#335162
		#3D6075  */

/* ##### LAYOUT STYLES ##### */

body {
	background-color: #283A44;
	color: #FFFFFF;
}
#wrap {
	margin: 0 auto 0 auto;
	width: 500px;
}
.center {
	margin: 0 auto 0 auto;
	text-align: center;
}

/* ----- HEADER ----- */

#topbar {
	background: url("images/topbar.jpg") no-repeat center;
	background-color: #4E7184;
	margin: -8px auto 0 auto;
	width: 500px;
	height: 15px;
}
#header {
	height: 118px;
	margin-top: 25px;
	margin-left: -18px;
}
#m {
	background: url("images/header-logo.gif") no-repeat;
	width: 118px;
	height: 118px;
}
#lettering {
	background: url("images/lettering.png") no-repeat;
	width: 151px;
	height: 71px;
	position: relative;
	top: 43px;
	left: 107px; /* width from left to end of 'm': 93px. */
}

/* ----- CONTENT ----- */

#content {

}
.content-area {
	margin-bottom: 35px;
}
#avatars {
	margin-left: -8px;
	text-align: center;
	width: 510px;
}

/* ----- FOOTER ----- */

#footer {
	padding-top: 3px;
	margin-bottom: 13px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	border-top: 1px solid #4E7184;
}
.footer-name {
	color: #D1B111;
}


/* ##### TEXT STYLES ##### */

h2 {
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 24px; /* 23px for Georgia */
/*	font-style: italic;*/ /* h2 not italic */
	padding-bottom: 5px;
	border-bottom: 1px solid #4E7184;
}
p {
	margin-top: -8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 150%;
}

/* ##### LINK STYLES ##### */

a:link, a:visited {
	color: #D1B111;
	background-color: #335162;
	padding: 0 2px 0 2px;
	text-decoration: none;
	border-bottom: 1px solid #D1B111;
}
a:hover, a:active {
	color: #D1B111;
	background-color: #3D6075;
	padding: 0 2px 0 2px;
	text-decoration: none;
	border-bottom: 1px solid #D1B111;
}


/* ##### IMAGE STYLES ##### */

img {
	border: 5px solid #4E7184;
}
img.avatar {
	margin-left: 6px;
	width: 150px;
}