/*
	Grinnell Concerts stylesheet
	
	Author: Nicholas Robinson
	Email: nicholas@pixelumbrella.com
	Website: http://www.pixelumbrella.com
	
	Table of Contents:
		layout
		navigation
		typography
		images
*/

/* layout
----------------------------------------------- */
body {
	margin:0;
	padding:0;
	text-align:center;
	background: url(images/backgroundPage.gif);
	background-color: #5A7A8E;
	background-position: top center;
	background-repeat: repeat-y;
}

#page {
	margin:0 auto;
	width: 768px;
	padding:0;
	text-align: left;
	background-color:#EAE0CE;
	background-image: url(images/backgroundContent.gif);
	background-position: top left;
	background-repeat: repeat-y;
	border-left: 1px solid #272727;
	border-right: 1px solid #272727;
}

#menu {
	width: 768px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 1.1em;
	position:relative;
	background: transparent;
}

#featured {
	background-image: url(images/backgroundFeatured.gif);
	height:252px;
}
.txtFeatured {
	float:left;
	width:260px;
	margin-left:45px;
	padding-top:40px;
}
.photoGallery {
	float:right;
	margin-right:25px;
	margin-top:30px;
}
#myGallery
{
width: 370px !important;
height: 180px !important;
}

#left-column {
	float: left;
	width: 468px;
	margin: 0;
	padding: 0 17px 20px 17px;
}

#right-column {
	float: right;
	width: 233px;
	margin: 0;
	padding: 9px 15px 0 15px;
}

#footer {
	display: block;
	clear: both;
	width: 734px;
	height:300px;
	padding:60px 17px 5px 17px;
	background-color: #000;
	background-image: url(images/backgroundFooter.gif);
	background-repeat: repeat-x;
	background-position: top left;
	color:#616161;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
}
#footer .left-column {
	float: left;
	width: 470px;
	}
#footer .right-column {
	float: right;
	width: 233px;
	padding-top:11px;
	}
	
.inputTxt {background-color: #1c1c1c; border: 1px solid #6b6b6b; color:#fff;}
.inputBtn {padding-top:2px;}

.results {
	padding: 5px;
	background:#ddd3bf;
	color: #9C9589;
	font-weight:normal;
	}

#jukebox {
	background-image: url(images/backgroundJukebox.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width:216px;
	height:117px;
	padding: 5px 10px;
}
#jukebox p {
	color: #fff;
	font-size:10px;
	font-family: calibri, verdana, arial, helvetica, sans-serif;
	margin-left:9px;
	margin-bottom:15px;
	width:90%;
}
#jukebox h3 {
	color: #fefefe;
	font-size:17px;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", serif;
	margin:7px 0 0 0;
}
.btnLaunch {
	background-image:url(images/btnLaunch.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding:8px 0 0 10px;
	height:30px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
}

#sitemap {
	height: 17px;
	padding:5px 17px 0 17px;
	background-image: url(images/backgroundSitemap.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border-top: 1px solid #161616;
	border-bottom: 1px solid #272727;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	color: #616161;
	text-transform: uppercase;
	text-align:left;
}

/* navigation
----------------------------------------------- */
ul#navigation{
	height: 94px;
	width: 768px;
	background-image: url(images/nav.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

ul#navigation li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	text-indent: -9999px;
}

ul#navigation li, ul#navigation a{
	height: 94px;
	display: block;
}

ul#navigation li a{
	text-indent: -9999px;
	text-decoration: none;
}

/* nav menu */
li#home {left: 0px; width: 232px;}
li#blog {left: 233px; width: 57px;}
li#calendar {left: 291px; width: 96px;}
li#history {left: 388px; width: 82px;}
li#freesound {left: 471px; width: 104px;}
li#directions {left: 576px; width: 106px;}
li#contact {left: 683px; width: 85px;}

/* nav hover */
li#home a:hover {background: transparent url(images/nav.gif) -0px -95px no-repeat;}
li#blog a:hover {background: transparent url(images/nav.gif) -233px -95px no-repeat;}
li#calendar a:hover {background: transparent url(images/nav.gif) -291px -95px no-repeat;}
li#history a:hover {background: transparent url(images/nav.gif) -388px -95px no-repeat;}
li#freesound a:hover {background: transparent url(images/nav.gif) -471px -95px no-repeat;}
li#directions a:hover {background: transparent url(images/nav.gif) -576px -95px no-repeat;}
li#contact a:hover {background: transparent url(images/nav.gif) -683px -95px no-repeat;}

/* nav current page */
body#idhome li#home {background: transparent url(images/nav.gif) -0px -190px no-repeat;}
body#idblog li#blog {background: transparent url(images/nav.gif) -233px -190px no-repeat;}
body#idcalendar li#calendar {background: transparent url(images/nav.gif) -291px -190px no-repeat;}
body#idhistory li#history {background: transparent url(images/nav.gif) -388px -190px no-repeat;}
body#idfreesound li#freesound {background: transparent url(images/nav.gif) -471px -190px no-repeat;}
body#iddirections li#directions {background: transparent url(images/nav.gif) -576px -190px no-repeat;}
body#idcontact li#contact {background: transparent url(images/nav.gif) -683px -190px no-repeat;}

/* typography
----------------------------------------------- */
p, .feedback {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #3d3d3d;
}

#right-column p {
	font-size: 11px;
	margin-left: 5px;
}
#footer ul {
	padding-left:15px;
	margin-top:0;
}

a {color: #4F3B3B; text-decoration: none;}
a:hover {color: #7C3C36; text-decoration: none;}
#footer a {color: #eae0ce; text-decoration: none;}
#footer a:hover, #sitemap a:hover, .pixelumbrella a:hover {color: #5A7A8E; text-decoration: none;}
#footer .left-column a, #footer .left-column a:visited {color: #ab9c8f;text-decoration:none;}
#footer .left-column a:hover {color: #5A7A8E;text-decoration:none;}
#sitemap a {color:#616161;}

#comment {width:400px;}

h1{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	color: #3d3d3d;
	font-weight:normal;
	padding-bottom:0;
	margin-bottom:0;
}
#footer h1, #footer p {
	color: #eae0ce;
}
.maintitle {margin:0;padding-left:10px;}
#footer h2 {
	color: #ff3300;
	font-size: 17px;
}
.gradient-hr {
	height:4px;
	padding-bottom:15px;
	background-image: url(images/hr.gif);
	background-repeat: repeat-x;
	background-position: top left;
}
.dotted-hr {border-bottom:1px dotted #c7bfaf;padding-top:0; margin-top:0; margin-bottom:20px;clear:both;}
#right-column .dotted-hr {margin-bottom:5px;}

.otherinfo {
	clear:both;
	font-size:10px;
	border-top:1px dotted #c7bfaf;
	margin-bottom:0;
	padding-bottom:20px;
	margin-top:20px;
	display:block;
}
#footer .dotted-hr {border-bottom:1px dotted #222;padding-top:0; margin-top:0; margin-bottom:8px;}

h2{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-weight:normal;
	padding-bottom:0;
	margin-bottom:0;
}
#right-column h2 {color:#4F3B3B;}
#comments, #respond{
	font-family: Georgia, "Times New Roman", serif;
	font-weight:normal;
	padding-bottom:0;
	margin-bottom:0;
	color: #3d3d3d;
}
#comments ol {color: #3d3d3d;}
#comments cite {color: #7C3C36;}
.commentmetadata {font-family: calibri,verdana,arial,sans-serif;}
.storycontent, .storycontent p {font-family: calibri,verdana,arial,sans-serif;}
.storycontent img {padding:2px;background-color:#E7DDC8;border:1px solid #c7bfaf;margin-right:8px;margin-bottom:8px;}

.txtFeatured h1 {
	font-size: 22px;
	color: #fff;
	font-weight:normal;
	margin:0 0 8px 0;
	padding:0;
}
.txtFeatured h2 {
	font-size: 16px;
	color: #eae0ce;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:1.2em;
}
.txtFeatured h2 a {
	color: #fff;
	font-weight:normal;
	float:right;
	font-size: 14px;
	padding-top:8px;
}

#right-column ul li {
	list-style-image:none;
	list-style-type:none;
	margin-bottom:15px;
	font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size:10px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
#wp-calendar {
	empty-cells:show;
	margin:10px auto 0pt;
	font-size:10px;
	color:#9C9589;
}

#right-column ul {
  padding: 0;
  margin: 0;
}
.calendarUL, .calendarUL .ec3_events, .calendarUL .ec3_events li {
	margin-left:0;
	padding-left:0;
	list-style-type:none;
	font-size:14px !important;
}

#right-column ul.tagcloud {
  padding: 0;
  margin: 0;
}

#right-column ul.tagcloud li {
  display: inline;
  list-style: none;
  background-image: none;
  padding: 0;
  margin: 0;
}

#right-column ul.tagcloud li a {
  background-image: none;
  padding: 0;
  margin: 0;
}

#right-column ul.tagcloud li a:hover {
  color:#7C3C36;
}

#tagcloud {
	font-family: calibri, verdana, arial, helvetica, sans-serif;
}

.pixelumbrella a {
	font-family: calibri, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	float:right;
	color:#3B3B3B;
	text-transform:none;
	margin:5px 5px 0 0;
}
#right-column .subscribeme {
	font-family: calibri, verdana, arial, helvetica, sans-serif;
	font-size:11px;
	color:#3B3B3B;
}
#right-column .subscribeme p {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #3d3d3d;
	margin-left:0;
}

/* images
----------------------------------------------- */

img{
	margin: 0;
	padding: 0;
	border:0;
}