@charset "UTF-8";
/* CSS Document */

/*
	Author: 		Nelson Clemente
	For:			Nelson Clemente Music
	Last update:	7 September 2009
	Contact:		http://cenzion.com, info@cenzion.com
	Description:	Style sheet for Nelson Clemente Music
*/


/*	RESET AND GENERAL CLASSES */
*					{ margin: 0; padding: 0; font-size: 100.01%; }
body				{ height: 100%;
					  background-color: #000;
					  background: black url(_img/findme_bg.gif) no-repeat top center;
					  font-family: Verdana, Arial, Helvetica, sans-serif;
					  color: #CCC;
					  font-size: 75%;}
					  
html				{ height: 100%; overflow-y:scroll; }

a, a:active, a:focus{ outline: none; }
a, a:visited		{ color: #F60; text-decoration: underline; }
a:hover	, a:active	{ color: #F60; text-decoration: none; }
a img				{ border: none; }
img					{ vertical-align: middle; }

.clear				{ clear: both; }
.clearLeft			{ clear: left; }
.clearRight			{ clear: right; }

.floatLeft			{ float: left; }
.floatRight			{ float: right; }

.center 			{ text-align: center;}
.small				{ font-size: 85%; }

ul, li, strong, pre, code, h1, h2, h3, h4, h4, h5, h6 {
					padding: 0; margin: 0;
					line-height: 1em; font-size: 100%; font-weight: normal; font-style: normal; }				
table 			{	font-size: inherit;
					font: 100%;
					margin: 0;
  					padding: 0;
					}
p {	margin: 1em 0;}

#container, #container-home {
	width: 776px;
	margin: 0 auto;
	background: url(_img/bg.png) center 60px repeat-x;
	}
	#container-home {background: url(_img/bg2.jpg) no-repeat center 60px; }
	#container #header,  #container-home #header {
		position: relative;
		overflow: hidden;
		height: 60px;
		border-bottom: 1px solid #181818;
		}
		#container #header #nav-main, #container-home #header #nav-main {
			float: left; overflow: hidden;
			height: 56px; padding-top: 4px;
			}
			#container #header #nav-main ul, #container-home #header #nav-main ul {
				height: 56px; width: 169px;
				padding-top: 4px;
				list-style: none;
				background: url(_img/main-icons.png) bottom left no-repeat;
				}
				#container #header #nav-main ul li a, #container-home #header #nav-main ul li a {
					display: block; float: left;  
					height: 56px; width: 56px;
					text-indent: -9999px;
					background: none;
					}
					#container #header #nav-main ul li.home a:hover,
					#container #header #nav-main ul li.home-current a,
					#container-home #header #nav-main ul li.home a:hover,
					#container-home #header #nav-main ul li.home-current a { background: url(_img/main-icons.png) -167px bottom;}
					#container #header #nav-main ul li.store a:hover,
					#container #header #nav-main ul li.store-current a,
					#container-home #header #nav-main ul li.store a:hover,
					#container-home #header #nav-main ul li.store-current a{ background: url(_img/main-icons.png) -223px bottom;}	
					#container #header #nav-main ul li.mailing-list a:hover,
					#container #header #nav-main ul li.mailing-list-current a,
					#container-home #header #nav-main ul li.mailing-list a:hover,
					#container-home #header #nav-main ul li.mailing-list-current a{ background: url(_img/main-icons.png) -279px bottom;}	
		#container #header #nav-social, #container-home #header #nav-social {
			float: right; overflow: hidden;
			height: 56px; width: 315px; padding-top: 4px;
			}
			#container #header #nav-social ul, #container-home #header #nav-social ul {
				height: 35px;
				padding-top: 21px;
				list-style: none;
				background: url(_img/social-icons.png) left bottom no-repeat;
				}
				#container #header #nav-social ul li a, #container-home #header #nav-social ul li a {
					display: block; float: left;  
					height: 35px; width: 35px;
					text-indent: -9999px;
					background: none;
					}
					#container #header #nav-social ul li.reverbnation a:hover,
					#container-home #header #nav-social ul li.reverbnation a:hover{ background: url(_img/social-icons.png) -314px bottom;}
					#container #header #nav-social ul li.myspace a:hover,
					#container-home #header #nav-social ul li.myspace a:hover { background: url(_img/social-icons.png) -349px bottom;}
					#container #header #nav-social ul li.facebook a:hover,
					#container-home #header #nav-social ul li.facebook a:hover { background: url(_img/social-icons.png) -384px bottom;}
					#container #header #nav-social ul li.twitter a:hover,
					#container-home #header #nav-social ul li.twitter a:hover { background: url(_img/social-icons.png) -419px bottom;}
					#container #header #nav-social ul li.diary a:hover,
					#container-home #header #nav-social ul li.diary a:hover { background: url(_img/social-icons.png) -454px bottom;}
					#container #header #nav-social ul li.youtube a:hover,
					#container-home #header #nav-social ul li.youtube a:hover { background: url(_img/social-icons.png) -489px bottom;}
					#container #header #nav-social ul li.itunes a:hover,
					#container-home #header #nav-social ul li.itunes a:hover { background: url(_img/social-icons.png) -524px bottom;}
					#container #header #nav-social ul li.ilike a:hover,
					#container-home #header #nav-social ul li.ilike a:hover { background: url(_img/social-icons.png) -559px bottom;}
					#container #header #nav-social ul li.flickr a:hover,
					#container-home #header #nav-social ul li.flickr a:hover { background: url(_img/social-icons.png) -594px bottom;}
					
	#container #main, #container-home #main {
		min-height: 755px; height: 755px;
		}
	#container #footer, #container-home #footer {
		height: 16px;
		text-align: center;
		}
#content {
	margin: 50px 30px;
	font-size: 13pt;
}

#content ul { padding-left: 40px; }
#content ul li { padding-left: 10px; }
#content p {padding-bottom: 10px; }

.red { color:#951313; }

.small { font-size: 11pt;}

#sellaband-widget {
	float: right;
	height: 260px;width: 300px;	
	margin-left: 10px;
}

#twitter-feed { height: 188px; min-height: 188px;}
#piece-of-me { position:relative; top: 150px; left: -100px; }
#facebook-box { position:relative; top: 200px; left: 10px; }
#reverbnation-player {position: relative; left: 325px; top: -40px; }
#piece-of-me-button {position: relative; float: right; top: -50px; right: 30px;}
#piece-of-me-button img {border: none; }
#piece-of-me-button img a:hover {opacity:0.4;filter:alpha(opacity=40); }

#playlist7-promo { position:relative; top: -49px; left: 0px; height: 70px; text-align: left;}