/*
Theme Name: Music For Life
Theme URI: http://
Description: Custom Theme for Music For Life
Version: 1.0
Author: Designed by Drake Creative, Developed by Keith Solomon
Author URI: http://reciprocity.be/
*/

/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% 'Trebuchet MS', sans-serif;
}

html { font-size:100.01%; }
body { font-size:1em; color:#3f3f3f }

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: .5em 0;
	padding: 0;
}

/* Heading Styles */
h1, h1 a, h2, h3, h4, h5, h6 {
	color: #1a96d5;
	font-weight: bold;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;
}

/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Link Styles */
a {
	color: #9400d3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Form Styles */
form label {
	cursor: pointer;
}

fieldset {
	border: none;
}

input, select, textarea {
	font-family: inherit;
	font-size: 100%;
}

/* Miscellaneous conveniences: */

.alignright { float: right !important; margin:0 0 15px 15px !important; }

.right {
	float: right;
}

.left {
	float: left;
}

.center {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.clear {
	clear: both;
}

/* Main Positioning Elements */
body {
	background: #280078;
}

#wrap {
	margin: 16px auto 0;
	padding: 0;
	width: 800px;
}

#header {
	background: url(images/header.png) no-repeat;
	height: 256px;
	width: 800px;
}

#bodywrap {
	
}

#nav {
	background: #ecb236;
	float: left;
	width: 159px;
	padding: 1px 14px 0 14px;
}

#content {
	background: #fff9e6;
	float: left;
	min-height: 400px;
	width: 423px;
	padding: 1px 15px 0 23px;
	text-align: justify;
}

#events {
	background: #fff9e6;
	border-left: 1px solid #ecb337;
	float: left;
	min-height: 400px;
	width: 143px;
	padding: 1px 0 0 8px;
}

/* Header Elements */
#slogan {
	color: #f1f2b0;
	font-size: 24px;
	font-style: italic;
	font-weight: 100;
	height: 24px;
	line-height: 24px;
	padding-left: 5px;
	position: absolute;
	top: 20px;
	z-index: 4;
}

#title {
	background: url(images/m4l.png) no-repeat;
	height: 70px;
	margin-left: 22px;
	position: absolute;
	top: 160px;
	width: 523px;
	z-index: 4;
}

#subtitle {
	color: #fff;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	padding-left: 125px;
	position: absolute;
	top: 230px;
	z-index: 5;
}

#menu a i { visibility: hidden; }

#menu a {
	position: absolute;
	text-decoration: none;
}

a#cm { height: 246px; width: 346px; z-index: 2; }
a#sn { height: 246px; left: 423px; width: 376px; z-index: 3; }
a#inst { height: 246px; left: 541px; width: 363px; z-index: 2; }

a#cm:hover { background-image: url(images/cm_on.png); }
a#sn:hover { background-image: url(images/sn_on.png); }
a#inst:hover { background-image: url(images/inst_on.png); }

a#cm:hover,
a#sn:hover,
a#inst:hover { border: none; }

/* Nav Elements */
#nav a img {
	border: none;
	float: left;
}

#nav a {
	color: #2a3785;
	font: 11px/6px 'Trebuchet MS', sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
}

#nav a:hover, #nav li.selected a {
	color: #fff;
}

#nav ul {
	list-style: none;
}

#nav li {
	clear: both;
	height: 31px;
	margin: 3px 0;
	padding: 0 0 2px;
	border-bottom: 1px solid #fff;
}

.line1 {
	margin-top: 1px;
}

.line2 {
	display: block;
}

/* Content Elements */
#content {
	font-size: 12px;
}

/* Events Sidebar Elements */
#events {
	font-size: 12px;
}

#events ul {
	list-style: none;
}

#eventlist li {
	margin: 0;
	padding: 0;
}

#eventlist h3 {
	color: #2c6c95;
}

#eventlist ul li {
	padding-left: 5px;
}