/* for custom overrides of 2010core theme for this local only */
/* Author: Erik Moe, New Media, SEIU International */

/* this space intentionally left blank */

body, html {
	background: #fff;
	font-family: arial,helvetica,clean,sans-serif !important;
	}
	
body {
	background: url('i/bg_gradient_bvc.gif') repeat-x #ffffff;
	}

#doc4 {
	width: 1020px;
	background: url('http://img.seiu.org/css/locals/721/i/seiu721_pageBG_signup_bvc.jpg') no-repeat white;
	}
	
#hd {
	padding: 0px;
	margin: 0px;
	height: 105px;
	}

#hd h1, #hd h1 a, #hd h1 a:hover {
	padding: 0px !important;
	margin: 0px !important;
	}

#hd img {
	position: relative;
	padding: 0px;
	margin: 0px;
	}

.fauxnav {
	background: none;
	height: 10px;
	}

#bd {
	border: 0px solid #fff;
	background: #fff;
	width: 960px;
	position: relative;
	left: 21px;
	padding-top: 0px;
	}

#ft {
	width: 940px;
	padding: 70px 0px 0px 0px;
	position: relative;
	left: 32px;
	font-size: 11px !important;
	text-align: right;
	text-transform: none;
	background: url('http://img.seiu.org/css/locals/721/i/seiu721-footerlogo.gif') no-repeat 860px 0px #562078;
	}

.footer-legaltext {
	width: 930px !important;
	position: relative;
	}

#footer, .footer-legaltext, #footer a, .footer-legaltext a {
	color: #fff !important;
	}
	
	
	
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {
	#bd {
		max-width: 100%;
		margin: 0;
	} 
	#hd, #ft {
		float: left;
	    padding-left: 20px;
		}
	#hd h1 img {
		width: 30em;
		}
	.fauxnav {
    	display: none;
    	}
	form#signup {
		width: 100%;
		background: none repeat scroll 0 0 #ececec;
		padding: 10px;
		}
	#signup label.field {
		font-size: 1em;
		}
	#bluestate-inner h1 {
		font-size: 4.6em;
		}
	#bluestate-inner h2 {
		font-size: 4.00em;
		}
	#bluestate-inner h3 {
		font-size: 3.40em;
		}
	table#signuptable {
		width: 95%;
		}
	#signup input, input#firstname, input#lastname, input#city, input#zip, input#phone, input#occupation, input#employer {
		font-size: 2.9em;
   		max-width: 100%;
   		padding: 0.6em;
    	width: 90% !important;
		}	
	#signupheader {
		width: 100%;
		}
	select, input, button, textarea, button, .help {
		padding: 0.3em;
		font-size: 2em;
		max-width: 75%;
		}
	.help {
		font-size: 1.3em;
		}
	.field {
		width: 80%;
		}
	p {
		font-size: 2.7em;
    	line-height: 1.5em;
		}
	form#invitationpage {
		margin: 0;
		position: inherit;
		border-left: none;
		}
	.label {
    	font-size: 2.8em;
    	}
    .fieldset .input {
    	margin-bottom: 2em;
    	}
    .fieldset .label label.field {
    	max-width: 100%;
    	}
    .seiu-invite #bluestate-inner {
    	width: 100%;
    	}
    #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-facebook, #invitationpage .bsd-shareButtons-wrap a.bsd-shareButton-twitter {
    	font-size: 2em;
    	padding: 30px;
    	}
    #contact_importer_button_container {
    	padding-top: 1em;
    	height: 1.3em;
    	font-size: 2em;
    	max-width: 80%;
    	}
   #invitationpage #to {
    	width: 80%;
		}
    
    td.required {
    	display: none;
    	}
    #submit_button {
    	font-size: 2em;
    	max-width: 75% !important;
    	padding: 30px !important;
   		}

 	
 	
 	
 	
 	
 	
    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
	
	.home #widgets {
		margin-top: 40px;
	}
    
    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }
    
}

@media screen and (max-width: 650px) {
    body {}
    .fauxnav {
    	display: none;
    	}
    #logo {
	    float: none;
        margin: 0;
	    text-align: center;
    }

    .grid, 
	.grid-right {
	    float: none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
    
    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }
    
    .top-widget .widget-title {
        text-align: center;
    }
	
    .js .menu,
	.js .sub-header-menu {
		display: none;
	}
	
	.top-menu, 
	.footer-menu li {
	    float: none;
        font-size: 11px;
	    text-align: center;
    }
	
	.tinynav { 
	    display: block;
		margin: 0 auto;
		width: 100%;
	}
	
	.tinynav {
		-moz-appearance: none !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		background: #fff url(images/bg-select.png) no-repeat right;
		border: 1px solid #ccc;
        font-size: 12px;
		overflow: hidden;
		padding: 0.5em 1em 0.5em 0.75em;
	}
	
	.ie7 .tinynav,
	.ie8 .tinynav {
		padding-right: 10px;
	}
	
	.ie9 .tinynav  {
		padding-right: 8px;
	}
	
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
	    text-align: center;
    }
}

@media screen and (max-width: 480px) {
    body {}
	.fauxnav {
    	display: none;
    	}
    #logo {
	    float: none;
	    text-align: center;
    }
    .fauxnav {
    	display: none;
    	}
    .grid, 
	.grid-right {
	    float: none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
	}
	
	.featured-title {
	    font-size: 40px;
	    padding: 40px 20px 0 20px
    }
    
    .navigation .next,
    .navigation .previous {
        text-align: center;
    }
	
    .menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
	    float: none;
	    text-align: center;
        text-rendering: optimizeSpeed;
    }
	
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
	    text-align: center;
    }
}

@media screen and (max-width: 320px) {
    body {}
    .fauxnav {
    	display: none;
    	}

	#featured p {
	    font-size: 12px;
		line-height: 1.2em;
    }

    .featured-title {
	    font-size: 35px;
    }
	
	.featured-subtitle {
		font-size: 15px;
	}

    .call-to-action a.button {
	    font-size: 14px;
	    padding: 7px 17px;
    }
}

@media screen and (max-width: 240px) {
    body {}
    .fauxnav {
    	display: none;
    	}
	#featured p {
	    font-size: 11px;
		line-height: 1.1em;
    }

    .featured-title {
	    font-size: 20px;
    }
	
	.featured-subtitle {
		font-size: 11px;
	}

    .call-to-action a.button {
	    font-size: 12px;
	    padding: 5px 15px;
    }
    
    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"], 
    .top-widget input[type="password"] {
        width: 75%;
    }
    
    .widget-title,
    .widget-title-home h3 {
        font-size: 14px;
        height: 13px;
        line-height: 13px;
        text-align: center;
    }
}