/*
Theme Name:		Montana Natural History Center
Theme URI:		http://www.mnhc.com
Description:	Designed for the Montana Natural History Center.
Version:		1.0
Author: 		Dan Socie & Josh Byers
Author URI: 	http://dansocie.com/
*/
@import 'css/reset.css';
@import 'css/forms.css';
@import 'css/text.css';


body {
	background: #dcd6c8 url(images/bg.jpg) repeat-x;
	margin:0;
	color:#5d5d5d;
}

p {
	font-size:1em;
	line-height:1.5em;}

p img {
	float:left;
	border:2px solid #919191;
	margin:0 20px 20px 0;}

a, a:active {
	text-decoration:none;
	color:#7d9b50;}
	
	a.btn_add_participant2, a.btn_add_participant3{
		outline:none;
		padding-left:37px;}
		
		li#li-2-6,li#li-2-13 {
			height:32px;
			background:url(images/btn_add_participant.jpg) no-repeat !important;
			padding-top:8px;}

hr {
	background-image:url(images/bg_hr.png) no-repeat;
	height:2px;}

div.hr {
	background:url(images/bg_hr.png) no-repeat center;
	height:30px;
	clear:both;}
	
	div.hr hr{
		display:none;}
	
a:hover {
	text-decoration:underline;}

h1,h2,h3,h4,h5 {
	font-family:"Georgia", Georgia, serif;
	text-transform:uppercase;
	
}

h2 {
	color:#443105;
	font-weight:bold;
	font-size:1.5em;
	margin:0;}
	
	h2.widgettitle {
		list-style:none;}
	
	h2 a:hover{
		text-decoration:none;
		color:#383838;}

h3 {
	color:#443105;
	font-weight:bold;
	font-size:1.2em;
	margin:0;}
	
.date {
	font-size:.8em;
	color:#919191;}

/***********Structure***********/

.container {
	margin:0 auto;
	width:1026px;
	background:url(images/bg_container.jpg) no-repeat top;}

.header {
	margin:0 60px;
	padding:20px 0 0;
	width:922px;}
	
	.logo {
		width:450px;
		height:50px;
		float:left;}
		
		.logo a{
			outline:none;}
	
	.top_menu {
		float:right;
		width:390px;
		text-align:right;}
	
		.top_menu li{
			float:left;
			list-style:none;
			margin:0;
			border-right:1px #443105 solid;}
			
			.top_menu li.last, .top_menu li.last a {
				border:none;
				margin:0;}
			
			.top_menu li.get_involved {}
			
			.top_menu li.get_involved a {
				background:url(images/btn_get_involved_up.png) no-repeat;
				color:#fff;
				font-weight:bold;
				width:93px}
				
			.top_menu li.get_involved a:hover {
				background:url(images/btn_get_involved_hover.png) no-repeat;
				text-decoration:none;}
			
		.top_menu li a{
			list-style:none;
			margin:0 10px;
			width:75px;
			float:left;
			text-align:center;
			color:#443105;
			outline:none;}
			
			.p_menu li a:hover, .top_menu li a.current{
				text-decoration:underline;}
			
	.bottom_menu {
		float:left;
		margin:0 0 0 23px;
		width:569px;}
		
		.bottom_menu li {
			margin:0;
			list-style:none;
			float:left;}
	
		.bottom_menu li a{
			float:left;
			list-style:none;
			margin:0 14px 0 0;
			padding:2px 0 ;
			width:128px;
			text-align:center;
			color:#443105;
			outline:none;}
			
		.bottom_menu li a:hover, .bottom_menu li a.current{
			background:url(images/bg_menu_item.png) no-repeat;
			text-decoration:none;}
	
	.image_header_page {
		height:192px;
		float:left;
		width:922px;}
		
		.image_header_page h1.page_title {
			margin:80px 0 0 30px;
			font-size:2em;
			color:#5f5f37;}
	
	.image_header_home {
		height:290px;
		float:left;}
		


.page {
	background:#fff url(images/bg_page.gif) repeat-y;
	margin:0 60px;
	padding:10px 30px;
	width:862px;}
	
	.page_bottom {
		background:url(images/bg_page_bottom.jpg) no-repeat;
		width:922px;
		height:16px;
		margin:0 60px;}
	
	.content_home{
		width:862px;
		padding:0 32px 0 0;}
	
	.quick_links {
		float:right;
		width:267px}
		
		.featured {
			float:left;
			width:273px;
			padding:0 20px 0 0;}
			
			.last {
				padding:0;}
	
	#sidebar {
		float:right;
		width:267px;}
		
		li#quick-links {
			list-style:none;}
			
		ul.quick_links li {
			list-style:url(images/bullet_arrow.gif);}
		
		ul.ec3_events li{
			margin:0;
			list-style:none;}
			
			ul.ec3_events li li{
				list-style:url(images/bullet_event_arrow.gif);
				margin-left:30px;
				font-weight:normal;}
			
			.ec3_list_day {
				color:#b9a85f;
				font-weight:bold;
				margin-left:-10px;}
		
		ul.sidebar_links li {
			list-style:url(images/bullet_event_arrow.gif);}
			
		.sidebar_buttons {
			padding:20px 0;
			float:left;}
			
			.btn_membership, .btn_donate {
				width:93px;
				height:21px;
				float:left;
				margin-right:10px;}
			
				.btn_membership a img{
					background:url(images/btn_membership_up.png) no-repeat;
					text-decoration:none;}
				
				.btn_membership a:hover img{
					background:url(images/btn_membership_hover.png) no-repeat;
					text-decoration:none;}
			
				.btn_donate a img{
					background:url(images/btn_donate_up.png) no-repeat;
					text-decoration:none;}
				
				.btn_donate a:hover img{
					background:url(images/btn_donate_hover.png) no-repeat;
					text-decoration:none;}
		
		.btn_register {
			width:93px;
			height:21px;
			padding:20px 0;}
					
			.btn_register a img{
				background:url(images/btn_register_up.gif) no-repeat;
				text-decoration:none;}
					
			.btn_register a:hover img{
				background:url(images/btn_register_hover.gif) no-repeat;
				text-decoration:none;}
				
			.btn_register_dark a img{
				background:url(images/btn_register_dark_up.gif) no-repeat;
				text-decoration:none;}
					
			.btn_register_dark a:hover img{
				background:url(images/btn_register_dark_hover.gif) no-repeat;
				text-decoration:none;}
		
		.btn_reserve {
			width:93px;
			height:21px;
			padding:0 0 15px 0;}
					
			.btn_reserve a img{
				background:url(images/btn_reserve_up.png) no-repeat;
				text-decoration:none;}
					
			.btn_reserve a:hover img{
				background:url(images/btn_reserve_hover.png) no-repeat;
				text-decoration:none;}
				
	
.footer {
	margin:10px 60px;
	padding:30px;
	width:862px;
	height:139px;
	background:url(images/bg_footer.jpg) no-repeat;}

.post{
	width:564px;
	margin-right:30px;
	float:left;}
	
.entry {
}
	
.entry p img{
		border:none;}

.hover {
	cursor:pointer;}
	
.trunks h3 {
	cursor:pointer;}

/***********   Misc   ***********/

.info_box {
	width:534px;
	background:#cdcdc1;
	padding:0 15px;}
	
	.info_box p.last {
		margin-bottom:0;}

.read_more {
	background:url(images/bullet_arrow_green.gif) no-repeat 65px;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */



table {
    border-collapse: collapse;
    background: url(graph.png) #fff no-repeat center;
    color: #000;
    font-family: "Lucida Bright", "Times New Roman", serif;
    font-size: 0.95em;
}

/* We add letter spacing because all caps makes the letters scrunchy
   Also, left aligned because it was favoured by my university for table
   captions, but yours might be different. Actually for a scientific paper,
   the caption would be more detailed, resembling a table 'summary' */
caption {
    padding-bottom: 5px;
    font-variant: small-caps;
    letter-spacing: 0.1em;
    text-align: left;
}


thead th {
    border-top: 3px double #ccc;
    border-bottom: 3px double #ccc;
    padding: 2px 10px;
    background-color: #fff;
    color: #aaa;
    text-align: left;
    font-variant: small-caps;
    letter-spacing: 0.1em;
    white-space: nowrap;
}


tfoot th, tfoot td {
    border-top: 3px double #ccc;
    border-bottom: 3px double #ccc;
    padding: 2px 10px;
    font-variant: small-caps;
    letter-spacing: 0.1em;
}

tbody th, tbody td {
    border-bottom: 1px solid #ccc;
    padding: 2px 10px;
    text-align: left;
    vertical-align: top;
}

tbody tr:hover {
    background: url(fauxalpha.png) transparent repeat center;
}


tbody td+td+td+td a {
	padding-right: 16px;
	background: url(dlarrow.png) transparent no-repeat bottom right;
	color: #006600;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}


tbody a {
	background-color: transparent;
	color: #94b759;
	text-decoration: none;
}
tbody a:visited {
	background-color: transparent;
	color: #006633;
}
tbody a:hover {
	background-color: transparent;
	color: #abd662;
}
tbody a:active {
	background-color: transparent;
	color: #666633;
}