/*Style Browser Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}

/*General Styles/Shortcuts*/
.dn{display:none !important}
.fl{float:left !important}
.cl{clear:both !important}
.cfix { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.nmr{margin-right:0 !important}
.nm{margin:none !important}

/* Fonts, Logos and Colors */
html{background:url(../img/bg.png) repeat-x 0 49px;}
body{font:14px/18px 'Lucida Grande','Lucida Sans Unicode', Tahoma, sans-serif;color:#fff}
#main h2{font-size:34px;color:#032e68;font-weight:bold;text-align:center;margin-bottom:45px}
#content h2{font-size:22px;background:url(../img/header-star.png) 0 3px no-repeat;padding-left:19px;margin-bottom:12px}
#ms-logo{background:url(../img/logo.png) no-repeat;width:140px;height:56px;text-indent:-9999px;display:block;position:absolute;top:20px}
h1{background:url(../img/header-main.png) no-repeat;width:710px;height:48px;text-indent:-9999px;position:absolute;left:154px;top:48px}

/*Miscellanous Graphic Elements*/
#header .characters{background:url(../img/characters-top.png) no-repeat;width:208px;height:97px;position:absolute;right:-71px;bottom:-5px}
#content .characters{background:url(../img/characters-bot.png) no-repeat;width:228px;height:176px;position:absolute;right:0;bottom:1px}
#go-home{background:url(../img/btn-home.png) no-repeat;width:263px;height:51px;margin:30px auto;display:block;text-indent:-9999px}
.facebook-like-button{position:absolute;top:11px;right:38px}
.twitter-share-button{position:absolute;top:11px;right:-53px}

/* Layout and Columns */
#wrap{width:1016px;margin:0 auto}
#header{height:150px;position:relative}
#content{width:1016px;background:url(../img/bg-border.png) 0 100% repeat-x #032e68;min-height:515px;padding:16px 0 0;position:relative;}
.col{float:left;width:347px;margin-right:24px}
.col+.col{width:367px;margin-right:36px;}
.col+.col+.col{width:242px;margin-right:0}

/*Main Section*/
#main{background:url(../img/bg-characters.jpg) no-repeat;width:1016px;height:336px}
#btn-vote{width:128px;height:128px;background:url(../img/btn-vote.png) no-repeat;text-indent:-9999px;display:block;float:left;margin:0 35px}
#vote-main{padding-top:57px}
.vote-section{width:366px;margin:0 auto;}
.vote-section p{color:#333;font-size:16px;float:left;padding:48px 0 0}
.vote-section input{cursor:pointer}
.message{clear:both;color:#960000;text-align:center;padding:42px 0 0;font-size:17px}
#vote-thanks{padding-top:57px}
#vote-thanks p{width:350px;margin:0 auto;text-align:center;font-size:15px;color:#032e68}
#map-section{}
#map-section text{vertical-align: middle;font-weight: bold; font-size: 10px; cursor: pointer;color:#fff !important}
#map-section tspan{color:#fff !important}
#map-canvas{width:460px;height:300px;padding-left:270px;position:relative;z-index:1}

#map-popup{display:none;padding:12px 0 0 14px;width:134px;height:78px;border:solid 2px #959595;position:absolute;z-index:2;background:#fff;background:rgba(255,255,255,.7);border-radius:8px;font-weight:bold}
#popup-tip{width:16px;height:9px;background:url(../img/popup-tip.png) no-repeat;position:absolute;left:65px;top:-9px}
.popup-obama{height:10px;padding-top:55px;width:52px;text-align:center;color:#032e68;background:url(../img/popup-obama.png) no-repeat;float:left;}
.popup-romney{height:10px;padding-top:55px;width:52px;text-align:center;background:url(../img/popup-romney.png) no-repeat;color:#860011;float:left; margin-right:15px;}
#meter-wrap{font-size:13px;color:#333;padding-left:270px}
#meter-wrap p{float:left;font-size:13px}
#meter{width:343px;height:24px;background:url(../img/bg-meter.png) no-repeat;padding:1px 0 0 5px;color:#fff;position:relative;font-size:11px;font-weight:bold;float:left;margin:0 5px}
#meter-fill{background:url(../img/bg-meter-fill.png) repeat-x;height:23px;width:40%/*this should change based on votes*/;}
#percent-romney{position:absolute;left:11px;top:3px}
#percent-obama{position:absolute;right:11px;top:3px}

#international{width:67px;height:56px;background:url(../img/international.png) no-repeat;position:absolute;bottom:7px;right:140px;cursor:pointer}
#international.obama{background-position:0 50%}
#international.romney{background-position:0 100%}

#winner-section{padding-top:110px}/*make sure to change bg-characters.jpg when the winner is announced*/
#winner-section p{padding-left:30px;text-align:center;font-size:15px;color:#032e68}

/*Navigation*/
#nav{height:29px;padding-left:247px}
#nav a{color:#7192c0;font-size:13px;font-weight:bold;text-decoration:none;text-align:center;border-left:solid 1px #7897c1;border-right:solid 1px #7897c1;padding:0 30px;float:left;height:29px;line-height:29px}
#nav a+a{border-left:none}
#nav a:hover,#nav a.active{background:#fff;color:#032e68;}

/* Individual Modules */
#video{border-bottom:solid 1px #011f48;padding:0 0 7px 0}
#video iframe{width:345px;height:194px;}
#video a{font-size:12px;color:#fff;float:right;text-decoration:none}
#video a:hover{text-decoration:underline}

#get-involved{border-top:solid 1px #073b81;padding:20px 0 0}
#get-involved div{width:320px;height:211px;padding:10px;background:#022656}
#get-involved div a{width:100px;height:100px;float:left;margin:0 10px 10px 0}

#welcome{border-bottom:solid 1px #011f48;padding:0 0 7px 0}
#welcome p{padding:0 0 0 20px}

#buzz{border-top:solid 1px #073b81;padding:20px 0 0}
.twtr-hd{display:none !important}
.twtr-widget .twtr-tweet{border-bottom:none !important}

#social{}
#social a{width:32px;height:32px;float:left;margin-right:5px;text-indent:-9999px}
#social-yt{background:url(../img/btn-yt.png)}
#social-tw{background:url(../img/btn-tw.png)}
#social-fb{background:url(../img/btn-fb.png)}
#social-forum{background:url(../img/btn-forum.png)}

#events{clear:both;padding:30px 0 0}
#events a{margin-bottom:4px;display:block; }

label { cursor:pointer; }

#content { padding: 16px 0; }
#get-involved div { padding: 16px; text-align: center; width: 302px;}
#get-involved div a { float:none; margin: 0; }