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

/*
	Theme Name: Micah Ellis - Custom
	Theme URI: http://www.mestudios.net
	Description: Custom Wordpress theme designed to showcase the work of the famous Micah Ellis
	Version: 1.0
	Author: James Mehorter www.jamesmehorter.com 
*/

/* HTML Elements */
Body {
	background: rgb(97,98,100) ;
	margin: 0px ;
	padding: 0px ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px ;
}
A {
	color: rgb(0,0,0) ;
	outline: none ;
	text-decoration: none ;
}
	A Img {
		border: 0px ;
	}
H1, H2, H3 {
	display: inline ;
}
H2 {
	font-size: 16px ;
	color: rgb(51,51,51) ;
}
B {
	color: rgb(51,51,51) ;
}

	/* Site Elements */
	#SiteContainer {
		display: block ;
		margin: 0 auto 0 auto ;
		width: 833px ;
	}
		#Masthead, #Content, #Footer {
			float: left ;
			width: 100% ;
		}
		#Masthead {
			height: 58px ;
			overflow: auto ;
			background: rgb(143,145,148) ;
		}
			#Logo {
				float: left ;
				width: 337px ;
				padding: 13px ;
				background: rgb(51,51,51) ;
			}
				#Logo Img {
					display: block ;
					margin: 0 auto 0 auto ;
				}
			#Navigation {
				float: right ;
				display: inline ;
				margin: 20px 20px 0 0 ;
			}
				#Navigation li {
					float: left ;
					list-style: none ;
					margin-left: 20px ;
				}
					#Navigation li a {
						font-size: 14px ;
					}
					#Navigation li.current_page_item a {
						font-weight: bold ;
					}
		#Content {
			background: rgb(255,255,255) ;
			height: 455px ;
		}
		#Footer {
			width: 97.3% ;
			padding: 11px 11px 5px 11px ;
			overflow: auto ;
			background: rgb(51,51,51) ;
		}
			#About, #Connect {
				border-right: 1px solid rgb(143,145,148) ;
			}
			#About, #Connect, #Contact {
				overflow: auto ;
			}
			#Footer ul {
				margin-top: 0px ;
				margin-bottom: 0px ;
				padding-left: 25px ;
			}
				#Footer ul li {
					list-style-image: url(Media/Assets/Orange-Arrow.png) ;
					font-size: 11.5px ;
					color: rgb(255,255,255) ;
				}
				#Footer ul li h2 {
					color: rgb(143,145,148) ;
					padding-bottom: 5px ;
				}
			#About {
				float: left ;
				width: 57% ;
			}
				#About Img {
					float: left ;
				}
				#About ul {
					margin-left: 95px ;
				}
				#About ul li div {
					margin: 5px 0 7px 0 ;
					font-size: 13px ;
				}
			#Connect {
				float: left ;
				width: 17% ;
			}
				#Connect Img {
					margin: 6px 0px 0px 3px ;
				}
					#Connect div {
						margin-top: 5px;
					}
			#Contact {
				float: left ;
				width: 25% ;
			}
				#Contact Img {
					margin: 5px 0 0 -2px ;
				}
				#Contact ul li div {
					margin: 5px 0 12px 0 ;
					font-size: 13px ;
				}
					#Contact a {
						color: rgb(255,255,255) ;
					}
				#Download-Pdf {
					width: 148px ;
					height: 25px ;
					background: url(Media/Assets/Download-Pdf-Button-Off.jpg) ;
				}
					#Download-Pdf:hover {
						background: url(Media/Assets/Download-Pdf-Button-On.jpg) ;
					}
	#ExtraInfo, #ExtraInfo a {
		font-size: 10px ;
		color: rgb(51,51,51) ;
	}
		#ExtraInfo #Left {
			float: left ;
			margin-top: 5px ;
		}
		#ExtraInfo #Right {
			float: right ;
			margin-top: 5px ;			
		}
	#Browsers {
		padding: 20px ;
		overflow: auto ;
	}
		#Browsers img {
			float: left ;
			margin-top: 20px ;
			margin-right: 20px ;
		}
	/*  Galleryview Overrides  */
	.galleryview {
		float: right ;
		margin: 15px 125px 0px 15px !important ;
		height: 440px !important ;
	}
		.panel {
			padding-top: 0px !important;
			background-color: rgb(0,0,0) !important;
			height: 375px !important;
			overflow: visible !important;
		}
			.panel img {
				width: auto !important;
				height: 375px !important;
				display: block ;
				margin: 0 auto 0 auto ;
			}
			.panel-overlay {
				padding-top: 10px !important ;
				z-index: 10000 !important ;
				position: absolute !important ;
				top: 110px !important;
				left: -250px !important;
				width: 220px !important;
			}
				.panel-overlay, .panel-overlay h2 {
					color: rgb(51,51,51) !important ;
					display: block ;
					margin: 0px 0px 15px 0px !important;
				}
				.panel-overlay p {
					margin-top: 2px ;
				}
				.panel-overlay a {
					color: rgb(51,51,51) !important;
				}
				.overlay {
					display: none ;
				}
			#pointer {
				border-color: transparent !important;
			}
				#pointer img {
					display: none ;
				}
			.strip_wrapper {
				left: 25px !important;
				padding-left: 0px !important;
				top: 375px !important;
				width: 500px !important;
			}
				.filmstrip {
					margin-left: 20px !important ;
				}
					.filmstrip li {
					}
			.nav-prev {
				top: 395px !important;
				left: 0px !important;
			}
			.nav-next {
				top: 395px !important;
				left: 540px !important;
			}