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

/*--Universal Styles--*/
body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/bg_redstripe.png);
	background-repeat: repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #E3E3E3;
}
img {
	border: 0;
}
a:link, a:visited {
	text-decoration: none;
	outline: 0px;
	color: #67a9e2;
}
#clear {
	clear:both;
}
#header {
	width: 950px;
	height: 105px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-image: url(images/header_bar.png);
	background-repeat: 	no-repeat;
}
/*--Header Menu Styles--*/

		#header ul#menu{
			list-style-type: none;
			float: right;
			margin-right: 20px;
			margin-top: 40px;
		}
		#header ul#menu li {
			display: inline;
		}
		#header ul#menu .projects {
			padding-right: 35px;
		}	
		#header ul#menu .projects a {
			display: inline-block;
			width: 75px;
			height: 40px;
			background-color: transparent;
			background-image: url(images/header_menu_projects.png); 
			background-repeat: no-repeat;
		}
		#header ul#menu .projects a:hover { 
			background-position: -75px 0px; 
		}
		#header ul#menu .resume a {
			display: inline-block;
			width: 75px;
			height: 40px;
			background-color: transparent;
			background-image: url(images/header_menu_resume.png); 
			background-repeat: no-repeat;
		}
		#header ul#menu .resume a:hover { 
			background-position: -75px 0px; 
		}
		#header ul#menu .home a {
			display: inline-block;
			width: 75px;
			height: 40px;
			background-color: transparent;
			background-image: url(images/header_menu_home.png); 
			background-repeat: no-repeat;
		}
		#header ul#menu .home a:hover { 
			background-position: -75px 0px; 
		}
		
#container {
	width: 925px;
	height: 800px;
	margin-left: 15px;
	margin: 0 auto;
	position: relative;
	background-image:url(images/bg_container.png);
	background-repeat: repeat;
}
#footer {
	width: 950px;
	height: 50px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/footer_bar.png)
}
	
/* Index Page Styles */

#index_top {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 25px;
	height: 500px;
	width: 925px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#index_left {
	width: 225px;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
}
#index_middle {
	width: 500px;
	height: 474px;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	text-align: justify;	
}
#index_right {
	width: 150px;
	margin-right: -5px;
	margin-top: 50px;
	height: 330px;
	float: right;
}
	#index_right ul#social{
		list-style-type: none;
	}
	#index_right ul#social .blog a {
		display: block;
		width: 48px;
		height: 52px;
		background-color: transparent;
		background-image: url(images/icon-blogger-switch.png);
		background-repeat: no-repeat;
	}
	#index_right ul#social .blog a:hover { 
		background-position: -48px 0; 
	}
	#index_right ul#social .twitter a {
		display: block;
		width: 48px;
		height: 52px;
		background-color: transparent;
		background-image: url(images/icon-twitter-switch.png);
		background-repeat: no-repeat;
	}
	#index_right ul#social .twitter a:hover { 
		background-position: -48px 0; 
	}
	#index_right ul#social .facebook a {
		display: block;
		width: 48px;
		height: 52px;
		background-color: transparent;
		background-image: url(images/icon-facebook-switch.png);
		background-repeat: no-repeat;
	}
	#index_right ul#social .facebook a:hover { 
		background-position: -48px 0; 
	}
	#index_right ul#social .flickr a {
		display: block;
		width: 48px;
		height: 52px;
		background-color: transparent;
		background-image: url(images/icon-flickr-switch.png);
		background-repeat: no-repeat;
	}
	#index_right ul#social .flickr a:hover { 
		background-position: -48px 0; 
	}
	#index_right ul#social .vimeo a {
		display: block;
		width: 48px;
		height: 52px;
		background-color: transparent;
		background-image: url(images/icon-vimeo-switch.png);
		background-repeat: no-repeat;
	}
	#index_right ul#social .vimeo a:hover { 
		background-position: -48px 0; 
	}
	#index_right ul#social .youtube a {
		display: block;
		width: 48px;
		height: 52px;
		background-color: transparent;
		background-image: url(images/icon-youtube-switch.png);
		background-repeat: no-repeat;
	}
	#index_right ul#social .youtube a:hover { 
		background-position: -48px 0; 
	}

#index_bottom {
	width: 950px;
	margin-top: 15px;
}


/* Slider Styles */
	
#slider {
	width: 575px;
	float: left;
	padding-left: 15px;
	padding-right: 12px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #000000;
}	
	/*--Rotating Images--*/

	.main_view {
		margin-top: 10px;
		float: left;
		position: relative;
		padding-bottom: 40px;

	}
	/*--Window/Masking Styles--*/

	.window {
		height:180px;
		width: 575px;
		overflow: hidden; /*--Hides anything outside of the set width/height--*/
		position: relative;
	}
	.image_reel {
		position: absolute;
		top: 0;
		left: 0;
	}
	.image_reel img {
		float: left;
	}

	/*--Paging Styles--*/
	.paging {
		position: absolute;
		bottom: -5px;
		right: -50px;
		width: 178px;
		height:47px;
		z-index: 100; /*--Assures the paging stays on the top layer--*/
		text-align: center;
		line-height: 40px;
		display: none; /*--Hidden by default, will be later shown with jQuery--*/
	}
	.paging a {
		padding: 5px;
		text-decoration: none;
		color: #fff;
	}
	.paging a.active {
		font-weight: bold;
		background: #920000;
		border: 1px solid #610000;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.paging a:hover {
		font-weight: bold;
	}

/*--Twitter Styles--*/

#twitter {
	width: 290px;
	height: 265px;
	float: right;
	padding-right: 45px;
	padding-left: 0px;
}
	#twitter_div {
		margin-top: -1px;
		width: 285px;
		height: 230px;
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11.5px;
		line-height: 15px;
		font-weight: normal;
		font-style: normal;
		text-align: left;
		color: #FFFFFF;
	}
	#twitter_div li {
		width: 275px;
		list-style-type: none;
		padding: 10px;
		margin-left:-40px;
		margin-bottom: 10px;
		background-color: #7A181B;
		border: none #FFFFFF;
		text-align: justify;
	}
	#twitter_div a:link {
		color:	#67a9e2;/*#0052A4;*/
	}
	#twitter_update_list li a {
		display: block;
		text-align: right;
		margin-top: 5px;
	}
	#twitter_update_list li span a {
		display:inline; 
	}
	
/*--Resume Styles--*/

#resume_container {
	width: 925px;
	height: 550px;
	margin-left: 15px;
	margin: 0 auto;
	position: relative;
}
#left {
	width: 315px;
	float: left;
	margin-top: 18px;
	padding: 5px 15px;
	background-image:url(images/bg_container.png);
	background-repeat: repeat;
	text-align: justify;
}
#right {
	margin-top: 7px;
	width: 625px;
	float: right;
}
#resume {
	margin-top: 65px;
	width: 555px;
	float: right;
}
#resume li {
	width: 475px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 15px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	list-style-type:none;
	padding: 5px 5px 5px 15px;
	margin-left: 10px;
	margin-bottom: 5px;
	background-image:url(images/bg_container.png);
	background-repeat: repeat;	border: none #FFFFFF;
	color: #ccc;
}
#resume li.nob {
	width: 515px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 15px;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	list-style-type:none;
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	background-image: none;
	border: none #FFFFFF;
}
#resume li.title {
	width: 515px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #67a9e2;
	line-height: 15px;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	list-style-type:none;
	padding: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	background-image: none;
	border: none #FFFFFF;
}
.rC {
	width:555px;
	float:left;
}
.rC h5 {
	color:#67a9e2;
	font-weight:bold; /*border-top:1px solid #67a9e2;*/
}
.rC ul {
	display:none; 
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top: -10px;
	padding-left:0;
	list-style: none;
}
.rC li {
	margin-top: 15px;
	margin-left:0;
	display:block;
}

/*--Project Styles--*/
#projects_left {
	width: 260px;
	float: left;
	margin-top: 18px;
	padding: 5px 15px;
	background-image:url(images/bg_container.png);
	background-repeat: repeat;
	text-align: justify;
}
ul#projects {
	list-style-type: none;
}
#movie {
	width: 900px;
	height: 525px;
	margin-top: 25px;
	margin-left: 10px;
}