/*
Theme Name: Redux Pictures
Author: Standard Motion
Theme URI: http://www.standardmotion.com
Description: Design by Jon Setzen, Production by Caroline Keim
Tags: 
*/

/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 10px; line-height: 1.6em;}
.bold								{font-weight: bold;}
.nudge-right						{padding-right: 5px;}
.green								{color: #a0bb39;}

/*
STRUCTURE
*/

body {font: 10px Verdana, Arial, sans-serif; color: #727272; text-align: center; background-color: #d7d7d7; margin: 0; padding: 0;}
#container {margin: 0 auto; text-align:left; width:1100px; background-color: #ffffff; border-left: 1px solid #9b9797; border-right: 1px solid #9b9797;}
#header {height: 124px; background-image: url(http://www.reduxpictures.com/wp-content/images/nav-bg.jpg); background-repeat: no-repeat;}
div#logo {position: absolute; margin: 20px 0 0 10px;}
div#stock-search {position: absolute; margin: 87px 0 0 885px;}
input.stock-search {background-color: #a0bb39; width:175px; font-size: 12px; padding: 3px 2px; font-family: Arial; color: #ffffff; font-weight: bold; vertical-align: top;}
input.stock-bottom {background-color: #ffffff; width:175px; font-size: 12px; padding: 3px 2px; font-family: Arial; color: #727272; font-weight: bold; vertical-align: top; border: 1px solid #727272;}
ul#nav {font-size: 12px; font-family: Arial; font-weight: bold; position: absolute; margin: 91px 0 0 14px; text-transform: uppercase;}
ul#nav li {float: left; margin-right: 20px;}
ul#nav a {color: #5a5e4d; text-decoration: none;}
ul#nav a:hover {color: #a0bb39;}
ul#nav a.orange:hover {color: #f3b700;}
ul#nav a.blue:hover {color: #50d4ff;}
#dropdown {width: 1087px; background-color: #ffffff; margin-left: -14px; padding: 28px 0 0 0; background-color: transparent !important;}
#dropdown-contents {height:300px; background-color:#ffffff; padding: 0 0 0 13px; width: 1087px; border-bottom: 3px solid #cacaca; }
#nav li div {display: none; background-color: #ffffff;}
#nav li:hover div {display: block;position: absolute;}
ul#photographer-list {width: 730px !important; font-family: Arial; font-size: 12px !important; float: left !important; text-transform: none !important; font-weight: normal;}
ul#photographer-list a {color: #727272 !important;}
ul#photographer-list a:hover {color: #a0bb39 !important;}
ul#photographer-list li {float: left !important; width: 230px !important; border-right: 1px solid #d2d2d2 !important; border-bottom: 1px solid #d2d2d2 !important; padding: 4px 5px !important; margin: 0 !important; }
ul#photographer-list li:hover a {color: #a0bb39 !important;}
div#home-page {margin: 15px 0 0 0; position: relative;}
h2 {color: #a0bb39; font-size: 18px; margin-bottom: 3px; font-family: Arial;}
.photog-thumb-list {position: absolute !important; width:350px; float: left; left:740px; visibility: hidden; text-align: right !important; z-index: 2 !important; background-color: #ffffff !important; font-size: 10px !important;}
.photog-thumb-list img {border: 1px solid #a0bb39 !important;}
.photog-static-thumb {position: absolute !important; width:350px; float: left; left:740px; visibility: visible; text-align: right !important; background-color: #ffffff !important; z-index: 1 !important; font-size: 10px !important;}
.photog-static-thumb img {border: 1px solid #a0bb39 !important;}
#dropdown {z-index: 9 !important; position: relative;}
#redux-stock-link {position: absolute; margin: 55px 0 0 895px; }

/*
HOME
*/
#home-stock {width: 703px; padding-right: 25px; margin-right: 25px; float: left;border-right: 1px dotted #bcb2b2; min-height: 570px;}
#home-sidebar {float: left; width: 320px; font-size: 11px;}
#bottom-half {margin-top: 50px; background-color: #f5f5f5; padding: 15px 0px 15px 13px; }
#home-photogs {padding: 0 13px;}
.reps-headline {margin-bottom: 5px; text-align: left; width: 320px;}
#bottom-half a {color: #a0bb39;}
#bottom-half a:hover {text-decoration: underline !important;}
.blog-headline {font-size: 14px; font-weight: bold; font-family: Arial;}
#home-reps {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #bcb2b2; }
.bloglink a{color: #727272 !important;}
.bloglink a:hover {color: #a0bb39 !important; text-decoration: underline !important;}
#more-blog {font-size: 10px; margin: 5px 0 5px 0;}
#more-blog a {color: #727272 !important;}
#more-blog a:hover {color: #a0bb39 !important;}
#more-blog li:before {content: "- ";}
.first-img img {width: 190px; float: left; margin-right: 5px;}
.first-img {height: 130px; overflow: hidden; float: left;}
.first-post {margin-top: 5px;}
.secondary {float: left; width: 160px;}
.secondary img {max-width: 160px; margin-bottom: 5px;}
#stock-main {width: 330px; margin-bottom: 15px;}
#stock-main img {max-width: 330px; margin-bottom: 5px;}
.stock-left {float: left; font-size: 12px;}
.commercial {float: right; font-size: 9px; font-weight: bold; text-transform: uppercase; color: #a0bb39; padding-top: 8px; font-family: Arial;}
#stock-partner-links {font-size: 11px !important; width: 345px; float: left; border-bottom: 1px solid #bcbcbc; margin-left: 25px;}
#stock-partner-links a {color: #727272 !important;}
#stock-partner-links li:before {content: "- ";}
.stock-link-header {text-transform: uppercase; font-weight: bold; padding: 0 0 5px 0; border-bottom: 1px solid #bcbcbc; margin-bottom: 15px; margin-top: -2px;}
.partner-links {padding-bottom: 15px;}
#stock-search-bottom {font-size: 12px; font-weight: bold; margin: 20px 0 0 0; font-family: Arial;}

/*
SUPER FEATURE
*/
#featured-line {background-color: #f5f5f5; color: #989898; padding: 3px 10px 3px 14px; text-transform: uppercase; font-size: 14px; font-weight: bold; font-family: Arial; border-bottom: 1px solid #bcbcbc;}
#super-feature {background-color: #d7d7d7; height: 344px; width: 1100px; position: relative; font-family: Arial; font-size: 18px; color: #ffffff; font-weight: bold;}
#callout {width: 300px; position:absolute; top:0px; left:780px; height: 344px; }
#transparent {opacity: 0.90;
  -moz-opacity: 0.90; /* older Gecko-based browsers */
  filter:alpha(opacity=90); /* For IE6&7 */
 background-color:#a0bb39; position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
 }
#callout-content {width: 280px; height: 324px; position: relative; padding: 10px; }
#close-super {text-transform: uppercase; font-size: 14px; bottom: 10px; position: absolute; width: 300px; left: 10px; cursor: pointer;}
#super-title {border-bottom: 1px solid #ffffff; font-size: 22px; padding-bottom: 5px; margin-bottom: 5px;}
#super-blurb {border-bottom: 1px solid #ffffff; padding-bottom: 5px; margin-bottom: 5px;}
#super-feature a {color: #ffffff; text-decoration: none;}
#super-feature a:hover {text-decoration: underline;}

/*
PHOTOGRAPHER'S MAIN PAGE
*/
div#photog-main {margin: 15px 0 0 0; min-height: 500px}
ul#photographer-main-list li {float: left; margin: 0 13px 5px 13px; font-size: 10px; height: 310px; width: 249px;}
.main-name {font-family: Verdana; font-size: 13px; font-weight: bold;}
ul#photographer-main-list a {color: #a0bb39;}
ul#photographer-main-list a:hover {text-decoration: underline !important}
ul#photographer-main-list img {padding: 5px 0;}
.main-location {font-size: 11px;}
div#sorting-bar {line-height:20px; font-size: 10px; background-image: url(http://www.reduxpictures.com/wp-content/images/filter-bg.jpg); background-repeat: no-repeat; padding: 3px 13px; margin: 0 0 0px 0;}
div#sorting-bar .label {font-size: 11px; font-weight: bold; float: left;}
ul.sorting {float: left; margin: 1px 0 0 5px;}
ul.sorting li{float: left; margin-right: 15px;}
.sort-nyc {display: block !important;}
.sort-west {display: block !important;}
.sort-east {display: block !important;}
.sort-intern {display: block !important;}
.sort-mid {display: block !important;}
.sort-africa {display: block !important;}
.sort-north-america {display: block !important;}
.sort-south-america {display: block !important;}
.sort-asia-aussie {display: block !important;}
.sort-europe {display: block !important;}
.sort-life {display: block !important;}
.sort-food {display: block !important;}
.sort-travel {display: block !important;}
.sort-documentary {display: block !important;}
.sort-portraits {display: block !important;}
.sort-hidden {display: none;}
.specialities {text-transform: capitalize;}

/*
CONTRIBUTOR'S MAIN PAGE
*/
div#contrib-main {margin: 15px 0 0 0; min-height: 500px}
ul#contributor-main-list {margin-left: 13px;}
ul#contributor-main-list li {float: left; margin: 0 16px 5px 0; font-size: 11px; height: 200px; width: 165px;}
ul#contributor-main-list a {color: #a0bb39;}
ul#contributor-main-list a:hover {text-decoration: underline !important}
ul#contributor-main-list img {padding: 5px 0;}
.contrib-header {margin: 0 13px; border-bottom: 1px solid #d7d7d7;}
.contrib-header h1 {font-size: 14px;}
.contrib-section {margin-bottom: 20px;}

/*
PHOTOGRAPHER'S SINGLE PAGE
*/

#portfolio-view{ height: 420px; width: 630px; margin:5px 0 15px 0; overflow-x:hidden; overflow-y: hidden; }		
#portfolio-view p { display: block; white-space: nowrap;}
#portfolio-view img{ max-height: 420px; padding-right: 12px;}
.scrollbar-hor{ background-color: #d7d7d7; height: 15px; width: 630px; float:left;}
.handle-hor { height: 15px; width: 55px; background-color:#a0bb39;}
#photog-details {width: 275px; margin-right: 30px; float: left; min-height: 600px;}
#photo-pictures {float: right; width: 765px;}
#photog-single {margin: 15px 13px 0px 13px; padding-bottom: 30px;}
#photog-single a {color: #a0bb39; text-decoration: none;}
#photog-single a:hover {text-decoration: underline;}
#photog-single h1 {font-size: 18px; font-weight: bold;}
.single-location {font-size: 12px; font-weight: bold;}
.bio-area {border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; padding: 5px 0 5px 0; margin-top: 3px;}
.bio-area p {margin-bottom: 10px;}
.bio-area img {float: left; padding: 0 10px 0px 0; max-width: 100px;}
.single-website {padding: 5px 0; border-bottom: 1px solid #e7e7e7;}
#grid-view li {float: left; width: 175px; height: 175px; margin: 0px 15px 15px 0;}
#grid-view li img {max-width: 175px;}
#Maindiv {margin-top: 5px; float: right; width: 765px;}
#grid {display: block; float: right;}
#loader {background:#fff url(http://www.reduxpictures.com/wp-content/images/loader.gif) 50% 50% no-repeat; height: 500px; width: 760px; position: absolute; }
.single-contact {margin: 10px 0 0 0;}
.single-contact ul {list-style-position: inside;}
.single-contact li:before {content: "- ";}
#single-print {padding: 5px 0; border-bottom: 1px solid #e7e7e7; font-weight: bold;}
#single-print a {color: #727272;}
#single-stock {padding: 5px 0; border-bottom: 1px solid #e7e7e7; font-weight: bold;}
#single-blog-entries {margin: 5px 0 0 0;}
#single-blog-entries ul {list-style-position: inside;}
#single-blog-entries li:before {content: "- ";}

/*
CONTRIBUTOR'S SINGLE PAGE
*/

#contrib-details {width: 275px; margin-right: 30px; float: left; min-height: 600px;}
#photo-pictures {float: right; width: 765px;}
#contrib-single {margin: 15px 13px 0px 13px; padding-bottom: 30px;}
#contrib-single a {color: #a0bb39; text-decoration: none;}
#contrib-single a:hover {text-decoration: underline;}
#contrib-single h1 {font-size: 18px; font-weight: bold;}

/*
BLOG
*/
#blog-page {color: #727272; font-family: Verdana, Arial, sans-serif; margin: 15px 0 0 0; padding: 0 14px 20px 14px; font-size: 10px;}
#blog-page a {color: #825a9f; text-decoration: none;}
#blog-page a:hover {text-decoration: underline;}
#blog-content {float: left; width: 600px;}
#sidebar {float: left; width: 255px; margin-left: 100px; border-left: 1px dotted #bcb2b2; padding-left: 15px;}
#sidebar h3 {font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 3px;}
.sidebar-section {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #bcb2b2;}
#blog-page .post h2 {font-size: 22px; font-family: Georgia, serif; font-weight: bold; font-style: italic;}
#blog-page .post-title a {color: #a0bb39 !important; text-decoration: none !important; }
#blog-page .post-attributes {color: #727272; font-size: 10px; font-family: Verdana;}
#blog-page .post img {padding: 5px 0; max-width: 600px;}
#blog-page .post {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #bcb2b2; }
#blog-page object {width: 601px; height: 338px;}
#blog-page embed {width: 601px; height: 338px;}

/*
ABOUT
*/
#about-page {color: #727272; font-family: Verdana, Arial, sans-serif; margin: 15px 0 0 0; padding: 0 14px 15px 14px; font-size: 12px;}
#about-text {width: 590px; float: left;}
ul#staff-list img {width: 50px; height: 50px; float: left; padding-right: 5px;}
ul#staff-list li {margin-bottom: 10px;}
#about-page a {color: #a0bb39; text-decoration: none;}
#about-page a:hover {text-decoration: underline;}
#about-page p {margin-bottom: 20px;}
#about-page h2 {font-size: 12px; font-family: Verdana; margin-bottom: 5px; color: #727272;}
#about-sidebar {width: 325px; float: left; border-left: 1px dotted #bcb2b2; padding-left: 25px; margin-left: 125px; font-size: 10px;}
#about-sidebar h3 {font-family: Arial; text-transform: uppercase; font-size: 11px; border-bottom: 1px dotted #bcb2b2; margin-bottom: 5px;}
#about-sidebar h4 {font-family: Arial; font-size: 11px; margin-bottom: 5px;}


/*
PARTNER AGENCIES
*/
div#partners-page {margin: 15px 0 0 0; min-height: 500px; padding: 0 0 0 14px;}
#partners-page h3 {font-size: 11px; font-weight: bold; font-family: Verdana;margin-bottom: 20px;}
ul#partner-main-list li {float: left; margin: 0 20px 20px 0; font-size: 10px; height: 180px; width: 520px;}
.partner-image {padding: 0 10px 0 0; float: left; width: 200px}
.partner-details {float: left; width: 310px;}
.partner-details img {max-height: 35px; padding-bottom: 3px;}

/*
STOCK CONTRIBUTORS
*/
#stock-contrib {color: #727272; font-family: Verdana, Arial, sans-serif; margin: 15px 0 0 0; padding: 0 14px 15px 14px; font-size: 12px;}
#stock-contrib .column {float: left; width: 300px; margin-right: 30px;}
#stock-contrib h4 {text-transform: uppercase; font-size: 14px;}
.letter-section {margin-bottom: 25px;}
#stock-contrib h2 {margin-bottom: 20px;}

/*
MULTIMEDIA
*/
#multimedia-page {margin: 15px 0 0 0; min-height: 500px; padding: 0 0 0 14px;}
#multimedia-page .text { width: 540px; float: left; font-family: Arial; font-size: 14px;}
#multimedia-page p {margin-bottom: 10px;}
#multimedia-page a {color: #a0bb39;}
#multimedia-page .featured-video	{width: 500px; float: left; margin-left: 30px; font-family: Arial; font-size: 14px;}
#multimedia-page .featured-video p {margin-bottom: 0px;}
#multimedia-page .featured-video .video-text p {margin-bottom: 10px;}
#multimedia-page .featured-video object {width: 500px; height: 338px; margin-bottom: 5px;}
#multimedia-page .featured-video embed {width: 500px; height: 338px; margin-bottom: 5px;}

/*
BOOKS
*/
#books-page {margin: 15px 0 20px; 0; min-height: 500px; padding: 0 0 0 14px;}
#books-page .text { font-family: Arial; font-size: 14px;}
#books-page p {margin-bottom: 10px;}
#books-page a {color: #a0bb39;}
#books-page .featured-book	{ font-family: Arial; font-size: 14px;}
#books-page img	{max-width: 480px; max-height: 480px; float: left; margin-right: 20px;}
#books-page .featured-book p {margin-bottom: 0px;}
#books-page .featured-book .book-text p {margin-bottom: 10px;}
.book-text {float: left; width: 500px;}


/*
VIDEO
*/
.large-video embed {width: 640px; height: 380px;}
.large-video object {width: 640px; height: 380px;}
.large-video {float: right; height: 380px; overflow: hidden;}
#video-page {margin: 15px 15px 0 0; min-height: 500px; padding: 0 0 30px 14px; font-family: Arial, sans-serif;}
#video-page h2 {font-size: 24px; color: #727272; font-weight: bold;}
.video-thumbs {margin: 40px 0;}
.video-thumbs object {width: 175px; height: 120px;}
.video-thumbs embed {width: 175px; height: 120px;}
.vid-thumb {width: 175px; font-size: 11px; font-weight: bold; line-height: 16px; margin-right: 48px; float: left;}
.thumb-vid {height: 120px; overflow: hidden; margin-bottom: 5px;}
.video-left {width: 400px; float: left; font-size: 14px; font-weight: bold; line-height: 20px;}
#video-page a {color: #00aeef;}
#video-page a:hover {text-decoration: underline;}
.featured-video-spot {font-size: 16px; line-height: 22px; margin-top: 20px; border-bottom: 1px solid #727272; padding-bottom: 5px;} 
.featured-video-spot h3 {font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #727272; padding-bottom: 3px; margin-bottom: 5px;}

/*
FOOTER
*/
html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 80px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -80px !important; /* negative value of footer height */
	height: 80px; background-color: #bcbcbc;
	clear:both; margin: 0 auto; text-align:center; width:1100px; border-left: 1px solid #9b9797; border-right: 1px solid #9b9797; font-size: 11px; font-weight: bold; color: #ffffff; font-family: Arial; } 
#foot-links {padding: 10px 0; border-bottom: 1px solid #ffffff;}
#bottom-foot {padding: 10px 0;}
#footer a {color: #ffffff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
.standard-motion {font-family: Verdana; font-size: 9px; font-weight: normal;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

		 /* slider specific CSS */
        .sliderGallery {
            overflow: hidden;
            position: relative;
            height: 545px;
            width: 760px;
            color: #ffffff;
        }
                
        .sliderGallery ul {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }
        
        .sliderGallery ul li {
            display: inline;
          	margin-right: 10px;
        }
        
        .sliderGallery ul li img {max-height: 500px;}
        
        .sliderGallery ul li:last-child {
          	margin-right: 0px !important;
        }
        
        .slider {
            width: 760px;
            height: 15px;
            position: absolute;
            top: 520px;
            background-color: #d7d7d7;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 15px;
            width: 55px;
            top: 0;
            background-color: #a0bb39;
            z-index: 100;
        }

.view-fullsize {text-transform: uppercase; font-weight: bold;}
#stock-main a {color: #727272 !important; text-decoration: none;}
.secondary a {color: #727272 !important; text-decoration: none;}