/* 
Theme Name: Harvey Milk Civil Rights Academy 2010
Theme URL: http://harveymilk.com
Description: The 2010 theme for the site.
Author: Michelangelo Capraro
Author URI: http://mcapraro.com
Version: 1.0.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}
 
/* Here is a list of all the DIVs in Whiteboard. */

#container{}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}


/*******************************************************
 * 				BASE AND BACKGROUND ELEMENTS
 */

body {
	background: #0099cb url('images/bg-shadow.gif') repeat-y center top;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

#container {
	background: transparent url('images/sun-clouds-rainbow-bg.jpg') no-repeat center top;
	width: 100%;
	height: 100%;
	margin: auto;
}


/*******************************************************
 * 			HEADER AND MAIN NAVIGATION
 */
#header {
	position: relative;
	width: 801px;
	height: 369px;
	margin: 0px auto 0px auto;
}

#searchform {
	position: absolute;
	right: 52px;
	top: 45px;
}

#searchform #searchsubmit {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}


/* this needs to randomly cycle through images, so maybe this gets replaced on the page later */
#topTitle h1 a {
	position: absolute;
	background: transparent url('images/header-hula-hoop.jpg') no-repeat center top;
	text-indent: -99999px;
	width: 755px;
	height: 258px;
	margin: 23px;
}

#topNav {
	/*border: 1px solid green;*/
	position: relative;
	height: 88px;
	top: 281px;
	padding-left: 23px;
	overflow: hidden;
}

#topNav li {
	list-style: none;
	float: left;
}

#topNav li a {
	position: relative;
	display: block;
	width: 151px;
	height: 88px;
}

#topNav .page_item {
	text-indent: -999999px;
}

#topNav #about a {
	background: transparent url('images/nav-about.gif') no-repeat center top;
}

#topNav #about.current_page_item a, #topNav #about.current_page_ancestor a {
	background: transparent url('images/nav-about-selected.gif') no-repeat center top;
}

#topNav #contact a {
	background: transparent url('images/nav-contact.gif') no-repeat center top;
}

#topNav #contact.current_page_item a, #topNav #contact.current_page_ancestor a {
	background: transparent url('images/nav-contact-selected.gif') no-repeat center top;
}

#topNav #get-involved a {
	background: transparent url('images/nav-get-involved.gif') no-repeat center top;
}

#topNav #get-involved.current_page_item a, #topNav #get-involved.current_page_ancestor a {
	background: transparent url('images/nav-get-involved-selected.gif') no-repeat center top;
}

#topNav #for-parents a {
	background: transparent url('images/nav-parents.gif') no-repeat center top;
	width: 167px;
}

#topNav #for-parents.current_page_item a, #topNav #for-parents.current_page_ancestor a {
	background: transparent url('images/nav-parents-selected.gif') no-repeat center top;
}

#topNav #programs a {
	background: transparent url('images/nav-programs.gif') no-repeat center top;
}

#topNav #programs.current_page_item a, #topNav #programs.current_page_ancestor a {
	background: transparent url('images/nav-programs-selected.gif') no-repeat center top;
}

/******************** SUBNAV *********************************/

#subNav {
	position: relative;
	width: 719px /*755 - padding - margin */;
	margin: 0px auto 0px auto;
	padding: 5px 18px 5px 18px;
}

.subNav-about {
	background-color: #ed1c24;
}

.subNav-contact {
	background-color: #f0921c;
}

.subNav-get-involved {
	background-color: #9069ae;
}

.subNav-for-parents {
	background-color: #315ba9;
}

.subNav-programs {
	background-color: #4cc8eb;
}

#subNav li {
	list-style: none;
	float: left;
	font-size: 130%;
	margin: 0px 6px 0px 6px;
	padding: 4px 6px 4px 6px;
}

#subNav li a {
	color: #ffffff;
	text-decoration: none;
}


.subNav-about .current_page_item {
	background-color: #9b1218;
}

.subNav-contact .current_page_item {
	background-color: #b66f15;
}

.subNav-get-involved .current_page_item {
	background-color: #664a7b;
}

.subNav-for-parents .current_page_item {
	background-color: #1e3868;
}

.subNav-programs .current_page_item {
	background-color: #2f7b91;
}

/**************************************************************
 * 					INFO BOX
 */

#infobox {
	/*border: 1px solid red;*/
	position: relative;
	background: transparent url('images/info-box-bg.jpg') no-repeat center top;
	width: 755px;
	height: 144px;
	margin: 0px auto 0px auto;
	clear: both;
	overflow: hidden;
}

#infobox .infocontent {
	/*border: 1px solid green;*/
	position: relative;
	height: 98px;
	padding: 23px 23px 23px 23px;
}

#infobox #fundraising {
	width: 407px; /* 453 - (23 * 2) subtract the padding from the widths */
	float: left;
}

#infobox #menus {
	width: 256px; /* 302 - (23 * 2) subtract the padding from the widths */
	float: left;
}

#infobox #menus a {
	font-weight: bold;
	line-height: 170%;
	text-decoration: none;
	color: #0086b2;
}

#infobox #menus a:hover {
	text-decoration: underline;
	color: #660000;
}

#infobox h1 {
	color: #206981;
	font-size: 140%;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 2px;
	font-weight: bold;
}

#infobox .infobody {
	color: #6f6f6f;
	font-size: 120%;
	line-height: 160%;
}

#infobox .infobody form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#infobox .infobody form input {
	display: inline;
	position: relative;
	left: -6px;
}



/**********************************************************************
 * 					MAIN CONTENT
 */

#content {
	/*border: 1px solid green*/;
	position: relative;
	width: 755px;
	margin: 0px auto 0px auto;
	padding: 23px 23px 23px 23px;
	display: block;
}

#content > h3 {
	font-size: 170%;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
}

#content > h3 a {
	text-decoration: none;
	color: #ff6600;
}

#content > h3 a:hover {
	color: #a200ff;
	text-decoration: underline;
}

#content.page, #content > .post {
	width: 709px !important;
}

#content > .post {
	margin-bottom: 40px;
}

#content #posts ul, #content.page ul, #content .post ul, #content #posts ol, #content.page ol, #content .post ol {
	color: #4f4f4f;
	font-size: 115%;
	margin: 7px 0px 0px 40px;
}

#content #posts ul li, #content.page ul li, #content .post ul li, #content #posts ol li, #content.page ol li, #content .post ol li {
	margin-bottom: 7px;	
}

#posts {
	/*border: 1px solid orange;*/
	position: relative;
	left: 0px;
	top: 0px;
	width: 430px;
	margin: 0px;
	display: block;
	float: left;
}

#posts h1 {
	color: #545454;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0px 0px 8px 0px;
}

#posts .post {
	display: block;
	position: relative;
	margin: 10px 0px 30px 0px;
}

#posts h3, #content > .post h3 {
	color: #ff6600;
	font-size: 180%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

#posts h3 a,  #content > h3 a, #content > .post h3 a {
	color: #ff6600;
	text-decoration: none;
}

#posts h2, #content > h2, #content > .post h2 {
	color: #ff6600;
	font-size: 210%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

#posts h2 a,  #content > h2 a, #content > .post h2 a {
	color: #ff6600;
	text-decoration: none;
}

#posts h2 a:hover,  #content > h2 a:hover, #content > .post h2 a:hover {
	color: #a200ff;
	text-decoration: underline;
}

#content .archiveTitle {
	color: #666666;
	margin-bottom: 12px;
	font-size: 240%;
}

#posts p, #content > p, #content > .post p {
	color: #4f4f4f;
	font-size: 115%;
	line-height: 180%;
	margin: 10px 0px 10px 0px;
}

#posts .postdate {
	color: #6f6f6f;
	font-size: 100%;
	margin: 0px;
}

#posts p img.alignleft, #content img.alignleft {
	float: left;
	margin: 0px 20px 15px 0px;
}

#posts p img.alignright, #content img.alignright {
	float: right;
	margin: 0px 0px 8px 10px;
}

#posts table, #content table {
	/*border: 1px solid blue;*/
	font-size: 120%;
	line-height: 170%;
	width: 100%;
}


#posts table li, #content table li {
	font-size: 80%;
}

#posts td, #posts th, #content td, #content th {
	/*border: 1px solid red;*/
	padding: 12px 4px;
	vertical-align: top;
}

#posts th, #content th {
	font-weight: bold;
	text-transform: uppercase;
}


/* this is for sticked announcemnt posts */
#content .announcement {
	background-color: #ffeede;
	padding: 10px;
}


/*********************************************************************
 * 							GALLERY
 */

.ngg-imagebrowser .counter {
	font-weight: bold;
}

.ngg-imagebrowser .ngg-imagebrowser-desc {
	clear: both;
	font-size: 120%;
	padding-top: 10px;
}

.ngg-imagebrowser h3 {
	font-size: 170%;
	font-weight: bold;
	color: #666666;
}

.ngg-imagebrowser img {
	max-width: 700px;
}


/*********************************************************************
 * 							SIDEBAR
 */

#sidebar {
	/*border: 1px solid blue;*/
	position: relative;
	width: 279px;
	display: block;
	float: right;
}

#sidebar ul {
	list-style: none;
}

#sidebar .widget {
	margin-bottom: 50px;
}

#sidebar h2.widgettitle {
	color: #545454;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
}

/* SIDEBAR CALENDAR STYLES */

#sidebar .wpng-widget-date-title {
	color: #333333;
	font-size: 110%;
	margin: 16px 0px 3px 0px;	
	padding: 0px;
	display: block;
}

#sidebar .wpng-widget-date-title:first-child {
	margin-top: 10px;
}

#sidebar li ul li a {
	color: #ff3300;
	font-size: 140%;
	font-weight: bold;
	display: block;
	margin-bottom:11px;
	text-decoration: none;
}

#sidebar li a:hover {
	text-decoration: underline;
}

/* GALLERY WIDGET */
#sidebar .ngg_slideshow {
	margin-top: 16px;
	margin-bottom: 0px;
	border: 1px solid #ccc;
	padding: 5px;
	max-width: 265px;
	width: 265px !important;
}

#sidebar .widget_slideshow {
	margin-bottom: 11px;
}

#sidebar .ngg_images {
	margin-top: 0px;
}

#sidebar .ngg_images .widgettitle {
	height: 0px;
}

#sidebar .ngg_images img {
	border: 1px solid #ccc;
	padding: 3px;
	margin-right: 3px;
}

#sidebar .ngg_images {
	margin-bottom: 4px;
}

#sidebar .textwidget {
	
}

#sidebar .textwidget a {
	font-size: 120%;
	text-decoration: none;
	color: #ff3300;	
}

#sidebar .textwidget a:hover {
	text-decoration: underline;
}

/* Social Links */
#sidebar #social-web-links a {
	font-size: 120%;
	text-decoration: none;
	color: #ff3300;
}

#sidebar #social-web-links a:hover {
	text-decoration: underline;
}

/* Tweets */
#sidebar .aktt_tweets li {
	margin: 10px 0px 12px 0px;
	color: #4F4F4F;
	font-size: 110%;
}
#sidebar .aktt_tweets li a {
	display: inline;
	font-size: 100%;
}


/*********************************************************************
 * 						FOOTER STYLES
 */

#footer {
	background: transparent url('images/footer-box-bg.jpg') no-repeat center top;
	/*border: 1px solid red;*/
	clear: both;
	width: 732px /*755px - padding*/;
	margin: 40px auto 23px auto;
	padding: 23px 0px 23px 23px;
}

#footer #minimap > li {
	/*border: 1px solid green;*/
	list-style: none;
	display: block;
	float: left;
	width: 123px;
	margin-right: 23px;
	font-size: 120%;
	font-weight: bold;
	color: #003c4f;
	line-height: 170%;
}

#footer #minimap > li a {
	color: #003c4f;
	text-decoration: none;
}

#footer #minimap > li li {
	font-size: 90%;
	font-weight: normal;
	color: #003c4f;
	list-style: none;
}

#footer #minimap > li li a {
	color: #003c4f;
	text-decoration: none;
}

#footer #minimap > li a:hover {
	text-decoration: underline;
}

#footer .bloginfo {
	margin-top: 23px;
	text-align: center;	
	color: #005774;
}

#footer .bloginfo a {
	color: #003c4f;
	text-decoration: none;
}

#footer .bloginfo a:hover {
	text-decoration: underline;
}

/*********************************************************************
 * 						GENERAL STYLES
 */

.donate-button {
	position: relative;
	display: block;
	top: -2px;
	left: -6px;
	background: transparent url('images/donate-button.png') no-repeat center top;
	text-indent: -999999px;
	width: 152px;
	height: 40px;
}