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


body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	background-color:#333;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000;
}

.PaddingRight {padding-right: 9px;}

.twoColLiqLtHdr #container { 
	width: 767px;  
	background: #0e0e0e;
	margin: 0 auto;
	border: 2px solid #000000;
	text-align: left; 
	/* overflow: hidden; */
} 


h1 {
	font-size: 1.4em;
	background-color:#0e0e0e;
	color: #FFF;
	margin-top: 10px;
	padding: 0 0 10px 0;
}

h2 {
	font-size: 1em;
	background-color:#0e0e0e;
	color: #FFF;
	margin-top: 10px;
	padding: 0 0 10px 0;
}

h3 {
	font-size: 1.2em;
	background-color:#0e0e0e;
	color: #FFF;
	margin-top: 10px;
	padding: 0 0 10px 0;
}

ul, li, p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFFFFF;
}


/* HEADER*/

#header {
	background-image:url(img/chantmagick-banner_v3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:235px;
	background-color:#FFF;
	margin: 0px 10px 0px 10px;
	padding-bottom: 0px;
	
}

/* NAV */

#nav{
	height:120px;
	background-color:#0e0e0e; 
	margin: 0px 10px 0 10px;
	position: left;
	padding-top: 0px;	
	
}

#projects{
	background-color:#0e0e0e;
	margin: 0px 10px 0 10px;
	position: left;
	padding-top: 0px;	
}

#nav ul li {
	display: inline;
	background-color:#0e0e0e; 
	margin: 10px 10px 0 -40px;
	height: 130px;
	padding: 0px;
}

/* YOUTUBE*/

#youtube {
	height:225px;
	margin: 10px 10px 10px 10px;
	padding-bottom: 0px;
	padding-right:15px;
	float:left;
	
}

#vidContent {
	height:225px;
	margin-left: 10px;
	padding-bottom: 0px;
	padding-right:0px;
	float:left;
	
}


/* MAINCONTENT */

.twoColLiqLtHdr #mainContent { 
	background-color:#0e0e0e;
	background-image: url(img/825_main3_v2.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	float:left;
	width: 759px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}

#topContent { 
	background-color:#0e0e0e;
	background-image: url(img/Jan2016_v5.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	float:left;
	width: 759px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}

#detContent { 
	background-color:#0e0e0e;
	background-image: url(img/detroit5.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	float:left;
	width: 759px;
	height: 300px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}

/* OLDER PROJECTS */

#older {
	background-image:url(img/oldwheel.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:383px;
	background-color:#FFF;
	margin: 10px 10px 0 10px;
	padding-bottom: 0px;
	
}

/* Miscellaneous classes for reuse */

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a:link {
	font-family: Verdana, Arial, sans-serif;
	color: #FFF;	
	text-decoration: none;

}
a:visited {
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	color: #C90;

}

.video{
    font-family: Verdana, Arial, sans-serif;
	color: #FFF;
}

.album{
    font-family: Verdana, Arial, sans-serif;
	color: #FFF;
	font-size:1.1em;
}

.index{
    font-family: Verdana, Arial, sans-serif;
	color: #FFF;
	font-size:1em;
}

a#signal {
       display: block;
       width: 759px;
       height: 426px;
}

a#headerLink {
       display: block;
       width: 759px;
       height: 171px;
}

a img {border: none;}

.tube {border: none;}

p a img {border:1px solid white;}

.copyright {font-size:.8em;}

.WhiteText {color:#FFF;}

.SmProject {font-size:.95em;color:#FFF;}

.TextOnRight {float:left; margin-right: 10px;}

<!--[if IE]>

/* place css fixes for all versions of IE in this conditional comment */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }

/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

-->