body {
	background-color: white;
	font: 10px verdana, arial, sans-serif;
	color: white;
	margin: 0px;
	padding: 0px;
}

a:link {
    color: #fffec1;
    text-decoration : none;
}

a:visited {
    color: #fffec1;
    text-decoration : none;
}

a:active {
    color: #fffec1;
    text-decoration : none;
}

a:hover {
    color: white;
    text-decoration : none;
}

a.commentsLink:link {
    color: #5353aa;
    text-decoration : none;
}

a.commentsLink:visited {
    color: #5353aa;
    text-decoration : none;
}

a.commentsLink:active {
    color: #5353aa;
    text-decoration : none;
}

a.commentsLink:hover {
    color: white;
    text-decoration : none;
}

a.bodyLink:link {
    color: #5353aa;
    text-decoration : none;
}

a.bodyLink:visited {
    color: #5353aa;
    text-decoration : none;
}

a.bodyLink:active {
    color: #5353aa;
    text-decoration : none;
}

a.bodyLink:hover {
    color: white;
    text-decoration : none;
}

img {
	display: block;
}

img.menu {
	float: left;
}

img.photo {
	border: 2px solid black;
}

img.thumbnail {
	border: 1px solid black;
}

#bodyWrapper {
	background-color: #aeaeae;
}

#header {
	background-color: white;
	width: 100%;
}

#footer {
	background-color: #aeaeae;
	margin-top: 20px;
}

#footerTop {
	background: black url(../images/footerTop.gif) no-repeat bottom right;
	color: #666666;
	height: 32px;
	clear: both;
}

#footerBottom {
	background: white url(../images/footerBottom.gif) no-repeat top right;
	height: 46px;
}

#menu {
	background-color: black;
	height: 12px;
}

#menuPadding {
	padding-top: 2px;
	padding-left: 10px;
}

#headerSmallBlackBar {
	background-color: black;
	width: 318px;
	height: 6px;
	font: 1px sans-serif;
}

#footerSmallBlackBar {
	float: right;
	background-color: black;
	width: 318px;
	height: 6px;
	font: 1px sans-serif;
}

#photoHeader {
	width: 924px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}


#photoTitle {
	float: left;
	width: 350px;
	font: bold 12px arial, sans-serif;
}

#photoLoader {
	float: right;
	text-align: left;
	width: 120px;
	visibility: hidden;
	padding-top: 2px;
}

#photoControls {
	float: right;
	text-align: left;
	width: 300px;
	padding-top: 2px;
}

#photoRating {
	float: right;
	text-align: right;
	width: 100px;
	padding-top: 2px;
}

#photoHolder {
	border: 10px solid #d1d1d1;
}

#photoHolder a {
	color: #3333aa;
}
#photoHolder a:hover {
	color: #9999ff;
}

#photo {
	width: 100%;
}

#loader {
	text-align: center;
}

#thumbnailViewer {
	position: absolute;
	height: 320px;
	width: 175px;
	border: 2px solid black;
	z-index: 2000;
	display: none;
}

#thumbnailViewerHeader {
	background-color: black;
	width: 100%;
	height: 15px;
}

#thumbnailViewerContent {
	background-color: #bfbfbf;
	text-align: center;
	overflow: auto;
	width: 100%;
	height: 305px;
}

#thumbnailViewerContent img {
	display: inline;
}

.thumbnailContainer {
	margin-bottom: 11px;
}

#commentsHolder {
	float: left;
	width: 675px;
}

#commentsForm {
	float: right;
	width: 220px;
	text-align: right;
}

.comments {
	background-color: #bfbfbf;
	color: #171747;
	border: 1px solid #949494;
	padding: 5px;
	margin-bottom: 2px;
}

.commentsInfo1 {
	float: left;
	width: 50%;
	text-align: left;
}

.commentsInfo2 {
	float: right;
	width: 50%;
	text-align: right;
}

.wrapper {
	width: 924px;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
	font: 1px sans-serif;
}

.text {
	line-height: 15px;
	text-align: justify;
}

.photoInfoOuter {
	position: absolute; 
	display: none; 
	top: 0px; 
	left: 0px; 
	background-color: white;
	opacity: .80;
	filter: alpha(opacity=80);
	width: 100%; 
}

.photoInfoInner {
	border: 2px solid black;
	border-bottom: 1px solid black;
	padding: 10px;
	color: black;
	text-align: left;
}

.title {
	font: bold 12px arial, sans-serif;
	color: white;
	padding-bottom: 5px;
}

.pageTitle {
	margin-top: 10px;
	margin-bottom: 10px;
	font: bold 12px arial, sans-serif;
}

.textBox {
	background-color: #bfbfbf;
	color: #171747;
	border: 1px solid #949494;
	padding: 5px;
	font: 12px arial, sans-serif;
}

.albums {
	width: 100%;
	background-color: #bfbfbf;
	color: #171747;
	border: 1px solid #949494;
	font: 12px arial, sans-serif;
	padding: 5px;
	margin-bottom: 2px;
}

.albumsThumb {
	float: left;
	width: 18%;
	text-align: left;
	margin-right: 10px;
}

.albumInfo {
	float: right;
	width: 82%;
	text-align: left;
}

.footerPadding {
	padding-top: 14px;
	padding-left: 10px;
}

div.news {
	margin-bottom: 15px;
	border-top: 1px dotted white;
	border-bottom: 1px dotted white;
	padding: 10px;
	color: white;
	background-color: #9e9e9e;
}
div.news h2 {
	margin: 0;
	padding: 0;
	font: bold 12px arial, sans-serif;
}

/* -- FORM STYLES -- */

form {
    margin: 0px;
}

input.normal {
    width: 210px;
    background-color: transparent;
	font: 9px arial, helvetica, sans-serif;
	border: 1px solid #d5d5df;
	color: white;
    vertical-align: top;
	margin-bottom: 2px;
	padding-left: 2px;
	background-color: #8a8a8a;
}

textarea.normal {
	height: 50px;
    width: 210px;
    background-color: transparent;
	font: 9px arial, helvetica, sans-serif;
	border: 1px solid #d5d5df;
	color: white;
    vertical-align: top;
	margin-bottom: 2px;
	padding-left: 2px;
	overflow: hidden;
	clip: rect(20px, 20px, 20px, 20px);
	background-color: #8a8a8a;
}

select {
    width: 120px;
	border : 1px solid #d5d5df;
	font : 11px verdana, arial, sans-serif;
    vertical-align : middle;
	background-color: #8a8a8a;
}

.formContainer {
	
}

.formRow {
	clear: both;
}

.formLabel {
	float: left;
}

.formInput {
	float: right;
}

/* -- SPAN STYLES -- */

#photoInfoTitle {
	font: bold 10px verdana, arial, sans-serif;
}

#photoInfoDateTaken {
	font: bold 10px verdana, arial, sans-serif;
}

.commentsName {
	font: bold 10px verdana, arial, sans-serif;
}