body {
	font-family:GillSans, Calibri, Trebuchet, sans-serif;
	color:#333;
	font-size: 14px;
	background-color:white;
	}	
	
table {
	margin:0px;
	padding:0px;
	font-family:GillSans, Calibri, Trebuchet, sans-serif;
	font-size:91.6%;
	color:#333;
	background-color:white;
	}		

div.item {
	margin:0px;
	padding:0px;
	}

h1 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font-family:GillSans, Calibri, Trebuchet, sans-serif;
	font-size:130%;
	line-height:140%;
	color:#DC241f;
	}	

h2 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size:116.7%;
	line-height:128.6%;
	color:#0087DC;	
	}
	
h3 {
	margin:10px 0px 10px 0px;
	padding:0px;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size: 108.3%;
	line-height:123%;
	color:#008142;	
	}	
	
h4 {
	margin:5px 0px 5px 0px;
	padding:0px;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	font-size: 100%;
	line-height:116%;
	color:#6AB023;	
	}	
	
ul, ol {
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	line-height: 166%;
	}	
	
p {
	/* font:12px/20px GillSans, Calibri, Trebuchet, sans-serif; */ /*these are inherited*/
	line-height: 166%;
	margin:0px 0px 8px 0px;
	padding:0px;
	}
	
code {
	/* font:12px/20px GillSans, Calibri, Trebuchet, sans-serif;*/
	margin:0px 0px 8px 0px;
	padding:0px;
	}	
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}

a {
	color:#70147A;
	/* font-size:12px; */
	text-decoration:none;
	font-weight:600;
	/* font-family:GillSans, Calibri, Trebuchet, sans-serif;*/
	}
a:link {color:#00008B;}
a:visited {color:#00008B;}
a:hover {color:#0087DC;	}

div#header {
	display:none;
	}	

div#logo {
	float: left;
	width: 10%;	
	}
	
div#logo img {
	width: 100%;
	}	
	
div#logo h1 {
   	display: none;
   	}
   	
div#logo .caption {
   	display: none;
   	}  	   	

div#masthead { 
	height: 33%;
	width: 58%;		
	margin: 1%;
	}	
			
div#masthead p { 	
	font-size: 85%;
	}
	
div#tablebar { 
	position: absolute;
	top: 0%;
	left: 60%;
	width: 38%;
  	height: 33%;
  	margin: 1%;
  	}
  	
div#tablebar h1 {
   	display: none;
   	}

div#tablebar h2 {
   	display: none;
   	}  	
   	
  	div#majoritytable { 
  		margin: 0px;
  		height: 90%;
		width: 100%;
  	} 
  	
  	div#pluralitytable { 
  		margin: 0px;
  		height: 90%;
		width: 100%;
  	} 
  	
  	div#seatstable { 
  		font-size: 13px;
  		margin: 0px;
  		height: 90%;
		width: 100%;
  	} 
  	
  	div#seatstable table {
   		border-collapse: separate;
    	border-spacing: 0px 0px;
	}
  	
  	div#votestable { 
  		margin: 0px;
  		height: 90%;
		width: 100%;
  	}      	
  	
div#mapbar { 
	position: absolute;
	top:  31%;
	left: 60%;
	width: 38%;
	height: 62%;
  	margin: 1%;	
  	}  	
  	
div#mapbar h1 {
   	display: none;
   	}  	
   	
div#mapbar h2 {
   	display: none;
   	}  	
   	
  	div#map { 
  		margin: 0px;
  		height: 100%;
		width: 100%;
  	} 
  	
  	div#map img { 
  		display: block;
		max-height: 85%;
		height: auto;
		width: auto;
  	} 
  	
  	div#cartogram { 
  		margin: 0px;
  		height: 100%;
		width: 100%;
  	} 
  	
  	div#cartogram img { 
  		display: block;
		max-height: 85%;
		height: auto;
		width: auto;		
  	}   	
  	
  	div#pooledpolls { 
  		margin: 0px;
  		height: 100%;
		width: 100%;
  	} 
  	
  	div#pooledpolls img { 
  		display: block;
		max-height: 85%;
		height: auto;
		width: auto;
  	}   	
  	
  	div#forecastvote { 
  		margin: 0px;
  		height: 100%;
		width: 100%;
  	}   
  	
  	div#forecastvote img { 
  		display: block;
		max-height: 85%;
		height: auto;
		width: auto;
  	}   	    	   	 			

div#body { 
	position: absolute;
	left: 0%;
	top: 31%;	
	width: 58%;
	height: 62%;
  	margin: 1%;	
  	}
  	
div#body h1 {
   	display: none;
   	}  	
   	
div#body h2 {
   	display: none;
   	}    
   	
	div#summary { 
  		margin: 0px;
  		padding: 10px;
  		height: 98%;
		width: 98%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		}

	div#details { 
  		margin: 0px;
  		padding: 10px;
  		height: 98%;
		width: 98%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		}
		
	div#details table {	
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		}
		

		
	div#nowcast { 
  		margin: 0px;
  		padding: 10px;
  		height: 98%;
		width: 98%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		}
							
	div#nowcast table {	
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		}		
		
	div#coalitions { 
  		margin: 0px;
  		padding: 10px;
  		height: 98%;
		width: 98%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		}
							
	div#coalitions table {	
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		}				
	
	div#faq {  
  		margin: 0px;
  		padding: 10px;
  		height: 98%;
		width: 98%;
		overflow: auto;	
		-webkit-overflow-scrolling: touch;
		}  
		
	div#changelog {  
  		margin: 0px;
  		padding: 10px;
  		height: 98%;
		width: 98%;
		overflow: auto;	
		-webkit-overflow-scrolling: touch;
		}  	
		
	div#twitter {  
  		margin: 0px;
  		padding: 10px;
  		height: 88%;
		width: 98%;
		}  	
		
	#twitter-widget-0 { 
      width: 100% !important; 
    }				
		
img {
  width:100%;
  	width:auto;    
  height:auto;
}					
  	
/* If screen width is less than 875px wide, 650px tall, mobile device, or portrait iPad, cancel above and place divs sequentially */	
	
@media	screen and (max-width:874px), 
		screen and (max-height:649px), 
		screen and (max-device-width:480px),
		screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  nav li {
    display: inline;
  }
  div#logo {
	float: left;
	width: 100px;	
	}
  div#masthead { 
  	position: float;
	top: 0px;
	left: auto;
	width: auto;
	max-width: 500px;
	height: auto;	
	margin: 10px;
  }
  div#tablebar { 
    position: relative;
	top: auto;
	left: auto;
	width: auto;	
	max-width: 500px;	
	height: auto;
	margin: 10px;
  }
  div#mapbar { 
  	position: relative;
	top: auto;
	left: auto;
	width: auto;	
	max-width: 500px;	
	height: auto;
	margin: 10px;
  }
  div#mapbar img {
  	width: 100%;
  }	  
  div#body { 
  	position: relative;
	top: auto;
	left: auto;
	width: auto;	
	max-width: 500px;	
	height: auto;
	margin: 10px;
  }

}	 	
	
	
		
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #DDD; 
 border-radius:0px;
 font-family: GillSans, Calibri, Trebuchet, sans-serif;
 font-size: 80%;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #DDD;
 border-radius:3px;
 border-bottom: none;
 background: none;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #0087DC;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 color:#DC241f;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #0087DC;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 height:100%;
 overflow:auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h1 {
 display:none;
}
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}