/* CSS RESET - This clears all browser default style 
quirks so we start on an even playing field */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}

input{
color:black;
}

.temp{
border:1px solid black;
max-width:200px;
margin:15px auto;
height:80px;
padding:15px;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*############################################################################*/

*{

font-family: Georgia, Georgia, serif;
color:#fff;
-moz-border-radius:3px;
-webkit-border-radius:3px;

}

body{
padding:0;
background:#cccccc url('./img/web2010BG_sm-2.png') repeat;
height:100%;
}

/*####################################
Layout elements						*/

/*uppermost page element*/

#top{
background:#000;
width:1000px;
margin:auto;
min-height:130px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
border:1px solid #666 ;
border-width:0 1px 1px 1px;
padding:0px;


}

/* holds the next gig and mailing list signup links*/

#topRight{
position:relative;
float:right;
width:223px;
border:0px solid white;
margin:5px;
margin-bottom:0;
text-align:right;
line-height:0.7em;
padding:3px;
}

#main{
position:relative;
overflow:hidden;
clear:both;
background:#000;
width:1000px;
margin:3px auto;
padding-bottom:0px;
min-height:352px;
border:1px solid #fff ;
background:#212121;
}

#navBar{
/*font:16pt 'Lucida Grande', Verdana, Arial, Sans-Serif;	*/
position:relative;
clear:left;
width:75%;
text-align:left;
margin:15px 5px 5px 5px;
padding-bottom:3px;


}

#socialBar{
text-align:right;
float:right;
clear:both;
width:400px;
border:0px solid #fff;
margin:3px 5px 3px 0;
_margin-top:23px;
display:inline;
}

#mainArt{
float:left;
width:340px;
height:340px;
border:0px;
margin: 5px 3px 3px 5px;
_margin-left:3px;
}



#mainText{
border:2px solid #afafaf;  /* adjust this with dimensions*/
border-color:#afafaf #666 #666 #afafaf;
border-style:single;
position:relative;
float:left;
background:#fff;
margin:3px;

padding:3px;
width:410px;  /* adjust this with border*/
height:334px; /* adjust this with border*/
color:#000;
-moz-border-radius:3px;
-web-kit-border-radius:3px;
border-radius:3px;
}

#mainText.page{
width:755px;
height:auto;
font:0.9em #f000;
}


#sideBar{
clear:none;
position:relative;
width:223px;
_width:220px;
margin:3px;
margin-left:0px;
float:right;
}

.sideBox{
overflow:auto;
_display:inline-block;
margin-bottom:5px;
border:2px solid white;
text-align:right;
padding:7px;
padding-left:1px;
background:#000;
}

.albumart{
width:70px;
height:70px;
border:1px solid #414141;
float:left;
clear:none;
position:relative;
margin:0px 0px 0px 4px;
}

#subFrame{
clear:both;
background:#000;
width:1000px;
border: 0px #ffcc00 solid;
margin:5px auto;
margin-top:;
height:340px;

}

#subFrameL{
float:left;
border:3px solid #fff;
margin:3px;
margin-right:1.5x;	
width:487.5px;
}

#subFrameR{
position:relative;
display:inline;
float:right;
border:3px solid #fff;
margin:3px;
margin-left:1.5px;
width:487.5px;
}

.subContent{
margin:5px;
}

.subContentText{
background:#fff;
color:#000;
padding:2px;
}


.subContentText hr{
height:10px;
color:white;
background:#fff;
border:0px;
margin:0px;
margin-bottom:5px;
}

#footBar{
width:1000px;
margin:0 auto;
text-align:center;	
background:#000;
height:123px;
border:1px solid #fff ;
border-width:1px 1px 0 1px;
padding-top:15px;
vertical-align:bottom;
}

#pageMain{

}

.shopSubHead{
margin:5px;

float:right;
clear:both;
line-height:1;
}

/*####################################
Link elements						*/

a{
color:#fff;
word-spacing:-10px;
font:1.2em Courier New, Courier New, Courier, monospace;
font:1em Georgia, Georgia, serif;
font:1.3em Palatino Linotype, Book Antiqua, Palatino, serif;
font-weight:normal;
text-decoration:none;
letter-spacing:0.055em;

}
a.black{
color:#000;
font-size:0.9em;
}
a.black:visited{
color:#000;
}

a:visited{

color:#fff;
text-decoration:none;

}

a:hover{
font: Courier New, Courier New, Courier, monospace;
font-weight:normal;
color:#ff0000;
}

a.gigs{
color:#000;
letter-spacing:1;
word-spacing:0;
}
a.gigs:visited{
color:#000;
letter-spacing:1;
word-spacing:1;
}
a.gigs:hover{

text-decoration:underline;
}	
.buttonBlue a {
color:#fff;
}

.buttonBlue a:hover {
color:#fff;
font-weight:bold;
}

.buttonBlue a:visited{
}

.sideShopLink{
position:relative;
clear:both;
margin-top:0.5em;
}

.navLink{

}

.navLink:hover{
text-decoration:underline;
color:#fff;
}

.secretLink{
cursor:text;
margin:0;
padding:0;
line-height:inherit;
}
.secretLink:hover{
color:#fff;
text-decoration:none;
}

/*####################################
Table elements						*/

.nextGigs{
font-family: Tahoma, Geneva, sans-serif;
font-size:0.9em;
}

table.nextGigs{
width:100%;
border:1px solid #000;
border-width:0px 1px 1px 1px;
margin:auto;
border-collapse:separate; 
border-spacing:0px;

}

.nextGigs tr{

background-color:#dadada;
background:#dadada;

border:1px solid #000;
border-width:1px 1px;
}

.nextGigs td, tr{
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
}

.nextGigs tr.alt{
background-color:#535353;
}

.nextGigs td{
color:#000;
padding:4px 2px;
font-family: Tahoma, Geneva, sans-serif;
border:1px solid #000;
border-width:1px 0px 0px 0px;
}

.alt td{color:#fff;}


/*####################################
Form elements						*/

.buttonBlue{
font-family:arial;
 float:right;
	border:2px solid #fff;
	 padding:4px;
	 padding-right:13px;
 	 padding-left:13px;
	 margin:auto 0px;
	 background:#07b;
	 
	 background: -webkit-gradient(linear,center top,center bottom, from(#9AD3FC), to(#07b));
	 background: -moz-linear-gradient(top,  #9AD3FC,  #07b);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9AD3FC', endColorstr='#07b');
	 
	 color:#fff;
	 font-weight:bold;
	 font-size:0.6em;
word-spacing:2px;
display:inline;

-moz-border-radius:40px;
-webkit-border-radius:40px;
border:radius:40px;
}

.buttonBlue:hover{
color:#fff;
font-weight:bold;
background:#08c;
background: -webkit-gradient(linear,center top,center bottom, from(#07b), to(#5ad));
	 background: -moz-linear-gradient(top,  #07b,  #5ad);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07b', endColorstr='#5ad');

}

.buttonBlueRing{
position:relative;
clear:none;
float:right;	
padding:0px;
border:solid 2px #07b;
border-color:#5ad #07b #07b #5ad;

background:#07b;
-moz-border-radius:40px;
-webkit-border-radius:40px;
border:radius:40px;
margin:7px 9px 0 auto  ;
_margin-top:3px;
text-align:center;
width:auto;
_width:5.4em;
}

.buttonBlueRing:hover{
font-weight:bold;
}


/* Square button */

.buttonBlueSq{
padding:2px 5px;
border:1px solid #212121;
border-color:#5ad #07b #07b #5ad;
margin:7px 1px 0px 1px;
clear:left;
float:right;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
	 background-color:#07b;
 background: -webkit-gradient(linear,center top,center bottom, from(#9AD3FC), to(#07b));
	 background: -moz-linear-gradient(top,  #9AD3FC,  #07b);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9AD3FC', endColorstr='#07b');
	
}

.buttonBlueSq:hover{
background-color:#08c;
background: -webkit-gradient(linear,center top,center bottom, from(#07b), to(#5ad));
	 background: -moz-linear-gradient(top,  #07b,  #5ad);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07b', endColorstr='#5ad');

}


/* IMage elements */

.liveBanner {
position:relative;
width:1000px;
border:5px solid #000;
border-width: 5px 0 5px 0;

height:200px;
}

.liveBanner.live{
background:url('./img/kel-fordham-2010-4.png');

}
.liveBanner.about{
background:url('./img/thebandmontage-2.png');

}

.liveBannerStripe{
float:right;
width:800px;
margin:0px 0;
display:block;
height:60px;
border:solid 3px rgba(255,255,255,0.4);
border-width: 0px 0 3px 3px;
background:rgba(200,200,200,0.25);
padding:0;
-moz-border-radius:0px 0 0 15px;
-webkit-border-radius:0px 0 0 7px;
border-radius:0px 0 0 7px;

}

.liveBannerContent{
display:table-cell;
vertical-align:middle;
position:absolute;
bottom:0px;
right:0px;
height:50px;
width:;
float:right;
font:28px Arial, Arial, Helvetica, sans-serif;
clear:none;
display:inline;
margin:0px 0px;
padding:0px 9px 0px 23px;
background: rgba(0,0,0, 0.5);
line-height:56px;
border:3px solid #000;
border-width:3px 0 0 3px;
-moz-border-radius:7px 0 0 0px;
-webkit-border-radius:7px 0 0 0px;
border-radius:7px 0 0 px;


}


/*####################################
Formatting elements					*/

.black{
color:#000;
}

.big{

float:left;
padding:0px;
margin:-2px 0 0  0.3em;
font:54px	 Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
/*color:rgba(0,0,0, 0.6);
color:rgba(255, 255, 255, 0.8);*/


width:100%;
text-align:left;
}

.biogBody{
width:750px;
margin:0 auto;
}

h1{
margin:0.3em;
font-size:1.4em;
}

h2{
font-size:1.2em;
font-weight:normal;
margin:0.3em;
}

.sideShopTitle{ /* DELETE ME */
text-align:left;
margin:3px 3px 0px 0px;
float:right;
width:212px;
_width:209px;
padding:5px 4px 5px 3px;
background:#212121;
border:2px solid #dadada;

}


h3{
font-size:1em;
color:#000;

}
h4{
font-size:0.8em;
color:#000;
margin:1em 0.3em;
}

h5{}

h6{
font:0.55em Arial, Helvetica, Sans-serif;

}

p{

margin-bottom:10px;
font-size:10pt;
}

.main p {
line-height:1.1em;
color:#000;
margin:0.3em;
margin-bottom:23px;
clear:right;
}

.main h1{
font-weight:normal;
font-size:1.9em;
line-height:1.1;
color:#000;
margin:0.1em;
}

.main h2{
margin:7px 0.3em ;
}

.inText{
margin: 13px auto;
border:1px solid #000;
}

.titleLogo{
vertical-align:top;
position:relative;
clear:none;
float:left;
/*
font-size:7.35em;
*/
display:inline;
font:123px Courier New, Courier New, Courier, monospace;
font-weight:normal;
padding:0px;
margin:0 0 0 6px;
padding:0px;
line-height:40px;
line-height:0.8em;

text-shadow: 1px 1px 2px white, 0 0 0.4em white, 0 0 0.2em white;


/*Fix for IE 6*/
_height:0px;
_line-height:0;
_margin-top:-60px;
_margin-bottom:-60px;
}

.logofont{
font:18pt Courier New, Courier New, Courier, monospace;
font-weight:bold;

}

hr.full{
clear:both;
margin:0px;
border:0;
}


hr.black{
color:#000;
background-color:#000;
}

ol{
margin:0px 0px 0px 100px;

text-indent:0px;
text-align:left;
list-style-type: decimal;
}

li{
font-size:0.7em;
}

.shopArt{
border:1px solid #666;
}

.sideTrList{
font-size:0.8em;

}

.albumTitle{
margin:auto;
border:1px solid #000;
}

.albumSTitle{
font-size:0.8em;
}

.gigs{
color:#000;
}



.darker{
background:#111;
}

.video{
width:100%;
text-align:center;}

.blackbg{
background:black;
}

.small{
font-size:0.5em;
line-height:1.5em;
}