/* reset some defaults css */
* {
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

img {
border: 0;
}

ul, li {
list-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 1em;
font-weight: normal;
}


body {
line-height: 1.286em;
margin: 30px auto 0px;
font-size: 75%;
font-family: helvetica, georgia, "times new roman", serif;
color: #4C4C4C;
}

html>body {
font-size: 12px;
}

/* --- Typography from 23ways -------------------------------- */

p {
font-size: 1em;
line-height: 1.5em;
margin: 0 1.5em 1.5em 0;
text-align: left;
}

h1 {
line-height: 1em;
font-size: 1.5em;
font-weight: normal;
margin: 0 0 1em 0;
}

h2 {
line-height: 1em;
font-size: 1.5em;
font-weight: normal;
margin: 0 0 1em 0;
text-align: left;
}
h3 {
font-size: 18px;
line-height: 1.286em;
margin: 0 0 0.643em 0;
font-weight: normal;
}

i, em {
color: #bda58e;
font-style: normal;
}

#extra p , #footer {
margin-right: 0;
font-size: 0.91667em;
line-height: 1.6364em;
}

/* ---[ links ]------------------------------------ */

/* default */
a {
	outline: none;
	color: #996600;
	text-decoration: none;
}
a:link, a:visited {
color: #918152;
}
a:hover {
	color: #DDCD8F;
	text-decoration: none;
}

/* --- layout ----------------------------------------------- 
   keep these for just the layout no background color nothing! */

div#container {
width: 900px;
margin: 0 auto;
padding: 0 30px;
}

div#wrapper {
float: left;
width: 100%;
}
div#content {
float: left;
width: 100%;
min-height: 440px;
position: relative;
padding-top: 20px;
}
div#content1 {
	float: left;
	width: 800px;
	min-height: 440px;
	position: relative;
	padding-top: 20px;
}

div#extra {
display: none;
width: 20%;
margin-left: -20%;
}

div#navigation {
float: right;
width: 600px;
}

div#spare-bottom {
clear: both;
width: 100%;
display: none;
}

/* --- gallery page ---------------------------------------------- */


/* --- header ---------------------------------------------- */
div#header {
width: 260px;
float: left;
}
div#header h1 {
padding: 0;
margin: 0;
font-size: 40px;
}



/* --- navigation ----------------------------------------------- */
#navigation {
padding: 28px 0 0 0;
float: left;
color: #000000;
text-align: left;
}

#navigation li {
	float: left;
	margin-right: 4px;
	color: #990000;
	font-size: 8px;
	margin-left: 4px;
	letter-spacing: -1px;
}

#navigation li#nav-home {
display: none;
}

#navigation li a, #backbuttom a {
	display: block;
	float: left;
	font-size: 13px;
	line-height: 11px;
	padding-right: 8px;
	color: #ddcd8f;
	text-transform: uppercase;
	text-decoration: none;
	font-family: "Trebuchet MS", Helvetica, Arial;
}

#navigation li a:hover, #backbuttom a:hover {
	color: #000000;
}

body.bio #navigation ul li#nav-biography a,
body.contact #navigation ul li#nav-contact a,
body.editorials #navigation ul li#nav-editorials a,
body.celebrity #navigation ul li#nav-celebrity a,
body.commercial #navigation ul li#nav-commercial a {
color: #918152;
}


/* -- content ---------------------------------------- */
.bio #content, .contact #content2 {
margin-top: 25px;
text-align: left;
}

.bio #content p {
text-align: justify;
color: #999999;
}

.bio div.left, .contact div.left {
width: 470px;
float: right;
margin-left: 0px;
padding-right: 0px;
padding-top: 0px;
overflow: hidden;
}

.contact div.left {
	float: left;
	margin: 0px 0px 0px 3px;
}
.contact  div.right1 {
	float: left;
	margin: 42px;
}

.contact div.left, .contact div.right {
	width: 335px;
	color: #000000;
	font-size: 12px;
}
.contact div.left h1 {
	margin: 10px 0px 2px;
	padding: 0px;
	text-transform: uppercase;
	color: #ddcd8f;
	font-size: 16px;
	font-weight: bold;
}
.contact div.left h2 {
	margin: 10px 0px 0px;
	padding: 0px;
	text-transform: none;
	color: #9B8C61;
	font-size: 11px;
	font-weight: normal;
}
.contact div.left p {
	margin: 2px 0px;
	padding: 0px;
	line-height: 17px;
}

.bio div.right, .contact div.right {
float: right;
margin: 0px;
padding: 0px;
width: 470px;
}

.bio #content #main_image {
float: left;
}

/* -- hcard --------------------------------- */
#address {
margin: 30px 0;
}
#address div {
padding: 2px 0;
}
#address .org {
font-size: 16px;
text-transform: uppercase;
}

/* -- main photo page --------------------------------- */
#photo-frame {
text-align: center;
}

#main_photo_container {
text-align: center;
margin: 0 auto;
padding: 0px;
clear: none;
position: relative;
right: 35px;
width: 970px;
}

#main_photo_container img {
text-align: center;
margin: auto;
background-color: #CCCCCC;
padding: 0px;
}

.next_link, .prev_link {
position: absolute;
width: 49%;
height: 100%;
top: 0;
}

.next_link {
right: 0;
}
.prev_link {
left: 0;
}

.next_link a, .prev_link a {
height: 100%;
display: block;
text-indent: -100000px;
}

.next_link a:hover { background: url('/img/backgrounds/next_arrow_gold.png') no-repeat center right; }
.prev_link a:hover { background: url('/img/backgrounds/prev_arrow_gold.png') no-repeat center left;	}

.photo {
display: none;
}

.photo-frame-0 #photo-0,
.photo-frame-1 #photo-1,
.photo-frame-2 #photo-2,
.photo-frame-3 #photo-3,
.photo-frame-4 #photo-4,
.photo-frame-5 #photo-5,
.photo-frame-6 #photo-6,
.photo-frame-7 #photo-7,
.photo-frame-8 #photo-8,
.photo-frame-9 #photo-9,
.photo-frame-10 #photo-10,
.photo-frame-11 #photo-11, 
.photo-frame-12 #photo-12,
.photo-frame-13 #photo-13,
.photo-frame-14 #photo-14,
.photo-frame-15 #photo-15,
.photo-frame-16 #photo-16,
.photo-frame-17 #photo-17,
.photo-frame-18 #photo-18,
.photo-frame-19 #photo-19 {
	display: block;
}

/* ------ gallery index ---------------------------------- */

#galleries {
width: 260px;
float: left;
position: absolute;
bottom: -7px;
}

#galleries li {
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
text-align: right;
clear: left;
width: 260px;
overflow: hidden;
}

#galleries li a {
color: #000000;
font-weight: normal;
font-size: 35px;
line-height: 27px;
text-decoration: none;
padding-bottom: 5px;
display: block;
}

#galleries li a:hover {
color: #ddcd8f;
}

#teaser-image {
float: right;
width: 595px;
overflow: hidden;
}

/* --- Jumpoffs ------------------------------------------------- */

.jumpoff {
padding: 15px;
border: 0px none #333;
margin: 10px 0;
clear: both;
}

/* --- forms ------------------------------------------------- */
form {
	width: 284px;
}
fieldset {
border: none;
}

label {
display: block;
padding: 5px 0;
text-align: left;
}
input, textarea {
width: 98%;
border: 1px solid #CCC;
background: #E6E6E6;
padding: 3px;
color: #999;
margin-bottom: 5px;
font-size: 10px;
}
input:focus, textarea:focus {
	background: #808080;
	color: #000000;
}
select {
margin-bottom: 5px;
background: #271F24;
border: 1px solid #000;
color: #B0AEAF;
}
option {
margin-left: 10px;
}
input[type=checkbox] {
width: auto;
float: right;
margin: 5px 390px 0 0;
}
.submit {
}
.submit input {
float: right;
width: 100px;
margin-bottom: 20px;
}

/* error stuff */
.message {
color: #DE0A03;
padding-bottom: 5px;
text-align: left;
}
.required {
position: relative;
}
.error-message {
color: #DE0A03;
position: absolute;
top: 25px;
}
.form-error {
margin-top: 15px;
border-color: #DE0A03;
}

/* ---[ misc ]------------------------------------- */

img, a img {
border: none;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.debug {
border: 1px solid red;
}