/*   
Theme Name: Modern Photographers
Theme URI: http://modernphotographers.com
Description: A custom theme for ModernPhotographers.com
Author: Brian Fegter
Author URI: http://officewarriors.com
*/

body{background:#17212D; margin:0; padding:0; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;}

/* Links */
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* Misc Styles */
img{border:none;}
ul, ol {margin:0; padding:0;}
.cl{clear:both; margin:0; padding:0;}


/* Background */
#background{width:100%; height:100%; z-index:-500; position:absolute; left:0; top:0;}
#background img {width:100%; position:absolute; top:0; left:0;}

/* Wrapper */
#wrapper{width:960px; margin:0 auto; margin-top:25px;}

/* Header */
#header-top{background-image:url('images/header-top.png'); background-repeat:no-repeat; height:30px; width:960px;}
#header{background:#fff; height:110px; background:url('images/header-bg.jpg') repeat-x bottom center; border-bottom:4px solid #BCC6D0;}
#header h1{width:245px; height:96px; margin:0 0 0 20px; padding:0; text-indent:-5000px;}
#header h1 a {display:block; background:url('images/logo.png'); height: 96px; width:245px; text-indent:-5000px; font-size:0; position:relative; top:-10px;}
#header h1 a:hover {background:url('images/logohover.png');}
#header img[title=oneblog] {   margin:0 30px 15px 0; clear:both;}
#header img[title=Apply] {float:left; margin:0 0 0 25px;}
#header ul.drop {float:right; margin:7px 15px 0 20px; list-style:none;}
#header ul li{display:inline;}
#header ul li a {color:#626262;}
#header ul li a:hover {color:#D78829;}
h2.tag{text-align:right; font-weight:normal; color:#4D6684; font-size:32px; padding:0 0 15px 0; margin:0 20px 15px 0; border-bottom:1px solid #C5CBD2;}
h2.findbutton{height:30px; width:184px; float:right; font-size:0; text-indent:-5000px;}
h2.findbutton a{display:block; height:30px; width:184px; font-size:0; color:#fff; text-indent:-5000px; background:url('images/findphotographer.png')0 0 no-repeat;}
h2.findbutton a:hover{background:url('images/findphotographerhover.png')0 0 no-repeat; text-decoration:none;}
.left {width:280px; float:left;}
.right {width:665px; float:right; text-align:right;}

.drop ul {position:absolute; top:-999em; }
.drop li {float:left; position:relative; font-size:15px; font-weight:bold;}
.drop a {float:left; position:relative; margin:0 15px 0 0;}
.drop a:hover {text-decoration:none;}



#featured-container{width:920px; background:#E7EAED; border-bottom:4px solid #BCC6D0; padding:20px; }
#featured {overflow:hidden;}
#featured ul, #featured li{margin:0; padding:0; list-style:none;}
#featured li{width:920px; height:360px; overflow:hidden;}
ol#controls{ margin:8px 0; padding:0; height:15px; font-weight:bold; font-family:Arial, sans-serif; }
ol#controls li{ margin:0 8px 0 0; padding:0; float:left; list-style:none; height:15px; line-height:15px;}
ol#controls li a{ float:left; height:15px; line-height:15px; color:#555; text-decoration:none; }
ol#controls li.current a{ color:#D3801D;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
p.no-posts{display:block; width:500px; color:#787878; font-size:12px;}


/* Content */

#content-wrap {width:960px; background-image:url('images/contentbg.jpg'); background-repeat:repeat-y; }
#content {width:760px; float:left; background:#fff;}
.posts{padding:20px;}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {margin:10px 0; color:#E9A95C;}
h2.post-title, h2.page-title{color:#E9A95C; font-size:1.6em; display:block;}
h2.page-title {margin:0 0 15px 0;}
h2.post-title a {color:#E9A95C;}
h2.post-title a:hover {color:#4D6684;}
.post { margin:0 0 25px 0; color:#737373; overflow:hidden;}
.post p{color:#737373; font-size:.80em; font-weight:normal; line-height:1.4em; margin:0 0 14px 0; }
.post .thumb {display:inline;}
.post .thumb img {max-width:305px; height:auto;}
.post a {color:#D78829;}
.post a img {padding:4px; background:#ddd; border:1px solid #BCBCBC; margin:0 0 12px 0; max-width:710px; height:auto;}
.post a img:hover {background:#aaa;}
img.alignleft {float:left; margin:0 12px 5px 0;}
img.alignright {float:right; margin:0 0 5px 12px;}
.post-info{height:30px;  color:#fff; position:relative; margin:0 0 20px 0;}
.post-info p {position:absolute; left:0; top:6px; border-bottom:3px solid #BEC8D2; width:720px; padding:0 0 7px 0;}
.post-info a, .tags a, .comments a{color:#D3801D;}
#comment-count {position:relative; top:-20px; width:30px; height:30px; float:right; background-image:url('images/comments.png'); background-repeat:no-repeat; text-align:right;}
#comment-count p{color:#fff; font-size:.9em; font-weight:bold; font-family:"Arial", sans-serif; margin:1px 5px 0 0;}
#comment-count a{color:#fff}
.post-nav {padding:10px 0 0 0; margin:0 0 10px 0;}
.post-nav a {color:#fff; padding:5px 10px; background:#D3801D;}

.post ol, .post ul {margin:0 0 15px 10px; list-style:none; font-size:13px;}
.post ul li {list-style:circle; margin:0 0 5px 15px; line-height:16px;}
.post ol li {list-style:square;  margin:0 0 5px 15px;line-height:16px;}

.post iframe {width:710px;}



/* Sidebar */
#sidebar{width:199px; background:#F6F7F8; float:right;}
.widget {border-bottom:1px solid #E5E6E7; padding:20px 14px 20px 14px; color:#586B82;}
.widget ul, .widget li {list-style:none;}
.widget ul {margin:8px 0 0 0 ; font-size:.80em; font-family: "Verdana", sans-serif;}
.widget li {margin:0 0 6px 0;}
.widget a {color:#586B82;}
.widget a:hover {color:#D3801D;}
.widget p {font-size:.8em;}
.widget h2.title {margin:0 0 7px 0; font-family:"century gothic", "verdana", sans-serif; text-transform:uppercase; color:#586B82; font-weight:normal; font-size:1.3em;}
.widget select {color:#787878; padding:5px; width:170px; border:1px solid #b7b7b7;}

/* Footer */
#footer {background:#626262; margin:0; padding:0 20px 20px 20px; clear:both; width:920px;}
#footer .widget{border:none; color:#fff; padding:0 0 20px 0;}
#footer .widget h2, #footer .widget a {color:#fff; margin:20px 0 10px 0; }
#col {width:215px; padding:0; float:left; border:none; color:#fff; margin:0 15px 0 0;}
.footerclear {clear:left;}
.copyright{width:920px; padding:20px; background:#494949; margin:0 0 25px 0;}
.copyright p {color:#fff; font-size:.65em;}


/* Tooltips */
#tooltip{position:absolute; border:1px solid #ddd; padding:5px 8px; background:#eee;  color:#555; display:none;}


/* Wordpress Widgets */
.screen-reader-text {display:none;}
.widget form#searchform input[type=text]{width:98%; color:#626262;}
.widget form#searchform input[type=submit]{color:#fff; padding:5px 10px; background:#D3801D; margin:5px 0 0 0;}
.widget form#searchform input[type=submit]:hover{background:#5B738D;}
table#wp-calendar{font-size:.85em; text-align:center;}
table#wp-calendar thead td{}
table#wp-calendar tbody td{padding:3px; }
table#wp-calendar tfoot td{padding:10px 0 0 ;}
table#wp-calendar tfoot td {background:transparent; font-size:.85em;}
table#wp-calendar tfoot td#prev {text-align:left;}
table#wp-calendar tfoot td#next {text-align:right;}
table#wp-calendar caption {  font-size:1.1em; padding:0 0 10px 0; text-align:left; font-weight:normal;}

/* Comments */
.comments {color:#5B738D;}
.comments p {padding:0; margin:0;}
.comments h2  { float: left; display: block; width: 332px; background:#e6e6e6; width:695px; padding:15px 10px 15px 15px;}
.comment { padding: 15px 0 15px 0; height: 100%; border-bottom: 1px solid #e5e1d8; }
.last-comment { border-bottom: 0; margin:0 0 15px 0;}
.comment .img { float: left; display: inline; margin-right: 20px; }
.comment .comment-text { float: left; display: inline; width: 330px;}
.comment .comment-text h3 { font: 12px/15px Arial, sans-serif; }
.comment .comment-text h3 a { font-weight: bold; }
.comment .comment-text small { display: block; font-size: 11px; padding-bottom: 15px; }
.comments form { padding: 20px 0 0 0; height: 100%;}
.comments input[type=text]{width:410px;}
.comments form label { display:block; color: #717171; font-size: 11px; line-height: 30px; }
.comments form textarea { padding: 10px; height: 112px; width: 390px; font-size: 12px; overflow: auto; }
.comments form p { float: left; display: inline; font-size: 11px; color: #717171; }
.comments form p span { color: #ff0000; }
.comments form .submit { float: left; display: inline; background: #D3801D; color: #fff; font: bold 12px/34px Verdana, Arial, sans-serif; border: 0; cursor: pointer; height: 34px; width: 133px; text-align: center; margin: 10px 2px 0 0; }

/* Photographer Profile */
form.photographer{font-family:"Verdana", sans-serif;}
form.photographer label {display:block; margin:0 0 15px 0; font-size:.90em;}
form.photographer input[type=text], form.photographer input[type=password]{ display:block; margin:0 0 15px 0; width:300px;}
form.photographer input[type=submit], input#wp-submit{color:#fff; padding:5px 10px; background:#D3801D; float:right; position:relative; top:-10px;}
form.photographer input[type=submit]:hover, input#wp-submit:hover{background:#5B738D;}
form.photographer textarea {font-family:"Verdana", sans-serif; font-size: .9em; margin:0 0 15px 0; display:block; width:300px; height:150px;}
form.photographer select{ display:block; margin:0 0 15px 0; width:300px;}
form.photographer h3 {background:#84ABCC; padding: 10px; color:#fff; margin:0 0 15px 0;}
p.rememberme{margin:0 0 10px 0;}
form input.mid{margin:10px 0;}
input#wp-submit{float:none; margin:10px 0 0 0;}
div.column{width:335px; float:left; padding:0 20px 0 0;}
#address1, #address1label{display:none;}
label.error{color:#4d4d4d; font-style:italic; background:#ffe6e6; padding:10px; width:280px;}
h2.error{margin:0 0 15px 0; color:#ff6262; font-size:1em; font-weight:normal;}
div#spacer{clear:both;}
div#modern{margin:0;}
label#long{font-size:.75em;}
form.photographer select.short{width:75px;}
div#login_error{font-size:.75em;}
div#login_error strong{font-style:normal;}
div#login_error a{display:block; margin: 5px 0 0 0;}
h3.warning{color:#ff6262; margin:10px 0 20px 0; font-weight:normal;}
h3.error{color:#ff6262; margin:10px 0 20px 0; font-weight:normal;}
h3.success{color:#459e38; margin:10px 0 20px 0; font-weight:normal;}
p.http {margin-bottom:10px; font-size:11px; color:#787878;}

/* Photographer Search */
h2.country{font-size:1.3em; margin:0 0 10px 0;}
h3.state{margin:0 0 10px 15px;}
ul.cities{margin:0 0 10px 30px;}
ul.modernprofile {
list-style: none;
margin: 0 0 15px 0;
padding: 0 0 20px 0;
border-bottom:1px solid #5E5E5E; border-style:dotted;
}

ul.modernprofile LI {
display: inline;
}

ul.modernprofile LI A {
padding: 3px 5px;
text-decoration: none;
color:#5E5E5E;
}
ul.modernprofile LI A.selected,
ul.modernprofile LI A:hover {
padding-top: 7px;
padding-bottom:6px;
}

ul.modernprofile LI A.selected
{
    font-weight:bold;
    background:#ebebeb;
    border:1px solid #787878;
}

ul.modernprofile LI A:focus {
    outline: 0;
}

div.tabs > div {
    padding: 5px;
    margin-top: 3px;
}

div.tabs > div h2 {
    margin-top: 0;
}

div.listing-head{margin-bottom:20px; border-bottom:1px solid #BDBDBD; padding-bottom:20px; }
ul.modernsearch {float:left; font-family:"Arial";}
ul.modernsearch li {cursor:pointer; display:inline; margin-right:10px; color:#787878;}
ul.modernsearch li.active{font-weight:bold; color:#D27C1B;}
div.modern-search{float:left; position:relative; top:-6px; margin:0 5px 0 10px;}
div.modern-search input[type=text] {width:75px; color:#787878; border:1px solid #c5c5c5; padding:5px;}
div.modern-search input[type=button] {border:none; background:transparent; color:#D27C1B; font-size:14px; padding:0; cursor:pointer;}
div.search-results{margin:20px 0 0 0; }
h2.searchby {float:left; margin-right:10px; color:#787878;}
div.loading {display:none; float:left; width:128px; height:15px; background:url(images/loading.gif) 0 0 no-repeat;}


/* Listing */
div.listing {border-bottom:1px solid #BDBDBD; padding:0 0 0 0; margin:15px 0 0 0; font-family:"Arial";}
div.listing img{padding:2px;}
.listing img.photog-logo {float:left; margin:0 15px 15px 0;}
.listing span.listing-info{float:left; width:375px;}
.listing-info a {color:#D27C1B;}
.listing-info a:hover {color:#697789; text-decoration:none;}
.listing h2 {margin-bottom:10px;}
.listing h2 a {color:#697789; font-size:23px;}
.listing h2 a:hover {color:#D27C1B;}
.listing span.listing-info ul {margin-bottom:15px;}
.listing span.listing-info li{display:inline; margin:0 10px 0 0;}
.listing span.listing-gallery{float:right;}
.listing span.listing-gallery img {margin-left:5px;}
h2.location, h2.searchresults {margin:15px 0 0; color:#fff; font-size:16px; background:#939dac; padding:10px;}
.list-paging, .search-paging, .list-paging-top {margin:15px 0 0; padding:0 0 15px;}
.list-paging p, .search-paging p, .list-paging-top p {float:left; margin:0 15px 0 0; color:#787878;}
.list-paging ul, .search-paging ul {float:left;}
.list-paging li, .search-paging li, .list-paging-top li {display:inline; cursor:pointer; background:#D27C1B; padding:5px 10px; color:#fff; font-size:14px;}
.list-paging li.active, .search-paging li.active, .list-paging-top li.active {background:#697789; cursor:default;}
p.nolistings {color:#787878; font-size:14px; margin:15px 0 0;}
.list-paging-top ul {float:right;}


/* Contact Form */
img[alt=captcha]{border:none; padding:0; margin:0; position:relative; top:5px; }
form.wpcf7-form input[type=text]{padding:5px; color:#787878; margin-top:10px; width:300px;}
form.wpcf7-form input[name=captcha-661]{width:50px;}
form.wpcf7-form textarea{padding:5px; color:#787878; margin-top:10px; width:300px;}
form.wpcf7-form input[type=submit]{color:#fff; padding:5px 10px; background:#D3801D; margin:5px 0 0 0;}


/* Tooltip */
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }

