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

body {
	color:#FEEEA7;
	font-family:"Courier New", Courier, monospace;
	margin:0;
	padding:0;
	
	}
	
	/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background: transparent url('images/bubble.png') no-repeat;
	font-size:20px;
	width:200px;
	height:270px;
	padding:70px 27px 0px 50px;
	color:#000;
	z-index:5;
	margin-left: -50px;
margin-top:-250px;

}

#vidz {position:relative;
z-index:1;}



/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}


  a:active, a:focus {

      outline: 0;

      }

title {background-color:red;
	color:#FEEEA7;
 }

a:link {
	color:#FEEEA7;
	font-weight:bold;
	letter-spacing:.5em;
	text-decoration: none;
}
a:visited {
	color:#FEEEA7;
		font-weight:bold;
		letter-spacing:.5em;
	text-decoration: none;
}
a:hover {
	color:#FEEEA7;
		font-weight:bold;
			letter-spacing:.6em;
	text-decoration:none;
}
a:active {
	color:#FEEEA7;
		font-weight:bold;
	letter-spacing:.7em;
	text-decoration:none;}
	
.bld {
	font-weight:bold;
	}
	
.five_hundo{
	width:500px;
	padding:25px;
	font-size:20px;
	color:#fef1a4;

}

.transparent_bg {
	background-color: rgba(0,0,0,0.7);

}
	
.homer
{
			background:white url(images/brainbg2.jpg) repeat;
}

.stills_bg
{
			background:transparent url(images/desertbg.jpg)repeat;
				background-position:-1000% 0;
				
				

}
	
	.video_bg
{
			background:transparent url(images/gebg.jpg)repeat;
				background-position:-1000% 0;
				
				

}
	
	
.contact_bg
{
			background:transparent url(images/girlbg.jpg)repeat;
}

.links_bg
{
			background:transparent url(images/bglinks.jpg)repeat;
}
		
	
h1 {
	letter-spacing:-.03em;
	font-size:25px;
	margin:0;
	
}
	
	h2 {
		font-weight:100;
		
	letter-spacing:-.03em;		
	margin:0;
	padding:2px 0px 2px 0px;
	font-size:20px;

}


#whitemomma {
	background:transparent url(images/brainbg2.jpg) repeat;
	background-position:530% 0;
	margin:0px;
	padding:0;
}

#bigmomma {
	background:transparent url(images/wbstill2.png) repeat;
	background-position:-340% 0;
	margin:0px;
	padding:0;
}

#greymomma {
	background:transparent url(images/roughbg.png) repeat;
	background-position:20% 0;
	margin:0px;
	padding:0;
}

#rougher {
	background:transparent url(images/roughbg.png) repeat;
	background-position:-150% 0;
	margin:0px;
	padding:0;
}

#rougher_contact {
	background:transparent url(images/roughcymaticsbg.png) repeat;
	background-position:20% 0;
	margin:0px;
	padding:0;
}

#rougher_contact2 {
	background:transparent  url(images/roughcymaticsbg2.png) repeat;
	background-position:-120% 0;
	margin:0px;
	padding:0;
}

#linksjam {
	background:transparent url(images/santabg.png) repeat;
	background-position:-120% 0;
	margin:0px;
	padding:0;
}

#linksjam_front {
	background:transparent url(images/chickenbg.png) repeat;
	background-position:70% 0;
	margin:0px;
	padding:0;
}



#content_out {
    background:transparent;
	margin:0 auto;
	width:850px;
	 
	 }
#content {
	padding-top:20px;
	width:100%;
	text-align: left;
	 margin:0 auto;
	 }

#innercircle {
	width:200px;
	background-position:center;
	text-align: left;
	padding-bottom:10px;
	float:left;
	margin:50px 0px 20px 20px;
	padding-left:20px;
	padding-top:10px;
	display:inline;
	 }
	 
#secondcircle {
	width:500px;
	background-color:transparent;
	background-position:center;
	text-align: left;
	float:left;
	color:#1e4447;
	display:inline;
	margin:-20px 0px 0px 20px;
	padding:20px 0px 20px 20px;
	 }
.vid_thumb {
	width:480px;
	float:left;
	font-size:13px;
	font-weight:bold;
	letter-spacing:-.01em;
	margin-right:20px;
	margin-bottom:20px;
}

.vid_thumb img {
	
	margin-bottom:5px;
}



.orange {
	color:#f8b03f;
}

.pink {
	color:#F36;
}

.blue {
	color:#3f92f8;
}

.green {
	color:#7dc766;
}

.purple {
	color:#8e0b6b;
}