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


body {
	background:#FFFFFF;
}

#splash	{
	font-size:5em;
	text-align:center;
	margin:150px 0px 200px 0px;
}

#wrapper	{	
	width:935px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	font-family:Rockwell, Helvetica, arial, sans-serif;
	font-size:.8em;
	color:#b2b2b2;
	}

#div

a	{
	text-decoration:none;
	color:#999999;
	}

#splash p:hover	{
	color:#990000;
}

#skills a:hover	{
	color:#666666;
	text-decoration:underline;
}
	
.hidden	{visibility:hidden;}

.redTimes	{
		font-family:"Times New Roman", Times, serif;;
		color:#990000;		}
		
.redTimesi	{
		font-family:"Times New Roman", Times, serif;
		color:#990000;	
		font-style:italic;
		font-weight:bold;
		}

.redTimesi:hover{
		font-family:"Times New Roman", Times, serif;
		color:#b2b2b2;	
		font-style:italic;
		font-weight:bold;
		}

.greyTimesi	{
		font-family:"Times New Roman", Times, serif;
		font-size:2em;
		color:#b2b2b2;	
		font-style:italic;
		font-weight:bold;
		}		
		
.redRock	{
		font-family:"Rockwell", Times, serif;
		font-size:4em;
		color:#680101;		}
	
#logo	{
	float:left;
	width:331px;
	height:280px;
}
	
#navTop	{
	background:url(../images/topNavBack.png) no-repeat;
	width:600px;
	float:left;
	padding-top:58px;
	margin-top:1px;
}

#navTop ul	{
	margin:0px;
	padding:0px;
}

#navTop ul li {	
	float:left;	
	}

#navTop ul li a	{
	height:67px;
	display:block;
}

.about	{background:url(../images/nav.png) no-repeat -1px 4px; width:91px;}
.about:hover{background-position:-1px -351px;}

.twod {background:url(../images/nav.png) no-repeat 8px -66px; width:91px;}
.twod:hover{background-position:8px -418px;}

.threed {background:url(../images/nav.png) no-repeat 17px -136px; width:91px;}
.threed:hover{background-position:17px -489px;}

.web {background:url(../images/nav.png) no-repeat 36px -210px; width:110px;}
.web:hover{background-position:36px -556px;}

.photo {background:url(../images/nav.png) no-repeat 48px -278px; width:142px;}
.photo:hover{background-position: 48px -626px;}


#tagline	{
	float:left;
	width:100px;
	margin:50px 0 0 20px;
}

#intro	{
	float:right;
	width:671px;
	color:#a8a7a7;
}

#intro strong	{
	color:#969696;
	font-size:2em;
}

#intro strong:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

/** Skills css **/


	#skills	{		
		background:url(../images/skills.png) no-repeat;
		float:left;
		width:192px;
		height:267px;
		margin:0px 0 0 26px;
	}
	
	#skills ul{
		list-style:none;
		margin:0px;
		padding:0px;
		width:160px;
		padding-top:39px;
		*padding-top:41px; /** stupid IE bug - hacked!! **/		
	}
	
	#skills ul li	{
		margin-left:21px;
		height:24px;
		margin-top:5px;
	}
	
	.ps{
		background:url(../images/psbar.gif) repeat-x center;
		width:30px;		
		}

	.dw{
		background:url(../images/dwbar.gif) repeat-x center;
		width:25px;		
		}
		
	.fl{
		background:url(../images/flbar.gif) repeat-x center;
		width:25px;
		}
	.ai{
		background:url(../images/aibar.gif) repeat-x center;
		width:25px;
		}
	.ae{
		background:url(../images/aebar.gif) repeat-x center;
		width:25px;
		}
	.html{
		background:url(../images/htmlbar.gif) repeat-x center;
		width:30px;
		}


/** Slider css **/
		
		body	{
			font-family:Rockwell, Arial, sans-serif;
			color:#999999;
		}
		
		noscript p, noscript ol {font-size: 1.2em; line-height: 1.5em; text-align: left; margin-top:20px;  }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		img { border: 0 }
		a	{text-decoration:none;}
		
		
	#slider	{
			width:671px;
			height:400px;
			float:right;
			margin-right:25px;
		}
		
		.stripNav	{ display:none;}	
		.stripNavL	{display:none;}		
		.stripNavR	{display:none;}		
				
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			overflow: hidden;
			position:relative;
			width: 671px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			width: 671px;
			list-style-type: none;
			
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */			
			float:left;
			width: 671px; /* Also specified in  .stripViewer  above */
		}
		
		.cross-link	{
			background:url(../images/button_content.gif) no-repeat;
			width:20px;
			height:20px;
			float:right;
			color:#FFFFFF;/** made font white instead of giving hidden atribute to keep google happy **/
		}
		
		.cross-link:hover{
			background:url(../images/button_content_hover.gif) no-repeat; 
		}
		
/** Slider css **/

#content	{
	float:left;
	width:550px;
	margin:20px;
	font-size:1.2em;
	text-align:justify;
}



/** bottomNav css **/

#bottomNav	{
		float:left;
		width:931px;
		height:200px;
			}

#findMe	 {float:left; margin-left:50px;}
#followMe{float:left; margin-left:50px;}
#frolicMe{float:left; margin-left:50px;}

#bottomNav ul	{	
		list-style:none;		
		width:200px;
		}
	
#bottomNav ul li {
		text-indent:40px;	
		margin:0px 0 2px 10px;
		padding:6px 0 0 0;
		height:23px;		
		}

#bottomNav ul li:hover{
		text-indent:40px;	
		margin:0px 0 2px 10px;
		padding:6px 0 0 0;
		color:#999999;
		}
		
#bottomNav a		{
		text-decoration:none;
		color:#b2b2b2;		
		}

#bottomNav a:hover	{color:#999999;}	
		

.phone	{background:url(../images/bottomLinks.png) no-repeat; width:140px;}
.phone:hover {background-position:0px -306px;}

.email	{background:url(../images/bottomLinks.png)  no-repeat 0px -30px; width:140px;}
.email:hover {background-position:0px -336px;}

.globe	{background:url(../images/bottomLinks.png) no-repeat 0px -60px; width:195px;}
.globe:hover {background-position:0px -366px;}

.berry	{background:url(../images/bottomLinks.png) no-repeat 0px -90px; width:135px;}
.berry:hover {background-position:0px -396px;}

.twitter	{background:url(../images/bottomLinks.png) no-repeat 0px -120px; width:130px;}
.twitter:hover{background-position:0px -426px;}

.facebook	{background:url(../images/bottomLinks.png) no-repeat 0px -150px; width:125px;}
.facebook:hover{background-position:0px -456px;}

.lastfm	{background:url(../images/bottomLinks.png) no-repeat 0px -180px; width:120px;}
.lastfm:hover{background-position:0px -486px;}

.smashing	{background:url(../images/bottomLinks.png) no-repeat 0px -215px; width:160px;}
.smashing:hover{background-position:0px -521px;}

.cssmania	{background:url(../images/bottomLinks.png) no-repeat 0px -245px; width:90px;}
.cssmania:hover{background-position:0px -551px;}

.uncrate	{background:url(../images/bottomLinks.png) no-repeat 0px -275px; width:80px;}
.uncrate:hover{background-position:0px -581px;}