/* PAGE LAYOUT */

body { 
	color: #000000; 
	font-family: verdana, sans-serif;
	font-size: 14px; 
	background-color:#cccccc;
	margin: 0 0;
	text-align:center;
}

#container { 
	width: 1060px;
	margin: 0 auto;
	text-align:left;
}

#left-side { 
	width: 215px; 
	margin-right: 25px; 
	float: left; 
}
	
#right-side { 
	width: 770px; 
	background-color: white; 
	float: left; 
	padding: 25px; 
}

	
.bio-box { width: 100%; }
.bio-left { width: 260px; padding: 8px; }
.bio-right { padding: 8px; }


#footer {
	text-align: center;
	font-size: 10px;
}

.article {
	padding: 10px 15px;
	position:relative;
}

.faqAnswer {
	padding: 0px 15px 25px 15px;
	position: relative;
	display: none;
}

.panel-1 { display:block; }
.panel-2, .panel-3, .panel-4, .panel-5, .panel-6, .panel-7, .panel-8, .panel-9 { display:none; }
.panel-b-1, .panel-b-2, .panel-b-3, .panel-b-4, .panel-b-5, .panel-b-6 { display:none; }


/* TEXT BLOCKS */

A:link, A:visited { color: DarkBlue; }

A:hover, A:active { color: FireBrick; }

.bio-lrg { 
	font-size: 28px; 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-weight: bold; 
}

.bio-med { 
	font-size: 18px; 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-weight: bold; 
}
	
.bio-label { 
	font-size: 14px; 
	font-family: "helvetica neue", helvetica, arial, sans-serif;
}
	
.bio-info { 
	font-size: 16px; 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-weight: bold; 
}

.headline { 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size: 24px;
	font-weight: bold; 
	border-bottom: solid 1px #999999;
}
 
.byline { 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size: 18px;
	float:left;
}

.email { float:right; margin:2px; }

.email a { 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size: 12px;
	color:#ababab;
	text-decoration: none;
}

.email a:hover { 
	text-decoration: underline;
	color:#787878;
}

.credit {
	margin: 0 auto;
	width: 70%;
	font-size: 12px;	
	color:#787878;
	text-align: center;
}

.countdown { 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size:16px;
	color: #222;
    text-shadow: 0 1px rgba(255,255,255,.8);
}

.list-top { 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size: 20px;
	font-weight: bold; 
	border-bottom: solid 1px #999999;
	width:100%;
	float:left;
}
 
.list-bottom { 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size: 18px;
}

.list-top a, .list-bottom a { 
	text-decoration: none;
}

.law-art { 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size: 24px;
	font-weight: bold; 
	float:left;
}
 
.law-section { 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size: 18px;
	border-top: solid 1px #999999;
	width:100%;
}

.law-year { 
	float:right; 
	position:relative;
	top:12px;
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size: 12px;
	color:#666666;
}

.law-mod {
	font-style: italic;
	color: #999999;
}

/* POPUP NOTES */

#mapPop {
    display:none;
    position: absolute;
    left:-8px;top:-2px;
    width: 215px;
    height: 120px;
    border:solid 5px #454545;
    border-radius: 20px 0 20px 0;
    color: white;
    z-index: 40;
}
  
.notePop {
	display:none;
    position: absolute;
    left:0px;top:0px;
    z-index: 40;
    border:solid 5px #666666;
    border-radius: 20px 0 20px 0;
    text-align: center;
    padding:8px;
    height:190px;
    font-size: 12px;
}

.footPop {
    display:none;
    position:absolute;
    width:350px;
    z-index: 105;
    background-color: #ffff99;
    border:solid 5px #666666;
    border-radius: 20px 0 20px 0;
    text-align: center;
    padding:8px 8px 8px 8px;
    font-size: 12px;
    cursor: pointer;
   }
   
.faqPop {
	font-family: 'century gothic', 'helvetica neue', helvetica, arial, sans-serif;
	margin: 0 auto 20px auto;
	border:solid 5px #666666; 
	border-radius: 20px 0 20px 0; 
	text-align: center; 
	padding:20px 50px; 
	width:660px;
	font-size:18px;
	cursor: pointer;
	position:relative;
}

.triviaPop {
	font-family: 'century gothic', 'helvetica neue', helvetica, arial, sans-serif;
	margin: 0 auto 20px auto;
	border:solid 5px #666666; 
	border-radius: 20px 0 20px 0; 
	text-align: center; 
	padding:20px 50px; 
	width:660px;
	font-size:18px;
}

.faqarrow { color:#ababab;position:absolute;bottom:5px;right:5px;font-size:24px; }

.fn-box { display:none; text-align:center; }
.fn-top-word { font-style:italic;color:#999999;position:relative;top:-4px; }   
.fn-top-number { font-weight:bold;color:#cc0000;font-size:28px; }  

#screen {
	background-color: #000000;
	opacity: 1;
	width: 100%;
	height:100%
	position:absolute;
	top: 0px; left: 0px;
	z-index:104;
}


.footnote {
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size:13px;
	text-decoration: underline;
	color: red;
	position:relative;
    top:-3px;
	padding-left: 3px;	
	font-weight: bold;
	cursor:pointer;
}


.note { 
	font-size:12px; 
	color: #666666;
	text-align: left;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

area { outline: 0; }

/* COLORS */

.red { color: #CC0000; }
.blue { color: #0000CC; }
.yellow { color: #666600; }
.green { color: #006600; }
.purple { color: #660033; }
.orange { color: #CC0000; }
.black  { color: #000000; }
.darkgray  { color: #666666; }
.darkergray { color: #333333; }
.gray  { color: #999999; }
.lightgray  { color: #CCCCCC;  }
.gold  { color: #666600; }
.brown  { color: #663300; }
.white  { color: #FFFFFF; }

.bg-blue, .bg-1 { background-color: #cfcfe5; }
.bg-red, .bg-2 { background-color: #ddbcbc; }
.bg-yellow, .bg-3 { background-color: #dcdc99; }
.bg-green, .bg-4 { background-color: #b1c9b5; }
.bg-orange, .bg-5 { background-color: #e2c09b; }
.bg-purple, .bg-6 { background-color: #cfbee0; }
.bg-brown, .bg-7 { background-color: #cccc99; }
.bg-gray, .bg-8 { background-color: #dedede; }
.bg-shadow { box-shadow: inset 0px 0px 15px 1px #999999; }

.popup-map-blue { background-color: #3333cc; }
.popup-map-red { background-color: #cc0000; }
.popup-map-yellow { background-color: #cccc00; }
.popup-map-green { background-color: #336633; }
.popup-map-purple { background-color: #663366; }
.popup-map-orange { background-color: #cc6600; }

/* STATE BY STATE POPULAR VOTE TABLE */

.popvote-table-blue { background-color: #cfcfe5; }
.popvote-table-red { background-color: #ddbcbc; }
.popvote-table-yellow { background-color: #dcdc99; }
.popvote-table-green { background-color: #b1c9b5; }
.popvote-table-orange { background-color: #e2c09b; }
.popvote-table-purple { background-color: #cfbee0; }

.popvote-table-border-b { border-bottom:solid 1px #666666; }
.popvote-table-border-tb { border-top:solid 1px #666666; border-bottom:solid 1px #666666; }

.popvote-table { font-size: 12px; }
.popvote-row { cursor: pointer; }


/* KEYBOARD NAVIGATION */

#typewindow {	
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.typehelp { margin:0 auto;padding:5px;border:solid 3px #454545;border-top-left-radius:10px;border-bottom-right-radius:10px;background-color:#999999;width:152px;height:30px;text-align:center;font-size:12px;color:white; }

.typenav { margin:0 auto;padding:5px;border:solid 3px #454545;border-top-left-radius:10px;border-bottom-right-radius:10px;background-color:#999999;width:152px;line-height:30px;height:30px;text-align:center;font-size:20px;color:white;font-weight:bold; }

.typeerror { margin:0 auto;padding:5px;border:solid 3px #454545;border-top-left-radius:10px;border-bottom-right-radius:10px;background-color:#cc0000;width:152px;height:30px;text-align:center;font-size:12px;color:white; }

.typesuccess { background-color: green; }

/* CUSTOM SELECT BOX */

.selectBox
{
	position:relative;
	display:inline-block;
	line-height:30px;
	clear:both;
	color:#ffffff;
	font-size:12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	z-index:101;
}
.selectLeft
{
	cursor: default;
	width:130px;
	text-align:center;
	border:3px solid #454545;
	border-right:none;
	border-top-left-radius:10px;
	background:#999999;
	color:white;
	font-weight:bold;
	overflow:hidden;
}
.selectRight
{
	width:30px;
	border:3px solid #454545;
	border-bottom-right-radius:10px;
	text-align:center;
	font-size:12px;
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	background:#666666;
}

.selectRight,.selectLeft
{
	position:relative;
	float:left;
	height:30px;
	z-index:1;
}

.selectTable {
	display:table;
	padding:10px;
	z-index:101
}

.selectChoices
{
	position:absolute;
	top:28px;
	left:0;
	overflow:hidden;
	display:none;
	font-size:14px;
	font-weight: bold;
	background-color:#999999;
	border: solid 1px black;
	box-shadow: 5px 5px 10px 0px rgba(100, 100, 100, .5);
	cursor:pointer;
}
	
.selectOption { display:table-cell;padding:5px 10px;border:solid 1px #999999; }	
.selectOption:hover { background:green; border:solid 1px #ffffff;border-top-left-radius:10px;border-bottom-right-radius:10px; }	
.selectSmall { font-size: 12px; font-weight: normal; }
.selectBig { font-size: 20px; font-weight: bold;  }
.selectGreen { background-color: green; }
.selectGray { background-color: #999999; }


#gobutton {
	display: inline-block; 
	padding: 3px 10px; 
	font-size: 10px;
	font-weight: bold;
	color: #fff; 
	border:solid 2px #454545;
	border-radius:3px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top:5px;

}

/* RIBBON TEXT */

.pagenav-item  {
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;	
	padding: 12px 10px 11px 10px; 
	.padding: 12px 10px 12px 10px;
}

.pagenav-label { margin-right:15px; }

.pagenav-item.here {
	color: black;
	background-color: gold;
	}

.pagenav-item.dim {
	color: black;
	background-color: #bababa;
	}

.pagenav-item.none {
	color: #777777;
	cursor: default;	
	}

.pagenav-menu { 
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif; 
	font-size:16px;
	font-weight:bold; 
	color: #222;
    text-shadow: 0 1px rgba(255,255,255,.65);

}

.ribbon-heading {
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	cursor: pointer;	
}

.ribbon-top {
	font-family: "century gothic", "helvetica neue", helvetica, arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	cursor: pointer;	
}

/* SimpleModal Basic Modal Dialog */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {text-align:left;height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px; border-radius:40px 0;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(http://presidentelect.us/inc/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

/* DELETE THESE STYLES */

B.nav { font-family: verdana,sans-serif;
	font-weight: bold; }

#extrasmall  { font-size: 9px; }
#small  { font-size: 10px; }
#medium  { font-size: 12px; }
#content  { font-size: 14px; }
#large  { font-size: 16px; }
#xlarge  { font-size: 24px; }

.extrasmall  { font-size: 9px; }
.small  { font-size: 10px; }
.medium  { font-size: 12px; }
.large  { font-size: 16px; }
.xlarge  { font-size: 24px; }

/* STATE FACE FONT STYLES */

@font-face {
     font-family: 'StateFaceRegular';
     src: url('http://presidentelect.us/inc/fonts/stateface-regular-webfont.eot');
     src: url('http://presidentelect.us/inc/fonts/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('http://presidentelect.us/inc/fonts/stateface-regular-webfont.woff') format('woff'),
          url('http://presidentelect.us/inc/fonts/stateface-regular-webfont.ttf') format('truetype'),
          url('http://presidentelect.us/inc/fonts/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
     font-weight: normal;
     font-style: normal;
 }

.stateface:before {
    font-family: StateFaceRegular;
    margin-right: 5px;
}

.stateface-replace {
    text-indent: -999em;
    display: inline-block;
    position: relative;
    min-width: 1em;
}

.stateface-replace:before {
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 0;
}

.stateface-ak:before {
    content: "A";
}

.stateface-al:before {
    content: "B";
}

.stateface-ar:before {
    content: "C";
}

.stateface-az:before {
    content: "D";
}

.stateface-ca:before {
    content: "E";
}

.stateface-co:before {
    content: "F";
}

.stateface-ct:before {
    content: "G";
}

.stateface-dc:before {
    content: "y";
}

.stateface-de:before {
    content: "H";
}

.stateface-fl:before {
    content: "I";
}

.stateface-ga:before {
    content: "J";
}

.stateface-hi:before {
    content: "K";
}

.stateface-ia:before {
    content: "L";
}

.stateface-id:before {
    content: "M";
}

.stateface-il:before {
    content: "N";
}

.stateface-in:before {
    content: "O";
}

.stateface-ks:before {
    content: "P";
}

.stateface-ky:before {
    content: "Q";
}

.stateface-la:before {
    content: "R";
}

.stateface-ma:before {
    content: "S";
}

.stateface-md:before {
    content: "T";
}

.stateface-me:before {
    content: "U";
}

.stateface-mi:before {
    content: "V";
}

.stateface-mn:before {
    content: "W";
}

.stateface-mo:before {
    content: "X";
}

.stateface-ms:before {
    content: "Y";
}

.stateface-mt:before {
    content: "Z";
}

.stateface-nc:before {
    content: "a";
}

.stateface-nd:before {
    content: "b";
}

.stateface-ne:before {
    content: "c";
}

.stateface-nh:before {
    content: "d";
}

.stateface-nj:before {
    content: "e";
}

.stateface-nm:before {
    content: "f";
}

.stateface-nv:before {
    content: "g";
}

.stateface-ny:before {
    content: "h";
}

.stateface-oh:before {
    content: "i";
}

.stateface-ok:before {
    content: "j";
}

.stateface-or:before {
    content: "k";
}

.stateface-pa:before {
    content: "l";
}

.stateface-ri:before {
    content: "m";
}

.stateface-sc:before {
    content: "n";
}

.stateface-sd:before {
    content: "o";
}

.stateface-tn:before {
    content: "p";
}

.stateface-tx:before {
    content: "q";
}

.stateface-us:before {
    content: "z";
}

.stateface-ut:before {
    content: "r";
}

.stateface-va:before {
    content: "s";
}

.stateface-vt:before {
    content: "t";
}

.stateface-wa:before {
    content: "u";
}

.stateface-wi:before {
    content: "v";
}

.stateface-wv:before {
    content: "w";
}

.stateface-wy:before {
    content: "x";
}