/* 
	project:  Vote Mufi Hannemann
	author:   Mufi Hannemann Committee
media: handhelds
*/

*{ 
margin: 0; 
padding: 0; 
}* 

body { 
font: normal .85em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.2em; 
background: none; 
color: #000; 
font-weight: 300;
}

a { 
color: #660000;	
background: inherit; 
text-decoration: underline; 
}

p { 
margin: 0 0 10px 0; 
}

h1 { 
font: normal 1.6em Georgia, "Times New Roman", Times, serif;
margin: 0px 0 0 0px; 
}
h1.headers {
	font: normal 1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	font-weight: 300; 
	margin: 0;
	color: #660000;
 	padding: 2px 0 2px 0;
  	margin: 0 0;
clear: left;
}
h1.headers-top {
	font: normal 1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	font-weight: 300; 
	margin: 0;
	color: #660000;
 	padding: 2px 0 2px 0;
  	margin: 0 0;
clear: left;
}

h1 a:hover { 
color: #E4FFD3; 
background: inherit; 
}

h2 { 
font: normal 1.3em Georgia, "Times New Roman", Times, serif; 
margin: 0 0 0px;
 background: #ffffff;
  padding: 4px 8px;
color: #000000; 
}

h4 { 
color: #666666; 
background: inherit; 
 padding: 4px 8px;
 background: #ffffff;
font-weight: bold; 
font-size: .9em; 
text-transform: uppercase;
}

h6 { 
font: normal .7em Georgia, "Times New Roman", Times, serif; 
margin: 0 0 0px;
 background: #ffffff;
  padding: 4px 8px;
color: #666666; 
line-height: 1.5em; 
}

	
#main{
	margin: 4px;
}

/* Logo new */

#logo {
	display: block;
}

#intro { display: none;}
#login { display: none; }



	#feature img { display: block;}


	
	#articles { 
	margin: 0 0 0 0; 
	
		}
	
	#articles li  {
	background: #ffffff;
	list-style: none;
	float: left;
	width: 550px;
	padding: 4px 8px;
	margin: 0 0 0 0;
	}
	
		#articles li a { 
		padding: 0 0 0 0; 
		}
		
		#articles li.last {
	width: 200px;
	margin: 0;
	background: #eee;
	line-height: 14px;
	font-size: 10px;
		 }
div#main.section {
display: block; 
width: 680px; 
border: 0;
}
div .section-main {
display: block; 
margin: 0px 220px 0px 10px;
}
div .section-right {
display: block; 
float: none; 
margin: 0 2px 0 0; 
padding: 8px; 
background: #eeeeee; 
clear: right;
font-size: .8em;
border: 1px dotted #999999;
}
div#left .section-right li {
list-style: none;
margin: 6px 0px 9px 0;
font: 6pt Arial;
}
div#left .section-right li a{
font: 10pt Arial;
color: #333333;
}
div#left .section-right h3 {
font: 800 10pt  Arial;
color: #990000;
margin: 0;
padding: 5px;
border-bottom: 1px #990000 solid;
}

#right { 
display: block;
}

.footer {
display: block;
background: #cccccc;
	}

.footer a {
	display: inline;
}

.footer ul {
   	margin: 0 auto;
   	padding: .7em 0;
   	text-align: center;
   	width: 85%;
}
.footer ul li{
	display: inline;
	padding: 0.5em;
}	
	
/* List Elements
=====================================================================*/

 ul
{
list-style-type: none;
padding: 0;
margin: 0 0 0 10px;
}

li
{
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

li a {
	padding-top: 0px;
	padding-bottom: 0px;
}
	
ul.iconlist {
  list-style-type: none;
  padding: 0;
  margin: 0;
  }
  	
li.arrow {
  background-image: url(../images/arrow2.gif);
  background-repeat: no-repeat;
  background-position: 0 .4em;
    padding: 3px 0 3px 16px;
  margin: 0.2em 0;
  }	



#feature_block { 
display: none;
}
#feature_block #news_area { float: left; line-height:0px; }
#feature_block #news_area.flash { float: left; height:300px; width:400px; text-align:center; padding:10px; line-height:0px; background-image:url(../images/feature_bg.jpg); }

#feature_block .news_area { float: left; line-height:0px; }
#feature_block .news_area.flash { float: left; height:290px; width:400px; text-align:center; padding-top:30px; line-height:0px; background-image:url(../images/feature_bg.jpg); }


#feature_block #right_column 
{
	position: absolute;
	top: 0;
	right: 0;
	float: left;
	width: 171px;
	height:320px;
	background-image: url(../images/news_list_bg.jpg);
}

#feature_block #right_column h3 { color: #C83027; margin: 10px 20px 0 20px; font-size: 14px; }
#feature_block #right_column #arrow { position: absolute; }
#feature_block #right_column #news_items { width: 140px; margin: 20px; }
#feature_block #right_column #news_items li { margin: 10px 0 10px 0; }

#feature_block #right_column #news_items a
{
	font: 11px arial;
	color: #990000;
	outline: none;
	position: relative;
}

#feature_block #right_column #news_items a:hover { color: white; background: transparent;}
#feature_block #right_column #news_items a.selected { color: white; font: 16px Georgia; padding: 0px; }
#feature_block #right_column #news_foot { position: absolute; bottom: 0; }

div#left form {
 display: block;
 margin: 0;	
}

div#left form label {
	display: block;
	border: 1px #dddddd solid;
	margin: 0px 20px;
	padding: 4px;
	background: #f0f0f0 url('../images/grey-dation.jpg') repeat-x bottom;
	font-weight: 700;
}

div#left form label input {
	display: block;
	
}
div#submitrow input {
background: #990000;
color: #ffffff;	
padding: 4px;
margin: 0px 60px 40px 60px;
}
.hide {	display:none; }

#feature {
display: block;
margin: 0 auto;
text-align: center;
}

#mobile-feature {
display: inline;
float: left;
text-align: center;
width: 135px;
height: 155px;
margin: 6px;
padding: 3px;
background: #990000;
color: #ffffff;
border: 3px solid #eeeeee;
}
#mobile-feature img {
display: inline;
width: 125px;
margin-top: 5px;
vertical-align: top;
align: center;
}
#mobile-feature a{
font: 800 .9em Verdana;
text-align: center;
width: 100%;
display: inline;
margin: 1px 2px;
color: #ffffff;
text-decoration: none;
}