/*
    Custom CSS for responsive theme
*/
.row-fluid .cc_slider.span12 {
	width: 100%;
	margin: 0;
}
#header .row-fluid .span4,
#content .row-fluid .span4,
#footer .row-fluid .span4{
    margin-left: 10px;
    width: 32.2%;
}
/* Tablet Landscape */
@media screen and (max-width: 1024px) {

    ul.item-list li .item-avatar img.avatar{
        margin-top: 0;
    }
    body #outerrim{
        width: 100%;
        margin: 0;
    }
    .boxgrid{
        margin: 45px 0px -35px 0;
    }
    body.bubble div.post div.post-content, 
    #blog-search div.post-content{
        margin-left: 7px;
    }
    
    div.v_line_right{
        right: 22%;
    }
.home    #container .row-fluid .span8, .row-fluid .span8{
        width: 799px;
    }
.home     #container .row-fluid.left-right-sidebar .span8{
        width: 575px;
    }
    .row-fluid.left-right-sidebar .span11{
        width: 89%;
    }
    .row-fluid.full-width .span8 {
        width: 100%;
    }
    
     .row-fluid .span8.left-right-template{
        width: 50%;
    }
    #access .menu-header, div.menu {
        margin-left: 0.9765%;
    }
    .ui-tabs-nav.span4{
        width: 235px;
    }
	.homeblock1 #dates .sets-nav {
    float: left;
    margin-left: 83px;
    width: 117px;
	}
	#footer #footerfooter .contents {    width: auto}
}
@media screen and (max-width: 972px) {
	#access {
		background: none repeat scroll 0 0 transparent;
	}	
	#access a#logo {margin-top: -20px;}
	#access a {font-size: 19px}
	#access div.menu ul li a:hover, #access div.menu ul li a:focus {border-bottom: 3px solid #c9372f}
	
	#footer #footernav {
		background: none repeat scroll 0 0 #004068;
		margin: 0;
		min-height: 83px;
		overflow: auto;
		width: 100%;
	}
	#footernav .menu {   overflow: auto;  width: auto}
	#footernav ul {
    margin: 0;
    padding: 14px 0;
	}
	#footernav li {     padding: 4px 13px}
	.page-template-interior #blog-page, .page-template-default #blog-page, .error404 #blog-page, .page-template-subject #blog-page, .faq-page #blog-page, .intranet-page #blog-page, .archive-job #landing-page {     max-width: 550px}
	#feature_box_holder .feature_box {
    max-width: 45% !important;
    width: 45% !important;
	}
	#feature_box_holder.boxes1 .feature_box {    max-width: 99% !important;    width: 99% !important}
	.search-results .content {width: 100%}
}
@media screen and (max-width: 900px) {
	#access a {font-size: 17px}
	.page-template-news-interior #blog-page, .page-template-news-landing #landing-page {
    max-width: 550px}
	.page-template-audience #boxes_section { max-width: 607px}
}
@media screen and (min-width: 769px) {
	/*#header { background: url("/wp-content/themes/custom-community/images/HeaderBar176.png") repeat-x scroll 0 bottom transparent;
  height: 176px; padding-top: 18px;}*/
	#dinkylinks ul {     display: block;  }
}
/*@media screen and (min-width: 842px) {
	#header { padding-top: 30px;}
}*/
@media screen and (min-width: 851px) {
	#audience form#searchform {  margin-left:  8%}
	#dates > img, #dates .view-events {       margin-left: 40px}
	#news .view-news {    margin-bottom: 0}
	
}
@media screen and (max-width: 870px) {
	#access div.menu ul { margin-top: -19px;
		max-width: 370px;
		padding-top: 0px;
		width: auto;
	}
	#access div.menu ul#left {		margin-right: 20px; margin-left: 261px;	}
	#access div.menu ul#right {		margin-left: 20px; float: left;	}
	#access div.menu ul li {     float: none}
	#access div.menu ul li a {height: 25px; border-bottom: 3px solid transparent; display: inline}
	#access div.menu ul li a:hover, #access div.menu ul li a:focus {border-bottom: 3px solid #c9372f}
	#logo {     left: 0;     position: absolute;    top: -2px}
	.homeblock2 #quicklinks .colwrapper {   clear: left;
    float: left;
    width: 100%;}
	#footer #footerfooter {    margin: 0;    overflow: auto}
	#footer #footerfooter .contents {
    background: url("/wp-content/themes/custom-community/images/buildingphoto-in-footer-Small.png") no-repeat scroll 17px 80% transparent;
    margin: 0 auto;
    overflow: auto;
    position: relative;
	}
	#footerfooter #footertop {    overflow: auto;}
	#footertop .address {
    float: left;
    margin-right: 15px;
	}
	#footertop .address {
    float: left;
    margin-right: 15px; margin-left: 14px;
	}
	#footertop .dinkylinks {float: left; margin-left: 20px; width: 150px;}
	
#footertop .social-media-block {
    border-right: none;
    float: left;
 	}
	#footer div.credits {
    float: left;
    position: relative;
	}
	.credits .ivy {
    bottom: -130px;
    left: -11px;
    position: relative;
    text-align: inherit;
	}
	.page-template-news-interior #blog-page, .page-template-news-landing #blog-page  {    width: 450px; max-width: 450px; }
}
@media screen and (min-width: 871px) {
	/*#header {
	  background: url("/wp-content/themes/custom-community/images/HeaderBar-includesDropShadow.png") repeat-x scroll 0 0 transparent;
	  height: 159px }*/
	#dinkylinks ul {   right: 11%;   left: inherit;  }
 }
@media screen and (min-width: 916px) {
	#audience form#searchform {  margin-left:  40%}
}
@media screen and (min-width: 990px) {
	#dinkylinks ul {   right: 0}
 }

@media screen and (max-width: 850px) {
	#audience {margin-top: -41px; margin-left: 0}
	#audience div.menu {
    margin: 0 auto;
    width: auto;
	}
	#audience div.menu ul { float: left;    margin: 0 auto;
    padding-top: 10px;
	}
	#audience div.menu ul li.audience {
    height: 26px;
    margin: 0 0 6px;
	}
	#audience div.menu ul li.audience a {     margin-top: -3px	}
	#audience div.menu li.myescc {     clear: left; background: none;  padding: 0 10px;}
	#audience div.menu ul a {    height: 21px; margin-top: -3px;
    padding: 3px 0 0;}
	.homeblock1 #news {
		border-bottom: 1px solid #FFFFFF; border-right: none;
		margin-right: 0;
		width: 100%;
	}
	.homeblock1 #dates {
		border-top: 1px solid #B0C1BB; border-left: none;
		clear: left;
		float: left;
		margin-left: 0;
		padding-top: 40px;
		width: 100%;
	}
	#dates iframe {padding-left: 0px;}
	.homeblock1 #dates ul.a-set, .homeblock1 #dates h2 {
    padding-left: 0px}
	#audience form#searchform {margin-left: 10px}
}

@media screen and (max-width: 820px) {
	.page-template-interior #blog-page, .page-template-default #blog-page, .error404 #blog-page, .page-template-subject #blog-page, .faq-page #blog-page, .intranet-page #blog-page, .archive-job #landing-page {     max-width: 450px}
	.page-template-news-interior #blog-page, .page-template-news-landing #blog-page  {    width: 400px; max-width: 400px; }
	#feature_box_holder .feature_box {
    max-width: 99% !important;
    width: 99% !important;
	}

	#audience_side_box .body {     margin-bottom: 20px}
	.page-template-audience #left-nav { margin-right: 0; max-width: 690px; width: 100%}	
	#audience_side_box { 	max-width: 99%; 	width: 99%	}
	.page-template-audience #feature_box_holder { max-width: 695px}
	.page-template-audience #boxes_section { max-width: 690px}
	.contact-page #left-nav {
    float: left;
    margin-right: 45px; margin-bottom: 10px;
    margin-top: 5px;
    width: 100%;
	}
	#left-nav .top {
		background: none repeat scroll 0 0 #064F7D;
		float: left;
		overflow: visible;
		padding: 10px;
		width: 46%;
	}
	#left-nav .top li {
		border: medium none;
		line-height: 1.7em;
		padding: 0;
	}	
#google_map_link { display: block}
#google_map_link a {color: #007F96}
#google_map_link a:hover, #google_map_link a:focus { text-decoration: underline}
}

@media screen and (max-width: 768px) {
    #community-nav ul li{
        display: inline-block;
    }
    .boxgrid{
        width: 160px;
        height: 115px;
    }
    body.bubble div.post div.post-content, 
    #blog-search div.post-content{
        width: 95%;
    }
    
    ul.item-list.displaymode-grid li, 
    ul#groups-list.displaymode-grid li{
        margin: 10px;
    }
    .row-fluid .span8{
        width: 70%;
    }
    #sidebar.span4, #leftsidebar.widgetarea, div#leftsidebar h3.widgettitle{
        float: none;
        width: 97.5%;
        margin: 0;
    }
    #container div#content{
        float: none;
        width: 96%;
        margin: 0 2%;
    }
    ul.item-list li div.item-title, ul.item-list li h4{
        margin-left: 10px;
    }
    div.widget-title ul.item-list li{
        margin-left: 20px;
    }
    div#sidebar .widget_search, div.widgetarea .widget_search{
        margin-left: 20px;
    }
    div#sidebar div.item-options,
    div.widgetarea div.item-options{
        margin-top:0;
    }
    div.widget ul#members-list li{
        min-height: 86px;
        width: 100%;
        margin-bottom: 0 !important;
    }
    #header .row-fluid h3.widgettitle, 
    #content .row-fluid h3.widgettitle, 
    #footer .row-fluid .span4 h3.widgettitle{
        width: 92%;
    }
    #sidebar .widget .widgettitle{
        width: 97.5%;
    }
    body #header .row-fluid .span4, 
    body #content .row-fluid .span4, 
    body #footer .row-fluid .span4{
        margin-left: 8px;
    }
    body.bubble #outerrim div.post div.post-content, 
    #blog-search #outerrim div.post-content{
        margin-left: 3px;
        width: 98%;
    }
    div.menu ul{
        float: none;
    }
    .widget {
        margin-left: 20px;
    }
	.single-employee .hentry, .archive-employee .hentry {
    float: left;
    max-width: 400px;
    width: 400px;
	}


	form.tinynav { display: block;
    left: 200px;
    position: absolute;
    top: -58px;}
	form.tinynav select {   background-color: #D9E2DE;
    border: 1px solid #B3B3B3;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 3px #B3B3B3 inset;
    color: #007FDC;
    font-family: 'Lato';
    font-size: 13px;
    font-weight: 400;
    height: 22px;
    padding: 3px 3px 0 5px;
    width: 175px;}
	#audience .audience, #access div.menu ul#left, #access div.menu ul#right {    display: none}
	#audience { background: none;   margin-left: 20px; margin-top: 69px}
	#access {height: 107px;   width: 0;}
	#access a#logo {     margin-top: -73px}
	#audience form#searchform {    margin-left: 37px}
	#logo {    background: url("/wp-content/themes/custom-community/images/Footer-Logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}

	.page-template-interior #left-nav, .page-template-default #left-nav, .page-template-subject #left-nav, .faq-page #left-nav,  .intranet-page #left-nav,  .archive-job #left-nav {
    float: left;
    margin-right: 45px; margin-bottom: 10px;
    margin-top: 5px;
    width: 100%;
	}

}
@media screen and (max-width: 754px) {
	#access {
		background: none repeat scroll 0 0 transparent;
	}	
	/*#access a#logo {margin-top: -20px;}*/
	.page-template-interior #blog-page, .page-template-default #blog-page, .error404 #blog-page, .page-template-subject #blog-page, .faq-page #blog-page, .intranet-page #blog-page, .archive-job #landing-page {     max-width: 400px}
	.contact-page .hentry {     margin-right: 0px;     margin-top: 30px;     width: 100%	}
	.contact-page #contact-form-column {    float: left;   width: 100%	}
	#google_map_wrapper {display: none}
}
@media screen and (max-width: 720px) {
	
	#left-nav .top {
		background: none repeat scroll 0 0 #064F7D;
		float: left;
		overflow: visible;
		padding: 10px;
		width: 46%;
	}
	#left-nav  li { 		 margin-left: 10px;    text-indent: -10px	}	
	#left-nav .top li {border: none; /*line-height: 1em;*/ padding:0}
	#left-nav .top a {
		color: #F4EFBD;
		font-size: 14px;
		font-weight: 400;
	}
	#left-nav .links {
		background-color: #F4EFBD;
		border: none;
		float: left;
		padding: 10px;
		width: 46%;
	}
	
	#left-nav .links li {
		line-height: 1em;
		padding: 0;
	}
	#left-nav .links a {
    color: #004068;
    font-size: 14px;
    font-weight: 400;
	}
	#feature_box_holder .feature_box {
    max-width: 99% !important;
    width: 99% !important;
	}
	
	.page-template-news-interior #right-nav, .page-template-news-landing #right-nav {
    background: none repeat scroll 0 0 #CCD8D8;
    float: left;
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
	}
	.page-template-interior #blog-page, .page-template-default #blog-page, .error404 #blog-page , .page-template-news-interior #blog-page, .page-template-news-landing #blog-page, .page-template-subject #blog-page, .faq-page #blog-page, .intranet-page #blog-page, .archive-job #landing-page {  width: 100%; max-width: 100%}
	#right-nav  {    width: 100%; max-width: 100%; clear: left; margin-left: 0}
	#right-nav .recent {
    border-bottom: medium none; background: none; margin-top: 0;
    float: left;
    margin-left: 0;
    padding: 10px;
    width: 40%;
	}
	#right-nav h3 {   margin-bottom: 3px}
	#right-nav .recent li {    padding: 4px 0	}
	#right-nav .archives {
    border-top: medium none;
    float: left;
    padding: 10px;
    width: 40%;
	}
		
	#right-nav .archives li {
		font-weight: 400;
		line-height: 1.3em;
		padding: 3px 0;
	}
}

@media screen and (max-width: 670px) {
	div#cc_slider-top {		height: 416px}	
	div.cc_slider ul.ui-tabs-nav {bottom: 15%}
}
@media screen and (max-width: 624px) {
	#audience div.menu li.myescc {  clear: none;  }
	#myescc_sidebar {margin-top: 20px}
}
@media screen and (max-width: 606px) {
	#audience {  background: none;  }
	#audience div.menu ul {padding-top: 0}
	.single-employee .hentry, .archive-employee .hentry {
		float: left;
		max-width: 250px;
		width: 250px;
	}
	#myescc_sidebar {margin-left: 0}
}
@media screen and (max-width: 560px) {
	#access div.menu ul#left {margin-left: /*0*/ 160px}
	#logo {  /* float: right;   position: relative;*/   background: url("/wp-content/themes/custom-community/images/Footer-Logo.png") no-repeat scroll 0 0 transparent; height: 67px; width: 152px}
	.homeblock1 #dates .sets-nav {    margin-left: 50px}
	.homeblock3 .left, .homeblock3 .right {    max-width: 100%; width: 100%}
}


@media screen and (max-width: 500px) {
	#audience form#searchform {   left: 27px;
    margin: 10px 0 0 10px;
    position: absolute;
    top: -13px;
    width: 157px;
    z-index: 999;
	}
	#access div.menu ul#left {margin-right:0}
	#access div.menu ul#right {margin-left:0}
	#left-nav .top, #left-nav .links { 				width: 100%	}
	.archive-employee #employee_form { 	background: none repeat scroll 0 0 #004068; min-height: 317px	}

}

@media screen and (max-width: 480px) {
    .paddersidebar{
        padding: 10px 0;
    }
    .row-fluid .span8, .activity-list li.mini .activity-content{
        width: 100%;
    }
    div.activity-comments{
        margin-left: 10px;
    }
    div.activity-comments ul li > ul{
        margin-left: 10px;
    }
    .displaymode-grid .item-avatar.hidden-phone{
        display: block !important;
    }
    div.dir-search {
        margin: 0 0 0 0;
    }
    h3, h3 a, h3 a:hover, h3 a:focus{
        font-size: 1em;
        width: 90%;
    }
    .dir-list ul.item-list li .hoverblock{
       width: 130px;
       height: 120px;
       font-size: 1em;
       text-align: justify;
    }
    .dir-list ul.item-list.displaymode-grid li, 
    .dir-list ul#groups-list.displaymode-grid li{
        width: 100px;
        height: 100px;
        padding: 15px;
    }
    .dir-list ul.item-list.displaymode-grid li img.avatar{
        width: 100px;
        height: 100px;
    }
    div#item-header div#item-header-content{
        width: 60%;
    }
    #wpadminbar{
        display: none;
    }
    html{
        margin-top: 0 !important;
    }
    #container div#content .left-menu{
        float: none;
        width: 100%;
        overflow: hidden;
    }
    #container div#content .main-column{
        margin: 0;
    }
    div#invite-list{
        margin: 0;
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    ul.item-list li div.item-title, ul.item-list li h4{
        font-size: 0.9em;
        margin: -14px 0 0px 0;
    }
    .boxgrid {
        width: 150px;
        height: 108px;
    }
    .accordion h3{
        padding: 7px 15px;
    }
    span.cc_blockquote{
        width: 60%;
    }
    .widget_bp_core_whos_online_widget .avatar, 
    .widget_bp_core_whos_online_widget .item-avatar{
        display: block;
    }
    div.widget ul#members-list li{
        min-height: 45px;
    }
    .item-avatar, .avatar{
        display: none;
    }
    
    #groups-directory-form h3, #members-directory-form h3, 
    #group-dir-search.dir-search , #members-dir-search.dir-search{
        width: 100%;
    }
    body #header .row-fluid .span4, body  #content .row-fluid .span4, body #footer .row-fluid .span4 {
        margin: 0;
        width: 100%;
    }
    div.widget ul#groups-list li{
        min-height: 45px;
    }
	.homeblock4 #alert {
    border-bottom: 1px solid #FFFFFF;
    float: left;
    border-right: none;
    width: 100%;
	}
	.homeblock4 #give {
    border-top: 1px solid #B0C1BB;
    float: left;
    margin-left: 0;
    padding-top: 40px;
    width: 100%;
	border-left: none
	}
	.homeblock4 #give .left {    padding-left: 0}
	.single-employee .hentry, .archive-employee #employee_results .one_result .hentry {
		float: left;
		max-width: 100%;
		width: 100%; border-top: none
	}
	.archive-employee #employee_results .one_result .photo-col {	border-top: 1px solid #AED2D7; width: 100%	}
	.archive-employee #employee_results .one_result .photo-col.first {	border-top: none}

	div#cc_slider-top {		height: 354px}	
	div.cc_slider ul.ui-tabs-nav {bottom: 30%}
	div.cc_slider ul.ui-tabs-nav {width: 50%}
    
}
@media screen and (max-width: 400px) {
	.homeblock2 #quicklinks .left {
    border-right: none;
    margin-right: 0px;
    width: 100%;
	}
	.homeblock2 #quicklinks .right {
    float: left;
    width: 100%;
	margin-left: 0;
	border-left: none
	}
	.homeblock2 #quicklinks .right ul {
    	padding-left: 0px;
	}
	form.tinynav {   left: 10px;
    top: -8px;}
	#audience {
    margin-left: 5px;
    margin-top: 57px;}
	#audience form#searchform {    left: -1px;    top: 16px;}
}
@media screen and (max-width: 320px) {
    #group-dir-search.dir-search, div.dir-search {
        float: left;
        margin: -10px 0 0 10px;
        width: 90%;
    }
    ul#friend-list li{
        height: auto;
        padding-bottom: 25px !important;
    }
    ul.item-list li div.action{
        position: static;
        top: 0;
        left: 0;
        width: 80%;
        float: left;
    }
    ul.item-list li div.item-title,
    ul.item-list li h4,
    ul.item-list li div.action {
        width: 98%;
        float: none;
        margin: 0 0 0 2%;
    }
    .accordion h3 {
        padding: 0px 0px 0 20px;
        width: 85%;
    } 
    .item-meta{
        width: 100%;
    }
    #content ul.item-list li div.action{
        width: 95%;
    }
    #header .row-fluid h3.widgettitle, 
    #content .row-fluid h3.widgettitle, 
    #footer .row-fluid .span4 h3.widgettitle {
        width: 89%;
    }
}
@media screen and (max-width: 240px) {
    .boxgrid {
        width: 115px;
        height: 83px;
    }
    #header .row-fluid h3.widgettitle, 
    #content .row-fluid h3.widgettitle, 
    #footer .row-fluid .span4 h3.widgettitle {
        width: 85%;
    }
}
img { max-width: 100%; }

@media screen and (min-width: 525px) {
	#audience #s {  width: 162px}	
}

/* SLIDESHOW  */
@media screen and (max-width: 1175px) {
	div#cc_slider-top {
		background: none repeat-y scroll 0 0 #B0C1BB}
	.row-fluid #cc_sliderslidertop  .featured .ui-tabs-panel  .info.span8 {
		border-radius: 0 0 0 0;
		overflow: visible;
		position: absolute;
		width: 100%;
		left: 0;
    margin-left: 0;
    max-width: none;
	}	
}
@media screen and (max-width: 1145px) {
	.row-fluid #cc_sliderslidertop  .featured .ui-tabs-panel  .info.span8 {
		background: none repeat scroll 0 0 #FFF	;
	}	
}
@media screen and (max-width: 982px) {
	.row-fluid #cc_sliderslidertop  .featured .ui-tabs-panel  .info.span8 {
		background: none repeat scroll 0 0 TRANSPARENT
	}	
}
@media screen and (max-width: 840px) {
	.row-fluid #cc_sliderslidertop  .featured .ui-tabs-panel  .info.span8 {
		top: 326px
	}	
}
@media screen and (max-width: 676px) {
	.row-fluid #cc_sliderslidertop  .featured .ui-tabs-panel  .info.span8 {
		top: 276px
	}	
}
@media screen and (max-width: 511px) {
	.row-fluid #cc_sliderslidertop  .featured .ui-tabs-panel  .info.span8 {
		top: 214px
	}	
}
@media screen and (max-width: 365px) {
	.row-fluid #cc_sliderslidertop  .featured .ui-tabs-panel  .info.span8 {
		top: 156px
	}	
}