/*

Theme Name: The Mighty Accordion!
Theme URI: http://www.themightymo.com/themightyaccordion
Description: This fun theme utilizes jQuery framework to deliver an accordion experience.  
Author: Toby Cryns
Author URI: http://www.tobycryns.com
Tags: fixed-width,one-column,brown,threaded-comments,AJAX,JavaScript,Accordion,MooTools,widgets
Version: 1.0

Please feel free to send me ideas for improvement by sending email to toby[at]themightymo[dot]com.

*/

/** GENERAL STYLES **/
html {
	overflow-Y: scroll;
}
body {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:100%;
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	background-image: url("images/bg_brown.jpg");
	background-repeat: no-repeat;
}

a:link, a:visited {
	color:#595441;
	font-weight:bold;
	text-decoration:none;
	}
	
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

ul {}
li {}

/** HEADER STYLES **/
#main-navigation {}
#main-navigation ul {}
#main-navigation ul li { float:left; list-style:none outside none; margin-right:20px;}
#main-navigation ul li ul {}
#main-navigation ul li ul li {}


.container {
	width: 588px;
	margin: 0 auto;
	font-size:.75em;
	margin-bottom:50px;
}



/* HEADER */
#header { text-align:right; margin:15px auto 0; padding:15px 0 10px; }
#header #description { color:#857E6B; }
#header h1 a {}


/* ACCORDION STYLING */
h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	height: 46px;	line-height: 46px;
	width: inherit;
	font-size: 2em;
	font-weight: normal;
	float: left;
	color:#595441; 
	background:none repeat scroll 0 0 #FFFFFF;
	border-top:1px solid #BBBBBD;
	border-bottom:1px solid #FFFFFF;
}
h2.acc_trigger a {
	color: #595441;
	text-decoration: none;
	display: block;
	padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
	color: #ccc;
}
h2.active {background-position: left bottom; background-color:#595441; color:#fff; }
h2.active a { color:#fff; }
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: inherit;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.acc_container .block {
	padding: 20px;
}
.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.acc_container ul { margin-left:20px; }
.acc_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

/* FOOTER / SIDEBAR STYLES */
#sidebar { clear:both; }
	#left-sidebar { float:left; width:280px; }
	#right-sidebar { float:left; width:280px; }