/*
	Brandon Tutmarc stylesheet
	
	Author: Brandon Tutmarc
	Website: http://www.brandontutmarc.com
	
	Table of Contents:
		layout
		navigation
		typography
		images
*/

/* layout
----------------------------------------------- */
body {
	margin:10px 0px 0px 0px;
	padding:0;
	text-align:center;
	background: url(img/bg-vert.jpg);
	background-position: top center;
	background-repeat: repeat;
	background-color: #000000;
}

img, div, #header, #menu, #page, #footer, #navigation, { behavior: url(iepngfix.htc) }

#page {
	margin:0 auto;
	width: 783px;
	padding:0;
	text-align: left;
	background: url(img/body-bg.png);
	background-position: center;
	background-repeat: repeat-y;
    overflow: auto;
}

#header {
margin:0 auto;
background: url(img/head.png);
background-repeat: no-repeat;
	text-align:center;
        height: 160px;
		width: 783px;
}

#menu {
	width: 765px;
	margin: 0 auto;
	padding: 0 0 0 0px;
	text-align: left;
	font-size: 1.1em;
	position:relative;
	background: transparent;
	}
#search {
	float:right;
	margin:5px 3px 0 0;
}

#left-column {
	float: left;
	width: 440px;
	margin: 0;
	padding: 15px 5px 20px 39px;
	display: inline;
        
}

#right-column {
	float: right;
	width: 237px;
	margin: 15px 36px 20px 0px;
	padding: 0px 0px 0px 0px;
	background: url(img/right-col-bg.gif);
    background-repeat: repeat-y;
	display: inline;
}


#shows-sub-column {
	float: left;
	width: 207px;
	margin: 10px 0px 10px 15px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.album-box-left {
	width: 140px;
	float:left;
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	display:block;
}

.album-featured-box {
	width: 430px;
	float:left;
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom:1px #666666 solid;
		}

.album-box-left-row2 {
	width: 140px;
	float:left;
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	display:block;
}

.album-box-middle {
	width: 140px;
	float:left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	display: inline;
	position:relative;
}

.album-box-middle-row2 {
	width: 140px;
	float:left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	display: inline;
	position:relative;
}

.album-box-right {
	width: 140px;
	float:right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;

}

.album-box-right-row2 {
	width: 140px;
	float:right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;

}

#property-panel-right {
	width: 194px;
	padding: 8px;
	float:right;
	margin: 0px 0px 30px 0px;
	background: url(slices/projects-panel-bg.jpg);
	background-repeat:repeat;
	text-align:center;
}


#main-column {
	float: left;
	width: 683px;
	margin: 0;
	padding: 15px 10px 20px 43px;
}

#foot-left-col { 
float: left; 
padding: 49px 0 20px 10px; 
margin: 0 auto; 
width: 450px; 
}

#foot-right-col { 
float: right; 
padding: 49px 5px 20px 0px; 
margin: 0 auto; 
width: 300px; 
}

#oldshows-right-column {
	float: right;
	width: 400px;
	margin: 0;
	padding: 0px 20px 0 10px;
}
	
.inputTxt {width:145px;}
.inputBtn {padding-top:2px;}

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

#sitemap {
	clear:both;
	height: 17px;
	padding:5px 0 0 3px;
	background-repeat: repeat-x;
	background-position: top left;
	margin:0 5px;
	font-size: 10px;
	color: #616161;
	text-align:left;
	font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size:10px;
}

#footer {
	clear:both;
	display:block;
	margin:0 auto;
	margin-top: 0px;
	height:43px;
	width: 783px;
	background: url(img/footer.png);
	background-position: top center;
	background-repeat: no-repeat;
}

/* typography
----------------------------------------------- */
a, a:active {
	outline: none;
}
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: #930f0f; text-decoration: none; font-weight:bold;}
#right-column a {color:#930f0f; font-weight:bold;}
a:hover {color: #930f0f; text-decoration: underline; font-weight:bold;}

#comment {width:400px;}

h1{
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 15px;
	color: #930f0f;
	padding-bottom:0;
	margin-bottom:0;
}
#footer h1, #footer p {
	color: #eae0ce;
}
.maintitle {margin:0;padding-left:10px;}
.maintitle.results {margin-top: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;
}

#right-column .dotted-hr {margin:10px 0 5px 0;}

.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: 11px;
	font-weight:normal;
	padding-bottom:0;
	margin-bottom:0;
	color:#5f9aab;
}
#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: "Lucida Grande",verdana,arial,sans-serif;
color:#6e6863;
font-size:11px;
line-height:1.7;
}
.storycontent img {margin-bottom:2px;}

#right-column ul li {
	list-style-image:none;
	list-style-type:none;
	margin-bottom:15px;
	margin-left:2px;
	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;
	color: #ae5a20;
}
#right-column .services ul li {margin-bottom:0; line-height:1.5;}
#right-column .services ul {margin-bottom:15px;}
#right-column .services ul li, #right-column .services a:hover {color:#6E6863;}
#right-column .services a {color: #ae5a20;}
#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 .subscribeme {
	font-family: calibri, verdana, arial, helvetica, sans-serif;
	font-size:10px;
	color:#6E6863;
}
#right-column .subscribeme p {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 10px;
	color: #6E6863;
	margin:0;
}

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

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

.dotted-hr2 {border-bottom:1px solid #CAC1B1;padding-top:0; margin-top:0; margin-bottom:8px;}

.header-img {
padding: 0 10px 5px 15px;
}

.imgFull {
	margin:0px 9px 0px 13px;
	border: 1px solid #939393;
	padding: 4px;
	float:right;
}

.imgFullNoFloat {
	margin:0px 9px 5px 0px;
	border: 1px solid #939393;
	background:#faeddd;
	padding: 4px;
	
}

.below-nav {
padding: 28px 0px 0px 0px;
}

.sub-img {
padding: 0 0px 5px 0px;
}

.logo {
margin: 0px 18px 10px 0px;
}

.album-line {
padding: 5px 0px 10px 0px;
}

.store-line {
padding: 15px 0px 20px 0px;
}

.show-divider {
padding: 15px 0px 10px 0px;
}


.header {
padding: 0 0px 15px 0px;
}

.button {
padding: 5px 0px 0px 0px;
}

.backgroundDark {
	background-color: #dfd3ba;
	padding: 5px 3px 6px 3px;
}

.backgroundClear {
	padding: 5px 3px 6px 3px;
}

.dropcap {
	height:40px;
  font-size:40px;
  padding:0 5px 2px 0;
	margin-top:-8px;
	vertical-align:top;
  float:left;
  border-bottom:none;
  text-transform:uppercase;
  line-height:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#930f0f;
	font-weight:normal!important;
	}

.bodytext {
	color: #000000;
	text-align:left;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	line-height:16px;}
	
	.bodytext-grey {
	color: #666666;
	text-align:left;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height:16px;}

.timestamp {
	color: #999999;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 10px;
	line-height:20px;}
	
.greysmallheadline {
	color: #666666;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	line-height:15px;}	

.price {
	color: #666666;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 14px;
	line-height:15px;}	

.headline {
	color: #930f0f;
	font-style:italic;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	line-height:35px;}
	
.blurb {
	color: #666666;
	font-style:italic;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height:20px;}	
	
.show-date {
	color: #000000;
	font-style: normal;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height:25px;}
	
	.album-title {
	color: #930f0f;
	font-style: normal;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:18px;}
	
	.record-detail-title {
	color: #930f0f;
	font-style: normal;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:17px;}

.upcomingshows {
	color: #000000;
	text-align:left;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 10px;
	line-height:16px;}

.sublink {
	color: #930f0f;
	text-align:right;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 10px;
	line-height:16px;}

.style4 {
	color: #bdb6a2;
        text-align:center;
	font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size: 10px;}

.style6 {
	color: #c16f2d;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height:19px;}

.style7 {
	color: #4f3d1e;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height:23px;}
	
.style8 {
	color: #c16f2d;
	font-style:italic;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}

.bestnewband {
color: #4f3d1e;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	line-height:24px;}
	

.style9 {
	color: #bdb6a2;
        
	font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size: 10px;}
	
	.foot-text {
	color: #AAAAAA;
    font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
	font-size: 10px;}
	
	a.special2:link {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Sans-serif; font-size: 10px; color: #999; font-weight:normal;  text-decoration:underline}
a.special2:visited {font-family: "Lucida Sans Unicode",Lucida Grande, Verdana, Sans-serif; font-size: 10px; color: #999; font-weight:normal; text-decoration:underline}
a.special2:hover {font-family: "Lucida Sans Unicode", Lucida Grande, Verdana, Sans-serif; font-size: 10px; color: #999; font-weight:normal;  text-decoration:underline}
a.special2:active {font-family: "Lucida Sans Unicode", Lucida Grande, Verdana, Sans-serif; font-size: 10px; color: #999; font-weight:normal; text-decoration:underline}


h2.date {
	font: normal 95% "Trebuchet MS", arial, helvetica, sans-serif;
}

.imgThumb {
	margin:6px 6px 6px 0px;
	border: 1px solid #BBBBBB;
	background:#FFFFFF;
	padding: 3px;
}

.imgAlbumLeft {
float:left;
	margin:0px 10px 6px 0px;
	
}

.divider {
	height: 0px;
	margin: 5px 0 10px 0;
	border-bottom: 1px solid #CEBEA7;
	margin-right: 5px;
	line-height: 0px;
}


/*--------------  NAVIGATION  -----------------*/

#menu {
	width:783px;
	margin:0 0 0 0px;
	padding:0;
	text-align:left;
	position:relative;
	}

ul#navigation{
	height:23px;
	width:783px;
	background-image:url(img/nav.png);
	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:23px;
	display:block;
	}
ul#navigation li a{
	text-indent:-9999px;
	text-decoration:none;
	}

/* nav menu */
	li#home {left:39px; width:51px;}
	li#shows {left:118px; width:54px;}
	li#videos {left:200px; width:56px;}
	li#music {left:284px; width:52px;}
	li#photos {left:364px; width:59px;}
	li#press {left:451px; width:49px;}
	li#store {left:528px; width:45px;}
	li#contact {left:601px; width:66px;}
	li#links {left:695px; width:49px;}

/* nav hover */
	li#home a:hover	{background:transparent url(img/nav.png) -39px -23px no-repeat;}
	li#shows a:hover	{background:transparent url(img/nav.png) -118px -23px no-repeat;}
	li#videos a:hover	{background:transparent url(img/nav.png) -200px -23px no-repeat;}
	li#music a:hover {background:transparent url(img/nav.png) -284px -23px no-repeat;}
	li#photos a:hover {background:transparent url(img/nav.png) -364px -23px no-repeat;}
	li#press a:hover {background:transparent url(img/nav.png) -451px -23px no-repeat;}
	li#store a:hover {background:transparent url(img/nav.png) -528px -23px no-repeat;}
	li#contact a:hover {background:transparent url(img/nav.png) -601px -23px no-repeat;}
	li#links a:hover {background:transparent url(img/nav.png) -695px -23px no-repeat;}

/* nav current page */
	body#idhome li#home {background:transparent url(img/nav.png) -39px -23px no-repeat;}
	body#idshows li#shows {background:transparent url(img/nav.png) -118px -23px no-repeat;}
	body#idvideos li#videos {background:transparent url(img/nav.png) -200px -23px no-repeat;}
	body#idmusic li#music {background:transparent url(img/nav.png) -284px -23px no-repeat;}
	body#idphotos li#photos {background:transparent url(img/nav.png) -364px -23px no-repeat;}
	body#idpress li#press {background:transparent url(img/nav.png) -451px -23px no-repeat;}
	body#idstore li#store {background:transparent url(img/nav.png) -528px -23px no-repeat;}
	body#idcontact li#contact {background:transparent url(img/nav.png) -601px -23px no-repeat;}
	body#idlinks li#links {background:transparent url(img/nav.png) -695px -23px no-repeat;}
	
	/* CSS Table
------------------------------------------------------- */

.container {
	margin: 0px auto;
	padding: 0px;
	width: 440px; /* width of the layout -- can be set to any value including percentages */
	overflow: hidden;
	}
	


.sidebar-right {
	float: right;
	width: 145px; /* width of the right sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding: 0px 0px 30px 0px;
	overflow: hidden;
}

.sidebar-left {
	float: left;
	width: 145px; /* witdh of the left sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding: 0px 0px 30px 0px;
	overflow: hidden;
}

.content {
	margin: 0px;
	padding: 0px;
	height: 1%; /* IE6 hack... it's very minor, though */
	overflow: hidden;
}

.content-inner
{
	width: 100%;
	overflow: hidden;
}