/*  

Theme Name: Elegance+Hero

Description: An elegant WordPress theme brought to you free by <a href="http://www.powertheme.com">PowerTheme</a>

Version: 1.1

Author: Ed Chao 

Author URI: http://www.legitimatehero.com/

Tags: valid XHTML, valid CSS, right sidebar, widget ready, simple, widgets, two columns

*/



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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight:inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

#branding h1, #branding p, #pageHeader h1, #pageHeader h2, #quickSummary .p1, #preamble h3 span, #explanation h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span {
display:none;
}


a:link, a:visited, a:active { color: #6891c3; }

a:hover { color: #134077; }



body { 
   background:url(img/headerimage.jpg) no-repeat;
   background-position:center top; 
background-color:#FFFFFF; 
 font-family: Verdana, Arial, Helvetica, san-serif; 
 font-size: 12px; color: black; height:100%  }


#prewrapper{
   background:black;
}
#wrapper { 
   width:800px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto 0px auto;

}



#header { 
   width: 800px; 
   margin:0 auto;
   height: 60px; 
}



#branding {
   float:left;
   height:100px;
   width:453px;
   margin-top:25px;
}

#branding img{
  display:block;
  border:0px;
  
}

.search { float: right; margin-top: 55px; }

.search .search-text { background: url(img/search-bg.png) no-repeat; width: 157px; padding: 6px 30px 8px 10px;  border: none; }



#subheader { 
   background-color:transparent; 
   width: 800px;
   margin:0 auto; 
   height: 200px; 
   float: left; 
}

#subheader p { 
   font-family:georgia,san-serif;
   font-style:italic;
   line-height:20px;
   font-size: 14px; 
   margin: 36px 0 0 10px; 
   width: 800px; 
}

#subheader a{
   color:white; 
}

/*

	script stuff 

*/

.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; }



#content { background-color:#FFFFFF; width: 560px; float: left; margin-top10px; }



.post { background-color:#FFFFFF;width: 560px; margin-bottom: 50px; }

.post h2 a { font-family: Georgia; color: #24446b; font-weight: normal; text-decoration: none; font-size: 24px; }

.post h2 { font-family: Georgia; color: #24446b; font-weight: normal; text-decoration: none; font-size: 24px; margin-bottom:20px;}

.post h3 { font-family: Georgia; color: gray; font-weight: normal; font-style:italic; text-decoration: none; font-size: 20px; margin-top:20px; margin-bottom:20px;}

.post h4 { font-family: Arial; color: #24446b; font-weight: bold; text-transform:uppercase;  font-size: 12px; margin-bottom:20px;}

.post span.post-info { color: #CCCCCC; font-size: 10px; padding-bottom: 10px; width: 560px; float: left; }

.post p { line-height: 22px; margin-bottom: 20px; }

.post div.cats { border-top: 1px solid #ececec; padding-top: 10px; }

.post ul, .post ol{
     margin-bottom:20px;
     line-height:22px;
}

.post ul li, .post ol li{
     margin-left:30px;
     padding:10px 0px 10px 0px;
     line-height:22px;
}

.post img {
    margin:20px 0px 20px 0px;
}

#sidebar { width: 185px; float: right; }

#sidebar ul { list-style-type: none; }

#sidebar ul li { padding-bottom: 5px; border-bottom: 1px solid #ececec; margin-bottom: 15px; }

#sidebar ul li ul li { margin: 0; border: none; padding: 0; }

#sidebar ul li ul li /* a */ { padding: 5px 0px 5px 20px; display: block; width: 165px; background: url(img/sidebar-bullet.gif) no-repeat 0px 7px; }

#sidebar ul li h2 { font-size: 18px; color: #474747; padding-bottom: 9px; font-weight: normal; }



.navigation .previous {float:left;}

.navigation .next {float:right;}



#footer { clear: both; width: 100%; float: left; background: #d4d4d4; padding: 20px 0; margin-top: 20px; }

#footer .inner { width: 800px; margin: 0 auto; }


#footer, .push {
	height: 200px;
}





/*

	.comments template styles

*/



.comments { float: left; padding: 0; }



.comments input[type=text], textarea { width: 350px; }



textarea { background-color:#FFFFFF; width: 450px; }



.comments fieldset { padding: 20px; border: 1px solid #CCC; margin: 10px 0 20px 0; }



.comments p { padding: 0 0 10px 0; }



.comments h2 { padding: 0 0 15px 0; }



#cdisplay { list-style-type: none; padding: 0; margin: 0; }



	#cdisplay li { padding: 10px;  margin-bottom: 10px; width: 560px; }

	


	#cdisplay li.first {  background: #f9f9f9; border-bottom: #CCC 1px solid; }

	

	#cdisplay li.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }




.aligncenter,


div.aligncenter {


   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}





.alignright {

   float: right;

}


img.avatar {float:right;}