/* ************************************************************************ */
/* IPAD TARGETED media selector */
/* ************************************************************************ */

@media (max-width: 979px) {	
	#sidebar-chat-now-mobile{
		background:#192B6C url(../../images/chat-now.gif) center center no-repeat;
		display: block;
		text-indent:-5555px;
		overflow: hidden;
		height:333px;
		width:100%;
	}
}

@media (min-width: 680px) and (max-width: 979px) {	

	#wrapper .container{
		width:100%;	
	}
		#upper-bar{
			height:91px;			
		}
			.chat-bubble{
				display:none;	
			}
			.social-buttons{
				margin: 1px 0 0;
				position: absolute;
				right: 20px;	
			}
			#searchform{
				top: 43px;				
			}
			#login-panel{
				position: absolute;
				top: 43px;	
			}
		#main-nav{}
			#main-nav .container{
				display: table;
			}
			#main-nav .sub-menu{
				padding:33px 0 17px;
			}
			#main-logo{
				position:absolute;
				top:0;
				width: 165px;
				height: 91px;
				background-position: -576px 10px;
			}
			#menu-main-menu{
				display: table-row;
				float:none;
			}
			#menu-main-menu > li {
				margin: 0 auto;
				display: table-cell;

				float:none;
			}
			
	h1.title {
		margin-top: 50px;
	}
	#content.container{
		width:95%;
		margin:25px auto 20px;
	}
		
		.col-a{
			display:none;
		}

		.col-abc{
			margin:0 233px 0 0;
			width:auto;
		}
		
		.col-bcd{
			margin: auto;
			float: none;
		}
				
		.col-d{
			float: left;
			width: 223px; /*Width of right column in pixels*/
			margin:0 0 0 -223px; /*Set left margin to -(RightColumnWidth) */
		}
		.col-def{
			width:100%;
		}

		#sidebar{
			display: none;
		}
		.print-link{
			display:none;
		}
		

/*Home page styling*/
#homepage{}   

	.content-block{
		width:245px;
	}

	#panel-rotator .right-arrow,
	#panel-rotator .left-arrow{
		display:none;
	}
		.rotator-copy{
/* 			left: 904px; */
			min-width: 400px;
		}

    #homepage #join-our-network{
    	padding:25px 0 44px;
    	margin:0 auto;
    	width:221px;
	}
		#homepage #join-our-network ul{
			margin:0 0 0 2px;
		}	
		#homepage #join-our-network li{
			margin:0 1px 0 0;
		}
		#homepage #join-our-network-title{
			width:221px;
			height:43px;
			background:url(../../images/sprite-our-network-tablet.gif);
		}
		#homepage #join-our-network a{
			width:41px;
			height:45px;
			background:url(../../images/sprite-our-network-tablet.gif);
		}
			#homepage #join-our-network  #sexetc-facebook{
				background-position:-2px -43px;
			}
			#homepage #join-our-network  #sexetc-twitter{
				background-position:-45px -43px;
			}
			#homepage #join-our-network  #sexetc-youtube{
				background-position:-88px -43px;
			}
			#homepage #join-our-network  #sexetc-tumblr{
				background-position:-131px -43px;
			}
			#homepage #join-our-network  #sexetc-gplus{
				background-position:-174px -43px;
			}
	#homepage #hot-topics-panel{}
		#homepage #hot-topics-panel h3{
			background:url(../../images/title-hot-topics-tablet.png) bottom left no-repeat;
			width:223px;
			height:46px;

			margin:0 auto 19px;
			padding:25px 0 0;
		}
	#subscribe-today-panel{}
	#subscribe-today-panel-inner{
		margin:0 auto;
		width:250px;
	}
		#subscribe-today-panel h3{
			width:216px;
			height:31px;
			background:url(../../images/title-subscribe-today-tablet.png) bottom left no-repeat;
			margin:0 auto 21px;
		}
		#subscribe-today-img{
			margin:0 5px 0 9px;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}

		#subscribe-today-panel p{
			line-height:21px;
			width:124px;
		}
			#subscribe-today-panel p .larger{
				font-size:31px;
			}
			#subscribe-today-panel p .smaller{
				font-size:22px;
				letter-spacing: 1px;
			}
		#subscribe-today-panel .readmore{
			width:112px;
			height:19px;
			font-size:12px;
			background-position:-350px 0;			
			padding:6px 0 0;
		}

	#feature-bracketed-article{
		background:#f25e36 url(../../images/sprite-brackets-tablet.png) top left no-repeat;
		width: 780px;
	}

		#feature-bracketed-article-inner{
			height:135px;
			background:url(../../images/sprite-brackets-tablet.png) bottom right no-repeat;
		}
		#feature-bracketed-article h3{
			margin:20px 0 0 88px;
			width:29%;
			font-size:31px;
		}
		#feature-bracketed-article p{
			margin:30px 0 10px 25px;
			width:48%;
		}

			#feature-bracketed-article .readmore{
				width:112px;
				height:20px;
				font-size:12px;
				background-position:-350px 0;			
				padding:5px 0 0;
				margin:7px 0 10px;
			}


	#homepage #get-tested-panel{
		padding:22px 0 15px 17px;		
	}
		#get-tested-panel a{
			background:url(../../images/know-for-sure-get-tested-mobile.gif);
			width:209px;
			height:166px;
		}

	#homepage #sex-in-the-states-panel{
		padding:24px 0 43px;

	}
		#homepage #sex-in-the-states-img{			
			width:194px;
			height:222px;			
			background:url(../../images/sex-in-the-states-tablet.gif) no-repeat;
			/*background-size: 194px 201px;*/
		}
		#homepage #sex-in-the-states-panel p{
			width:182px;
		}
	#homepage .content-block.fixedheight {
		width: 302px;
	}
	#homepage #sex-terms-area {
		max-width: 780px;
		width: 97%;
		margin: auto;
		clear: both;
	}
	.bubble{
		background:url(../../images/bubbles-tablet.png);
	}.bubble p{
		margin: 0 0 9px;
	}
		.bubble.purple{
			background-position:left top;
			width:240px;
			height:185px;
		}
		.bubble.lightblue{
			width:244px;
			height:193px;
		}
		.bubble.darkblue{
			width:237px;
			height:176px;
		}
			.bubble.purple .bubble-inner{
				padding:41px 30px 0 40px;
			}
			.bubble.lightblue .bubble-inner{
				padding:45px 30px 0 40px;
			}
			.bubble.darkblue .bubble-inner{
				padding:45px 30px 0 40px;
			}
		
			.bubble .readmore{
				width:112px;
				height:20px;
				font-size:12px;
				background-position:-350px 0;			
				padding:5px 0 0;
			}

/***Forum***/
#container #content .forumbit .sortby .btn.newthread {
	display:none;
}
#container #content .forumbit #posts article .actionBtn {
	display:none;
}
/*.needLogin {
	display:none;
}*/


/*single/blog and archive*/
#single-related-posts h3#related-posts-title{
	font-size:26px;
}		

#footer{
/* 	padding:24px 0 0; */
	padding:24px 0 24px;
	font-size:11px;
}
	#footer a{
		font-size:11px;
		padding:0 7px;
	}
	a#rutgers,a#answers{
		padding:0;
	}

	.filter-select{
		font-size: 16px;
		width: 163px;
		margin:0 10px 0 0;
	}

	.info-center-post{
		max-width: 47%;
		min-width: 174px;
	}
/*


	.with-radio .info-center-post {
		
		
	}
*/







}




/* ************************************************************************ */
/* HOMEPAGE COLUMNS FIX media selector */
/* ************************************************************************ */


@media (max-width: 807px) {	
	#homepage{}
		.content-block{
			width:48%;
		}.content-block .content-block{
			width:100%;
		}
	#homepage #join-subscribe {
		width: 97%;
		float: none;
	}
		#homepage #join-subscribe div {
			float: none;
		}
	#feature-bracketed-article{
/*
		width:48%;
		float: left;
*/
		width: 97%;
		float: none;
		margin: 0 0 9px 10px;
		background:#f25e36 url(../../images/sprite-brackets-tablet.png) -10px top no-repeat;
	}
		#feature-bracketed-article-inner{
			background:none;
		}
		#feature-bracketed-article h3{
			margin: 20px 0 0 63px;
			font-size: 27px;
			width:auto;
		}
		#feature-bracketed-article p{
			margin: 14px 0 0 64px;
			width: 73%;
		}
			#feature-bracketed-article .readmore{
				margin: 15px 0 21px;
			}
	
		.social-fr {
			float: right;
		}
			.social-fr a#rutgers, .social-fr a#answers{
				display: block;
				float: none;
			}



}







/* ************************************************************************ */
/* LARGE MOBILE media selector */
/* ************************************************************************ */


@media (max-width: 680px) {
	
	/* in normalize
	body{
		-webkit-text-size-adjust: 100%;

	}*/


	
/* LOL	 */
#lol-header #ribbon-text {
	font-size: 14px;
	line-height: 14px;
	padding: 15% 20% 18% 20%;
}

		.social-fr {
			float: none;
		}
			.social-fr a#rutgers, .social-fr a#answers{
				display: inline-block;
			}
#footer .social.fr {
	float: none;
}

#homepage #join-subscribe {
	width: 100%;
}
#homepage .info-center-post, #homepage .info-center-post.full-height-slider {
	max-width: none;
	height: auto !important;
}

	#homepage .info-center-post img,
	#homepage .info-center-post.full-height-slider img{
		height: auto;
	}


	.single blockquote {
		max-width: 30%;
	}
.back-button{
	margin-bottom: 70px;
	margin-right: 10%
}	

.map-title {
	display: none;
}

.polls .poll-container {
	overflow: hidden;
	height: 100px;
	cursor: pointer;
}
	.polls .poll-container.active {
		overflow: visible;
/* 		height: 485px; */
		cursor: default;
	}
	
	.poll-container .poll-submit {
		margin: 0;
	}
	
	.polls .poll-container .wp-polls-ans, .polls .poll-container .poll-submit {
		opacity: 0;
	}
	.polls .poll-container .poll-submit {
		bottom: -100px;
	}
		.polls .poll-container.active .wp-polls-ans, .polls .poll-container.active .poll-submit {
			opacity: 1;
		}
		.polls .poll-container.active .poll-submit {
			bottom: 0;
		}
		.poll-container .share-container, .poll-container .no-margin {
			opacity: 0;
		}
		
		.poll-container.active .share-container, .poll-container.active .no-margin {
			opacity: 1;
		}
		
		.share-box .desktop-social {
			display: block !important;
		}


.learn-button,
#searchsubmit,
#loginsubmit,
#main-logo,
#menu-main-menu .menu-heading,
a#answers,a#rutgers,
.readmore{
	background-size:1400px 275px;
	-moz-background-size: 1400px 275px;
	-webkit-background-size: 1400px 275px;
	-o-background-size: 1400px 275px;	
}
.rotator-copy{ /*border-sprite*/
	background-size:250px 500px;
	-moz-background-size: 250px 500px;
	-webkit-background-size: 250px 500px;
	-o-background-size: 250px 500px;	
}

	.mobile-hide {
		display: none;
	}

	#staff-area .staff-member {
		max-width: 49%;
		margin-right: 1% !important;
		height: auto;
		max-height: none;
	}
		#staff-area .staff-member img {
			height: auto;
			max-height: none;
		}
		
	.author .staff-member {
		max-width: 270px;
		max-height: none;
	}	
		.author .staff-member img {
			max-height: none;
		}
			
	p{
		font-size:14px;
		line-height:16px;
	}

	h1.title {
		margin-top: 0;
	}	

	#error-box #header-container {
		padding-left: 25%;
	}
		#error-box h1 {
			font-size: 22px;
		}
	
	input[type="text"], input[type="password"] {
		height:30px;	
	}
	#wrapper{
		min-width: 265px;	
	}
	#wrapper .container{
		width:100%;	
	}
		#upper-bar{
			height:94px;
			width:100%;
			padding:5px 0 0;
		}
			.chat-bubble{
				display:none;	
			}
			.social-buttons{
				display:none;	
			}
			.desktop-social {
				display: none !important;
			}
			#searchform{
				margin:22px 0 0;
				right:6px;
			}
				#searchsubmit{
					width: 32px;
					height: 31px;
					background-position:-118px -10px;
				}
			#login-panel{
				display:none;	
			}
		#main-nav{
			background:#F0F0EB;
			height:auto;
		}			
			#main-logo{
				position:absolute;
				top:0;
				height:94px;
				width:160px;
				background-position:10px -48px;
				margin:0;
			}
			
			#menu-main-menu{
				width:100%;
				overflow:visible;
				float:none;
			}
				#menu-main-menu > li{
					margin:0 0 1% 1%;
					background:#fff;
					width:32%;
				}
				#menu-main-menu .menu-heading{
					font-size: 16px;
					line-height: 16px;
					height:35px;
					width:auto;
					padding: 20px 0 0 37px;
					text-align:left;
				}
					#menu-main-menu .menu-heading:before,/*selected up arrow*/
					#menu-main-menu .menu-heading:after{/*down colored arrow*/
						display:none !important;	
					}
					#main-nav .sub-menu{
						z-index:258;
						border:0;
						left:0;
						margin: 0;
						width:100%;
						padding:3px 0;
						overflow:hidden;
					}
						.sub-menu .close-button {					
							top:7px;
							right:6px;
						}
						.sub-menu a{
							background:#fff;
							margin: 0 3px;
						}
							/*add close btn space*/
							.sub-menu > li a{
								padding: 21px 70px 21px 13px;
							}
						
					
						
/*specific menu items*/	
					#menu-main-menu .sexed .sub-menu{
						background:#71C000;
					}
					#menu-main-menu .yoursay .sub-menu{
						background:#60bfb8;
						height: auto;
					}
						#menu-main-menu .yoursay .sub-menu #nav-menu-item-3255 {
							border-bottom: 3px solid #60bfb8;
						}
					#menu-main-menu .actioncenter .sub-menu{
						background:#f25e36;
					}
					#menu-main-menu .fun .sub-menu{
						background:#ffb600;
					}
					#menu-main-menu .magazine .sub-menu{
						background:#a45485;
					}
					#menu-main-menu .blog .sub-menu{
						background:#009ec6;
					}
										
					
				/*specific menu items*/	
				#menu-main-menu .sexed .menu-heading{
					background-position:2px -145px;
				}#menu-main-menu .sexed .menu-heading:hover,
				#menu-main-menu .sexed:hover .menu-heading,
				#menu-main-menu .stay-open.sexed .menu-heading{
					background-position:2px -205px;
				}
				
				#menu-main-menu .yoursay .menu-heading{
					background-position:-199px -145px;
				}#menu-main-menu .yoursay .menu-heading:hover,
				#menu-main-menu .yoursay:hover .menu-heading,
				#menu-main-menu .stay-open.yoursay .menu-heading{
					background-position:-199px -205px;
				}
					
				#menu-main-menu .actioncenter .menu-heading{
					background-position:-412px -145px;
				}#menu-main-menu .actioncenter .menu-heading:hover,
				#menu-main-menu .actioncenter:hover .menu-heading,
				#menu-main-menu .stay-open.actioncenter .menu-heading{
					background-position:-412px -205px;
				}
				#menu-main-menu .fun .menu-heading{
					background-position:-623px -145px;
				}#menu-main-menu .fun .menu-heading:hover,
				#menu-main-menu .fun:hover .menu-heading,
				#menu-main-menu .stay-open.fun .menu-heading{
					background-position:-623px -205px;
				}
					
				#menu-main-menu .magazine .menu-heading{
					background-position:-827px -150px
				}#menu-main-menu .magazine .menu-heading:hover,
				#menu-main-menu .magazine:hover .menu-heading,
				#menu-main-menu .stay-open.magazine .menu-heading{
					background-position:-827px -210px;
				}
				
				#menu-main-menu .blog .menu-heading{
					background-position:-1039px -145px;
				}#menu-main-menu .blog .menu-heading:hover,
				#menu-main-menu .blog:hover .menu-heading,
				#menu-main-menu .stay-open.blog .menu-heading{
					background-position:-1039px -205px;
				}


	#content.container{
		width:95%;
		margin:25px auto 20px;	
	}
		.col-a,
		.col-d{
			display:none;
		}
		.col-bcd,
		.col-abc{
			width:100%;
			float:left;
		}
		#sidebar{
			display: none;
		}		
	

#panel-rotator{/*1200x436px original size*/
	height:218px;
}

	#panel-rotator .container{
		/*width:600px;*/
/* 		margin: 0 0 0 -1100px */
		height: 218px;

	}
	.slide{
/*
		width: 600px;
		left: 50% !important;
		margin: 0 0 0 -300px;
*/
	}
	
	#panel-rotator .rotator-copy{
		bottom: 11px;
/* 		left: 922px; */
		left: 0;
		height: 85px;
/* 		width: 188px; */
		width: 274px;
		background-size: 100% auto;
		padding: 14px 18px 18px;

	}
		#panel-rotator .rotator-copy h3 {
			font-size: 13px;
			line-height: 1em;
			margin-top: 2px;
			padding-left: 0;
		}
		.rotator-copy p {
			font-size: 9px;
			line-height: 12px;
			padding-left: 0;
			margin-bottom: 0;
		}
		.rotator-copy .readmore {
			background-position: -175px -87px;
			width: 86px;
			height: 20px;
			font-size: 9px;
			padding: 4px 0 0;
		}
	.background-image div:before{
	    height:218px;
	}

        .background-image.large-image{
            display:none;                
        }
        .background-image.small-image{
            display:block;
        }
            .background-image .small-image{
                width:100%;
                height:218px;
/*                 margin:0 0 0 800px; */
                background-size: 600px 218px;
		   		-moz-background-size: 600px 218px;
				-webkit-background-size: 600px 218px;
				-o-background-size: 600px 218px;	
            }




	#login-container .login-username, #login-container .login-password {
		max-width: 43%;
		
	}
	#login-container .login-submit {
		max-width: 30%;
		margin-left: 5;
		position: relative;
/* 		bottom: 47px; */
	}
	#login-container .icon-wrapper.single-login {
		position: relative;
/* 		bottom: 45px; */
	}
	.single #respond {
/* 		padding: 0 27px 0; */
/* 		margin-bottom: 0; */
	}
			

	#topic-filter li {
		margin-right: 1.5%;	
/*		max-width: 200px;*/
		width: 30.5%;
/* 		height: 74px; */
		height: 66px;
		overflow: hidden;
	}
		.yellow-button {
			border: 3px solid #ffb600;
			border-style: solid;
			padding: 0;
			outline: none;
		}
		.blue-button {
			border: 3px solid #009ec6;
			border-style: solid;
			padding: 0;
			outline: none;
		}
		.green-button {
			border: 3px solid #71c000;
			border-style: solid;
			padding: 0;
			outline: none;
        }
        .purple-button {
        	border: 3px solid #A45485;
			border-style: solid;
			padding: 0;
			outline: none;
        }
    .single.communication-tool .show-relative {
    	width: 260px;
    }
	    .communication-tool .page-filter.open {
	    	height: 112px;
	    }
	    
	
    .communication-tool #topic-filter .green-button {
    	border: none;
    }
    
    .communication-tool #topic-filter {
    	margin-right: 0;
    }
    	.communication-tool #topic-filter li {
    		height: 1px;
    		margin: 0;
    		max-width: 1px;
    	}
    	
    .communication-tool .big-button.green {
    	max-width: none;
    	max-height: none;
    	height:1px;
    	width: 1px;
    	border: none;
    	line-height:0;
    	padding:0;
    	background: none;
    	font-size: 1px;
    }
    	.communication-tool .green-button {
    		border: none;
    		color: #FDFDF8;
    	} 
    	.communication-tool .down-arrow {
    		display: none;
    	}
    
    #helpful-hint {
    	height: 445px;
    	background: url('../../images/mobile-hint.png') no-repeat center;
    	background-size: 100% auto;
    }
  	  #helpful-hint p {
  	  	 font-size: 14px;
  	  	 line-height: 14px;
  	  	 width: 45%;
  	  	 padding-top: 50%;
  	  }
    	
    .mobile-com-select {
    	display: block;
    }
    
    .communication-tool .ribbon {
    	text-align: left;
    	margin: 60px 0 0 0;
    }
    
    .communication-tool #topic-filter.people-filter li.partner, 
    .communication-tool #topic-filter.people-filter li.parent_or_guardian,
    .communication-tool #topic-filter.people-filter li.friend,
    .communication-tool #topic-filter.people-filter li.trusted_adult,
    .communication-tool #topic-filter.people-filter li.health_care_provider {
    	width: 1px;
    	height: 1px;
    	right: 0;
    	left: 0;
    	top: 0;
    }
    .communication-tool #topic-filter .dk_container li {
    	display: block;
    }

    .single.communication-tool #topic-filter .show-relative {
    	float: left !important;
/*     	width: 100%; */
    	width: 300px;	
    	margin-bottom: 20px;
    	display: block;
    }
    	.single.communication-tool #topic-filter .page-filter li {
    		height: auto;
    		max-width: none;
    		width: 200px;
    	}
    	.single.communication-tool #topic-filter .page-filter {
    		width: 100%;
    		max-width: none;
    		background: #71C000;
    	}
    	.communication-tool #topic-filter .filter-container-mobile {
    		margin-top: 20px;
    	}
    	
    .communication-tool #topic-filter .page-filter.open	{
    	height: 224px;
    	z-index: 10;
    }
	    .communication-tool #topic-filter.people-filter .page-filter.open	{
   		 	height: 160px;
    	}    
    
    .big-button {
		text-align: center;
/*		font-size: 24.5px;*/
		font-size: 16px;
		max-width: none;
		width: auto;
		max-height: none;
		height: 100% !important;
		border: none !important;
		margin: 0;							
    }        
    
    .big-button.blue.selected, .big-button.blue:hover {
		background-size: 1372%  auto;
   		-moz-background-size: 1372%  auto;
		-webkit-background-size: 1372%  auto;
		-o-background-size: 1372%  auto;
    }
   
   
   			/*  Category button backgrounds	 */
			.big-button.everything {
/* 				background-position: -24px 10px; */
				background-position: -12px 10px;
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				padding: 5px 0 0 33%;	
				margin: 							
			}
				.big-button.everything.hover-effect, .big-button.everything.selected {
					background-position: -12px 10px;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}
			.big-button.birth-control, .big-button.sex-terms-birth-control, .big-button.videos-birth-control, .big-button.stories-birth-control {
/* 				background-position: -201px 10px; */
				background-position: -187px 10px;
				line-height:  20px;
				text-align: center;
				padding: 20px 0 0 39%;
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
			}
				.big-button.birth-control.hover-effect, .big-button.birth-control.selected, .big-button.sex-terms-birth-control.hover-effect, .big-button.sex-terms-birth-control.selected, .big-button.videos-birth-control.hover-effect, .big-button.videos-birth-control.selected, .big-button.stories-birth-control.hover-effect, .big-button.stories-birth-control.selected    {
					background-position: -187px 10px;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}
            .big-button.hiv-aids-stds, .big-button.sex-terms-hiv-aids-stds, .big-button.videos-hiv-aids-stds, .big-button.stories-hiv-aids-stds, .big-button.advocacy-hiv-aids {
/*                 background-position: -399px 9px; */
                background-position: -392px 9px;				
				line-height: 20px;
				padding: 20px 4% 0 32%;
				display: block;
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				max-width: none;
			}
				.big-button.hiv-aids-stds.hover-effect, .big-button.videos-hiv-aids-stds.hover-effect, .big-button.sex-terms-hiv-aids-stds.hover-effect, .big-button.stories-hiv-aids-stds.hover-effect, .big-button.advocacy-hiv-aids.hover-effect, .big-button.hiv-aids-stds.selected, .big-buttons.sex-terms-hiv-aids-stds.selected, .big-button.videos-hiv-aids-stds.selected, .big-button.stories-hiv-aids-stds.selected, .big-button.advocacy-hiv-aids.selected  {
					background-position: -392px 9px;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}			
			.big-button.pregnancy, .big-button.sex-terms-pregnancy, .big-button.videos-pregnancy, .big-button.stories-pregnancy, .big-button.advocacy-teen-pregnancy-parenting {
/* 				background-position: -586px 16px; */
				background-position: -573px 16px;
				padding: 12px 0 0 24%;
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				max-width: none;
			}
				.big-button.pregnancy.hover-effect:hover, .big-button.pregnancy.selected, .big-button.sex-terms-pregnancy.hover-effect:hover, .big-button.sex-terms-pregnancy.selected, .big-button.videos-pregnancy.hover-effect:hover, .big-button.videos-pregnancy.selected, .big-button.stories-pregnancy.hover-effect:hover, .big-button.stories-pregnancy.selected, .big-button.advocacy-teen-pregnancy-parenting:hover, .big-button.advocacy-teen-pregnancy-parenting.selected {
/* 					background-position: -573px 16px; */
					background-position: -573px 16px;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}			
			.big-button.your-body, .big-button.sex-terms-your-body, .big-button.videos-your-body, .big-button.stories-your-body{
/* 				background-position: -770px 17px; */
				background-position: -768px 17px;
				padding: 8px 0 0 38%;
				background-size: 1700px auto;
	   			-moz-background-size: 1700px  auto;
				-webkit-background-size: 1700px  auto;
				-o-background-size: 1700px  auto;
			}
				.big-button.your-body.hover-effect, .big-button.your-body.selected, .big-button.sex-terms-your-body.hover-effect, .big-button.sex-terms-your-body.selected, .big-button.videos-your-body.hover-effect, .big-button.videos-your-body.selected, .big-button.stories-your-body.hover-effect, .big-button.stories-your-body.selected {
					background-size: 1700px auto;
		   			-moz-background-size: 1700px  auto;
					-webkit-background-size: 1700px  auto;
					-o-background-size: 1700px  auto;
					background-position: -768px 17px;
				}			
			.big-button.lgbtq, .big-button.sex-terms-lgbtq, .big-button.videos-lgbtq, .big-button.stories-lgbtq, .big-button.advocacy-lgbtq {
/* 				background-position: -946px 7px; */
				background-position: -942px 7px;
				padding: 8px 0 0 55%;
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
			}
				.big-button.lgbtq.hover-effect, .big-button.lgbtq.selected, .big-button.sex-terms-lgbtq.hover-effect, .big-button.sex-terms-lgbtq.selected, .big-button.videos-lgbtq.hover-effect, .big-button.videos-lgbtq.selected, .big-button.stories-lgbtq.hover-effect, .big-button.stories-lgbtq.selected , .big-button.advocacy-lgbtq.hover-effect, .big-button.advocacy-lgbtq.selected  {
				background-position: -942px 7px;
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				}			
			.big-button.abuse-violence, .big-button.sex-terms-abuse-violence, .big-button.videos-abuse-violence, .big-button.stories-abuse-violence, .big-button.advocacy-abuse-violence {
/* 				background-position: -1136px 9px; */
				background-position: -1128px 9px;
				padding: 16px 0 0 41%;
				line-height: 20px;
				background-size: 1666px auto;
			}
				.big-button.abuse-violence.hover-effect, .big-button.abuse-violence.selected, .big-button.sex-terms-abuse-violence.hover-effect, .big-button.sex-terms-abuse-violence.selected, .big-button.videos-abuse-violence.hover-effect, .big-button.videos-abuse-violence.selected, .big-button.stories-abuse-violence.hover-effect, .big-button.stories-abuse-violence.selected, .big-button.advocacy-abuse-violence.hover-effect, .big-button.advocacy-abuse-violence.selected  {
					background-position: -1128px 9px;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}			
			.big-button.relationships, .big-button.sex-terms-relationships, .big-button.videos-relationships, .big-button.stories-relationships {
/* 				background-position: -1155px 4px; */
				background-position: -1313px 4px;
				padding: 8px 0 0 25%;
/* 				background-size: 1450px; */
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				font-size: 15px;
				max-width: none;
			}
				.big-button.relationships.hover-effect, .big-button.relationships.selected, .big-button.sex-terms-relationships.hover-effect, .big-button.sex-terms-relationships.selected, .big-button.videos-relationships.hover-effect, .big-button.videos-relationships.selected, .big-button.stories-relationships.hover-effect, .big-button.stories-relationships.selected {
					background-position: -1313px 4px;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}			
			.big-button.sex, .big-button.sex-terms-sex, .big-button.videos-sex, .big-button.stories-sex {
				background-position: -1511px 6px;
				padding: 8px 0 0 27%;
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				max-width: none;
			}
				.big-button.sex.hover-effect, .big-button.sex.selected, .big-button.sex-terms-sex.hover-effect, .big-button.sex-terms-sex.selected, .big-button.videos-sex.hover-effect, .big-button.videos-sex.selected, .big-button.stories-sex.hover-effect, .big-button.stories-sex.selected  {
					background-position: -1511px 6px;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}

			.advocacy .big-button.advocacy-sex-ed {
				background: url('../../images/sex-states-sprites-white.png') no-repeat #FFB600;					
				background-position: -684px 8px !important;
				color: #ffffff;
				background-size: 1666px auto;
		   		-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
			}
				.advocacy .big-button.advocacy-sex-ed.hover-effect, .advocacy .big-button.advocacy-sex-ed.selected {			
					background: url('../../images/sex-states-sprites-yellow.png') no-repeat #ffffff;					
					background-position: -684px 8px !important;
					color: 	#FFB600;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}
		

            .advocacy .big-button.advocacy-teen-pregnancy-parenting {
                padding-left: 41%;
                padding-top: 0;
            }

            .advocacy .big-button.advocacy-hiv-aids,
            .advocacy .big-button.advocacy-sex-ed {
                padding-left: 41%;
            }


       	
	
			/* sex in the states buttons */
		
			.big-button.show-all-button {
				background-position: -3px 8px;
				padding: 5px 0 0 29%;
				height: 59px;
				background-size: 1666px auto;			
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				max-width: none;
			}
				.big-button.show-all-button.hover-effect, .big-button.show-all-button.active {
					background-position: -3px 8px;
					background-size: 1666px auto;				
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}
			
			.big-button.condoms-button {
				background-position: -180px 9px;
				background-size: 1666px auto;				
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				padding: 6px 0 0 32%;
				max-width: none;
			}
				.big-button.condoms-button.hover-effect, .big-button.condoms-button.active {
					background-position: -176px 9px;
					background-size: 1666px auto;			
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}
			.big-button.hiv-aids-button {
				background-position: -357px 9px;
				line-height: 20px;
				padding: 20px 0 0 34%;
				display: block;
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				max-width: none;
			}
				.big-button.hiv-aids-button.hover-effect, .big-button.hiv-aids-button.active {
					background-position: -357px 9px;
					background-size: 1666px auto;					
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}			
			.big-button.pregnancy-button {
				background-position: -524px 17px;
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				padding: 9px 0 0 28%;
				max-width: none;
			}
				.big-button.pregnancy-button.hover-effect, .big-button.pregnancy-button.active {
					background-position: -524px 17px;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}			
			.big-button.sex-ed-button {
				background-position: -609px 9px;
				padding: 14px 0 0 40%;
				height: 60px;
				line-height: 20px;			
				background-size: 1466px auto;
	   			-moz-background-size: 1466px  auto;
				-webkit-background-size: 1466px  auto;
				-o-background-size: 1466px  auto;
				max-width: none;

			}
				.big-button.sex-ed-button.hover-effect, .big-button.sex-ed-button.active {
					background-position: -609px 9px;
					background-size: 1466px auto;
	   				-moz-background-size: 1466px  auto;
					-webkit-background-size: 1466px  auto;
					-o-background-size: 1466px  auto;
				}			
			.big-button.lgbtq-button {
				background-position: -756px 9px;
				padding: 14px 0 0 45%;
				height: 59px;			
				line-height: 20px;
				background-size: 1466px auto;
	   			-moz-background-size: 1466px  auto;
				-webkit-background-size: 1466px  auto;
				-o-background-size: 1466px  auto;
			}
				.big-button.lgbtq-button.hover-effect, .big-button.lgbtq-button.active {
					background-position: -756px 9px;
					background-size: 1466px auto;
		   			-moz-background-size: 1466px  auto;
					-webkit-background-size: 1466px  auto;
					-o-background-size: 1466px  auto;
				}			
			.big-button.sexting-button {
				background-position: -1036px 6px;
				padding: 25px 0 0 32%;
				height: 38px;
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				max-width: none;
			}
				.big-button.sexting-button.hover-effect, .big-button.sexting-button.active {
					background-position: -1036px 6px;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}			
			.big-button.emergency-contraception-button {
				background-position: -1067px 10px;
				padding: 16px 0 0 23%;
				height: 54px;
				font-size: 14px;		
				background-size: 1466px auto;
	   			-moz-background-size: 1466px  auto;
				-webkit-background-size: 1466px  auto;
				-o-background-size: 1466px  auto;
				max-width: none;
			}
				.big-button.emergency-contraception-button.hover-effect, .big-button.emergency-contraception-button.active {
					background-position: -1067px 10px;
					background-size: 1466px auto;
		   			-moz-background-size: 1466px  auto;
					-webkit-background-size: 1466px  auto;
					-o-background-size: 1466px  auto;
				}			
			.big-button.birth-control-button {
				background-position: -1581px 9px;
				padding: 14px 0 0 40%;
				height: 60px;
				line-height:20px;		
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
			}
				.big-button.birth-control-button.hover-effect, .big-button.birth-control-button.active {
					background-position: -1581px 9px;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}			
						
			.big-button.abortion-button {
				background-position: -1388px 8px;
				padding: 14px 0 0 36%;
				height: 41px;
				background-size: 1666px auto;
	   			-moz-background-size: 1666px  auto;
				-webkit-background-size: 1666px  auto;
				-o-background-size: 1666px  auto;
				max-width: none;
			}
				.big-button.abortion-button.hover-effect, .big-button.abortion-button.active {
					background-position: -1388px 8px;
					background-size: 1666px auto;
		   			-moz-background-size: 1666px  auto;
					-webkit-background-size: 1666px  auto;
					-o-background-size: 1666px  auto;
				}								
			
			.big-button.age_of {
				background-image: none;
				line-height: 20px;
				padding-top: 16px;
			}
				.big-button.age_of.hover-effect, .big-button.age_of.active {
					background-image: none;
				}			
				.big-button .text {
					font-size: 34px;
					padding: 8px 0 0 5%;
				}
       	
       	
       	.meta-box img {
       		width: 30%;
       	}
       	

/* STATES MAP DROP DOWN */


#map .dk_container {
	display: block !important;
	color: white !important;
}
#map .dk_container {
	width: 60% !important;
	background: #A45485;
	font-size: 16px;
	margin-bottom: 20px !important;
}

#map .dk_options {
	max-height: 240px !important;
	overflow: hidden;
}

	#map .dk_options, #map .dk_options a:hover {
		background: #A45485;
/* 		max-height: none !important; */
	}
		#map ul.dk_options_inner li {
			border-bottom: none !important;
		}
		
		#map .dk_open .dk_label, #map .dk_container a {
			color: white !important;
		}

		#map a.dk_toggle {
			background: url(../../images/white_tri.png) no-repeat 95% center !important;
		}
		
		#map #states-drop-down {
			margin: 30px 0;
			display: block;	
		}
		
		#map #states-drop-down p{
			font-family:'VAG Rounded W01 Bold';	
			color: #666565;
			margin-bottom: 5px;
			font-size: 16px;
		}
				
	
					
#footer{/*http://ptrn.it/NFWs1t*/
	font-size:0;

	padding:16px 0 65px;
	border-top:13px solid #ebebe7;
	height:auto;
	text-align:center;
}
	#footer .container{
		
	}
	#footer span{
		display:block;
		font-size:14px;/*show separators*/
	}
	#footer a{

		font-size:14px;
		line-height:20px;
		padding:0 7px;
	}
	a#answers,a#rutgers{
		float:none;
		padding:0;
		width:87px;
		height:27px;		
	}
	a#answers{
		background-position:-300px -88px;
		float:left;
		margin:18px 0 0 10%;
	}
	a#rutgers{
		background-position:-403px -88px;
		float:right;
		margin:18px 10% 0 0;
	}			



#magazine-container iframe {
	max-width: 100% !important;
}




/* AUTHOR PAGE STYLING MOBILE       	 */
	
	.single #author-profile .attachment-user-single {
		margin: 0 20px auto !important;
	}
	
	#author-profile #post-copy {
		width: 95%;
		margin-top: 20px;
	}

	.author .recent-posts {
		float: none !important;
		margin: 0 auto 20px auto !important;
		max-width: none;
	}

	#instagram-slideshow {
		width: 90%;
		margin: auto;
		margin-bottom: 20px;
		display: none;
	}      	
	.print-link{
		display:none;
	}
	
	.bottom-44 {
		margin-bottom: 0;
	}					


/*Home page styling mobile*/
#homepage{}   

	.content-block{
		margin:0 0 9px;
		width:100%;
		float:none;		
	}.content-block.fixedheight{
		height:auto;
	}
	.bubble{
		background:url(../../images/bubbles-mobile.png);
		background-size: 320px 225px;		
		-moz-background-size: 320px 225px;
		-webkit-background-size: 320px 225px;
		-o-background-size: 320px 225px;
		font-size:16px;
		line-height: 19px;
		margin:17px auto 10px;
		text-align:center;
	}.bubble p{
		font-size:16px;
		line-height: 19px;
		color:#fff;
		margin: 0 0 4px;
	}

	.bubble.purple {
		background:url(../../images/bubbles-mobile-purple.png);
		background-size: 320px 225px;		
		-moz-background-size: 320px 225px;
		-webkit-background-size: 320px 225px;
		-o-background-size: 320px 225px;	
	}
	.bubble.lightblue {
		background:url(../../images/bubbles-mobile-teal.png);
		background-size: 320px 225px;		
		-moz-background-size: 320px 225px;
		-webkit-background-size: 320px 225px;
		-o-background-size: 320px 225px;	
	}	
/*
		.bubble.purple,
		.bubble.lightblue,
		{
			display:none;
		}
*/
		.bubble.purple,
		.bubble.lightblue,
		.bubble.darkblue{
			background-position:left bottom;
			width:300px;
			height:225px;
		}
			.bubble .bubble-inner{
				padding:60px 30px 0 40px !important;
			}
			
			.bubble .readmore{
				margin:0 auto;
				background-position: -175px -87px;
				width: 86px;
				height: 20px;
				font-size: 12px;
				padding: 2px 0 0;
			}

    #homepage #join-our-network{
    	border:0;
    	width:283px;
    	margin:0 auto 23px;
	}
		#homepage #join-our-network ul{
			margin:0;
		}	
		#homepage #join-our-network li{
			margin:0 2px 0 0;
		}
		#homepage #join-our-network-title{
			width:283px;
			height:52px;
			background:url(../../images/sprite-our-network-mobile.gif);
			background-size: 283px 111px;
			-moz-background-size: 283px 111px;
			-webkit-background-size: 283px 111px;
			-o-background-size: 283px 111px;
		}
		#homepage #join-our-network a{
			width:53px;
			height:58px;
			background:url(../../images/sprite-our-network-mobile.gif);
			background-size: 283px 111px;
			-moz-background-size: 283px 111px;
			-webkit-background-size: 283px 111px;
			-o-background-size: 283px 111px;
		}
			#homepage #join-our-network  #sexetc-facebook{
				background-position:0 -52px;
			}
			#homepage #join-our-network  #sexetc-twitter{
				background-position:-56px -52px;
			}
			#homepage #join-our-network  #sexetc-youtube{
				background-position:-112px -52px;
			}
			#homepage #join-our-network  #sexetc-tumblr{
				background-position:-168px -52px;
			}
			#homepage #join-our-network  #sexetc-gplus{
				background-position:-225px -52px;
			}
	#subscribe-today-panel .readmore{
		background-position: -175px -87px;
		width: 86px;
		height: 20px;
		font-size: 9px;
		padding: 4px 0 0;
	}
	#feature-bracketed-article{
		width:100%;
		float:none;
		margin:0;
	}
		#feature-bracketed-article h3{
			
		}

	

	#feature-bracketed-article{}

		#feature-bracketed-article .readmore{
			background-position: -175px -87px;
			width: 86px;
			height: 20px;
			font-size: 9px;
			padding: 2px 0 0;
		}


	#subscribe-today-panel-inner{
		width:300px;
		margin:0 auto;
	}


/*single/blog and archive*/
#single-related-posts h3#related-posts-title{
	font-size:22px;
}
	#gallery-carousel{
		display:none;
	}
	#filter-bar-container{
		height:104px;
	}
	.filter-select{
		font-size: 16px;
		width: 200px;
		float:none;
	}
		.filter-select.sorting{
			z-index:4;
			margin:0 10px 10px 0;
			position: absolute;
			top: 70px;
		}
		.filter-select.bydate{
			display:none;
		}
		.filter-select.mobile-only{
			display:block;
			z-index:5;
			position: absolute;
			
		}

   
	.article {
		padding-top: 2px;
	}		

	.ribbon { 
		color: #666565;
		background: none;
		margin-top: 32px;
		text-transform: capitalize;
		font-size: 18px;
		line-height: 18px;
/* 		display: none; */

	}
	
	#social-buttons-article {
		display: none;
	}
   
   .page-title {
		display: none;
	}
#homepage .info-center-post{ 
	max-width: none;
	height:auto !important;
}


	
	.info-center-post {
		width: 100%;
		max-width: none;
		height: auto;
/* 		max-height: 220px;	 */
		margin-right: 0;
		padding-bottom: 0;
		max-height: 145px;	
	}
		.info-center-post .full-archive-image {
			display: none;			
		}
		.info-center-post .mobile-archive-image {
			display: block;
		}
		.info-center-post .info-center-slider {
			float: left;
			width: 43%;
/* 			width: 35%; */
			position: relative;
			padding: 33px 0 0 3%;
			overflow: visible;
			
		}
		.info-center-post .image-link {
/* 			width: 50%; */
			width: 40%;
			max-width: 220px;
			overflow: hidden;
		}	
		.info-center-post h3 {
			font-size: 16px;
			line-height: 1.2em;
		}	
		.info-center-post img {
/* 			height: 100%; */
			height: auto;
			width: 100%;
			border-right: 1px solid #EFEFEB;
		}
  		.info-center-post a {
			float: left;
		}
		.info-center-post .read-more, 
		.info-center-post h4, 
		.info-center-post p,
		.info-center-slider .date-and-tags,
		.info-center-slider .comment-count {
			display: none;
		}
		.info-center-post.video-post h3 {
			background: none;
			padding: 0;
			margin-top: 10px;
		}

			.info-center-post.video-post .read-more-circle {
				margin-top: 34px;
			}		
		.info-center-post .read-more-circle {
			color: #ffffff;
			background: url('../../images/black-circle.png') no-repeat center;
			background-size: 100%  auto;
			-moz-background-size: 100%  auto;
			-webkit-background-size: 100%  auto;
			-o-background-size: 100%  auto;
			width: 31px;
			height: 33px;
			float: right;
			display: block;
			font-size: 27px;
			text-align: center;
			font-family:'VAG Rounded W01 Bold';	
			margin: 50px 3% 0 0;		
			text-decoration: none;
		}
			.info-center-post .read-more-circle:hover {
				color: #ffffff;
			}		
     .resource-container .drawer-content p {
	 	font-size: 18px;
		line-height: 1.2em;
     }		
	.resource-container .drawer-content {
		padding-bottom: 20px;
	}
	.resource-container {
		background: #ffffff;
		max-width: 595px;
	}
	
	 .resource-container .blue-term {
		background: url('../../images/resources-sprites-blue-wider.png') no-repeat #ffffff;
		margin: auto	;
	}	
	 .resource-container .blue-term.active, .resource-container .blue-term:hover {
		background: url('../../images/resources-sprites-blue-wider.png') no-repeat #ffffff;
		color: #666565;	
	 }


	 .resource-container .sex-term:hover {
	 	background: #ffffff;
		color: #666565;	
	 }
	 
	 	.resource-container .sex-term.active {
	 		background: #FFB600;
	 		color: #fff;
	 		height: 100%;
	 	}
	 	
	.resource-container .sex-term {
		max-height: 180px;
		height: auto;
		padding-bottom: 25px;
	}
	.resource-container .sex-drawer {
		padding: 0 3%;
	}
		.resource-container .sex-drawer h4 {
			color: #666565;
			margin-bottom: 21px;
			font-size: 18px;
		}
			.blue-term.website, .blue-term.website {
				background-position: -670px 23px;
			}
				.blue-term.website:hover, .blue-term.website.active {
					background-position: -670px 23px;
				}								
			.blue-term.phone_number, .blue-term.phone_number {
				background-position: -1272px 13px;
			}
				.blue-term.phone_number:hover, .blue-term.phone_number.active {
					background-position: -1272px 13px;
				}	
			.blue-term.book, .blue-term.book {
				background-position: 27px 29px;
			}						
				.blue-term.book:hover, .blue-term.book.active {
					background-position: 27px 29px;
				}

	.hidden-drawer {
		display: block !important;
	}	

	.single .show-relative {
		display: block !important;
		position: relative;
		margin-bottom: 55px;
		width: 200px;
		float: right;
	}

	.show-relative {
		display: block !important;
		position: relative;
		margin-bottom: 20px;
	}
	
	.article.single {
		margin-top: 20px;
	}
		
	#filter-container-desktop {
/* 		display: none; */
	}
		#resource-filter div {
			height: 30px;
			width: 45%;
		}

		#resource-filter div:hover {
			height: 129px;
		}
    #filter-container-desktop #resource-filter {
		display: block;
		width: 100%;
	}     
	  .filter-container-mobile a, #resource-filter a {
/* 	  		text-decoration: none; */
	  }
	#resource-filter {
		font-size: 17px;
	}  
	
	#filter-container-desktop #resource-filter li:hover, #filter-container-desktop #resource-filter .current:hover {
		color: #009EC6;
	}

	#filter-container-desktop #resource-container p {
			font-family: 'VAG Rounded W01 Bold';
			font-size: 17px;
			color: #666565;
			line-height: 30px;
			margin: 0;
		}

		#resource-filter ul {
			padding-left: 0;
		}
	#resource-filter span {
		padding-top: 2px;
	}	
	
	#resource-filter span:hover {
		color: white;
	}
	
	#resource-filter span::after {
		border-top: 16px solid white;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		margin: 7px 9% 0;
	}		
	
	.filter-container-desktop {
		position: relative;
		margin-bottom: 90px;
		display: block;
	}	
	
	#page-filter, .page-filter {
		color: #ffffff;
		background: #666565;
		width: auto;
		float: right;
		font-family:'VAG Rounded W01 Bold';
		font-size: 18px;
		height: 36px;
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
		-o-transition: none;		
		cursor: pointer;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 0;
	}	
		/*Magazine page filter*/
		.page-id-26 #page-filter.open,
		.page-id-395 #page-filter.open,
		.page-id-504 #page-filter.open {
			height: 107px;
		}
	
		#page-filter.open, .page-filter.open {
			height: 92px;
		}

		#page-filter span, .page-filter span {
			line-height: 36px;
			padding: 27px 0 0 23px;
		}
			#page-filter span:after, .page-filter span:after {
				display:inline-block;
				content:'';
				width:0;
				height:0;
				border-top: 16px solid #fff;
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				margin: 9px 26px 0;
				float: right;
			}
		
		#page-filter ul, .page-filter ul {
			list-style: none;
			margin: 0;
			position: absolute;
			padding: 0;
			width: 100%;
		}
			#page-filter ul li, .page-filter ul li {
					display: block;
					width: 87%;
					padding:2px 0 2px 12%;
			}
				#page-filter ul li:hover, .page-filter ul li:hover {
					background: rgba(255, 255, 255, .15);
				}
										
		#page-filter a, .page-filter a {
			color: #ffffff;
		}
			#page-filter a:hover, .page-filter a:hover {
				text-decoration: none;
			}

	ul.alphabet-filter {
		opacity: 0;
		overflow: hidden;
		height: 1px;
	}
	
	#mobile-alphabet-filter {
		display: block;
	}

    #radio-filter {
    	height: 80px;
		line-height: 80px;
    }        
		#radio-filter li {
/* 			margin-right: 6.2%; */
			padding-top: 9px;
			margin-right: 16%;
			font-size: 16px;
		}
       	#radio-filter a {
			margin-top: 26px;
		}
            
	#mobile-social {
		display: block;
	}	
		#mobile-social div.clearfix {
			float: left;
			width: 100% !important;
		}
		
/****Application Form*****
***/

.app_form > div {
	width:100%; 
	float:none;
} .app_form > div input {
		width:100%;
  }
  .app_form > div label.required + ul {
	  right:0;
  }
  .app_form .dk_container {
	  width:100%;
  }
  a.dk_toggle {
	  padding:1.6% 3.8% !important; 
  }
  #userRegistration_birthday a.dk_toggle{
  	  padding:5% 3.8% !important;
  }

/********/

/********Register Form******
*********/
.user-form > div {
	width:100%;
	float:none;
}

#register_social_choices ul.social-list li {
	margin:0 3px 0 0;
	height: 34px;
}

.bigWarpper a.edit-btn {
	top:1em;
	right:1em;
}

/******Forum******/
/*****************/
#header {
	position:relative;
	z-index:101;
}
#forum_page #container {
	width:98%;
	margin:0 auto;
}
#popular_posts {
	display:none;
}
#container #content .headingGroup {
	margin-bottom:3%;
}
#container #content .forumbit .sortby > ul {
	width:210px;
}
#container #content .forumbit .sortby .btn.newthread {
	display:none;
}
#container #content .forumbit article header {
	width:70%;
}
#container #content .forumbit article header h1
 {
 	line-height:1.15em;
 }
#container #content .forumbit #posts article .actionBtn {
	display:none;
}
.btn {width:135px;}
.needLogin{
	padding-top:15%;
}
#newthread {
	padding-top:10%;
	padding-bottom:7%;
}

.needLogin > form input,
#newthread > form input.textbox {
	width:93%;
	margin:0 0 0.7em 0 !important;
}
#newthread > form textarea {
	width:97%;
	height:250px;
}
.needLogin > form input.button {
	padding:2% 5%;
}
#newthread > form #submit_thread input.button {
	margin-right:0.3em;
}
.needLogin > form .icon-wrapper {
	margin:-5px 0 0 5px;
}
.authorInfo {
	display:none;
}

#container #content .forumbit ul.icons {
	display:none;
}
#container #content .forumbit article .post-status >img {
	display:none;
}
#container #content .headingGroup .mini-icon {
	display:none;
}
/*#container #content .forumbit .sortby > ul,
#container #content .forumbit .sortby .btn.newthread {
	float:none;
}*/

#container #content section.regi#error_login h1 {
	
}
#container #content section.regi form > div {
	width:100%;
	display:block;
}
#container #content section.regi form > div input.textbox {
	width:95% !important;
}
#container #content section.regi form > div input.checkbox {
	width:auto !important;
	display:inline-block;
}
#container #content section.regi form > div label {
	display:block !important;
}
#container #content section.regi div.note{
	margin-top:1em;
}
#container #content section.regi#member_login form span.checkbox.remember {
	margin-left:0;
}
/*Inline Moderation*/
#inline_modCon h3 {
	float:none;
	width:100%;
}
#inline_modCon select.modSelect {
	float:none;
	width:100%;
	margin:0.5em 0 0 0;	
}
#inline_modCon #actionBtns {
	float:none;
	text-align:left;
	margin:0.7em 0 0 0;
	width:100%;
}
/**Pagination**/
.pager {
	margin:0.5em 0 0 0;
}

/*Overlay*/
#overlay {
	display:none;
}

#captcha .cap_left,
#captcha .cap_right {
	float:none;
	width:100%;
	margin:0 0 1em 0;
}
#captcha .cap_left input#refresh {
	width:auto !important;
	vertical-align:top;
}

.info-center-post.faq {
	max-width: 99%;

}
	
.info-center-post.faq .info-center-slider.active, .info-center-post.faq:hover {
	background: #ffffff;
	color: #666565;
	transition: none;
	-moz-transition: none; /* Firefox 4 */
	-webkit-transition: none; /* Safari and Chrome */
	-o-transition: none; /* Opera */
}	
	.info-center-post.faq a .info-center-slider.active a, .info-center-post.faq:hover a, .info-center-post.faq h3 .info-center-slider.active h3, .info-center-post.faq:hover h3 {
		color: #666565 !important;
	}


    .magazine .big-button.abuse-violence,
    .magazine .big-button.abuse-violence.hover-effect {
        padding-left: 31%;
        background-size: 48px 295.11px;
    	-moz-background-size: 48px 295.11px;
		-webkit-background-size: 48px 295.11px;
		-o-background-size: 48px 295.11px;    
    }

    .magazine .big-button.abuse-violence.online {
        background-position: -3px 12px;
    }

    .magazine .big-button.abuse-violence.mail {
        background-position: -3px -111.33px;
    }

    .magazine .big-button.abuse-violence.questions {
        padding-top: 10px;
        background-position: -10.67px -240.67px;
    }


	body, .autogen_class_views_embeds_content #content_embed_container #document_content iframe {
		min-width: 200px !important;
	}	

	.info-center-post {
		width: 100%;
		display: block;
		float: none;
	}
	
/*Polls*/	
#featured-poll {
	display: none;
}	
.poll-container {
	max-width: none;
}
	.poll-container .wp-polls-ul li.selected {
		margin: auto;
	}

	
.accord > ul li hgroup h3, .accord > ul li .heading h3 {
	min-height:auto !important;
	padding-bottom:0 !important;
}
.accord > ul li hgroup h4, .accord > ul li .heading h4 {
	padding:0 0 5px 30px;
	float:none;
}
.accord .details {
	padding:10px 0 0 0;
}
	.accord .details p {
		padding:2.5% 3.5%;
	}
	.accord .details form.applynow input.button {
		margin:1em auto;
	}

    /**
    Clinic finder
    **/
    .clinics .search-form #location {
        width: 85%;
    }

    .clinics .search-form .col {
        float: none;
    }

    .clinics .search-form .col.left,
    .clinics .search-form .col.right {
        width: auto;
    }

    .clinics .search-form .col.right .row {
        float: left;
        width: 50%;
        margin-top: 0;
        text-align: right;
    }

    .clinics .search-form label.icon img {
        display: none;
    }

    .clinics .search-form label.icon span {
        display: inline;
        width: auto;
        font-size: 0.8em;
    }

    .clinics-wrapper article.info-center-post {
        float: none;
        max-height: none;
        margin-right: 0;
    }

    .clinics-wrapper p.source {
        margin-bottom: 1em;
    }

    .clinics-wrapper .submit {
        height: 32px;
	    -webkit-appearance: none;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    -o-border-radius: 0;
	    border-radius: 0;
    }
	.clinics-wrapper form input {
	    -webkit-appearance: none;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    -o-border-radius: 0;
	    border-radius: 0;
	}
    .clinics .gmap-wrapper .info-panel {
        top: 25px;
        left: 0;
        width: 100%;
    }
}


/* ************************************************************************ */
/* SEX IN THE STATES SPRITE FIX media Selector
/* ************************************************************************ */


@media (max-width: 680px) and (min-width: 550px) {	

			.big-button.sex-ed-button {
				background-position: -686px 9px;
				padding: 26px 0 0 40%;	
				background-size: 1666px auto;
    			-moz-background-size: 1666px auto;
				-webkit-background-size: 1666px auto;
				-o-background-size: 1666px auto; 
			}
				.big-button.sex-ed-button:hover, .big-button.sex-ed-button.active {
					background-position: -686px 9px;
					background-size: 1666px auto;
    				-moz-background-size: 1666px auto;
					-webkit-background-size: 1666px auto;
					-o-background-size: 1666px auto; 
				}			
			.big-button.lgbtq-button {
				background-position: -856px 9px;
				padding: 14px 0 0 45%;
				height: 59px;			
				line-height: 20px;
				background-size: 1666px auto;
    			-moz-background-size: 1666px auto;
				-webkit-background-size: 1666px auto;
				-o-background-size: 1666px auto; 		
			}
				.big-button.lgbtq-button:hover, .big-button.lgbtq-button.active {
					background-position: -856px 9px;
					background-size: 1666px auto;
	    			-moz-background-size: 1666px auto;
					-webkit-background-size: 1666px auto;
					-o-background-size: 1666px auto; 
				}			
			.big-button.emergency-contraception-button {
				background-position: -1207px 10px;
				padding: 16px 0 0 23%;
				height: 54px;
				font-size: 14px;		
				background-size: 1666px auto;
    			-moz-background-size: 1666px auto;
				-webkit-background-size: 1666px auto;
				-o-background-size: 1666px auto; 
			}
				.big-button.emergency-contraception-button:hover, .big-button.emergency-contraception-button.active {
					background-position: -1207px 10px;
					background-size: 1666px auto;
 	   				-moz-background-size: 1666px auto;
					-webkit-background-size: 1666px auto;
					-o-background-size: 1666px auto; 
				}			
			.big-button.birth-control-button {
				padding: 14px 0 0 40%;
			}



/*
    .magazine .big-button.abuse-violence,
    .magazine .big-button.abuse-violence:hover {
        background-size: 72px 442.67px;
    }

    .magazine .big-button.abuse-violence.online {
       background-position: -7px 8px;
    }

    .magazine .big-button.abuse-violence.mail {
        background-position: -7px -179.33px;
    }

    .magazine .big-button.abuse-violence.questions {
        padding-top: 5px;
        background-position: -10.67px -375.67px;
    }
*/







}



/* ************************************************************************ */
/* SMALL MOBILE media selector */
/* ************************************************************************ */

@media (max-width: 480px) {
	.communication-tool #sex-terms-area .tool .content-wrapper {
		width: 81.5%;
		height: 220px;
	}

	.communication-tool iframe {
		width: 80% !important;
	}
	
    .clinics .search-form {
        padding: 20px 15px;
    }

	#lol-header {
		height: 240px;
	}
		#lol-header #ribbon-text {
			font-size: 12px;
			line-height: 12px;
			padding: 7% 20% 13% 20%;
		}
}

@media (max-width: 360px) {

	#lol-header {
		height: 210px;
	}
		#lol-header #ribbon-text {
			font-size: 10px;
			line-height: 10px;
			padding: 5% 20% 15% 20%;
		}
	
	
	/*Mobile Tweaks*/	
	.back-button {
		margin-bottom: 0;
	}	
	.page-id-3253 #content.container {
		margin-top: 0;
	}
	span.close-button {
		display: none !important;
	}
	

	.post-container .fb-button {
		width: 51px !important;
		overflow: hidden;
		margin-right: 5px;
	}
	.post-container .twitter-button {
		width: 58px !important;
		overflow: hidden;
		margin-right: 5px;
	}
	.post-container .google-button {
		width: 34px !important;
		overflow: hidden;
		margin-right: 5px;
	}
	
	iframe body, .autogen_class_views_embeds_content #content_embed_container #document_content iframe {
		max-width: 100% !important;
	}	
	
	#magazine-container iframe {
		min-width: 100px !important;
		text-align: center;
	}
	
	body, .autogen_class_views_embeds_content #content_embed_container #document_content iframe {
		min-width: 100px !important;
	}	

	#error-box #header-container {
		padding-left: 30%;
	}
		#error-box h1 {
			font-size: 20px;
		}

	#homepage{}
		#panel-rotator .rotator-copy{
/* 			left:973px; */
			left: 0;
			top: 91px;
			width: 256px;
			height: 80px;
			min-width: 200px;
		}


	#menu-main-menu, #main-nav .sub-menu {
		overflow: visible;
	}

			
	.single blockquote {
		font-size: 16px;
	}
		
	#radio-filter li {
		margin-right: 6%;
	}	
	

	.blue-term.book, .blue-term.book {
		background-position: 0 29px;
		padding-left: 20%;
		max-width: 235px;
	}	
	
		.blue-term.book:hover, .blue-term.book.active {
			background-position: 0 29px;
		}
	
	
	.big-button {
		font-size: 14px;
	}

	.big-button.relationships, .big-button.sex-terms-relationships, .big-button.videos-relationships, .big-button.stories-relationships {
		font-size: 14px;
	}
	
	.author .staff-member {
		float: none;
		margin: auto;
	}	
	
	.communication-tool #sex-terms-area .tool .content-wrapper {
		width: 80%;
		height: 210px;
	}
	
	  #helpful-hint p {
  	  	 font-size: 14px;
  	  	 line-height: 14px;
  	  	 width: 45%;
  	  	 padding-top: 60%;
  	  }
   			/*  Category button backgrounds	 */
			.big-button.everything, .advocacy .big-button.advocacy-sex-ed  {
				background-position: -20px 10px;
				background-size: 1400px auto;
    			-moz-background-size: 1400px auto;
				-webkit-background-size: 1400px auto;
				-o-background-size: 1400px auto; 
				padding-right: 25%;
				font-size: 13px;
			}
				.big-button.everything.hover-effect, .big-button.everything.selected, .advocacy .big-button.advocacy-sex-ed.hover-effect, .advocacy .big-button.advocacy-sex-ed.selected {
					background-position: -20px 10px;
					background-size: 1400px auto;
	    			-moz-background-size: 1400px auto;
					-webkit-background-size: 1400px auto;
					-o-background-size: 1400px auto; 	
				}
			.big-button.birth-control, .big-button.sex-terms-birth-control, .big-button.videos-birth-control, .big-button.stories-birth-control {
				background-position: -180px 10px;
				line-height:  15px;
				padding: 20px 0 0 43%;
				background-size: 1466px auto;
    			-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto; 
			}
				.big-button.birth-control.hover-effect, .big-button.birth-control.selected, .big-button.sex-terms-birth-control.hover-effect, .big-button.sex-terms-birth-control.selected, .big-button.videos-birth-control.hover-effect, .big-button.videos-birth-control.selected, .big-button.stories-birth-control.hover-effect, .big-button.stories-birth-control.selected    {
					background-position: -180px 10px;
					background-size: 1466px auto;
    				-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto; 
				}
					
			.big-button.hiv-aids-stds, .big-button.sex-terms-hiv-aids-stds, .big-button.videos-hiv-aids-stds, .big-button.stories-hiv-aids-stds, .big-button.advocacy-hiv-aids {
				background-position: -359px 9px;
				line-height:  15px;
				padding: 20px 0 0 25%;
				display: block;
				background-size: 1466px auto;
   				-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto; 
				max-width: none;
			}
				.big-button.hiv-aids-stds.hover-effect, .big-button.videos-hiv-aids-stds.hover-effect, .big-button.sex-terms-hiv-aids-stds.hover-effect, .big-button.stories-hiv-aids-stds.hover-effect, .big-button.hiv-aids-stds.selected, .big-buttons.sex-terms-hiv-aids-stds.selected, .big-button.videos-hiv-aids-stds.selected, .big-button.stories-hiv-aids-stds.selected, .big-button.advocacy-hiv-aids.hover-effect, .big-button.advocacy-hiv-aids.selected  {
					background-position: -359px 9px;
					background-size: 1466px auto;
    				-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto; 
				}			
			.big-button.pregnancy, .big-button.sex-terms-pregnancy, .big-button.videos-pregnancy, .big-button.stories-pregnancy, .advocacy .big-button.advocacy-teen-pregnancy-parenting {
				background-position: -520px 21px;
				padding: 9px 0 0 24%;
				background-size: 1466px auto;
   				-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto; 
			}
				.big-button.pregnancy.hover-effect, .big-button.pregnancy.selected, .big-button.sex-terms-pregnancy.hover-effect, .big-button.sex-terms-pregnancy.selected, .big-button.videos-pregnancy.hover-effect, .big-button.videos-pregnancy.selected, .big-button.stories-pregnancy.hover-effect, .big-button.stories-pregnancy.selected, .advocacy .big-button.advocacy-teen-pregnancy-parenting.hover-effect, .advocacy .big-button.advocacy-teen-pregnancy-parenting.selected {
					background-position: -520px 21px;
					background-size: 1466px auto;
    				-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto; 
				}			
			.big-button.your-body, .big-button.sex-terms-your-body, .big-button.videos-your-body, .big-button.stories-your-body{
				background-position: -584px 24px;
				padding: 9px 0 0 32%;
				background-size: 1266px auto;
    			-moz-background-size: 1266px auto;
				-webkit-background-size: 1266px auto;
				-o-background-size: 1266px auto; 
			}
				.big-button.your-body.hover-effect, .big-button.your-body.selected, .big-button.sex-terms-your-body.hover-effect, .big-button.sex-terms-your-body.selected, .big-button.videos-your-body.hover-effect, .big-button.videos-your-body.selected, .big-button.stories-your-body.hover-effect, .big-button.stories-your-body.selected {
					background-size: 1266px auto;
    				-moz-background-size: 1266px auto;
					-webkit-background-size: 1266px auto;
					-o-background-size: 1266px auto;
					background-position: -584px 24px;
				}			
			.big-button.lgbtq, .big-button.sex-terms-lgbtq, .big-button.videos-lgbtq, .big-button.stories-lgbtq, .big-button.advocacy-lgbtq {
				background-position: -681px 18px;
				padding: 9px 0 0 55%;
				background-size: 1200px auto;
    			-moz-background-size: 1200px auto;
				-webkit-background-size: 1200px auto;
				-o-background-size: 1200px auto;
			}
				.big-button.lgbtq.hover-effect, .big-button.lgbtq.selected, .big-button.sex-terms-lgbtq.hover-effect, .big-button.sex-terms-lgbtq.selected, .big-button.videos-lgbtq.hover-effect, .big-button.videos-lgbtq.selected, .big-button.stories-lgbtq.hover-effect, .big-button.stories-lgbtq.selected, .big-button.advocacy-lgbtq.hover-effect, .big-button.advocacy-lgbtq.selected  {
					background-position: -681px 18px;
					background-size: 1200px auto;
    				-moz-background-size: 1200px auto;
					-webkit-background-size: 1200px auto;
					-o-background-size: 1200px auto;
				}			
			.big-button.abuse-violence, .big-button.sex-terms-abuse-violence, .big-button.videos-abuse-violence, .big-button.stories-abuse-violence, .big-button.advocacy-abuse-violence {
				background-position: -1003px 9px;
				padding: 16px 0 0 41%;
				line-height:  15px;
				background-size: 1466px auto;
   				-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto;
			}
				.big-button.abuse-violence.hover-effect, .big-button.abuse-violence.selected, .big-button.sex-terms-abuse-violence.hover-effect, .big-button.sex-terms-abuse-violence.selected, .big-button.videos-abuse-violence.hover-effect, .big-button.videos-abuse-violence.selected, .big-button.stories-abuse-violence.hover-effect, .big-button.stories-abuse-violence.selected, .big-button.advocacy-abuse-violence.hover-effect, .big-button.advocacy-abuse-violence.selected {
					background-position: -1003px 9px;
					background-size: 1466px auto;
    				-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto;
				}			
			.big-button.relationships, .big-button.sex-terms-relationships, .big-button.videos-relationships, .big-button.stories-relationships {
				background-position: -1074px 4px;
				background-size: 1350px auto;
   				-moz-background-size: 1350px auto;
				-webkit-background-size: 1350px auto;
				-o-background-size: 1350px auto;
				font-size: 12px;
			}
				.big-button.relationships.hover-effect, .big-button.relationships.selected, .big-button.sex-terms-relationships.hover-effect, .big-button.sex-terms-relationships.selected, .big-button.videos-relationships.hover-effect, .big-button.videos-relationships.selected, .big-button.stories-relationships.hover-effect, .big-button.stories-relationships.selected {
					background-position: -1074px 4px;
					background-size: 1350px auto;
  	 				-moz-background-size: 1350px auto;
					-webkit-background-size: 1350px auto;
					-o-background-size: 1350px auto;
				}			
			.big-button.sex, .big-button.sex-terms-sex, .big-button.videos-sex, .big-button.stories-sex {
				background-position: -1337px 6px;
				padding: 8px 0 0 40%;
				background-size: 1466px auto;
   				-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto;
				max-width: none;
			}
				.big-button.sex.hover-effect, .big-button.sex.selected, .big-button.sex-terms-sex.hover-effect, .big-button.sex-terms-sex.selected, .big-button.videos-sex.hover-effect, .big-button.videos-sex.selected, .big-button.stories-sex.hover-effect, .big-button.stories-sex.selected  {
					background-position: -1337px 6px;
					background-size: 1466px auto;
	   				-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto;
				}			
  .advocacy .big-button.advocacy-sex-ed {
  	line-height: 15px; 
  	padding-top: 22px;
  }
    
 .advocacy .big-button.advocacy-hiv-aids {
 	padding-left: 30%;
 }
 
			.advocacy .big-button.advocacy-sex-ed {
				background: url('../../images/sex-states-sprites-white.png') no-repeat #FFB600;					
				background-position: -540px 16px !important;
				color: #ffffff;
				background-size: 1300px auto;
	   			-moz-background-size: 1300px auto;
				-webkit-background-size: 1300px auto;
				-o-background-size: 1300px auto;
			}
				.advocacy .big-button.advocacy-sex-ed.hover-effect, .advocacy .big-button.advocacy-sex-ed.selected {			
					background: url('../../images/sex-states-sprites-yellow.png') no-repeat #ffffff;					
					background-position: -540px 16px !important;
					color: 	#FFB600;
					background-size: 1300px auto;
	   				-moz-background-size: 1300px auto;
					-webkit-background-size: 1300px auto;
					-o-background-size: 1300px auto;
				} 
 
/* sex in the states buttons */
		
			#state-info li a.big-button {
				font-size: 14px;
			}
			
			.big-button.show-all-button {
				background-position: -9px 11px;
				padding: 7px 0 0 25%;
				background-size: 1466px auto;	
   				-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto;						
			}
				.big-button.show-all-button.hover-effect, .big-button.show-all-button.active {
					background-position: -9px 11px;
					background-size: 1466px auto;				
	   				-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto;
				}
			
			.big-button.condoms-button {
				background-position: -159px 9px;
				background-size: 1466px auto;				
   				-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto;
				padding: 9px 0 0 32%;
			}
				.big-button.condoms-button.hover-effect, .big-button.condoms-button.active {
					background-position: -159px 9px;
					background-size: 1466px auto;			
	   				-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto;	
				}
			.big-button.hiv-aids-button {
				background-position: -317px 9px;
				line-height: 15px;
				padding: 23px 0 0 27%;
				display: block;
				background-size: 1466px auto;
   				-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto;	
				max-width: none;
			}
				.big-button.hiv-aids-button.hover-effect, .big-button.hiv-aids-button.active {
					background-position: -317px 9px;
					background-size: 1466px auto;				
	   				-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto;	
				}			
			.big-button.pregnancy-button {
				background-position: -464px 23px;
				background-size: 1466px auto;
   				-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto;	
				padding: 9px 0 0 23%;
			}
				.big-button.pregnancy-button.hover-effect, .big-button.pregnancy-button.active {
					background-position: -464px 23px;
					background-size: 1466px auto;
	   				-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto;	
				}			
			.big-button.sex-ed-button {
				background-position: -540px 16px;
				padding: 22px 0 0 42%;
				line-height: 15px;			
				background-size: 1300px auto;
				-moz-background-size: 1300px auto;
				-webkit-background-size: 1300px auto;
				-o-background-size: 1300px auto;	
			}
				.big-button.sex-ed-button.hover-effect, .big-button.sex-ed-button.active {
					background-position: -540px 16px;
					background-size: 1300px auto;
					-moz-background-size: 1300px auto;
					-webkit-background-size: 1300px auto;
					-o-background-size: 1300px auto;	
				}			
			.big-button.lgbtq-button {
				background-position: -619px 16px;
				padding: 21px 0 0 36%;
				line-height: 15px;
				background-size: 1200px auto;
				-moz-background-size: 1200px auto;
				-webkit-background-size: 1200px auto;
				-o-background-size: 1200px auto;	
			}
				.big-button.lgbtq-button.hover-effect, .big-button.lgbtq-button.active {
					background-position: -619px 16px;
					background-size: 1200px auto;
					-moz-background-size: 1200px auto;
					-webkit-background-size: 1200px auto;
					-o-background-size: 1200px auto;	
				}			
			.big-button.sexting-button {
				background-position: -916px 6px;
				padding: 27px 0 0 28%;
				background-size: 1466px auto;
				-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto;	
			}
				.big-button.sexting-button.hover-effect, .big-button.sexting-button.active {
					background-position: -916px 6px;
					background-size: 1466px auto;
					-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto;	
				}			
			.big-button.emergency-contraception-button {
				background-position: -947px 10px;
				padding: 24px 0 0 20%;
				font-size: 11px !important;		
				background-size: 1300px auto;
				-moz-background-size: 1300px auto;
				-webkit-background-size: 1300px auto;
				-o-background-size: 1300px auto;	
				line-height: 14px;				
			}
				.big-button.emergency-contraception-button.hover-effect, .big-button.emergency-contraception-button.active {
					background-position: -947px 10px;
					background-size: 1300px auto;
					-moz-background-size: 1300px auto;
					-webkit-background-size: 1300px auto;
					-o-background-size: 1300px auto;	
				}			
			.big-button.birth-control-button {
				background-position: -1392px 13px;
				padding: 22px 0 0 34%;
				line-height:15px;		
				background-size: 1466px auto;
				-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto;	
			}
				.big-button.birth-control-button.hover-effect, .big-button.birth-control-button.active {
					background-position: -1392px 13px;
					background-size: 1466px auto;
					-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto;	
				}			
						
			.big-button.abortion-button {
				background-position: -1227px 8px;
				padding: 20px 0 0 23%;
				background-size: 1466px auto;
				-moz-background-size: 1466px auto;
				-webkit-background-size: 1466px auto;
				-o-background-size: 1466px auto;	
			}
				.big-button.abortion-button.hover-effect, .big-button.abortion-button.active {
					background-position: -1227px 8px;
					background-size: 1466px auto;
					-moz-background-size: 1466px auto;
					-webkit-background-size: 1466px auto;
					-o-background-size: 1466px auto;	
				}								
			
			.big-button.age_of {
				background-image: none;
				line-height: 15px;
				padding-top: 22px;
			}
				.big-button.age_of.hover-effect, .big-button.age_of.active {
					background-image: none;
				}			
				.big-button .text {
					font-size: 30px;
					padding: 8px 0 0 1%;
				}


.ages_raw {
	font-size: 90px;
}

.meta-box img {
	margin-top: 40px;
}
#magazine-container iframe {
	max-width: 280px !important;
	margin: auto;
}
    .magazine .big-button.abuse-violence,
    .magazine .big-button.abuse-violence.hover-effect {
        padding-left: 31%;
        background-size: 48px 295.11px;
		-moz-background-size: 48px 295.11px;
		-webkit-background-size: 48px 295.11px;
		-o-background-size: 48px 295.11px;	      
    }

    .magazine .big-button.abuse-violence.online {
        background-position: -3px 12px;
    }

    .magazine .big-button.abuse-violence.mail {
        background-position: -3px -111.33px;
    }

    .magazine .big-button.abuse-violence.questions {
        padding-top: 10px;
        background-position: -10.67px -240.67px;
    }


	
	.info-center-post h3 {
		font-size: 14px;
	}
	.info-center-post .info-center-slider {
		width: 43%;
	}
	
	.info-center-post .mobile-archive-image {
		width: auto;
		height: auto;
		max-height: 120px;
	}
	
	.info-center-post .read-more-circle {
		margin-top: 45px 2% 0 0;
	}
	

	#next-page {
		left: 28%;
	}
	
	
.info-center-post.faq .info-center-slider.active, .info-center-post.faq:hover {
	background: #ffffff;
	color: #666565;
	transition: none;
	-moz-transition: none; /* Firefox 4 */
	-webkit-transition: none; /* Safari and Chrome */
	-o-transition: none
}	




/* AUTHOR PAGE STYLING MOBILE       	 */
	
	.single #author-profile .attachment-user-single {
		margin: 0 auto 20px auto !important;
	}
	
	#author-profile #post-copy {
		width: 95%;
	}

	.author .recent-posts {
		float: none !important;
		margin: 0 auto 20px auto !important;
	}

	#instagram-slideshow {
		width: 80%;
		margin: auto;
		margin-bottom: 20px;
	}      	
	
	.bottom-44 {
		margin-bottom: 0;
	}

	#staff-area .staff-member {
		max-width: 49%;
		float: left !important;
	}
	
	.staff-member {
		display: block;
		font-family: Arial, sans-serif;
		font-size: 16px;
		color: #666565;
		margin: 0 1% 31px 0;
		text-align: center;
		height: auto;
		max-width: 217px;
		float: none !important;	
		margin: auto;
		margin-bottom: 20px;
	}
	
	.mini-pager .next, .mini-pager .prev{
		overflow: hidden;
	}

/* User registration form */
.user-form {

}

    .user-form input,
    .user-form select {
        font-size:14px;
        margin:0;
        cursor:pointer;
        color:#6e6d6d;
        height:34px;
        padding:0 10px;
        border:1px solid #d4d4d4;
        width: 225px;
    }

    .user-form select {
        padding-right: 0;
        width: 247px;
    }

    .user-form > div {
        margin: 10px 0;
    }

    .user-form label {
        display: inline-block;
        width: 80px;
        margin-right: 15px;
        text-align: right;
        vertical-align: middle;
    }

    #userRegistration_birthday {
        display: inline-block;
        width:100%;
    }

    #userRegistration_birthday select {
        width: auto;
    }

.user-reg > h1 {
    margin-bottom: 50px;
}
    .user-reg .section {
        margin: 28px 0;
    }

    .user-reg .section h1 {
        padding: 5px;
        font-size: 18px;
        color: #fff;
        background: #ffb600;
        font-family: 'VAG Rounded W01 Bold', Arial, sans-serif;
        font-weight: normal;
    }
	.bigWarpper .section {
		padding:10px 3.75% !important;
	}
	.user-reg .bigWarpper .section h1 {
		background:none;
		padding:0;
		font-size: 1.428em;
		line-height:1.15em;
	}
		.bigWarpper .user-form label {
			width:100%;
			text-align:left;
		}
		.bigWarpper .user-form input {
			width:92%;
		}
		.btns {
			margin:0 !important;
			padding:0;
		}
		form input.button.green, form a.button.green {
			float:none;
		}
		form a.button.green {
			padding:0;
			margin:0 !important;
		}

    .user-reg .section .section-content {
        padding: 28px;
        border: 1px solid #e5e5e5;
    }
	
	.user-reg .bigWarpper .section .section-content {
        border: none !important;
    }
	
	.buttons > input {
		display:block;
		float:none !important;
		margin:1em auto !important;
	}
	.buttons > input:last-child {
		float:none !important;
	}

    .user-reg .submit-btn {
        background: url(../../images/sprite.png) no-repeat -350px -30px;
        width: 146px;
        height: 33px;
        border: none;
        color: white;
        line-height: 36px;
        cursor: pointer;
        font-size: 17px;
        margin: 0 0 17px 15px;
    }

    .user-reg .cancel {
        display: inline-block;
        text-align: center;
    }

    .user-reg .cancel:hover {
        text-decoration: none;
    }

    .user-reg .btns {
        margin-top: 28px;
    } 



#register_social_choices {
    text-align: center;
}



	#searchform #s {
		width:45px;
	}
	#menu-main-menu .menu-heading{
		font-size: 12px;
		line-height: 16px;
	}
	/*exceptions that don't fit*/
	#menu-main-menu .actioncenter .menu-heading,
	#menu-main-menu .yoursay .menu-heading{
		line-height:12px;		
	}
	#menu-main-menu .magazine .menu-heading{
		padding: 20px 0 0 27px;
	}
		#menu-main-menu .magazine .menu-heading{
			background-position:-834px -150px
		}#menu-main-menu .magazine .menu-heading:hover,
		#menu-main-menu .magazine:hover .menu-heading,
		#menu-main-menu .stay-open.magazine .menu-heading{
			background-position:-834px -210px;
		}


    .magazine .big-button.abuse-violence,
    .magazine .big-button.abuse-violence.hover-effect {
        padding-left: 31%;
        background-size: 48px 295.11px;
		-moz-background-size: 48px 295.11px;
		-webkit-background-size: 48px 295.11px;
		-o-background-size: 48px 295.11px;
    }

    .magazine .big-button.abuse-violence.online {
        background-position: -3px 12px;
    }

    .magazine .big-button.abuse-violence.mail {
        background-position: -3px -111.33px;
    }

    .magazine .big-button.abuse-violence.questions {
        padding-top: 10px;
        background-position: -10.67px -240.67px;
    }
	
/*****Forum*****/
#container #content .forumbit .sortby .btn.newthread {
	margin:3px 0 0 0;
}
}


@media (max-width: 320px) {




.show-mobile {
	display: block;
}
	.show-mobile .solid-link {
		color: #ffffff;
	}
	
	.show-mobile a.solid-link {
		clear: both;
	}
	.show-mobile .mobile-magazine {
		text-align: center;
		display: block;
		margin: auto;
	}
	
	.with-radio .info-center-post {
		max-height: 125px !important;
	}
	
	#radio-filter li {
		margin-right: 5%;
	}	
	
	#main-nav ul, #main-nav li {
		display: block;
	}
	
	#magazine-container iframe {
		width: 330px !important;
		margin: auto;
	}
		#magazine-container iframe body, #magazine-container iframe .autogen_class_views_embeds_content #content_embed_container #document_content iframe {
			width: 300px !important;
		}
	
	.sub-menu a span {
		display: none;
	}

/*
	#menu-main-menu .sexed .sub-menu {
		height: auto;
	}
*/
	
}