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

/* layout
----------------------------------------------- */
body {
	margin:0px 0px 0px 0px;
	padding:0;
	text-align:left;
	background-position: top;
	background: url(http://www.shanetutmarc.com/img/6-09bg.jpg);
	background-repeat: repeat-x;
	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: left;
	background-repeat: repeat-y;
    overflow: auto;
}

#head {
height: 102px;
width: 358px;
display: block;
}

#header {

        height: 102px;
		width: 900px;
}


#search {
	float:right;
	margin:5px 3px 0 0;
}

#wrapper {
float:left;
width: 900px;
background-image:url(http://www.shanetutmarc.com/img/piano-left3.jpg);
	background-repeat:no-repeat;	
	background-position: top left;
	display: inline;
}

body#shows #wrapper {
float:left;
width: 866px;
background-image:url(http://www.shanetutmarc.com/img/live-right.jpg);
	background-repeat:no-repeat;	
	background-position: top right;
	display: inline;
}

body#biopress #wrapper {
float:left;
width: 866px;
background-image:url(http://www.shanetutmarc.com/img/black-pixel.jpg);
	display: inline;
}

body#contact #wrapper {
float:left;
width: 866px;
background-image:url(http://www.shanetutmarc.com/img/contact-left.jpg);
	display: inline;
}

body#musicstore #wrapper {
float:left;
width: 866px;
background-image:url(http://www.shanetutmarc.com/img/black-pixel.jpg);
	display: inline;
}

.imgAlbumDiscog {
float:left;
	margin:0px 10px 0px 0px;
	
}

#album-box-discog {
width:270px;
height:75px;
margin-bottom: -5px;
		display:block;
}

.albumdiscog {
	color: #b00000;
	font-style: normal;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;}

#right-column-thin {
	float: right;
	width: 270px;
	margin: 15px 0px 20px 10px;
	padding: 0px 0px 0px 0px;
	
	display: inline;
}

.imgAlbumTopLeft {
float:left;
	margin:10px 10px 0px 0px;
	
}

#album-column {
	float: left;
	width: 530px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

#left-column {
	float: left;
	width: 253px;
	margin: 0;
	padding: 18px 0px 20px 358px;
	background-repeat:no-repeat;
	display: inline;
        
}

#right-column {
	float: right;
	width: 271px;
	margin: 15px 0px 20px 10px;
	padding: 0px 0px 0px 0px;
	
	display: inline;
}

#right-column2 {
	float: right;
	width: 230px;
	margin: 15px 0px 20px 10px;
	padding: 0px 0px 0px 0px;
	display: inline;
}


#shows-column {
	float: left;
	width: 580px;
	margin: 10px 0px 10px 10px;
	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;
}

.bannerfloat {
padding: 18px 0px 5px 18px;
}

.bannerline {
padding: 5px 0px 5px 18px;
}

.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: 600px;
	margin: 0;
	padding: 15px 10px 20px 15px;
}

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

#foot-right-col { 
float: right; 
text-align: right;
padding: 0px 25px 20px 0px; 
margin: 0 auto; 
width: 490px; 
}

#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_back { 
clear: both; 
margin: 0; 
width: 100%; 
height: 30px; 
background: #000000 url(img/footer_bg.gif) repeat-x left bottom; 
text-align: left; 
}

#footer { 
margin: 0;
padding: 13px 4px 0 10px;
width: 866px; 
text-align: left; 
}

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

/* 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;
}

#store-column {
	float: left;
	width: 750px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

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


.show-line {
padding: 6px 0px 6px 0px;
display: block;
text-align:center;
}
.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;

}

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

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

.timestamp {
	color: #999999;
	font-weight:normal;
	text-align:left;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 10px;
	line-height:33px;
	text-transform: uppercase;}
	
.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: #b00000;
	font-style:normal;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height:13px;}

.albumred {
	color: #b00000;
	font-style: normal;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;}
	
.albumdiscog {
	color: #b00000;
	font-style: normal;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;}
	
.albumred2 {
	color: #b00000;
	font-style: normal;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height:18px;}
	
	.albumred3 {
	color: #FFFFFF;
	font-style: normal;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:18px;}
	
	.albumred4 {
	color: #FFFFFF;
	font-style: normal;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height:18px;}

.showboxdate {
	color: #FFFFFF;
	font-style: normal;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height:10px;}
	
.albumprice {
	color: #b00000;
	font-style: normal;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:25px;}

.blurb {
	color: #666666;
	font-style:italic;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height:16px;}	
	
.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:10px;}
	
	.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: Arial, Helvetica, sans-serif;
	font-size: 11px;}
	
	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;
	
}

.imgFloatLeft {
float:left;

	
}

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


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

#menu {
	width:900px;
text-align:left;

	margin:0px 0 0 0px;
	padding:0 0 0 0px;
	position: relative;
       	}

ul#navigation{
	height:102px;
	width:900px;
	background-image:url(http://www.shanetutmarc.com/img/6-09nav.jpg);
	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:102px;
	display:block;
	}
ul#navigation li a{
	text-indent:-9999px;
	text-decoration:none;
	}

/* nav menu */
	li#home {left:358px; width:55px;}
	li#musicstore {left:438px; width:122px;}
	li#shows {left:587px; width:61px;}
	li#biopress {left:675px; width:97px;}
	li#contact {left:798px; width:77px;}

/* nav hover */
	li#home a:hover	{background:transparent url(http://www.shanetutmarc.com/img/6-09nav.jpg) -358px -102px no-repeat;}
	li#musicstore a:hover	{background:transparent url(http://www.shanetutmarc.com/img/6-09nav.jpg) -438px -102px no-repeat;}
	li#shows a:hover	{background:transparent url(http://www.shanetutmarc.com/img/6-09nav.jpg) -587px -102px no-repeat;}
	li#biopress a:hover {background:transparent url(http://www.shanetutmarc.com/img/6-09nav.jpg) -675px -102px no-repeat;}
	li#contact a:hover {background:transparent url(http://www.shanetutmarc.com/img/6-09nav.jpg) -798px -102px no-repeat;}
	

/* nav current page */
	body#home li#home {background:transparent url(http://www.shanetutmarc.com/img/6-09nav.jpg) -358px -102px no-repeat;}
	body#musicstore li#musicstore {background:transparent url(http://www.shanetutmarc.com/img/6-09nav.jpg) -438px -102px no-repeat;}
	body#shows li#shows {background:transparent url(http://www.shanetutmarc.com/img/6-09nav.jpg) -587px -102px no-repeat;}
	body#biopress li#biopress {background:transparent url(http://www.shanetutmarc.com/img/6-09nav.jpg) -675px -102px no-repeat;}
	body#contact li#contact {background:transparent url(http://www.shanetutmarc.com/img/6-09nav.jpg) -798px -102px no-repeat;}
	







/*------------TABLE---------------------*/


	
#hor-minimalist-a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px 8px 15px;
}

#hor-minimalist-a tr
{
		padding: 10px 10px 15px;
	
}

#hor-minimalist-a td

{
	color: #FFFFFF;
	padding: 13px 8px 10px 8px;
	
}


#hor-minimalist-b
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px 8px 15px;
	border-bottom: 1px #666666 solid;
}

#hor-minimalist-b tr
{
		padding: 5px 10px 15px;
}

#hor-minimalist-b td
{
	color: #FFFFFF;
	padding: 5px 8px 10px 8px;
	
}

#album-box-discog {
width:270px;
height:75px;
margin-bottom: -5px;
		display:block;
}

#showbox {
width:234px;
padding-top: 45px;
height:136px;
		display:block;
		background-image:url(http://www.shanetutmarc.com/img/livead2.jpg)
}


#album-box {
width:264px;
		display:block;
}

.this_link { display:block;}

#smallBR {
font-size: 1px;
line-height: 0px;
}

#sale-column {
	width: 730px;
	margin: 10px 0px 10px 10px;
	padding: 10px 10px 10px 10px;
	
	background-color:#ad090b;
}

.imgRedLine {
padding-bottom:5px;
}


.imgFloatLeftSale {
float:left;
padding: 0px 10px 20px 0px;
}

.imgFloatLeftSale2 {
float:left;
padding: 0px 10px 220px 0px;
}