/*
Theme Name: Razon Collective
Author: Keim Design
Theme URI: http://www.keimdesign.com
*/

/*
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;}
a									{color: #9b9d9e;}
a:hover								{color: #fff;}
.smallcapitals						{font-family: Verdana, sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 1px;}

/*
STRUCTURE
*/

body {font: 14px "Times", serif; color: #fff; text-align: center; background-color: #000; margin: 0; padding: 0;}
#container {margin: 0 auto; text-align:left; width:1030px; padding-top: 20px;}
#header {height: 50px; font-family: Verdana, sans-serif; text-transform: uppercase; font-size: 10px; margin: 0 0 10px 0;}
#header img {float: left;}
.main-nav {float: left; margin: 30px 0 0 20px}
.main-nav li {float: left; margin-right: 20px; letter-spacing: 1px;}
.main-nav a {color: #fff;}
.main-nav a:hover {color: #9b9d9e;}
.main-content {padding: 0 15px 30px 0px;}
.page h2 {font-size: 24px; letter-spacing: 1px;font-family: "Times", serif; text-transform: none; font-weight: normal;}
.page h3 {font-size: 17px; letter-spacing: 1px; font-weight: normal; font-family: "Times", serif; text-transform: none;}
.page h3 a {color: #fff;}
.page a:hover {text-decoration: underline;}

/*
HOME PAGE
*/
.photog-features img {border: 1px solid #434343;}
.photog-features a {color: #fff;}
.photog-features {margin:25px 0 40px 0;}
.feature-caption {position: absolute; height: 40px; bottom: 0; width: 100%;}
.transparent {opacity: 0.20;
  -moz-opacity: 0.20; /* older Gecko-based browsers */
  filter:alpha(opacity=20); /* For IE6&7 */
 background-color:#fff; position: absolute;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0;  /* will cover the entire parent */
  left: 0;
  width: 100%;
}
.feature-name {position: absolute; right: 10px; top: 10px; font-size: 22px;}
.small-feature img {margin-bottom: 8px; border: 1px solid #434343;}
.small-feature {float: left; margin: 0 69px 0 0px;}
.home-page h2 {font-size: 17px; margin-bottom: 3px;}
.home-page h2 a {color: #fff;}
.home-page a:hover {text-decoration: underline;}


/*
PHOTOGRAPHERS
*/
.photographers img {margin-bottom: 8px; border: 1px solid #434343;}
.photographers {position: absolute; width: 1100px; top: 130px;}
.photographers li {width: 300px; height: 320px; overflow: hidden; float: left; margin: 0 60px 20px 0; line-height: 16px; font-family: Verdana, sans-serif; text-transform: uppercase; font-size: 10px; color: #9b9d9e; letter-spacing: 1px;}
        .sliderGallery {overflow: hidden; position: relative; height: 515px; width: 1015px; }
        .sliderGallery ul {position: absolute; list-style: none; overflow: none; white-space: nowrap; padding: 0; margin: 0; height: 475px;}
        .image-holder {height: 475px;}
        .sliderGallery ul li {display: inline; margin-right: 10px; height: 475px;}
        .sliderGallery ul li img {max-height: 475px;}
        .sliderGallery ul li:last-child {margin-right: 0px !important;}
        .slider {width: 1015px; height: 20px; margin: 495px 0 0 0;position: absolute; background-color: #434343;}
        .handle {position: absolute; cursor: move; height: 20px; width: 55px; top: 0; background-color: #818080; z-index: 100;}
#loader {background:#000 url(images/loader.gif) 50% 50% no-repeat; height: 495px; width: 1015px; position: absolute; color: #000; }
#photo-pictures {margin-bottom: 30px;}
.contact-info {float: left; width: 460px; font-family: Verdana; font-size: 12px; line-height: 18px;}
.contact-info a {color: #fff;}
.contact-info img {float: left; border: 1px solid #434343; margin-right: 50px;}
.bio {width: 500px; padding-left: 40px; border-left: 1px solid #434343; float: left; line-height: 20px; }
.page p {margin-bottom: 20px;}
.about-text {line-height: 20px; width: 500px; float: left; margin-top: 20px; margin-right: 75px;}
.collective-text {line-height: 20px; width: 300px; float: left; margin-top: 20px; padding-left: 75px; border-left: 1px solid #434343; font-family: Verdana; font-size: 12px; line-height: 18px; }

/*
PROJECTS
*/
.projects {margin: 40px 0 0 0; line-height: 20px;}
.project {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #9b9d9e;}
.projects img {float: left; margin-right: 50px;}
.project h2 a {color: #fff;}
.project h2 {font-size: 24px; letter-spacing: 1px; margin-bottom: 3px;}
.projects a:hover {text-decoration: underline;}
#TB_title {background-color: #000 !important; color: #fff !important;}
#TB_ajaxContent {background-color: #000; color: #fff;}
.about-project {float: left; width: 450px;}
.gallery {margin: 5px 0; display: none;}
.gallery {margin-bottom: 15px !important;}

/*
BLOG
*/
.sidebar {width: 240px; float: left; margin-top: 20px;}
.blogposts {width: 605px; float: left; min-height: 600px; margin-right: 130px; line-height: 21px; margin-top: 20px;}
.sidebar h3 {font-size: 16px; color: #fff; font-weight: normal;}
.sidebar-section {margin-bottom: 35px; line-height: 18px; color: #9b9d9e;}
.sidebar-section a {text-transform: uppercase; font-size: 10px; font-family: Verdana, sans-serif;}
.sidebar-section li:before {content: "- ";}
.sidebar-section li {list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -.6em;}

h2 {font-size: 18px; margin-bottom: 5px; font-weight: normal;}
.post h2 a {color: #fff;}
.post h2 a:hover {text-decoration: underline;}
.post {margin-bottom: 25px; border-bottom: 1px solid #9b9d9e;}
.post img {max-width: 600px;}
.post-attributes {font-size: 9px; color: #9b9d93; text-transform: uppercase; font-family: Verdana, sans-serif;}
.blogposts p {margin-bottom: 20px;}
.blogposts img {border: 1px solid #9b9d9e;}

#fancy_div {text-align:left;line-height:24px; font-size: 16px;}
#fancy_div p {margin-bottom: 20px;}
#comments {padding: 10px 0;}
#comments h3, #comments h4{
font-size:16px;
margin:35px 0 5px;
font-weight:normal;
}
#comments h4{
font-size:16px;
}
#comments cite{
font-size:14px;
font-weight:normal;
}
#comments em {
font-style:italic;
text-align:right;
}
#comments ol.commentlist li {
margin-top:20px;
border-right:0;
padding:10px 5px 20px 0px;
min-height:110px;
}
#comments p {
margin:30px 0 0 0px;
width:auto;
}
#comments span {
display:block;
color:#eee;
font-size:36px;
font-weight:normal;
float:right;
padding-top:25px;
}
#comments ul.formlist {
margin:20px 0;
width:375px;
}
#comments ul.formlist li {
display:block;
margin:10px 0 0;
}
#comments ul.formlist p{
margin:10px 0 0;
}
#comments input {
font: 14px Georgia, Arial, sans-serif;
width:370px;
font-size:12px;
font-weight:normal;
}
#comments textarea {
width:370px;
font-size:12px;
font-weight:normal;
}
#comments li.submitbutton input {
text-align:center;
background:#fff;
color:#000;
font-weight:normal;
font-size:14px;
width:200px;
}
#comments .center {
text-align:left;
}