body, html {
	font: small 'Verdana';
	padding: 0;
	margin: 0;
	text-align: center;
	color: white;
	background-color: black;
}


/*** Layout ***/

#page {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

#header h1 {
	margin: 0;
	padding: 0;
	font-size: 300%;
}

#header a img {
	border: none;
}

#navbar {
	background: #2f7897 url("../images/navbar.gif") scroll no-repeat 0 0;
	height: 32px;
}

#navbar ul {
	display: block;
	margin: 0;
	padding: 4px 16px 0;
	list-style: none;
}

#navbar ul li {
	display: block;
	float: left;
	height: 28px;
	margin-right: 2px;
	width: auto;
}

#navbar ul li.user {
	float: right;
}

#navbar ul li a {
	display: block;
	background: transparent url("../images/navtab-body.gif") scroll no-repeat 100% 0;
	height: 27px;
	font-weight: bold;
	text-decoration: none;
	color: #001B4F;
	width: auto;
	float: left;
}

#navbar ul li a span {
	background: transparent url("../images/navtab-left.gif") scroll no-repeat 0 0;
	display: block;
	padding: 6px 8px 0px;
	width: auto;
}

#navbar ul li a:hover, #navbar ul li a:focus, #navbar ul li a.current {
	background-position: 100% -28px;
	color: #1F427F;
}

#navbar ul li a.current {
	height: 28px;
}

#navbar ul li a:hover span, #navbar ul li a:focus span, #navbar ul li a.current span {
	background-position: 0% -28px;
}

div.block {
	background: #000 url("../images/block-top.gif") scroll no-repeat 0 0;
	margin: 1em 0;
}

div.block div.content {
	background: transparent url("../images/block-bottom.gif") scroll no-repeat 0 100%;
	padding: 24px 20px;
}

div.recent-photos {
	width: 630px;
	float: left;
}

div.recent-comments {
	width: 270px;
	float: right;
}

div.block h2 {
	font-size: 120%;
	border-bottom: 2px solid #BED0ED;
	margin: 0 0 1ex;                                                                           
}

#main {
	background: #000 url("../images/content-top.gif") scroll no-repeat 0 0;
	margin: 1em 0;
}

#content {
	padding: 32px 20px;
}

#footer {
	background: #000 url("../images/content-bottom.gif") scroll no-repeat 0 100%;
	padding: 16px 20px;
	text-align: center;
	color: #475B7F;
	clear: both;
	line-height: 1.5;
}

.powered a img {
	border: none;
	vertical-align: middle;
}

.clear {
	clear: both;
}

div.recent-comments ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.recent-comments ul li {
	padding: 0;
	margin: 0;
}

div.recent-comments ul a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	padding: 0 0 1ex;
}

div.recent-comments ul a .time {
	float: right;
	font-size: 70%;
	font-style: italic;
}

div.recent-comments ul a .photo {
	padding-left: 20px;
	background: transparent url("../images/icons/photo.png") scroll no-repeat 0px 50%;
	font-weight: bold;
}

div.recent-comments ul a .name {
	display: block;
}

div.recent-comments ul a .text {
	display: none;
	font-size: 80%;
	color: #001B4F;
}

div.recent-comments ul a:hover .text, div.recent-comments ul a:focus .text, div.recent-comments ul a:active .text {
	display: block;
	_height: 1.2em;
}

div.recent-comments ul a:hover, div.recent-comments ul a:focus, div.recent-comments ul a:active {
	_padding-bottom: 0.5em;
}

/*** Generic definitions ***/

h2, h3, h4 {
	clear: both;
	font-family: 'Tahoma';
}

h2 {
	font-size: 170%;
	margin: 0 0 1em;
}

h3 {
	font-size: 142%;
	margin: 2em 0 1em;
}

h4 {
	font-size: 124%;
	margin: 1.5em 0 0.7em;
}

p {
	margin: 1ex 0;
}

a img {
	vertical-align: bottom;
}

a, a:visited {
	color: #093C9F;
	font-weight: bold;
}

a:hover, a:focus, a:active {
	color: #1957CF;
}

.hidden {
	display: none;
}

#ajax-spinner {
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
	background: blasck url('../images/spinner.gif') no-repeat 50% 50%;
	padding: 15px;
	border: 2px solid #CCC;
	z-index: 10000;

    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px;
}


/*** Flash messages ***/

div.flash, div.notice {
	border: 1px solid #1F54BC;
	padding: 1ex 1ex 1ex 32px;
	margin: 1em 0;
	font-weight: bold;
	background: #C2D3EF url("../images/icons/info.png") scroll no-repeat 8px 7px;
}


/*** Forms ***/

form table th {
	text-align: right;
	vertical-align: top;
	padding: 3px 5px;
	width: 13em;
}

form table label {
	margin-right: 1.1em;
}

form table label.required {
	margin-right: 0;
}

form em.required {
	color: #DDAA00;
	font-weight: bold;
}

form ul.error {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}

form ul.error li, div.flash.error {
	display: block;
	border: 1px solid #BC1F25;
	padding: 1ex 1ex 1ex 32px;
	margin: 1em 0;
	font-weight: bold;
	background: #EFC2CD url("../images/icons/error.png") scroll no-repeat 8px 7px;
	color: #4F000B;
}


/*** Photogallery ***/
ul.photos {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.photos li {
	display: block;
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
	text-align: center;
}

ul.photos li a {
	display: block;
	text-decoration: none;
	width: 200px;
	height: 250px;
	background: transparent url("../images/photobox.gif") scroll no-repeat 0 0;
	cursor: pointer;
}

ul.photos li a:hover, ul.photos li a:focus, ul.photos li a:active {
	background-position: 0 100%;
	color: #00205F;
}

ul.photos li a span.content {
	display: block;
	padding: 10px 5px 5px;
}

ul.photos li a img {
	border: none;
}

ul.photos li .title {
	display: block;
	margin: 0 0 1ex;
	font-size: 120%;
	height: 38px;
}

ul.photos li .image {
	display: block;
	height: 165px;
}

ul.photos li .meta .comments {
	float: left;
	padding-left: 20px;
	background: transparent url("../images/icons/comments.png") scroll no-repeat 0 50%;
}

ul.photos li .meta .rating {
	float: right;
}

ul.photos .no-thumbnail {
	display: block;
	text-align: center;
	padding-top: 60px;
	font-size: 170%;
}

.stars {
	width: 80px;
	background: transparent url("../images/icons/star-grey.png") scroll repeat-x 0 50%;
	display: block;
	float: left;
	margin-right: 1ex;
	margin-top: -1px;
	text-align: left;
}

.stars span {
	background: transparent url("../images/icons/star.png") scroll repeat-x 0 50%;
	display: block;
	overflow: hidden;
}

div.photo {
	margin: 2em 0;
	text-align: center;
}

#stars a {
	display: block;
	height: 16px;
	width: 16px;
	text-decoration: none;
	background: transparent url("../images/icons/star-grey.png") scroll no-repeat 0 0;
	float: left;
}

#stars a:hover, #stars a:focus, #stars a:active, #stars a.light {
	background-image: url("../images/icons/star.png");
}

#stars a span {
	display: none;
}

.photo-meta .info {
	padding-top: 1em;
}

.photo-meta .lastModified {
	padding-left: 20px;
	background: transparent url("../images/icons/clock.png") scroll no-repeat 0 50%;
}

.photo-meta .views {
	padding-left: 20px;
	background: transparent url("../images/icons/view.png") scroll no-repeat 0 50%;
}

.photo-meta .rating {
	font-weight: bold;
}

.photo-meta .widget {
	padding: 1ex 0 0;
}

.photo-meta .widget div {
	margin: 1ex 0 0.5ex;
}

/*** Comments ***/

div.comment {
	background: #000 url("../images/comment-top.gif") scroll no-repeat 0 0;
	width: 740px;
	margin: 1em;
}

div.comment div.content {
	background: transparent url("../images/comment-bottom.gif") scroll no-repeat 0 100%;
	padding: 8px 16px;
}

div.comment h4 {
	margin: 0 0 1ex -12px;
	font-size: 117%;
	background: transparent url("../images/icons/comment.png") scroll no-repeat 0 50%;
	padding-left: 20px;
}

div.comment h4 a {
	text-decoration: none;
}

div.comment p {
	margin: 1ex 1em;
}

div.comment .meta {
	font-size: 80%;
	margin-top: 1.2em;
}

a.mail {
	padding-right: 16px;
	background: transparent url("../images/icons/email.png") scroll no-repeat 100% 75%;
}

a.mail em.mail {
	display: none;
	font-size: 70%;
	color: #475B7F;
	font-weight: normal;
}

a.mail:hover em.mail, a.mail:focus em.mail, a.mail:active em.mail {
	display: inline;
}

.navlink {
	margin-top: -2em;
	float: right;
}


/*** Actions ***/

ul.actions {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.actions.main {
	margin-top: -1ex;
}

ul.actions.content {
	margin-top: 1ex;
}

ul.actions li {
	display: block;
	margin: 0 1ex 1em 0;
	padding: 0;
	float: left;
}

ul.actions li a {
	background: #EFF2F5 none scroll no-repeat 4px 50%;
	padding: 4px 8px 4px 24px;
	text-decoration: none;
	color: #001B4F;
	display: block;

	-moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px;
}

ul.actions li a:hover, ul.actions li a:focus, ul.actions li a:active {
	background-color: #DFE3EB;
	color: #1F427F;
}

ul.actions li a.editPage { background-image: url("../images/icons/editPage.png"); }
ul.actions li a.createGallery { background-image: url("../images/icons/add.png"); }
ul.actions li a.uploadPhoto { background-image: url("../images/icons/uploadPhoto.png"); }
ul.actions li a.removeComment, ul.actions li a.removePhoto, ul.actions li a.removeGallery { background-image: url("../images/icons/remove.png"); }

ul.actions li a.next { background-image: url("../images/icons/next.png"); }
ul.actions li a.prev { background-image: url("../images/icons/prev.png"); }

/*** Recent photos ***/

div.block ul.actions li a {
	background-color: #000;
}


div.block ul.actions li a:hover, div.block ul.actions li a:focus, div.block ul.actions li a:active {
	background-color: #CBDAF2;
	color: #00050F;
}


div.block ul.actions li.next {
	float: right;
}

div.block ul.actions li.next a {
	padding: 4px 24px 4px 8px;
	background-position: 93% 50%;
}

ul.actions.photo li.prev a {
	background-position: 96% 50%;
	padding: 4px 24px 4px 8px;
}

ul.actions.photo li.prev {
	float: right;
}