/* Import External Styles */
@import url(/assets/minneapolismolinecollectors/blog.css);

body {
	font-size: 80%;
	line-height: 115%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #1a1a1a;
	background: #cc0000;
	}


a {
	color: #cc0000;
	}

h1 {
	display: block;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -167px;
	width: 334px;
	height: 162px;
	}

h1 a {
	display: block;
	width: 334px;
	height: 162px;
	overflow: hidden;
	text-indent: -5000px;
	background: url('logo.png') no-repeat;
	}

h2 {
	font-size: 190%;
	font-weight: normal;
	}


h3 {
	font-size: 150%;
	margin-bottom: 24px;
	}

#slideShowTitle {
clear:both;
text-align:center;
margin: 10px 0px 20px 0px;
}


h4 {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 12px;
}

h5 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 12px;
}

img { display: block; }

p, h2{
	margin-bottom: 20px;
	}

#header {
	position: relative;
	height: 200px;
	}

#search {
	position: absolute;
	top: 20px;
	right: 0;
	}

.search-text {
	border: 1px #e3e4e5 solid;
	height: 19px;
	font-size: 15px;
	padding: 4px;
	width: 150px;
	}

.search-button {
	border: 1px #a66e27 solid;
	height: 28px;
	margin-left: 10px;
	background: #ffbe31;
	cursor: pointer;
	position: relative;
	top: -1px;
	padding: 0 5px;
	}

#nav-main li {
	display: inline;
	float: left;
	}

#nav-main li a {
	display: block;
	background: #ffbe31;
	text-align: center;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 2px #fff solid;
	color: #000;
	text-decoration: none;
	line-height: 32px;
	height: 32px;
	width: 115px;
	font-weight: bold;
	}

#nav-main li a:hover {
	text-decoration: underline;
	}

#nav-main li a.active {
	background: #cc0000;
	color: #fff;
	border-bottom: 2px #cc0000 solid;	
	}

#subnav-outter {
	background: #cc0000;
	border-top: 1px #cc0000 solid;
	padding: 5px 0px;	
	}

#nav-sub li {
	display: inline;
	float: left;
	}

#nav-sub li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
	font-size: 90%;
	font-weight: bold;
	}

#nav-sub li a:hover {
	text-decoration: underline;
	}

#nav-sub li a.selected {
	color: #FFCE23;
	text-decoration: underline;
	}

#hero-outter {
background:url("hero-back2.png") repeat-x scroll 0 0 transparent;
border-bottom:3px solid #CC0000;
border-top:3px solid #CC0000;
height:400px;
}

#slideshow {
background:url("slideshow-back3.png") no-repeat scroll 0 0 transparent;
height:388px;
margin-right:40px;
padding:4px;
width:582px;
}

#buttons {
	padding: 5px 0;
	}

.button {
	margin-bottom: 25px;
	}

#main {
	width: 600px;
	padding: 20px 20px 0 0;
	}

#main ul, ol {margin: 0 0 20px 25px;}
#main ul li { list-style-type: disc; margin-bottom: 0.5em; }

#sidebar {
	width: 270px;
	padding: 20px 0 0 30px;
	background: url('content-sep.png') left repeat-y;
	}

#sidebar #buttons {margin-left: 0px;}

#upcoming-events {
	margin-bottom: 10px;

	}

#upcoming-events ul {
	margin: 0 0 0 -30px;
	}

#upcoming-events li a {
	text-decoration: none;
	padding: 6px 0 1px 30px;
	display: block;
	line-height: 120%;
	}

#upcoming-events li a strong {
	color: #0f0f0f;
	}

#upcoming-events li a em {
	color: #6d6d6d;
	font-size: 90%;
	}

#upcoming-events li a:hover {
	background: #cc0000;
	}

#upcoming-events li a:hover strong,
#upcoming-events li a:hover em {	
	color: #fff;
	}


#flickr-thumbs ul li {
	float: left;
	margin: 0 5px 5px 0;
	}

#flickr-thumbs ul li a {
	display: block;
	width: 75px;
	height: 75px;
	border: 5px #fff solid;
	}

#flickr-thumbs ul li a:hover {
	border-color: #ffbe31;
	}

#content,
#flickr-thumbs {
	margin:20px 0px 20px 0px;
	}
	
#footer {
	font-size: 90%;
	padding: 20px 0;
	color: #fff;
	}

/* Flickr slide show */

ul.slideShowList {
  display: inline;
}

ul.slideShowList li {
float:left;
padding-right:20px;
text-align:left;
width:270px;
height: 30px;
}

h3.slideShowTitle {
  text-align: center;
  margin-top:30px;
  clear: both;
}

iframe#slideShow {
  width: 525px;
  height: 475px;
  margin: 0px 0px 0px 40px;
  overflow: hidden;
}

.news-item {
	margin-bottom: 20px;
}

.formItem {
margin-bottom:1em;
}

.formItem label {
float:left;
margin-right:1em;
text-align:right;
width:120px;
}

#galleries {min-height:120px; margin-left:10px;}

#comments h3 {font-size: 12px; font-weight: bold;}

#commentform h3 {font-size: 14px; font-weight: bold;}

#commentform label {width: 100px; text-align: left;}

/* Events */
.event td { padding-bottom: 1em; }
.event .label { font-weight: bold; }
.event .data { padding-left: 1em; }
.event .return { display: none; }