/* global styles */
body {background-color:#ffffff; }
p {margin-top:10px;}
blockquote {margin:7px 0 7px 10px;}
#page {background-color:#ffffff; position: relative; width:100%; height:100%; font-family:Arial, Helvetica, Geneva, Verdana, sans-serif; font-size:12px; color:#525252; line-height:15px;}
#container {width:1065px; margin:0; padding:0; left: auto; right: auto; margin-left: auto; margin-right: auto;}
#banner {width:100%; height:50px; background:#ffffff url(http://www.chrisjordan.com/img/global/banner.png) no-repeat top left; margin:0; padding-top:40px; position:relative;}
#logo {float:left; padding-left:30px;}
#menu {float:right; width:450px; margin-right:30px;}
#footer {width:100%; height:40px; clear:both;}

/* link styles */
a:link, a:visited, a:active {color:#767676; font-weight:bold; text-decoration:none;}
a:hover {color:#767676; font-weight:bold; text-decoration:underline; }

/* gallery styles */
#gallery_title {font-family: Trebuchet,Verdana,Helvetica, sans-serif; font-size: 16px; letter-spacing: 3px; color:#535353; height:35px; width:850px; margin-left:30px; margin-top:20px; position:relative;}
#gallery_title_year {font-size:12px;}
#gallery_title_midway {background:#ffffff url(http://www.chrisjordan.com/img/gallery_titles/midway.png) bottom left no-repeat; height:75px; width:100%; margin-left:30px;}
#gallery_title_intolerable {background:#ffffff url(http://www.chrisjordan.com/img/gallery_titles/intolerable.png) bottom left no-repeat; height:75px; width:100%; margin-left:30px;}
#gallery_title_katrina {background:#ffffff url(http://www.chrisjordan.com/img/gallery_titles/katrina.png) bottom left no-repeat; height:75px; width:100%; margin-left:30px;}
#gallery_title_rtn {background:#ffffff url(http://www.chrisjordan.com/img/gallery_titles/rtn.png) bottom left no-repeat; height:75px; width:100%; margin-left:30px;}
#gallery_title_epu {background:#ffffff url(http://www.chrisjordan.com/img/gallery_titles/epu.png) bottom left no-repeat; height:75px; width:100%; margin-left:30px;}
#gallery_title_rtn2 {background:#ffffff url(http://www.chrisjordan.com/img/gallery_titles/rtn2.png) bottom left no-repeat; height:75px; width:100%; margin-left:30px;}
#gallery {width:100%;}
#gallery_image {float:left; margin-left:30px; margin-bottom:40px;}
#gallery_image_main {width:850px; position:relative;}
#gallery_image_about {width:850px; margin-top:15px;}
#gallery_image a {font-size: 14px; line-height:17px;}
#gallery_image .more_info a:link, #gallery_image .more_info a:visited, #gallery_image .more_info a:hover, #gallery_image .more_info a:active {font-size:12px; font-weight:normal;}
#gallery_image_title {margin: 8px 0px 4px 0px; width:850px;}
.seadragon_title {font-weight:bold;}
#gallery_image_description {margin: 0px 0px 8px 0px; width:850px;}
#gallery_image_prompt {margin: 40px 0px 8px 0px; font-style: italic;}
#gallery_control {float:right; width:160px;}
#gallery_thumbs {width:130px; height:637px;}
.gallery_thumb {padding-bottom:10px; cursor:pointer;}
#thumb_scroll {float:left; width:24px;}
#seadragon_container {width:850px; height:637px; background-color:white; color:white; cursor:pointer;}
#gallery_nav {position:absolute; width:31px; height:19px; right:0px; bottom:3px;}
#gallery_previous {width:14px; height:19px; float:left; background:url('/img/global/prev_button.jpg'); cursor:pointer;}
#gallery_next {width:14px; height:19px; float:left; margin-left:3px; background:url('/img/global/next_button.jpg'); cursor:pointer;}
#gallery_share {float:right; margin-top:9px;}
#gallery_share_prompt {display:inline; font-weight:bold; font-size:17px; color:#ccc;}
#gallery_about_link {position:relative; top:35px;}
.share_icon {vertical-align:middle; border:none; margin-left:3px;}

/* other pages */
#page_title {font-family: Trebuchet,Verdana,Helvetica, sans-serif; font-size: 20px; letter-spacing: 3px; color:#535353; height:75px; width:100%; margin-left:30px; position:relative; top:30px;}
#donate_page_title {font-family: Trebuchet,Verdana,Helvetica, sans-serif; font-size: 20px; letter-spacing: 3px; color:#535353; height:45px; width:100%; margin-left:30px; margin-top:30px;}
#faq_page_title {font-family: Trebuchet,Verdana,Helvetica, sans-serif; font-size: 20px; letter-spacing: 3px; color:#535353; height:55px; width:100%; margin-left:30px; position:relative; top:30px;}
#content {width:80%; margin-left:33px; margin-top:15px;}
#content_donate {width:90%; margin-left:33px; margin-top:15px;}
#content_books {width:90%; margin-left:33px; margin-top:15px;}
#content_contact {width:90%; margin-left:33px; margin-top:15px;}
#copyright {clear:both; width:500px; text-align:center; font-size:10px; line-height:12px; padding-top:100px; padding-left:300px;}
#chris_photo {float:right; width:400px; padding-left:25px; position:relative; top:-40px;}
#contact_photo_credit {font-size:10px; font-style:italic; text-align: right;}
#studio {float:left; padding-right:15px; width:400px; }
#gallery_rep {float:left; width:250px;}
.book {padding-bottom:15px; }
.book_title {font-family: Trebuchet,Verdana,Helvetica, sans-serif; font-size: 20px; line-height:22px; letter-spacing: 3px; color:#535353; width:100%; margin-bottom:20px;}
.book_photo {float:right; width:500px; padding-left:25px; padding-bottom:40px;}
#book_bottom_spacer {height:50px; }
#resume_anchors {width:100%; padding:0 50px 30px 150px; list-style-type:none;}
#resume_anchors li {float:left; padding-right:35px;}
#back_to_gallery {padding-top:40px;}
#back_to_gallery a {color:#767676; font-size: 14px; line-height:17px;}

.sectiontitle {font-size:14px; font-weight:bold; padding-bottom:10px;}
.sectiontitle_resume {font-size:14px; font-weight:bold; padding-bottom:10px; padding-top:20px}
.bold {font-weight:bold; }
.italic {font-style:italic; }

/* fill_page */
html.fill_page, 
.fill_page body,
.fill_page #page {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.fill_page #gallery_title {
	margin-left: auto;
	margin-right: auto;
	max-width: 850px;
	width: 90%;
}

.fill_page #gallery_image {
	position: absolute;
	float:none;
	left: 160px;
	top: 150px;
	right: 160px;
	bottom: 20px;
	margin: 0;
}

.fill_page #gallery_image_main {
	width: 100%;
	height: 100%;
}

.fill_page .image_div {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}