body { margin: 0; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; color: #000; -webkit-text-size-adjust: none; background: #fff url('http://assets.realclearpolitics.com/images/mobile/bg.png'); }
img { border: none; }
a { text-decoration: none; }

body div#home {display:none;}
    
div.panel { background: #fff; }
div.show { display: block; }
   
.main-header {background-color: #555; padding:0; border-top: 1px solid #000; position: relative;}
.main-header h1 {margin: 0; padding: 7px 7px 0px 8px;}
.main-header h1 img {}
.main-header .fullsite_msg {background-color: #7f7f7f; padding: 2px 7px 2px 8px; position:absolute; top:5px; right:5px; z-index:10;} 
.main-header .fullsite_msg a {color: #222; } 


.toolbar {position: relative; margin-top:-31px; z-index:20;}
.toolbar a.btn_section {/*position:absolute; top:-30px; right:5px;*/ float:right; padding:5px 0 0 0; background-color:#d30015;}
.toolbar #header_sections {margin-top:0px; background-color:#fff; border-top:5px solid #d30015; border-bottom:5px solid #d30015; display:none; background-color:#f2f2f2;}
.toolbar #header_sections ul {margin:0; padding:0; }
.toolbar #header_sections ul li {border-bottom:1px solid #ccc; padding:5px 10px; list-style:none;}
.toolbar #header_sections ul a {font-size:16px; font-weight:bold; color:#000; text-transform:uppercase;}


.JQ_loadMore, .JQ_hideItems {border-bottom:1px solid #fff; background-color:#f2f2f2; text-align:center; padding:5px 0; margin-left:-40px; list-style:none;}
.JQ_loadMore { } 
.JQ_loadMore a {color:#000; font-size:14px; font-weight:bold; }
.JQ_hideItems {display:none;} 
.JQ_hideItems a {color:#000; font-size:14px; font-weight:bold; }



#link .toolbar h1, #realclear .toolbar h1 { margin-left: 60px; }

ul.touch { margin: 0; list-style: 0; padding: 0; }
ul.touch li.section { background: #e8e8e8; color: #fff; }
ul.touch li.section h2 { margin: 0; padding: 0; font-size: 14px; }
ul.touch li.section h2 img { float: left; margin-left: 2px; margin-right: 8px; margin-top: -4px; }
ul.touch li.section h2 a { background: #e8e8e8 url('http://assets.realclearpolitics.com/images/mobile/bg_section.png') repeat-x bottom; color: #777; display: block; padding: 15px 7px; text-transform: uppercase; position: relative; text-shadow: #fff 1px 1px 0; border-top:1px solid #fff;}
ul.touch li.section h2 a.open span { background: transparent url('http://assets.realclearpolitics.com/images/mobile/bg_arrow_up.png') no-repeat; position: absolute; display: block; width: 13px; height: 7px; right: 17px; top: 18px; }
ul.touch li.section h2 a.closed span { background: transparent url('http://assets.realclearpolitics.com/images/mobile/bg_arrow_down.png') no-repeat; position: absolute; display: block; width: 13px; height: 7px; right: 17px; top: 21px; }
ul.touch li.section h2 a.loading span { background: transparent url('http://assets.realclearpolitics.com/images/mobile/ajax_loader.gif') no-repeat; position: absolute; display: block; width: 16px; height: 16px; right: 15px; top: 14px; }
ul.touch li.section ul { background: #fff; }

ul.items { margin: 0; padding: 0; display: none; }
ul.items li { width: 100%; font-size: 14px; line-height: 1.2; background: #fff; border-bottom: 1px solid #ccc; border-top: none; margin-bottom: 0; }
ul.items li.category { list-style: none; margin-top: -1px; border-bottom: none; position: relative; background: #003399; text-align: center; text-transform: uppercase; font-size: 10px; padding: 4px 0; font-weight: bold; text-shadow: #555 1px 1px 0; }
ul.items li.arrow { background: transparent url('http://assets.realclearpolitics.com/images/mobile/chevron.png') no-repeat right center; }
ul.items li.external { /*background: transparent url('http://assets.realclearpolitics.com/images/mobile/icon_external.png') no-repeat right center; */}
ul.items li a { display: block; padding: 5px 35px 5px 6px; font-weight: bold; }
ul.items li a.thick { padding-top: 10px; padding-bottom: 10px; }
ul.items li a:visited { color: #999; }
ul.items li a span.photo { float: left; width: 60px; height: 60px; overflow: hidden; margin-right: 6px; }

ul.items li a span.name { display: block; color: #000; font-size: 15px; }
ul.items li a span.author { padding-top: 4px; font-size: 11px; display: block; color: #666; }

ul.items li a span.race {display: block; color: #000; font-size: 15px; font-weight:bold;}
ul.items li a span.pollster { padding-top: 2px; font-size: 13px; display: block; color: #999; }
ul.items li a span.spread { padding-top:2px; font-size: 13px; display: block; color: #444; }

ul.show { display: block; }

/*
#article h2 { margin: 10px; color: #000; font-size: 25px; }
#article div.photo { margin: 10px; }
#article div.video { margin: 10px; }
#article p.author { font-size: 14px; color: #666; margin-top: -5px; }
#article p {  margin: 10px; color: #000; font-size: 16px; }
ul.source { margin: 0; padding: 0; list-style: none; }
ul.source li.arrow {background: transparent url('http://assets.realclearpolitics.com/images/mobile/chevron.png') no-repeat right center;}
ul.source li.external {background: transparent url('http://assets.realclearpolitics.com/images/mobile/icon_external.png') no-repeat right center;}
ul.source li { font-size: 16px; line-height: 1.2;  border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 0; }
ul.source li a { color: #000; display: block; padding: 15px 10px; font-weight: bold; }
ul.source li.full a { padding: 15px 35px 15px 10px; }

#realclear ul.source li { border-top: none; } */

#footer {  padding: 10px; background: #fff; border-bottom: 1px solid #999; text-align: center; color: #666; }
#footer a { color: #666; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }
.clear {height:0px; clear:both;}
/*
.button, .back, .cancel, .add {
    position: absolute;
    overflow: hidden;
    top: 10px;
    margin: 0;
    border-width: 0 5px;
    padding: 0 3px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;    
}

.button { right: 10px; }

.back { left: 10px; }

.social { text-align: center; border-top: 0px solid #eee; }
.social a { display: block; border-right: 0px solid #eee; font-size: 12px; font-weight: bold; color: #666; padding: 0 8px 10px 8px; }
.social table { width: 100%; }*/

#preloaded_images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { /* iPhone 4-specific styles go here */ }
	.clear {clear:both; height:0;}

	ul.touch { border-top: 1px solid $site_color; }
	ul.items li.category { background: $site_color; }
	
	ul.items li a span.desc {font-size:12px; color:#444; padding:5px 0 5px 0; display:block;}
	
	ul.items li.main a {padding: 5px 5px 5px 6px}
	ul.items li.main a span.name {font-size:22px; text-align:center; padding-top:10px;}
	ul.items li.main a span.author {font-size:15px; text-align:center;}
	ul.items li.main a div.photo {text-align:center; margin-top:10px;}
	ul.items li.main a div.photo img {width:100%;}
	
	.election_widget_small_header { padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #fff; /*background: transparent url('/images/bg_election_small_maps.gif') bottom repeat-x; */ }	
	.election_widget_small_header h4 { margin: 0; padding: 5px 0 3px 0; text-align: center; text-transform: uppercase; font: 10px bold Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px;}
	.election_widget_small_header h4 a { color: #000; font: bold 10px Verdana, Arial, Helvetica, sans-serif; }	
	.election_widget_small_header table { margin: 0 auto; }
	.election_widget_small_header td {border:none; padding:0; margin:0; text-align:center; font:12px Arial, Helvetica, sans-serif; }
	.election_widget_small_header td span {font-weight:normal; font-size:12px; }
	.election_widget_small_header td.dem {color:#00c; font-weight:bold; font-size:16px; width:35px; text-align:right; }
	.election_widget_small_header td.dem_small {color:#00c; font-size:9px; text-align:left; padding-left:4px; }
	.election_widget_small_header td.toss_up {color:#666; font-weight:bold; font-size:12px; width:55px;}
	.election_widget_small_header td.gop {color:#c00; font-weight:bold; font-size:16px; width:35px; text-align:left; }
	.election_widget_small_header td.gop_small { color:#c00;	text-align:right; font-size:9px;padding-right:4px;}
	.election_widget_small_header img {margin:0; padding:0; display:block; }	

	 ul.items li a span.photo {float:left; height:auto; margin-right:6px; overflow:hidden; width:60px; position:relative;}
	 ul.items li a span.photo img.play-icon {position:absolute; top:-1px; left:-14px; z-index:10; }

	 
.section_latest_news {background-color:#fff !important;}
 



	#ios_nav { width:300px; margin:5px auto 0 auto; }
	#ios_nav #prev, #ios_nav #next { float:left; font-weight:bold; font-size:14px; padding:5px 0; width:80px; cursor:pointer; color:#555;}
	#ios_nav #next { float:right; text-align:right; }
	#ios_nav #indicator, #indicator > li { display:block; float:left; list-style:none; padding:0; margin:0; }
	#ios_nav #indicator { width:110px; padding:12px 0 0 30px; background:none;}
	#ios_nav #indicator > li { text-indent:-9999em; width:8px; height:8px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; background:#ddd; overflow:hidden; margin-right:4px; }
	#ios_nav #indicator > li.active { background:#888; }
	#ios_nav #indicator > li:last-child { margin:0; }
	
	
	#iosSlider { position: relative; z-index:1; width:280px; height:270px; margin:0 auto; overflow: hidden; margin-top:10px;}
	#iosSlider img {border:none;}
	#iosSlider #slider {width:1680px; height:270px;}
	#iosSlider .item { width:280px; height:270px; float:left; margin:0; }	
	#iosSlider .item .text { width: 280px; height: 270px; padding:0px; margin:0 auto;  /*border:1px solid #ccc; */ background-color:#fff; border-bottom:1px dotted #ccc;}
	#iphoneUI .iosSlider .item .text { display: none; }	
	#iosSlider .item .title { text-align:center; border-bottom:1px solid #ccc; padding-bottom:5px; padding-top:4px; height:0; background-color:#d30015; height:auto;}
	#iosSlider .item .title-bg {background-color:#d30015; height:auto;}
	#iosSlider .item .title a { color: #fff; font-size:18px; font-weight:bold; text-transform:uppercase; text-decoration:none; }
	#iosSlider .item ul.desc { margin: 0 0 0 0; padding:0; list-style-type:none; }
	#iosSlider .item ul.desc li {border-bottom:1px solid #ccc; padding:5px; margin:0;}
	#iosSlider .item ul.desc a {cursor: pointer; color:#000; text-decoration:none; font-size:15px; font-weight:bold; height:auto;}


#realclear_panel {position:relative; display:none;}
#realclear_panel li.section {background-color:#fff; list-style:none;}
#realclear_panel li.section h2 { margin: 0; padding: 0; font-size: 14px; /*background: #e8e8e8 url('http://assets.realclearpolitics.com/images/mobile/bg_section.png') repeat-x bottom;*/ padding: 10px 7px; background: url("http://assets.realclearpolitics.com/images/mobile/bg_toolbar.png") repeat-x scroll center -8px #ccc; }
#realclear_panel li.section h2 a {  color: #777; padding:0; text-transform: uppercase; position: relative; text-shadow: #fff 1px 1px 0; }
#realclear_panel li.section h2 span {font-size:16px;}
#realclear_panel li.section h2 span.current {font-size:16px; color:#777; text-transform:uppercase; position: relative; text-shadow: #666 1px 1px 0;} 
#realclear_panel .back_button {position:absolute; top:6px; right:5px; z-index:10;}
#realclear_panel .content {display:none;}

#chart_container {padding-right:10px; background-color:#fff;}
#chart_container #chartdiv {}
#chart_container #chartdiv #charttools {display:none;}