/* well over ride these later */

.responsive-side	{
	display:none;
}

#wprmenu_bar .wprmenu_icon	{
	width:25px !important;
}


.mobile-buttons	{
	display: inline-block;
	margin-left: 35px !important;
}

.mobile-buttons	a{
	margin-right:10px !important;
	width:20px;
}

#wprmenu_bar .bar_logo	{
	margin-right:20px;
}

#wprmenu_bar .wprmenu_icon	{
	left:70px;
}

.bar_logo	{
	float:left;
	margin-left:-40px !important;
}


/* 990 is a our first break point */
@media (max-width : 990px) 	{
	/* universal first break point stuff */
	#wrapper,.wrapper,#header,#footer {
		width:100%;
		min-width:0;
	}

	#wrapper	{
		background-color:#fff;
		padding:0;
	}

	#content	{
		padding:35px 25px 0 25px;
		width:675px;
		float:left;
	}

	#header	{
		height:45px;
	}

	#main	{
		background: none;
		background-color:#000;
	}

	.menu-login {
		margin-top: 0px;
	}

	#footer	{
		height:auto;
	}

	#content	{
		margin:0
	}

	#content blockquote {
		margin: 0px 0px 15px 0px;
	}

	/* navigation - goal being to keep full nav until below ipad portrait */

	#nav	{
		width:750px;
	}
	#nav ul {
		width:100%;
	}

	#nav ul li {
		margin-left:20px;
	}

	/* home page */

	body#home #wrapper, {
		background:none;
	}

	#home-page #wrapper	{
		display: table;
	}

	#main-home #left-column	{
		display: table-footer-group;
		width:90%;
		float:none;
		margin: auto;
		background-color: #fff;
	}

	#main-home #right-column 	{
		display: table-header-group;
		width:100%;
		float:none;
		margin: auto;
		background-color: #fff;
	}

	#main-home #banner	{
		margin:auto;
		margin-bottom:25px;
	}

	#main-home .endorsements	{
		margin: auto;
		width:90%;
		text-align: center;
		margin-bottom: 50px;
	}

	#main-home #endorsements,#main-home .club-notes	{
		margin: auto;
	}

	#main-home .blog,#main-home #intro	{
		width:90%;
		margin: auto;
		margin-bottom: 50px;
	}

	/* blog */
	#content .entry	{
		width:90%;
	}

	/* scorecards */
	#content .elections .right-column	{
		background-color: #fff;
		border-left:none;
		width:90%;
		float:left;
	}

	#content .scorecards	{
		width:100%;
	}

	/* user meta - logged in */

	#wprmenu_bar{
		display: none !important;
	}

	.avatar	{
		display:none;
	}

	#top 	{
		width:350px !important;
	}



}
/* random break point which seems to be a critical point in the original non-responsive design */
@media (max-width : 945px)	{
	#content	{
		width:500px;
	}
	#footer	{
		background:none;
		background-color:#000;
		padding-left:10px;
	}
	#footer-left	{
		width:100%;
		float:none;
	}
	#footer-right	{
		width:100%;
		float:none;
	}
	#menu-footer-menu,#search	{
		display:none !important;
	}

	.donate-button	{
		margin-bottom:20px;
	}

	/* navigation */
	#top	{
		width:0px;
	}

	#nav	{
		width:600px;
	}

	/* key vote alerts */
	table.key-votes	{
		width:100%;
	}

	.key-votes td,.key-votes th	{
		width:50%;
	}

}

@media (max-width : 800px)	{
	/* navigation */

	#nav	{
		width:570px;
	}
	#nav ul {
		width:100%;
	}

	#nav ul li {
		margin-left:15px;
	}

	/*scorecards */
	#content .scorecards th	{
		font-size: 12px;
	}

	#content .scorecards td	{
		font-size: 11px;
		padding:5px;
	}

}

/* ipad portrait break point */
@media (max-width : 767px)	{
	#content	{
		width:90%;
	}
	/* remove the background below this point */
	#wrapper{
	background:none;
	background-color: #fff;
	}

	#content {
		background-color: #fff;
	}

	#sidebar	{
		display: none;
	}

	/* display respnsive sub nav */
	.responsive-side	{
		display: block;
		width:90%;
		margin: auto;
		text-align: center;
		margin-top:25px;
	}

	.responsive-side select	{
		width:90%;
		border-radius: 10px;
		border-color: #93C237;
		border-width: 2px;
		border-style: solid;
		height:30px;
	}

	.responsive-side option	{
		font-size: 18px;
	}


	/*.responsive-side	{
		display: none;
	}*/

	.page-template-staff-page-template-php .staff	{
		width:90%;
		margin: auto;
	}

	/* login button */

	#menu	{
		display:none;
	}

	.mobile-green	{
		background-image: url("../images/cfg-sprites-2.png");
		background-position: 0px -6px;

	}

	#wprmenu_menu ul li.mobile-green a	{
		font-weight: bold;
		color: #1A1A1A;
		text-transform: uppercase;
	}

	/* logged in state */


	#top{
		width:100%;
		margin-right: 20px;
	}

	html #wpadminbar	{
		height: 0px !important;
	}

	body.admin-bar #wprmenu_bar	{
		top:0 !important;
	}

	body.admin-bar	{
		margin-top:-46px;
	}

	/* login page */
	.login-submit	{
		width:200px;
	}

	/* menu */

	#top,#header	{
		height:0px;
	}

}

/* iphone 6 portrait break point */
@media (max-width : 667px)	{

	.donate-fields	{
		width:100%
	}

	.category-box	{
		display:none;
	}

	/* candidates */
	.candidate-info .alignright,.candidate-info .alignleft,.elections-page .alignright	{
		float:none;
	}

	.candidate-info	{
		margin-top:25px;
	}


}

/* home page slider break point */
@media (max-width : 545px)	{
	/*home page banner */
	#main-home #banner,#main-home #banner ul,#right-column #banner ul li,#right-column #banner ul li img{
		width:100%;
		height: auto;
	}

	#main-home #right-column #endorsements	{
		width: 290px;
	}

	#main-home #intro h1	{
		text-align: center;
		font-size: 30px;
	}

	#main-home #intro h2	{
		text-align: center;
		font-size: 24px;
	}

	/* scorecards */
	.scorecard	{
		float:none;
		width:90%;
	}

	#content .elections .left-column	{
		width:100%;
	}

	/*scorecards */
	#content .scorecards th	{
		font-size: 10px;
		word-break:break-all;
		line-height: 15px;
	}

	#content .scorecards td	{
		font-size: 10px;
		padding:0px;
		word-break:break-all;
	}

	/* alligned iamges */
	img.alignright,img.alignleft	{
		float: none;
		display: block;
		margin:0;
		max-width: 200px;
		height:auto;
	}

	/*login box where it exists */
	.login-box {
		padding:15px 30px;
	}

	/* key vote alerts */
	.key-votes td{
		display: inline-block;
		width: 100%;
	}

	.key-votes th	{
		display: none;
	}

	/* candidates */
	.candidates-list .candidate	.thumb	{
		float:none;
		margin:0;
	}

	.candidates-list .candidate {
		padding-left:0;
	}

}

@media (max-width : 375px)	{
	.page-template-staff-page-template-php .staff .member{
		float:none;
		display: block;
		margin: auto;
	}

	.page-template-archive-issue-php .box	{
		width:250px;
	}


}