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

@charset "UTF-8";

#footer {
	width: inherit;
	clear: both;
	font-size: 0.8em;
	padding-top: 20px;
	text-align:center;
}
#header {
	width: inherit;
}

#content {
	width: inherit;
	background-color:#000
}
	
body {
	font-family: Optima, Arial, Helvetica, sans-serif;
	color:#a8aab0;
	font-size: 80%;
	background-color: #000000;
}
#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	position: relative;
	left: auto;
	right: auto;
	background-color: #000;
}

a:link, a:visited {
	color:#a8aab0;
	text-decoration: none;
}
a:link img, a:visited img{
	color:#666666;
	text-decoration: none;
}
a:hover, a:active {
	color:#8ec1c2;
	text-decoration: underline;
}
a:hover img, a:active img {
	color:#99ccff;
	text-decoration: underline;
}
a:hover img ArrowRightGray, a:hover img ArrowLeftGray, a:active img ArrowRightGray, a:hover img ArrowLeftGray,{
	color:#000;
	text-decoration: underline;
}
tr a:link, tr a:visited{
	color:#8ec1c2;
	text-decoration: underline;
}

#PostersFirst {
	background-color: #000000;
	margin: 10px;
	padding: 25px;
	text-align: center;
	position: relative;
	border-top-color: #605f5f;
	border-bottom-color: #605f5f;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left:none;
	border-right:none;
}
#PostersSecond {
	height:300px;
	background-color: #000000;
	margin: 10px;
	padding: 10px;
	text-align: center;
	position: relative;
	border-top-color: #605f5f;
	border-bottom-color: #605f5f;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left:none;
	border-right:none;
}
#blogBlock {
	background:#000;
	height: 270px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	scrollbar-base-color: #000;
	scrollbar-face-color: #000;
}
#blogSpotR {
	width: 300px;
	float: left;
	margin-left: 35px;
	height: 250px;
	border-top-color: #605f5f;
	border-bottom-color: #605f5f;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left:none;
	border-right:none;
}
#blogSpotL {
	width: 400px;
	float: left;
	margin-left: 20px;
	height: 250px;
	overflow:auto;
	border-top-color: #605f5f;
	border-bottom-color: #605f5f;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left:none;
	border-right:none;
}

table {
	border:none;
	border-collapse: collapse;
}
#ArrowRightGray {
	border:none;
}
#ArrowLeftGray {
	border:none;
}
#ArrowRightGray2{
	border:none;
}
#ArrowLeftGray2 {
	border:none;
}
#ArrowRightGray3 {
	border:none;
}
#reel {
	margin-top:25px;
	margin-right: auto;
	margin-left: auto;
	width: 640px;
	height: 495px;
}
#viewer {
	margin-right:auto;
	margin-left:auto;
	padding-top:15px;
	width:640px;
	height:480px;
}
#indexReel {
	margin-top:25px;
	margin-right: auto;
	margin-left: auto;
	width: 720px;
	height: 495px;
}
#indexViewer {
	margin-right:auto;
	margin-left:auto;
	padding-top:15px;
	width:720px;
	height:480px;
}
h1,h2,h3,h4{
	
}
#wrap #content #ReelTitle {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top:2.5em;
	margin-bottom:1em;
	text-indent:none;
}
#backToBio {
	width: 150px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
}
#bio {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#quotes h1, #quotes h2, #quotes h3, #quotes h4 {
	text-indent:-0.1em;
}
#one {
	visibility: inherit;
	margin: 25px;
	padding-bottom:5px;
}
#current {
	visibility: inherit;
	margin: 25px;
}
/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 470px; /* Set to gallery width, in px or percentage */
height: 130px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #a8aab0; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid #a8aab0; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid #a8aab0;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: #a8aab0; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */
#linksTable a{
	color:#a8aab0;
	text-decoration:none;
}
#linksTable a:hover{
	color:#8ec1c2;
	text-decoration:underline;
}
#pastBlog {
	width:inherit;
	clear:both;
	position:relative;
}