#header
{
border:0;
}

.featured_member_art {
max-height: 450px;
}

.JGallery
{
margin:0 !important;
background:#EDEDED;
}

.bx-wrapper
{
position:relative;
margin:0 !important;
}

.bx-controls-direction{display:none !important;}

.bx-wrapper .bx-caption span {
    color:#54534A !important;
    font-family:"brandon-grotesque" !important;
    font-size: 0.70em !important;
line-height:120% !important;
text-transform:uppercase !important;
letter-spacing:0.2em !important;
}

.bx-caption
{
color:#54534A !important;
background:url(bg_white.png) repeat 0 0 !important;
padding:40px 80px !important;
text-align:left !important;
width:50% !important;
left:0 !important;
bottom:50px !important;
line-height:120% !important;
}

.bxslider_title
{
font-family:"brandon-grotesque" !important;
color:#EE3124!important;
font-size:290% !important;
font-weight:light !important;
text-transform:uppercase !important;
line-height:140% !important;
}

.bx-caption .bxslider_caption
{
background:url(arrow_red.png) no-repeat right center !important;
display:inline-block !important;
padding:0 20px 0 0 !important;
font-weight:bold !important;
}

.cap-overlay
{
width:100% !important;
height:100% !important;
padding:0 !important;
}

.bx-default-pager
{
text-align:left !important;
position:absolute !important;
bottom:80px !important;
left:80px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: none repeat scroll 0 0 #fff !important;
    border-radius: 0px !important;
    height: 5px !important;
    width: 30px !important;
}


.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0 0 #EE3124 !important;
}


#bodywrap
{
padding:0;
margin:0;
}

.topcol h1
{
font-size:330%;
letter-spacing:0.04em;
font-weight:light;
}

.topcol h1,.topcol h2,.topcol h3
{
color:#fff;
padding:0 70px;
margin:0;
}

ul.topcol p
{
padding:20px 70px;
line-height:160%;
}

ul.topcol a:hover
{
color:#ccc !important;
}

ul.topcol a.button:hover
{
color:#D23E2B !important;
background-color:white;
}

ul.topcol
{
list-style-type:none;
padding:0;
margin:0;
display:inline-block;
overflow: hidden;
}

ul.topcol li
{
float:left;
background:none;
padding:55px 0 32768px 0;
margin:0 0 -32718px 0;
width:50%;
color:#fff;
}

#news_img
{
padding:0 !important;
position:relative;
background:#000;
height:500px;
float:right;
}

#news_img img
{
margin:0;
width:100%;
height:auto;
}

#news_img #news_corner
{
width:42px;
height:27px;
background:url(news_corner.png) no-repeat right 0;
position:absolute;
top:0;
left:0;
z-index:100;
}

#mission .Zine{padding:0 70px;}
#mission .Zine h2,#mission .Zine br,#mission .ZineTools,
#mission .ZineItem i{display:none;}

#mission .ZineAbstract,#mission .Zine i
{
color:#fff;
line-height:160%;
padding:0px;
}

#mission .ZineItem a.ZineLink
{
border:0;
padding:0;
font-size:1em;
text-align:left;
text-transform:none;
letter-spacing:0;
margin:10px 0 0 0;
font-family: "proxima-nova",'Muli',Trebuchet MS,Arial,Helvetica,sans-serif;
line-height:160% !important;
}

#mission .ZineItem a.ZineLink:hover{border:0;}

#mission .ZineItem a{
clear:both;
border:5px solid #fff;
color:#fff;
margin:20px 0 0 -20px;
font-family:"Brandon-bold";
font-weight:normal;
}

#mission .ZineItem a:hover
{
border:5px solid #fff;
background-color:white;
color:#0264A2 !important;
}

#mission .ZineItem a.ZineLink:hover
{
background:none;
color:#ccc !important;
}

#mission
{
background:url(mission_corner.png) no-repeat right 0 #f04732;
color: #F04732;
}

#join
{
background:#d23e2b;
}

#join ul
{
padding:20px 0;
margin:0 0 0 80px;
list-style-type:disc;
}

#join li
{
padding:0;
margin:0;
width:33%;
float:left;
text-align:left;
line-height: 160%;
}

#news
{
background:#0264a2;
}

a.button
{
clear:both;
border:5px solid #fff;
color:#fff;
font-family:"Brandon-bold" !important;
font-weight:normal !important;
}

a.button:hover
{
border:5px solid #fff;
}

a#donate
{
color:#fff;
background:#f04732;
height:160px;
line-height:160px;
display:block;
font-size:270%;
letter-spacing:0.1em;
text-align:center;
text-transform:uppercase;
font-family:"brandon-grotesque";
}

a#donate:hover
{
background:#54534A;
}

.memberprofiles
{
clear:both;
color:#fff;
background:#43c0bb;
display:block;
padding:50px 70px;
text-align:right;
}


.memberprofiles h2
{
font-size:270%;
text-transform:uppercase;
font-family:"brandon-grotesque";
padding:5px 0 0 0;
margin:0;
float:left;
display:inline-block;
float:left;
}

#memberprofiles_bot
{
display:none;
}

.memberprofiles a.button
{
margin:0;
}

.memberprofiles a.button:hover
{
color:#43C0BB;
background-color:white;
}


/* Feature member portfolio */

.Profile
{
background:#ffd600;
overflow:hidden;
margin:-5px 0 0 0;
padding:0;
line-height:150%;
}

.featured_member_portrait
{
float:left;
width:25%;
overflow:hidden;
background:#000;
position:relative;
padding:0 0 32868px 0;
margin:0 0 -32868px 0;
}

.featured_member_portrait img {
    left: 0;
    max-width: 130%;
    position: absolute;
    top: 0;
}

.featured_member_art
{
float:left;
width:25%;
height:100%;
padding:0 0 32868px 0;
margin:0 0 -32868px 25%;
overflow:hidden;
background:#000;
position:relative;
}

.featured_member_art img{
    left: 0;
    max-width:130%;
    position: absolute;
    top: 0;
}


.featured_member_bio
{
width:50%;
float:right;
padding:0 0 32868px 0;
margin:0 0 -32868px 0;
}

.featured_member_bio a
{
color:#54534A;
}

.featured_member_bio_wrap
{
padding:50px 70px;
position:relative;
}

.featured_member_bio b
{
font-weight:bold;
letter-spacing:0.06em;
font-family:'brandon-grotesque';
text-transform:uppercase;
font-size:90%;
}

.featured_member_bio h1
{
padding:0;
margin:0;
font-family:'brandon-grotesque';
letter-spacing:0.06em;
color:#54534A;
font-size: 330%;
}

.featured_member_bio a.button
{
border:5px solid #54534A;
margin:20px 0 0 0;
}

.featured_member_bio a.button:hover
{
color:#FFD600;
background-color:#54534A;
}

#yellowpointer
{
width:43px;
height:27px;
background:url(yellow_pointer.png) no-repeat right top;
top:0;
left:-43px;
z-index:1000;
position:absolute;
}

#turqoisepointer
{
width:43px;
height:27px;
top:0;
left:-43px;
z-index:1000;
position:absolute;
display: none;
}

.member_address
{
background:url(icon_location_b.png) no-repeat 0 center;
padding:10px 20px 0 25px;
float:left;
}

.member_website
{
background:url(icon_website_b.png) no-repeat 0 center;
padding:10px 20px 0 30px;
display:inline-block;
}


/* Member Profiles */

.featured_member_image_container
{
float:left;
width:25%;
position:relative;
text-align:center;
}

.featured_member_gallery_profile_name
{
letter-spacing:0.06em;
font-family:'brandon-grotesque';
text-transform:uppercase;
font-size:170%;
padding-top:25%;
text-align:center;
line-height:1.3;
}

.featured_member_gallery_profile_link
{
padding-bottom:25%;
text-align:center;
font-weight:bold;
text-decoration:underline;
font-family:'brandon-grotesque';
color:#fff;
font-size:80%;
letter-spacing:0.2em;
}


div.featured_member_image_container
{
width:25% !important;
height:0 !important;
padding-bottom:25%;
background-repeat: no-repeat;
background-size: 100% auto;
}

div.featured_member_image_container img
{

}

div.view_profile_text
{
display:block;
width:auto;
}





@media screen and (max-width:1600px) {



div.featured_member_image_container
{
height:auto;
}

.drop-panel
{
height:400px;
overflow:hidden;
}

.featured_member_image_link
{
position:absolute;
top:0;
left:0;
}

.memberprofiles h2
{
font-size:230%;
}


}

@media screen and (max-width:1280px) {
.Profile
{
margin:-4px 0 0 0;
}
}


@media screen and (max-width:1050px) {
.Profile {
margin: -3px 0 0;
}

.bx-caption
{
padding:40px 80px !important;
width:50% !important;
bottom:40px !important;
}

.bxslider_title
{
font-size:260% !important;
}

.bx-default-pager
{
bottom:20px !important;
left:40px !important;
}

ul.topcol li
{
padding:40px 0 32768px 0;
margin:0 0 -32738px 0;
}

.topcol h1,.topcol h2,.topcol h3
{
padding:0 36px;
}

ul.topcol p
{
padding:20px 36px;
}

#join ul
{
padding:20px 40px;
}

#join li
{
width:45%;
padding:0 10px 0 0;
}

.featured_member_bio_wrap{padding:36px;}
#mission .Zine{padding:0 40px;}

a#donate
{
height:100px;
line-height:100px;
font-size:220%;
}

div.featured_member_image_container img
{
max-width:120%;
}


}

/* break rightsidebar */
@media screen and (max-width:980px) {


.bx-caption
{
padding:20px !important;
width:100% !important;
bottom:0px !important;
}

.bxslider_title
{
font-size:230% !important;
}

.bx-default-pager
{
bottom:10px !important;
left:20px !important;
}


.topcol li,#news_img,#join,#mission,#news
{
width:auto;
float:none;
margin:0;
}

.topcol img
{
max-width:100% !important;
}

.topcol h1
{
font-size:220%;
}

.topcol h1,.topcol h2,.topcol h3
{
padding:0 20px;
}

ul.topcol p
{
padding:20px 20px;
}

#mission
{
background:#EE3124;
}


#join ul
{
padding:20px 40px 0 40px;
margin: 0;
}

#news_img #news_corner
{
width:62px;
height:28px;
background:url(arrow_blue.png) no-repeat center bottom;
top:auto;
bottom:0;
right:46%;
left: auto;
}

#news_img
{
height: auto;
max-height:450px;
margin-bottom: -4px;
background-color: transparent;
overflow: hidden;
}

.memberprofiles
{
padding:30px;
text-align:left;
}

.memberprofiles h2
{
font-size:160%;
float:none;
}

#memberprofiles_bot
{
text-align:center;
display:block;
}

.memberprofiles a#hidden{display:none;}



.featured_member_portrait
{
width:50%;
height:400px;
overflow:hidden;
position:relative;
padding:0;
margin:0;
}

.featured_member_art
{
width:50%;
height:400px;
padding:0;
margin:0;
overflow:hidden;
position:relative;
}

.featured_member_bio_wrap
{
clear:both;
}

.featured_member_bio
{
width:100%;
float:none;
padding:0;
margin:0;
}


.member_address
{
float:left;
}

.viewprofile
{
display:block;
}

#yellowpointer
{
width:62px;
height:28px;
background:url(arrow_yellow.png) no-repeat center bottom;
left:auto;
top:-28px;
right:46%;
}

#turqoisepointer
{
width:62px;
height:28px;
background:url(arrow_turqoise.png) no-repeat center bottom;
left:auto;
top:57px;
right:45.75%;
display: block;
}


#mission .Zine{padding:0 20px;}



a#donate
{
font-size:160%;
}


.featured_member_bio_wrap{padding:50px 40px;}

.featured_member_bio_wrap p {
padding-top: 10px;
}

ul.topcol p.join_now_container {
padding-top: 0;
}

a.button {
margin-bottom: 0;
}

ul.topcol p {
margin-bottom: 0;
padding-bottom: 0;
}

.topcol li, #news_img, #join, #mission, #news {
padding: 50px 20px;
}

}



@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
div.ZineAbstract a {
border: 0 none !important;
padding: 0 !important;
margin: 0 !important;
}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
div.ZineAbstract a {
border: 0 none !important;
padding: 0 !important;
margin: 0 !important;
}
}

@media screen and (max-width:768px) {


.featured_member_portrait,.featured_member_art
{
height:360px;
}

.featured_member_portrait img,.featured_member_art img
{
max-width:385px;
}

.featured_member_gallery_profile_name
{
font-size:130%;
}

ul.gallery li
{
width:46%;
}

.profile_all_profiles_link
{display:none;}

div.featured_member_image_container {
height: 25%;
max-height: 175px;
}

}


@media screen and (max-width:680px) {

div.featured_member_image_container {
padding-bottom: 50%;
}

.featured_member_bio h1 {
font-size: 220%;
}

.topcol h1,.topcol h2,.topcol h3
{
padding:0 10px;
}

ul.topcol p
{
padding:20px 10px;
}

#mission .Zine
{
padding:0 10px;
}


.bx-caption
{
padding:10px 20px !important;
}

.bxslider_title
{
font-size:170% !important;
line-height:120% !important;
letter-spacing:normal;
}

.bx-default-pager
{
bottom:10px !important;
right:20px !important;
}

#banner
{
display:inline;
}

.featured_member_portrait,.featured_member_art
{
height:275px;
}

.featured_member_portrait img,.featured_member_art img
{
max-width:300px;
}

div.featured_member_image_container
{
width:50% !important;
text-align:left;
}

.featured_member_bio_wrap{padding:50px 30px;}


}

@media screen and (max-width:480px) {

.bx-wrapper .bx-pager.bx-default-pager a {
width: 21px !important;
}

.topcol h1, .featured_member_bio h1 {
font-size: 28px;
}

#yellowpointer, #news_img #news_corner {
right: 43.5%;
}

#turqoisepointer {
right: 42.75%;
}

div.featured_member_image_container {
max-height: 220px;
}

}

@media screen and (max-width:400px) {

.featured_member_portrait
{
height:160px;
}

.featured_member_art
{
height:160px;
}


.featured_member_portrait img,.featured_member_art img
{
max-width:160px;
}

div.featured_member_image_container img
{
max-width:200px;
}

.featured_member_gallery_profile_link{
    position: relative;
    top: -15%;
}

ul.gallery li
{
height:118px;
}

#join ul {
margin: 0;
}

#join li {
float: none;
width: auto;
}

#yellowpointer {
right: 40.5%;
top: -27px;
}

#turqoisepointer {
right: 38.1%;
top: 57px;
}

#news_img #news_corner {
right: 40.5%;
}

}