/*______________ css */
/*___ stephen john bryde @ moving pixel productions __________ */


* {
	padding: 0;
	margin: 0;
	}


html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
::-moz-selection{ background: #fff; color:#ffffff; text-shadow: none; }
::selection { background: #fff; color:#ffffff; text-shadow: none; } 

body {
	padding: 0px;
	margin: 0px;
	background: #fff;
	
	}


/*______________ skeleton */




#container {
	
	}
	

#head {
	clear:both;
	position:relative;
	width:931px;
	height:200px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;
	background: #e8e9ea;

	}

#wrap {
	

	}
	
	
#mainmenu {
	width:931px;
	margin:0 auto;


	}


#footer {
	

	}


#headSupport {
	position: relative;
	width:931px;
	height:206px;
	
	background: url('images/header.jpg') top no-repeat;

	}


#wrapSupport {
	height:100%;
	position:relative;
	width:911px;
	margin: 0px auto 0;
	padding:20px 10px 0 10px;
	background: #e8e9ea;
	}
	
	#content {
	min-height:800px;
	
	}


#footerSupport {
	
	clear:both;
	background: #d8dadd;
	border-top: #c2c9d0 solid 2px;
	position:relative;
	width:891px;
	margin:0 auto;
	padding:20px;
	min-height:70px;
	}

 
 
#mainmenuSupport {
	display:block;
	width:931px;
	margin:-60px 0 0px;
	}










/*______________ top */

a#homeLink {
	display:block;
	width:931px;
	height:176px;
	position: absolute;
	top: 0px;
	left: 0px;
	border:0px;
}

a#homeLink:hover {
	border:0px;
}



#right_main {
	
	float: left;
	padding:5px;
	padding-left:15px;
	width: 776px;
	min-height:10px;
	}


#left_sidebar {
	float: left;
	width: 105px;
	min-height:10px;
	padding:5px;
	}

.clear {
	clear:both;
	}


/*______________ Nav */



.nav {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: -0.2pt;
	margin-right:5px;
	float:right;

}

ul.nav {
	display:block;
	margin: 0;
	
	
}


/*_________ main link */


#mainmenu ul li{
	position: relative;
	list-style-type:none;
	padding: 5px 8px;
	margin: 0px;
	float:left;


}

#mainmenu  ul li:hover{
	color:#000;
	background: #D8DADD; 
	border-bottom:0px;
}

	#mainmenu ul li a {	
	color: #000;
}

	#mainmenu ul li a:hover {	
	color:#000;
}


/*_________ sub link bar */


#mainmenu ul li ul{
	position: absolute;
	margin: 0 0 0 -10px;
	z-index: 60;
}



/*_________ sub link */
	
#mainmenu ul li ul li{
	font-size: 13px;
	padding: 5px;
	min-width: 50px;
	width: 100%;
	color:#fff;
	background: #000;

}	

#mainmenu ul li ul li a{
	color:#fff;
}
	
#mainmenu ul li ul li:hover{

	color:#fff;
	background: #303030;

}

#mainmenu ul li ul li a:hover {	
	color:#fff;
	background: #303030;

	
}
	

/*______________ Drop Down Nav */



#mainmenu ul.nav{
/*Remove all spacings from the list items*/
	
	padding: 0;
	float:left;
	list-style-type: none;
	display: inline;
	display: table;
/*Just add the following properties and values*/
	
	table-layout: fixed;
	
}

#mainmenu ul.nav{
	display: table;
	position:relative;
}

#mainmenu ul.nav >li{
	display: table-cell;
	position: relative;
	z-index: 60;
}

#mainmenu ul.nav li ul li{
	z-index: 60;
}

#mainmenu ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	top:28px;
	min-width:250px;

	}




#mainmenu ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}


#mainmenu .nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/	
	display:block;	
/*	padding:2px 5px; */
	
}




/*_________ Footer */
/*

#footer_links {
	font-size:16px;
	}

#footer a{
	color: #fff;
	background: rgba(0,0,0,0.8);
	}

#footer_links a:hover{
	color: #669999;
	background: rgba(0,0,0,0.5);
	}
	
	
	
		
		*/

	#copyright {
		
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 0.8pt;
		word-spacing: -0.6pt;
		line-height: 1.1;
		}


/*______________ Blog */















/*______________ stuff */
	

#linkList { display: none; }

	
img { 
		
	border-bottom:0px; 
}

.album a:hover { border-bottom:0px;  }
.album a { border-bottom:0px;  }

#mainmenu ul li .remove{
	z-index:50;
	position:absolute;
	bottom:35px;
	right:5px;
}

#mainmenu ul li{

	word-wrap: break-word;

}

table.tablesort tr.even {
	
	background: rgba(0,0,0,0.2);

}

table.tablesort tr.odd {
	
	background: rgba(0,0,0,0.1);

}

/*_________ blog */

.sidebarSupport {
	border-left:5px solid #E0E0E0;
	padding-left: 20px;
	font-size:80%;
}

table.tablesort tr {
	font-size: 80%;
}

.post:hover {
background: #E0E0E0;

}

thead tr {
	background: #515151;
	color: #E0E0E0;
}
thead tr a {
	color: #E0E0E0;
	border: 0px
}
thead tr a:hover {
	color: #669999;
	border: 0px;
	background: none;
}

#wrap ul {
	list-style: none inside;
}

#wrap ul li {
	margin: 0px !important;
}

#calendar .dates td {
	border:2px solid #515151 !important;

}


.tablesort {
	border: 0px !important;
}

table.tablesort th {
	border: 0px !important; 
}









/*_________ Twitter */



.ccm-jereme-tweetcrete {
	margin-top:10px;
	}



.ccm-jereme-tweetcrete-timeline ul li:nth-child(2n+2) {
	background: rgba(0, 0, 0, 0.05);
	}

.ccm-jereme-tweetcrete-timeline:first-child {
	background: rgba(0, 0, 0, 0.05);
	padding:5px;
	min-height: 50px;
	}



	#container .ccm-jereme-tweetcrete-timeline h1{
		font-size: 14px;
		letter-spacing: 0.5pt;
		line-height: 1.1;
		padding: 0;
		background: none;
		text-shadow: 2px 2px 0px rgba(0,0,0,0.25);
		}

	.ccm-jereme-tweetcrete-timeline ul li {
		padding: 5px;
		}



/*_________ Forms and stuff */



#wrap form input[type="text"],
#wrap form textarea,
#wrap form select, 
#wrap form input[type="password"]  {
	padding:5px 8px;
	color: #515151;
	width:100%;	
	position:relative;
	display:table;
	width:95%;
	border-top: 2px solid #C2C9D0;
	background: #D8DADD;
	}







hr {
	border:0;
	color: #515151;
	background: #515151;
	height: 1px;
}

.whole-music-div {width: 70% !important;}
img.image-music-coverart {margin-bottom: 10px !important;}