/* CSS Document for 16th Annual Telluride Blues & Brews Festival  ~  Copyright 2009 M4, Inc*/
 
 html { 
 		margin:0; padding:0; height:100%;
 	}
 body {
	padding:0px;
	border:0px;
	text-align:center;
	font: 1.0em verdana, arial, sans-serif;
	margin: 0px;
	background-color: #000;
	}
#container {
	background-image: url(images/background3.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 964px;
	width: 1230px;
	text-align: center;
}

	* {
		margin:0;
		padding:0;
	}
	.class1 a:link {
		color:#8B5C29;
		text-decoration:none;
	}
	.class1 a:visited {
		color:#8B5C29;
		text-decoration:none;
	}
	.class1 a:hover {
		color:#5A3D1C;
		text-decoration:underline;
	}
	#wrap {
		width:977px;
		margin: 0px auto;
		text-align:left;
	}
	#header-main {
	width:963px;
	height:374px;
	margin:0px 0px 0px 5px;
	padding:0px;
	}
	#header-sub{
		width:963px;
		height:258px;
		margin:0px 0px 0px 5px;
		padding:0px;
	}
	#main-nav {
		position:absolute;
		display:inline;
		margin-left:170px;
		margin-top:-48px;
		border-style:none;
		width:650px;
		padding:0px;
		border:0px;
	}
	#main-sub-nav{
		position:absolute;
		display:inline;
		margin-left:170px;
		margin-top:-48px;
		border-style:none;
		width:650px;
		padding:0px;
		border:0px;
	}
	#nav {
		width:939	px;
		margin:0px 0px 0px 5px;
		padding:0px;
		border: 0px;
	}
	#title {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #611A01;
	font-size: 1.3em;
	width: 880px;
	height: auto;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	}
	#contentarea {
		width:939px;
		margin:0px 19px 0px 19px;
		padding:0px;  
		background:white;
	}
	
	/*----- Left Column -----*/
	#left-column {
	float:left;
	display:inline;
	width:880px;
	margin:0px 10px 0px 20px;
	padding:0px 0px 0px 0px;
	background-color: white;
	background-image: url(images/contentBackDrop.jpg);
	}
	#left-column-inner {
	width: 880px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#221300;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	#left-column-inner p {
		padding:0px 0px 10px 0px;
		line-height: 140%;
		color:#221300;
	}
	#left-column-inner span strong {
		font-family: Georgia, "Times New Roman", Palatino, serif;
		font-size:2em;
		color:#5A3D1C;
	}
	#left-column-inner span em {
		font-family: Georgia, "Times New Roman", Palatino, serif;
		font-size:1em;
		color:#611A01;
		font-weight:bold;
	}
	#left-column-inner h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 0px 5px 0px;
	font-size:1.2em;
	}
	#left-column-inner h5 {
		font-family: Georgia, "Times New Roman", Palatino, serif;
		padding: 5px 0px 2px 0px;
		font-size:1.3em;
	}
	#left-column-inner ul {
		font-family: verdana, arial, sans-serif;
		padding: 0px 0px 5px 17px;
		font-size:1em;
		color:#221300;
		list-style-image:url(images/newsite/bullet3.gif);
		line-height:1.5;
	}
	#left-column-inner li {
		font-family: verdana, arial, sans-serif;
		padding: 0px 0px 5px 0px;
		font-size:1em;
		color:#221300;
		list-style-image:none;
		line-height:1.5;
	}
	#left-column-inner ol {
		font-family: verdana, arial, sans-serif;
		padding: 0px 0px 5px 17px;
		list-style-type: decimal;
		font-size:1em;
		color:#221300;
		line-height: 170%;
	}
	#left-column-inner2 {
		width:600px;
		margin: 5px 20px 10px 70px;
		padding: 5px 10px 10px 10px;	
	}
	#photo {
		margin: 0px 0px 0px 7px
	}
	#left-column-footer {
		width:457px;
		height:22px;
		margin:0px;
		padding:0px;
	}
	
	/*----- Right Side Column -----*/
	#sidebar {
		float:left;
		width: 380px;
	}
	#sidebar-inner {
        padding: 12px 5px 10px 0px;
	}
    #sidebar h3{
		font-family: Georgia, "Times New Roman", Palatino, serif;
		padding: 10px 0px 5px 5px;
		font-size:1em;
	} 
	#sidebar p {
		 padding: 5px 5px 0px 5px;
		 font-family: Verdana, Helvetica, Arial, sans-serif;
		 font-size: 12px;
		 text-align:left;
    }
    #sidebar ul {
		 padding: 0px 3px 20px 25px;
		 font-family: verdana, arial, sans-serif;
		 line-height: 130%;
		 font-size:.75em;
    }
	#sidebar li {
		padding: 3px 0px 3px 0px;
	}
	
	/*----- Footer -----*/
    #footer-plain {
    	clear:both;
		height:13px;
		width:939px;
		margin:0px 0px 0px 19px;
		background:url(images/footer.gif) no-repeat;
     }
    #footer {
	clear:both;
	height:125px;
	width:939px;
	background:url(images/footer2.png) no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 19px;
	}
	#footer p {
		padding-top:16px;
		padding-right:0px;
		margin-left:0px;
		text-align:center;
		font-family:verdana, arial, sans-serif;
		font-size:.75em;		
    }
	.footer a:link, a:visited {
	color:#660066;
	}
	.footer a:hover {
		color:#5A3D1C;
		text-decoration:underline;
	}
	#footer-log {
		padding-top:30px;
		padding-right:80px;
		margin-left:570px;
		text-align:center;
		font-family:verdana, arial, sans-serif;
		font-size:.6em;	
	}
	#footer-photo {
		clear:both;
		height:185px;
		width:721px;	
	}
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */