/* Photography by Yeti */

* { margin: 0; padding: 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.half {	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: .5; }
.full {	filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

body {
	background-color: #000;
	padding: 0 1em 1em;
	font-family:  helvetica;
	color: #fff;
	background-image: url(../images/pby_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

a {
	text-decoration: none;
	text-transform: lowercase;
	color: #fff;
}

a:hover {
	color: #990000;
}

a img {
	border: none;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: .5;
}

a:hover img {
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	-khtml-opacity: 1; 
	opacity: 1;
}

a.active img {
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
	-khtml-opacity: 1; 
	opacity: 1;
}

#wrapper {
	width: 100%;
}

#header {
	position: fixed;
	top: 1em;
	color: #f9f9f9;
	height: 100px;
	width: 97.7%;
}

#menu {
	position: absolute;
	top: 0;
	left: 0;
}

.menu li {
	display: inline;
	list-style: none;
	margin-right: 3em;
}

.menu li a {
	padding-bottom: .5em;
	border-bottom: 5px solid #fff;
}

.menu li a:hover {
	border-bottom: 5px solid #990000;
}

.menu li.active a {
	color: #990000;
	border-bottom: 5px solid #990000;
}

#logo {
	position: absolute;
	top: 0;
	right: 0;
}
	

#thumb-menu {
	margin-top: 45px;
}

#thumb-menu li {
	margin-right: .5em;
	display: inline;
}

#content {
}

.photo-wrapper {
	margin-bottom: 500px;
	padding-top: 10em;
}

.photo img {
	width: 100%;
}

.photo-meta {
	color: #fff;
	font-size: .6em;
	display: none;
}

#footer {
	position: fixed;
	bottom: 1em;
	width: 97.7%;
	height: 30px;
	color: #fff;
	font-size: .75em;
	text-transform: lowercase;
}

.about-page, .four {
	padding-top: 7em;
}

.about-page h2 {
	font-size:40px;
	letter-spacing:-1px;
	line-height:44px;
	text-transform:lowercase;
}

.about-page img {
	padding: 1em;
}

.about-page p {
	color:#DDDDDD;
	line-height:1.3em;
	margin:1em 0;
}

.shadow  {
	-moz-box-shadow: 3px 4px 8px #000000;
	-webkit-box-shadow: 3px 4px 8px #000000;
	box-shadow: 3px 4px 8px #000000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	border: 1px solid #444;
}

h1.rutroh {
	text-transform: uppercase;
	font-size: 132px;
	letter-spacing: -0.1em;
	color: #990e54;
}

.error {
	color: #990e54;
}