body {
	background: #444;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #fff;
	font-family: tahoma;
	font-size: 11px;
}

TD,LABEL {
	font-family: tahoma;
	font-size: 11px;
}
H2  {
	font-size:18px;
	font-family:tahoma;
}

#photoContainer {
	margin: 0 auto;
	text-align: center;
	width: 840px;
	height: 840px;
	background: url(/gfx/shadow.jpg) no-repeat;
	clear: both;

}


:-webkit-full-screen-document #photoContainer {
    background: none #000;
    width: 840px;
    height: 840px;
}

A,A:LINK,A:VISITED,A:active {
	color:#fff;
}

.photo {
	margin: -196px 20px 20px 20px;
	width: 800px;
	height: 800px;
	cursor: pointer;
	position: relative;
	left: 0;
	top: 0;
	float: left;
}

.loadingIndicator {
	width: 16px;
	height: 16px;
	cursor: pointer;
	position: relative;
	left: 0;
	top: 0;
	float: left;
	margin-left: 404px;
	margin-top: 200px;
}

#menuContainer {
	height: 300px;
	width: 840px;
	margin: -268px auto 0 auto;
}

#menuContent, .menuContentDiv {
	width: 840px;
	background: #c10000;
	height: 270px;
}


#menuActivator,#menuActivatorAbout {
	margin-right: 20px;
}

.topActivator {
	background: #c10000 url(gfx/activator_bottom_left.gif) bottom left no-repeat;
	float: right;
	padding: 0;
	margin-right: 10px;
	cursor: pointer;
	white-space:nowrap;
}

.topActivatorContent {
	display:inline-block;
	padding:5px;
	background: url(gfx/activator_bottom_right.gif) bottom right no-repeat;
}


#newsMessages {
	float:left;
	margin-left:15px;
	padding: 5px;
}

.normalText {
	padding: 25px;
	text-align: left;
}

.photoInfo {
	width: 800px;
	margin: 0 auto;
	text-align: Center;
	color: #aaa;
}

#gradePhoto {
	float: left;
}

#photoTitle {
	float: left;
	text-transform:capitalize;
}

#photoNav {
	float: right;
}

#gradePhoto SPAN, #photoNav SPAN {
	cursor: pointer;
	color: #ccc;
	text-decoration: underline;
}

#footer A, #footer A:LINK, #footer A:VISITED, #gradePhoto A:LINK, #gradePhoto A,  {
	color: #ddd;
	text-decoration: underline;
}

#gradePhoto SPAN:HOVER, #footer A:HOVER, #gradePhoto A:HOVER, #photoNav SPAN:HOVER, #about A:HOVER {
	color: white;
}


#footer {
	font-size: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#about {
	float: left;
	width: 550px;
	line-height:140%;
}

H1 {
	margin-top:0px;
	font-family:tahoma;
	font-size:30px;
	letter-spacing:4px;
}

#participate {
	float: right;
	width: 150px;
	padding: 20px;
	text-align: center;
	background: #d10000;
	cursor: pointer;
}

#links {
	float: right;
	width: 150px;
	padding: 20px;
	text-align: left;
	line-height:150%;
}

#about A, #about A:LINK, #links A, #links A:LINK, #links A:VISITED {
	color:white;
}

#about A:HOVER, #links A:HOVER {
	background:#E00;
	padding:2px 3px;
	margin:-2px -3px;
}

A:VISITED {
	color: #fff;
}

#gallery {
	margin: 00px 20px 20px 20px;
	line-height:0;
	font-size:0;
	text-align:center;
}

#gallery .imgContianer {
	background:url(gfx/shadow_small.jpg) no-repeat center center;
	width:240px;
	height:240px;
    display: inline-block;
	
}

#gallery .imgContianerRed {
	/* background:url(gfx/shadow_small_red.jpg) no-repeat center center; */
	width:60px;
	height:60px;

}

#gallery IMG {
	margin:20px;
	cursor:pointer;
}

#comments {
	width:600px;
	margin:0 auto;
	padding:20px 0;
	text-align:left;
}

#galleryTitle {
	width:600px;
	padding-top:20px;
	margin:0px auto 0px auto;
	text-align:left;
}

#addComment TABLE TD {
	padding:2px 10px 2px 0;
	margin:0;
}

#addComment .commentInput {
	width:200px;
}

#addComment .commentTextarea {
	width:400px;
	height:50px;
}

#addComment .commentInput,#addComment .commentTextarea, #addComment .commentCheckbox {
	border:1px solid #888;
	background:#fff;
	padding:2px;
	font-family:verdana;
	font-size:10px;
}

#addComment .commentInput:FOCUS,#addComment .commentTextarea:FOCUS, #addComment .commentCheckbox:FOCUS {
	background:#FFA;
}

#postComment {
	border:0px none transparent; 
	display:inline-block;
	margin:5px 0;
	padding:5px 10px;
	background:#c10;
	color:#fff;
	cursor:pointer;
}

#postComment:HOVER {
	background:#F00;
	text-decoration:underline;
}

LABEL {
    cursor:pointer;
}

.hidden {
	display:none;
}

#showCommentsForCurrentPhoto, #showCommentsForAllPhotos {
	text-decoration:underline;
	cursor:pointer;
}

#showCommentsForCurrentPhoto:hover, #showCommentsForAllPhotos:hover {
	color:#fff;
}

.commentContainer A, .commentContainer A:LINK, .commentContainer A:VISITED,.commentContainer A:active {
	color:#fff;
	text-decoration:underline;
}

.commentContainer {
	background:#3f3f3f;
	margin-top:10px;
	padding:5px 10px;
	border-bottom:1px solid #555;
	border-right:1px solid #555;
	border-top:1px solid #333;
	border-left:1px solid #333;
}

.wroteDate {
	color:#aaa;
}


.commentAuthor {
	padding-bottom:5px;
	
	margin-bottom:5px;
}
.commentText {
	margin-bottom:5px;
}

.commentedPortrait {
	float:right;
	cursor:pointer;
}
