/*
Theme Name: The Agent List
Theme URI: http://www.theagentlist.com
Description: The Agent List features a responsive grid layout that scales from four columns down to one column. Using masonry.js to deliver seamless rows, this theme offers a great user experience through ease of use.
Version: 1.0.2
Author: rasenstudio@gmail.com
*/

html{
  overflow-x: hidden;
}

.clear {clear:both;}
/* Loadmore block */
/*.loadmore-block {bottom: 800px;
    clear: both;
    height: 800px;
    left: 0;
    margin-left: -180px;
    opacity: 0;
    overflow: hidden;
    padding-top: 20px;
    position: absolute;
    width: 1333px;
    z-index: 1;}*/
/*.tpp-cb-next5 {text-align:center;cursor:pointer;border:1px solid #aaaaaa;background-color:#e3e3e3;color:#046736;font-size:14px;width:100%;height: 100%;}*/
.tpp-cb-next5{
  display: none;
}
.scb-4lm {clear:both;width:100%;height:20px;border:1px solid #ffffff;}
/* =============================== */
/*             Header              */
/* =============================== */
.header {height:auto;}

/* =============================== */
/*              Icons              */
/* =============================== */
.cam-icon {background:url(images/cam-icon.png) no-repeat;width:20px;height:19px;float:left;padding:0 5px 0 0;margin-top:1px;margin-left:8px;}
.loc-icon {background:url(images/loc-icon.png) no-repeat;width:20px;height:19px;float:left;padding:0 5px 0 0;margin-top:1px;margin-left:8px;}
.pep-icon {background:url(images/pep-icon.png) no-repeat;width:20px;height:19px;float:left;padding:0 5px 0 0;margin-top:2px;margin-left:8px;}
.artist-icon {background:url(images/artist.png) no-repeat;width:20px;height:19px;float:left;padding:0 5px 0 0;margin-top:1px;margin-left:8px;}
a.fb-icon {background:url(images/facebook.png) no-repeat top center;float:none;padding:10px;}
a.twit-icon {background:url(images/twitter.png) no-repeat top center;float:none;padding:10px;}
a.ingm-icon {background:url(http://theagentlist.com/wp-content/uploads/instagram-20.png) no-repeat top center;float:none;padding:10px;}
a.blog-icon {background:url(images/rss.png) no-repeat top center;float:none;padding:10px 10px;}
a.fb-icon, a.twit-icon, a.blog-icon, a.ingm-icon {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: .70;
  -khtml-opacity:.70;
  opacity: .70;
  display: inline-block;  
}
a.fb-icon:hover, a.twit-icon:hover, a.blog-icon:hover, a.ingm-icon:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity:1;
  opacity: 1;
}

/* =============================== */
/*              Forms              */
/* =============================== */
label {color:#777;}
input[type="text"], input[type="password"], input[type="file"]{
padding:12px 1px 12px 7px; 
color:#aaa;
-webkit-border-radius: .3em; 
-moz-border-radius: .3em;
border-radius: .3em;
-moz-box-shadow: inset 1px 1px 2px #999;
-webkit-box-shadow: inset 1px 1px 2px #999;
box-shadow: inner 1px 1px 2px #999;
border:none;
font-family: Arial, Sans-Serif;
float:left;
outline: none; 
font-size: 12px;
width: 97%;
background:#fff;
}
select {
height:40px;
color:#aaa;
border:none;
font-family: Arial, Sans-Serif;
float:left;
font-size: 12px;
width: 99%;
background:#fff;
}
input[type="submit"], input[type="button"].cropping-button {
color: #555;
font-weight: normal;
font-size: 13px;
text-shadow: 0 1px 0 white;
text-shadow: 0 0 0 transparent,0 1px 0 white;
float: left;
padding: 8px 30px;
margin: 15px 1px;
border: 1px solid #CCC;
border-bottom-color: #AAA;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=white,EndColorStr=#E0E0E0);
background-image: -moz-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -ms-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -o-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,white),color-stop(100%,#E0E0E0));
background-image: -webkit-linear-gradient(top,white 0,#E0E0E0 100%);
background-image: linear-gradient(to bottom,white 0,#E0E0E0 100%);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 1px white;
-ms-box-shadow: inset 0 0 1px white;
-o-box-shadow: inset 0 0 1px white;
-webkit-box-shadow: inset 0 0 1px white;
box-shadow: inset 0 0 1px white;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transtion: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
}

#image_container{
    max-width: 450px;
}
#image_container img{
    max-width: 450px;
}
input[type="submit"]:hover, input[type="button"].cropping-button:hover{
border-color:#bbb;
color: #555;
background:#f3f3f3;
background-image:-moz-linear-gradient(top,#ffffff,#ebebeb);
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb));
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
outline:0;
-moz-box-shadow:0 0 3px #bbb;
-webkit-box-shadow:0 0 3px #bbb;
box-shadow:0 0 3px #bbb;
}
/* =============================== */
/*              Logos              */
/* =============================== */
a.logo {background:url(images/logo.png) no-repeat;width:113px;height:23px;float:left;margin-top:30px;}
a.ftr-logo {background:url(images/ftr-logo.png) no-repeat;width:115px;height:22px;float:right;margin:20px 10px 0 0;}

/* =============================== */
/*           Navigation            */
/* =============================== */
.main-nav {float:right;margin-top:30px;width:50%;height:auto;text-align:right;padding:0px 5px 0 0;}
.main-nav a.nav {color:#777777;font-size:12px;text-decoration:none;font-family: 'Arvo', serif;padding:0px 10px;}
.main-nav a.nav:hover {color:#719952;}

/* =============================== */
/*             Tagline             */
/* =============================== */
h3.tagline {margin-top:40px;text-align:center;font-family: 'Arvo', serif;color:#787878;}

/* =============================== */
/*             Search              */
/* =============================== */
.srch-bar {height:80px;z-index:100;}
h4.srch-status-yes {margin:10px 0 10px 0;text-align:center;font-family: 'Arvo', serif;color:#787878;font-size:17px;}
h4.srch-status-no {margin:10px 0 40px 0;text-align:center;font-family: 'Arvo', serif;color:#787878;font-size:17px;}
.srchform {width:70%;margin:0px auto;margin-top:40px;}
input[type="submit"].srch {background:url(images/srch-icon.png) no-repeat;width:24px;height:19px;float:left;margin-top:12px;border:none;cursor:pointer;margin-left:-35px;z-index:120;
-moz-box-shadow: inset 0 0 0 white;
-ms-box-shadow: inset 0 0 0 white;
-o-box-shadow: inset 0 0 0 white;
-webkit-box-shadow: inset 0 0 0 white;
box-shadow: inset 0 0 0 white;
}
input[type="submit"].srch:hover{
-moz-box-shadow:0 0 0 #bbb;
-webkit-box-shadow:0 0 0 #bbb;
box-shadow:0 0 0 #bbb;
}
input[type="text"].srch {
padding:12px 15px; 
color:#bbb;
-webkit-border-radius: .3em; 
-moz-border-radius: .3em;
border-radius: .3em;
-moz-box-shadow: inset 1px 1px 2px #999;
-webkit-box-shadow: inset 1px 1px 2px #999;
box-shadow: inner 1px 1px 2px #999;
border:none;
font-family: Times, Serif;
font-style: italic;
float:left;
outline: none; 
font-size: 15px;
width: 90%;
background:#fff;
}
/* =============================== */
/*         Create Account          */
/* =============================== */
.feature-camera {background:url(images/feature-camera.png) no-repeat top left; width:100%; height: 20px;float:left;padding:2.5px 0px 0px 40px;font-size: 12px; color:#777;}

.feature-social {background:url(images/social-feature.png) no-repeat top left; width:100%; height: 20px;float:left;padding:3px 0px 0px 40px;font-size: 12px; color:#777;margin:20px 0;}

.feature-listings {background:url(images/feature-listings.png) no-repeat top left; width:100%; height: 20px;float:left;padding:3px 0px 0px 40px;font-size: 12px; color:#777;margin:20px 0;}

.feature-photographers {background:url(images/feature-photographers.png) no-repeat top left; width:100%; height: 20px;float:left;padding:3px 0px 0px 50px;font-size: 12px; color:#777;margin:20px 0;}

/* =============================== */
/*             Profile             */
/* =============================== */
.profile-section {margin-top:40px;}
.profile-section p, .profile-section strong {color:#777;font-size:12px;}
.add-listing p {margin-bottom: 20px;}
.add-listing p:after{visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0;}
.profile-section p.agent_location, .profile-section p.agent_artist{margin-bottom: 17px;}
h4.heading {text-align:left;font-family: 'Arvo', serif;color:#787878;}
.profile-hr {border-top: 1px solid #e5e5e5;box-shadow: 0 1px 0 #fff;width:100%;margin:10px 0 15px 0;}
.profile-section a.l {color:#777777;font-size:12px;text-decoration:none;}
.profile-section a.l:hover {color:#719952;}


p.error {
-webkit-border-radius: .3em; 
-moz-border-radius: .3em;
border-radius: .3em;
width:94%;
height:auto;
padding:10px;
background:#fff;
color:#913336;
font-style: italic;
text-align: center;
font-size: 12px;
}
p.error strong, p.error a {color:#913336;}

p.alert {
-webkit-border-radius: .3em; 
-moz-border-radius: .3em;
border-radius: .3em;
width:93%;
height:auto;
padding:15px;
background:#efefef;
color:#555;
margin-top:40px;
font-size: 12px;
}

p.confirm {
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border-radius: .3em;
width:94%;
height:auto;
padding:10px;
background:#fff;
color:#719952;
font-style: italic;
text-align: center;
font-size: 12px;
}

/* =============================== */
/*             Listing             */
/* =============================== */
.listing {
-webkit-border-radius: .3em; 
-moz-border-radius: .3em;
border-radius: .3em;
-moz-box-shadow: 1px 1px 1px 1px #ddd;
-webkit-box-shadow: 1px 1px 1px 1px #ddd;
box-shadow: 1px 1px 1px 1px #ddd;
background:#fff;
padding-bottom:10px;
}
.listing h5 {padding:15px 5px 0px 5px;font-family: 'Arvo', serif;font-size:13px;line-height: 1.4em;}
.listing h5 a {text-decoration: none;color:#545454;color:#545454;}
.listing h5 a:hover {color:#719952;}
.listing a.l {text-decoration:none;font-size:11px;color:#89897d;}
.listing a.l:hover {text-decoration:underline;}
.listing center img{ margin-top: 10px;}
span.loc, span.cam, span.pep {padding-bottom:5px;float:left;width:70%;text-align: left;font-size:11px;color:#777;}
span.loc a {text-decoration:none;font-style:italic;font-size:11px;color:#597276;}
span.cam a {text-decoration:none;font-style:italic;font-size:11px;color:#7d7e6e;}
span.pep a {text-decoration:none;font-style:italic;font-size:11px;color:#7d9267;}
span.pep a:hover, span.cam a:hover, span.loc a:hover {text-decoration:underline;}
.listing .links {margin:0px auto;width:110px;text-align:center;height:20px;padding:10px 0 0 0;}
h5.edit {padding:0px;font-family: 'Arvo', serif;font-size:13px;line-height: 1.4em;margin-top: 5px;}
/* =============================== */
/*           Pagination            */
/* =============================== */
.pagination {
clear:both;
padding:30px 2px;
margin:0px auto;
margin-top:15px;
width:50px;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 7px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#bbbbbb;
background: #fff;
-webkit-border-radius: .3em; 
-moz-border-radius: .3em;
border-radius: .3em;
-moz-box-shadow: 0px 1px 1px #ddd;
-webkit-box-shadow: 0px 1px 1px #ddd;
box-shadow: 0px 1px 1px #ddd;
}
.pagination a:visited{
color:#bbbbbb;
background: #fff;
}
.pagination a:hover{
color:#719952;
background: #fff;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #fff;
color:#719952;
}

/* =============================== */
/*              Footer             */
/* =============================== */
.ftr-hr {border-top: 1px solid #e5e5e5;box-shadow: 0 1px 0 #fff;width:100%;margin-top:50px;}
.ftr {width:100%;margin-top:5px;height:200px;}
.ftr .meta {float:left; width:50%; color:#aaa; margin:20px 0 0 10px; font-size: 11px;}
.ftr .meta a {color:#888; text-decoration: none; font-size: 11px;}
.ftr .meta a:hover {color:#888; text-decoration: underline; font-size: 11px;}

#new-location{
    display: none;
}

ul.category-filters{
  margin: 0px 10px;
}
ul.category-filters li{
  display:inline-block;  
  margin-bottom: 10px;
}

ul.category-filters li a{  
  -moz-border-radius: 30px 30px 30px 30px; 
  -webkit-border-radius: 30px 30px 30px 30px; 
  border-radius: 30px 30px 30px 30px;   
  background: #AEAFA4;  
  color: #FFF;
  padding: 5px 15px;
  text-decoration: none;
}
ul.category-filters li a.selected{  
  background: #719952;
}
ul.category-filters li a:hover{
  background: #969788;  
}


@media only screen and (min-width: 1101px) and (max-width: 1280px) {
	.mystyle {}
	.loadmore-block {width:1100px;margin-left: -70px;}
}

@media only screen and (min-width: 961px) and (max-width: 1110px) {
	.mystyle {}
	.loadmore-block {width:961px;margin-left: -50px;}
}

@media only screen and (min-width: 801px) and (max-width: 960px) {
	.mystyle {}
	.loadmore-block {width:100%;margin-left: -10px;}
}