/* Benjamin Hammond dot Com */
/* Site Designed and Maintained By BenjaminHammond.com */
/* All rights reserved by author and owner, please contact info@benjaminhammond.com for any questions */



/* ********************************
	HTML Tags
******************************** */
* {
	padding: 0px;
	margin: 0px;
}
html,body {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #000000;
	font-family: trebuchet, arial, sans-serif;
	font-size: .9em;
	color: #000000;
	text-align: center;
}

p {
	line-height: 1.2em;
}

b {
	color: #FFF;
	background-color: #333;
	text-transform: uppercase;
}

a {
	font-variant: small-caps;
	font-size: 1.1em;
}

#artistdata-small {
	overflow: hidden; 
}
#artistdata-small:hover {
	overflow: auto; 
}

#menu a {
	font-variant: none;
	font-size: 1.0em;
}

#menu a:link, #menu a:visited {
	text-decoration: none;
}
#zone a:link, #zone a:visited {
	/*border-bottom: #AAA 1px dotted;*/
}
/*TO REMOVE UNDERLINE FROM IMG*/
#zone a:link.noline, #zone a:visited.noline {
	border-bottom: #000 1px solid;
}

a:visited {
	color: #888;
}
a:link, a {
	color: #BBB;
}
a:hover, a:active {
	color: #930000;
	text-decoration: none;
}
a.chunk-heading:hover, a.chunk-heading:active {
	color: #BBB;
	text-decoration: none;
}
a[name]:hover, a[name]active {
	color: #BBB;
}
acronym {
	cursor: help;
	color: #BBB;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px none #FEF6FA;
}
h1, h2, h3 {
	font-size: 1.2em;
	color: #ccc;
}
h4, h5 {
	font-size: 1.3em;
	color: #ccc;
}


pre {

	font-family: trebuchet, arial, sans-serif;
	font-size: 1.1em;
	color: #DDD;
	line-height: 1.4em;


}

hr {
	width: 20%;
	height: 3px;
	margin:auto;
}

div.song-list {
	border: thin solid #DDD;
	padding: 5px;
	margin: 10px;
	
}
div.song-list ol {
	list-style-type: none;
}
div.song-list li {
	font-size: 1em;
	line-height: 1.3em;
}
div.song-list li a {
	font-size: 0.9em;
}

img.button {
    border: 0px;
}


/* ********************************
	Main Text
******************************** */

.chunk {
	padding-top: 15px;
	padding-bottom: 15px;
}

.minichunk {
	float: left;
	border: 0px solid #444;

}

.chunk-heading {
	font-size: 1.5em;

}

.youtube-clip {
	padding: 5px;

}

.cd-listing {

	padding: 5px;
}

p.noline {
	border-left: #FFF solid 0px;
	}
.nounderline {
	text-decoration: none;
}

#artistdata {
	padding: 5px;
}

#updates p {
	padding: 5px;
}
#player, #menu, #updates, #contact, #footer, #badge, #mailinglist {
	color: #DDD;
}

#player {
	text-align: center;	
	padding-top: 143px;
	position: fixed;
	bottom: 15px;
	left: 5px;
	height: 40px;
	width: 225px;
	background: #EEE;
	border: #FFF solid 0px;
	color: #333;
	background: url("player-amp.gif") no-repeat;
	line-height: .8em;
}

#menu {
	font-size: .9em;
	text-align: left;
	position: fixed;
	top: 100px;
	left: 15px;
	padding: 8px;
}

#updates {
	position: absolute;
	top: 5px;
	right: 20px;
	width: 40%; 
	text-align: left;
	padding: 8px;
}


#mailinglist {
	float: left;
	padding-right: 40px;
	text-align: center;
	font-size: .8em;
	}

#footer {
	text-align: center;	
	position: fixed;
	bottom: 2px;
	left: 5px;
	height: 1em;;
	width: 225px;
	border: #FFF solid 0px;
	font-size: .8em;
	line-height: .7em;
	text-transform: lowercase;
}

#footer, #footer a {
	color: #333;
	font-variant: none;
	text-transform: lowercase;
	font-family: serif;
	font-style: italic; 
}
#footer a:hover {
	color: #aaa;
}
	
/* ********************************	
	Color Form Elements (mailing list)
******************************** */
input {
	color: #DDD;
	background-color: #222;
}
input.button {
	
}

	
/* ********************************	
	Customized Scrollbars (only in IE)
******************************** */

body {
  scrollbar-arrow-color: #FFF;
  scrollbar-3dlight-color: #000;
  scrollbar-highlight-color: #FFF;
  scrollbar-face-color: #111;
  scrollbar-shadow-color: #000;
  scrollbar-darkshadow-color: #000;
  scrollbar-track-color: #111
}	

/* ********************************
	Styles for Expanding Menus
******************************** */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 12em; /* Width of Menu Items */
	border-bottom: 0px solid #ccc;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 12em; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #EEE;
	padding: 5px;
	border: 0px solid #ccc;
	border-bottom: 0;
	}
	
/* Styles for Menu Items */
ul li.sub a {
    background: #222; /* IE6 Bug */
	border: 1px solid #fff;
	}	

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #EEE; background: #222; border: 1px solid #fff;} /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */



/* ********************************
	Captioned Photos (like web samples)
******************************** */
    .card-left, .card-right {
       float: left;
       display: inline;
       width: 170px;
       margin: 0 15px 15px 0;
       padding: 5px;
       text-align: center;
       font-size: 75%;
       border-left: 1px solid #000;
       }
    .card-right {
       float: right;
       margin: 0 0 15px 15px;
       }
	 .no-border {
	 	border: 0px;
	 }

.photo-caption {
	font-size: .8em;
	text-align: center;

}
	 
	
.logo {
	border: 0px;
	padding: 5px;
}



/* ********************************
	Song Repertoire Tables
******************************** */
 
table.repertoire 
{ 
 	width: 450px;
 	margin: 5px;
}

table.repertoire td.artist
{ 
 	width: 175px;
}

table.alerts
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 260px;
background-color: #fafafa;
border: 1px #d79900 solid;
border-collapse: collapse;
border-spacing: 0px;}



/* ********************************
	Twitter update
******************************** */
 
.tweet ul li a:hover { 
 	color: #EEE; background: #000; border: 0px solid #fff;
} /* Hover Styles */

 .tweet ul {
	width: 100%;
}

.tweet {
	padding-left: 20px;
	padding-top: 10px;
}

 
.tweet {
  font-size: 110%;
 }
 /*  /*

.tweet .tweet_list {
    /*-webkit-border-radius: .5em;*/
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tweet .tweet_list li {
      overflow: auto;
      padding: .5em; 
}

.tweet .tweet_list li a {
        /*color: #0C717A;*/ 
          font-size: 90%;

        
}
    
.tweet .tweet_list .tweet_even {
      /*background-color: #91E5E7;*/ 
}
    
.tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; 
}
      
.tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; 
}	 

/* ********************************
	Tee Shirt Buttons
******************************** */
.button-wrapper {
		padding: 5px;
		margin: 5px;
		float: left;
		border: 3px solid #fff;
}

.tee-thumb {
		float: right;
}