body {
	margin: 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background: #101e32 url(../images/body-bg.png) 0 0 repeat;
}

header, nav, section, footer {
	display: block;
}

	div#page {
		width: 960px;
		margin: 0 auto;
	}

		header#header {
			width: 100%;
			height: 90px;
			padding: 30px 0;
		}

			header#header h1 {
				float: left;
				margin: 0;
				padding: 20px 10px;
			}

					header#header h1 a img {
						border: none;
					}

			header#header nav {
				float: right;
			}

				header#header nav ul {
					margin: 0;
					padding: 35px 0 0;
				}

					header#header nav ul li {
						float: left;
						margin: 0;
						padding: 0 10px;
						list-style: none;
						font-size: 0.813em;
						letter-spacing: 1px;
					}

						header#header nav ul li a {
							text-decoration: none;
							color: #dddaa7;
							-webkit-transition: 0.3s ease-in-out;
							-moz-transition: 0.3s ease-in-out;
							-o-transition: 0.3s ease-in-out;
							-ms-transition: 0.3s ease-in-out;
							transition: 0.3s ease-in-out;
						}

							header#header nav ul li a:hover {
								color: #8d9061;
							}

		div#content {
			width: 100%;
			overflow: hidden;
			padding: 0 0 30px;
		}

			div#content header {
				width: 98%;
				padding: 0 10px;
				overflow: hidden;
			}

				div#content header h2 {
					float: left;
					width: 50%;
					margin: 0;
					padding: 0 0 15px;
					font-size: 1.5em;
					font-weight: normal;
					color: #dddaa7;
				}

				div#content header p.instructions {
					float: right;
					width: 50%;
					margin: 0;
					padding-top: 5px;
					font-size: 0.75em;
					text-align: right;
					color: #dddaa7;
				}

					div#content header p.instructions img.zoomicon {
						vertical-align: middle;
						padding-right: 10px;
						border: none;
						margin: 0;
					}

				div#content header img {
					border: 1px solid #57121c;
					margin: 0 0 20px;
				}

			section#stills {
				width: 100%;
				overflow: hidden;
			}
			
				section#stills ul {
					margin: 0;
					padding: 0;
				}
				
					section#stills ul li {
						float: left;
						margin: 0;
						padding: 0;
						list-style: none;
						position: relative;
					}

				section#stills ul li a {
					float: left;
					display: inline;
					
					margin: 0 8px 18px 10px;
				}
					section#stills ul li a img.still {
						border: 1px solid #57121c;
						width:300px;
						height:150px;
					}

					section#stills ul li a img.icon {
						position: absolute;
						border: none;
						right: 20px;
						bottom: 37px;
						z-index: 1;
					}
					
			section#login {
				width: 100%;
				overflow: hidden;
			}
			
				section#login form {
					margin: 0 10px;
				}
				
					section#login p label {
						width: 50%;
						margin: 0;
						padding: 5px 10px 0 0;
						font-size: 0.75em;
						text-align: right;
						color: #dddaa7;
					}
					
					section#login p input#pw {
						border: 1px solid #57121c;
						background-color: #dddaa7;
						width: 150px;
						padding: 5px;
						font-size: 0.75em;
					}
					
			section#edit {
				width: 100%;
				overflow: hidden;
			}

				section#edit img {
					float: left;
					margin: 0 10px;
					border: 1px solid #57121c;
				}
				
				section#edit form {
					margin: 60px 10px 0;
					font-size: 0.75em;
					color: #dddaa7;
				}
				
					section#edit p {
						float: right;
						margin: 0 10px;
						font-size: 0.75em;
						color: #fff;
					}
				
					section#edit label {
						width: 50%;
						margin: 0;
						padding: 5px 10px 0 0;
						text-align: right;
						color: #dddaa7;
					}
					
					section#edit input#description {
						border: 1px solid #57121c;
						background-color: #dddaa7;
						width: 150px;
						padding: 5px;
					}
				
					section#edit a {
						text-decoration: none;
						color: #8d9061;
						-webkit-transition: 0.3s ease-in-out;
						-moz-transition: 0.3s ease-in-out;
						-o-transition: 0.3s ease-in-out;
						-ms-transition: 0.3s ease-in-out;
						transition: 0.3s ease-in-out;
					}

						section#edit a:hover {
							color: #fff;
						}
						
				section#uploader {
					width: 100%;
					overflow: hidden;
					color: #dddaa7;
					font-size: 0.75em;
				}

					section#uploader p {
						margin: 0 10px 20px;
						color: #dddaa7;
					}
					
						section#uploader p a {
							text-decoration: none;
							color: #8d9061;
							-webkit-transition: 0.3s ease-in-out;
							-moz-transition: 0.3s ease-in-out;
							-o-transition: 0.3s ease-in-out;
							-ms-transition: 0.3s ease-in-out;
							transition: 0.3s ease-in-out;
						}

							section#uploader p a:hover {
								color: #fff;
							}
					
					section#uploader img#thumbnail {
						margin: 0;
						border: 1px solid #fff;
					}
					
					section#uploader div {
						margin: 0 10px 20px;
						padding-bottom: 20px;
						border-bottom: 1px solid #57121c;
					}
					
					section#uploader label {
						padding-right: 10px;
					}
					
					section#uploader input#description {
						border: 1px solid #57121c;
						background-color: #dddaa7;
						width: 150px;
						padding: 5px;
					}
					
					section#uploader form {
						margin: 0 10px;
						color: #dddaa7;
					}

						section#uploader input.choose {
							color: #dddaa7;
						}
			
				section#pagination {
					width: 100%;
					padding: 0 10px;
					overflow: hidden;
				}

					section#pagination ol {
						margin: 0;
						padding: 0;
					}

						section#pagination ol li {
							float: left;
							display: inline;
							margin: 0;
							padding: 0 10px 0 0;
							font-size: 0.813em;
							color: #8d9061;
						}

							section#pagination ol li a {
								text-decoration: none;
								color: #dddaa7;
								-webkit-transition: 0.3s ease-in-out;
								-moz-transition: 0.3s ease-in-out;
								-o-transition: 0.3s ease-in-out;
								-ms-transition: 0.3s ease-in-out;
								transition: 0.3s ease-in-out;
							}

								section#pagination ol li a:hover {
									color: #8d9061;
								}

			section#resume {
				width: 98%;
				padding: 0 10px;
			}

				section#resume h3 {
					margin: 0;
					padding: 0 0 10px;
					font-size: 1em;
					font-weight: normal;
					color: #dddaa7;
				}

				section#resume table {
					width: 100%;
					margin: 0 0 30px;
					border-collapse: collapse;
					border-spacing: 0;
				}

				section#resume table:last-child {
					margin-bottom: 0px;
				}

					section#resume table thead tr th {
						margin: 0;
						padding: 10px 5px;
						font-size: 0.75em;
						font-weight: bold;
						text-align: left;
						letter-spacing: 1px;
						border-bottom: 1px solid #57121c;
						color: #dddaa7;
					}

					section#resume table tbody tr td {
						margin: 0;
						padding: 10px 5px;
						font-size: 0.75em;
						text-align: left;
						color: #dddaa7;
					}

						section#resume table tbody tr td a {
							-webkit-transition: 0.3s ease-in-out;
							-moz-transition: 0.3s ease-in-out;
							-o-transition: 0.3s ease-in-out;
							-ms-transition: 0.3s ease-in-out;
							transition: 0.3s ease-in-out;
							text-decoration: underline;
							color: #dddaa7;
						}

						section#resume table tbody tr td a:hover {
							text-decoration: underline;
							color: #8d9061;
						}

					section#resume table tbody tr td:first-child {
						width: 50%;
					}

					section#resume table tbody tr td:last-child {
						width: 10%;
					}

					tr.second {
						background-color: #18263e;
					}

						section#resume table tbody tr:hover {
							background-color: #57121c;
							-webkit-transition: 0.3s ease-in-out;
							-moz-transition: 0.3s ease-in-out;
							-o-transition: 0.3s ease-in-out;
							-ms-transition: 0.3s ease-in-out;
							transition: 0.3s ease-in-out;
						}

			section#biography {
				width: 98%;
				padding: 0 10px;
			}

				section#biography p {
					margin: 0 0 30px;
					font-size: 0.813em;
					line-height: 18px;
					text-align: justify;
					color: #dddaa7;
				}

					section#biography p b {
						font-weight: bold;
					}

				section#biography p:last-child {
					margin: 0;
				}

					section#biography p a {
						text-decoration: none;
						color: #8d9061;
						-webkit-transition: 0.3s ease-in-out;
						-moz-transition: 0.3s ease-in-out;
						-o-transition: 0.3s ease-in-out;
						-ms-transition: 0.3s ease-in-out;
						transition: 0.3s ease-in-out;
					}

						section#biography p a:hover {
							color: #fff;
						}

			section#reel {
				width: 98%;
				padding: 0 9px;
			}


				section#reel iframe {
					border: 1px solid #57121c;
				}

		div.videothumbs {
			width: 100%;
			overflow: hidden;
		}		

			div.videothumbs a:first-child {
				margin: 0 0 0 10px;
				float: left;
			}

			div.videothumbs a {
				margin: 0 0 0 25px;
				float: left;
			}		

				div.videothumbs a img {
					width: 295px;
					height: 166px;
					border: 1px solid #57121c;
					margin: 0 0 20px;
				}


		div#contact {
			width: 98%;
			height: 60px;
			padding: 0 10px 30px;
		}

			div#contact section {
				float: left;
				width: 23%;
			}

				div#contact section h5 {
					margin: 0 0 5px;
					font-size: 0.75em;
					font-weight: normal;
					color: #dddaa7;
				} 

				div#contact section h3 {
					margin: 0;
					font-size: 1.5em;
					font-weight: normal;
					color: #dddaa7;
				} 

					div#contact section h3 a {
						text-decoration: none;
						color: #dddaa7;
						-webkit-transition: 0.3s ease-in-out;
						-moz-transition: 0.3s ease-in-out;
						-o-transition: 0.3s ease-in-out;
						-ms-transition: 0.3s ease-in-out;
						transition: 0.3s ease-in-out;
					}

						div#contact section h3 a:hover {
							color: #8d9061;

						}

		footer#footer {
			width: 98%;
			height: 90px;
			margin: 0 10px;
			border-top: 1px solid #57121c;
		}

			section#copyright {
				float: left;
				width: 50%;
			}

				section#copyright p {
					margin: 0;
					padding: 40px 0 0;
					font-size: 0.75em;
					color: #dddaa7;
				}

			section#powered {
				float: right;
				width: 50%;
			}

				section#powered p {
					text-align: right;
					margin: 0;
					padding: 25px 0 0;
				}

						section#powered p a img {
							border: none;
						}