/*
  KEY:
  blue: #036
  light blue: #99adc1
  beige: cc9
  light green: #c8e1bf
*/
HTML{ height:100%;}
BODY {margin:0;}
html { min-height: 100%; margin-bottom: 1px; height:100%;}
* {margin:0; padding:0; font-family :  Verdana, Arial, Helvetica, sans-serif;}
img {border:0; }
p, td, div {font-size:11px; color:#444; }
p {
	margin-bottom:12px;
	line-height: 1.3;
}
form option {padding:0 3px 0 3px;}
a {color:#58738F;}
blockquote {
	background-color:#c8e1bf;   
	border-left: thick solid #036;
	padding:10px 75px 0px 10px;
	float:left;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	margin-bottom:10px;
}
h1 {
	font-size:15px;
	color:#036;
	margin: 5px 0;
}
h2 {color:#036; font-size: 14px; margin-bottom: 6px;}
h3 {font-size:13px}
h4 {font-size:11px;}
h5 {/*add appropriate styling information here*/}

.container {width:880px; margin-left:auto; margin-right:auto; text-align:left; }

.current {font-weight:bold;}



ul.nobullet { padding: 0px 0px 12px 0px; }
ul.nobullet li   { text-indent: -6px; list-style-type: none; padding: 0px 0px 6px 6px; }



.host {padding-bottom: 12px;}

/*header styles, including logo and utility navigation*/
.header {}
.header .logo {float:left; width:200px;}
.header .nav {float:right; width:500px; text-align:right; padding:25px 5px 0 0;}
.header .nav a {color:#444; padding-right:10px;}
.header .nav input {color:#444;}
.header .nav input.Submit {color:#444; margin-right:10px;}
 
/*primary (horizontal) navigation*/
.primaryNav  {clear:both; float:left; width:880px; border-bottom: 2px solid #036; margin-bottom:3px;}
.primaryNav ul {list-style-type: none; margin-left:305px;}
.primaryNav li { float: left; display:inline;}
.primaryNav ul li a {
	font-size:9px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	display:block;
	padding:2px 15px 0 8px;
	width:92px;
	height:27px;
	text-transform: uppercase;
	background-color: #fff;
	background-image: url("./themes/site_themes/chifoo/bg-nav-off.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
.primaryNav ul li a:hover { background : url("./themes/site_themes/chifoo/bg-nav-on.gif") no-repeat top left #fff; color:#036; text-decoration:none;}

/*turning primary nav items on*/
body.events .primaryNav li.events a,
body.resources .primaryNav li.resources a,
body.aboutus .primaryNav li.aboutus a,
body.members .primaryNav li.members a,
body.jobs .primaryNav li.jobs a
 {background : url("./themes/site_themes/chifoo/bg-nav-on.gif") no-repeat top left #fff; color:#036; text-decoration:none;}

/*subnav:*/ 
.subNav {clear:both; float:left; width:880px; background-color:#cc9; margin-bottom:1px;}
.subNav ul {list-style-type: none; }
.subNav li { float: left; display:inline; padding: 10px 10px 10px 10px; color:#036; font-size:10px;  text-transform: uppercase;}
.subNav li a {color:#036; text-decoration: none; display:block; border-right: 1px solid #fff; padding-right:20px;}
.subNav li a:hover {color:#069;}
.subNav form {display:inline; position: absolute;}
.subNav form a {display:inline; border-right:none; position:relative; top:-3px; left: 3px;}
.subNav select {font-size:10px; position:relative; top:-3px; left: 3px;}
.subNav li.archives {width:200px;}

#main {float:left; width:880px; background : url("./themes/site_themes/chifoo/bg-home-bottom-solid.gif") repeat-y top left; }
#bottom {float:left; width:880px; background : url("./themes/site_themes/chifoo/bg-home-bottom.gif") repeat-y top left; padding:20px 0;clear:both;}

/* original CSS here for safe keeping
#main {float:left; width:880px; background : url("./themes/site_themes/chifoo/bg-home-top.gif") repeat-y top left;}
#bottom {float:left; width:880px; background : url("./themes/site_themes/chifoo/bg-home-bottom.gif") repeat-y top left; padding:20px 0;}
*/

#tweet { background-color: #FFF; padding:10px; color:#036;}
#tweet img { padding: 7px 10px 5px 0px; float:left;}
.tweetbyline { font-style:italic; color:#888; padding-top: 10px;  }
.tweetbyline a { color:#666;   }

.frontpageblog { padding: 25px; height:100%;}

.frontpageblog a {color:#036;} 
.frontpageblog img { display:none;}
.frontpageblogsticky {padding: 0px 0px 15px 0px; margin-bottom:15px; border-bottom: 1px dotted  #99adc1;}
.frontpageblogevent h2 {color:#444;}
#frontpageblogevent2.frontpageblogevent {padding: 15px 0px 0px 0px; margin-top:15px; border-top: 1px dotted  #99adc1;}
/*.frontpageblog ul { padding: 0px; list-style-type: none;}*/
.frontpageblog2 { padding: 15px 0px 0px 0px; margin-top:15px; border-top: 1px dotted  #99adc1;}

body#subpage.resources #main {
	float:left;
	width:880px;
	background-image: url("./themes/site_themes/chifoo/bg-subpages_resources.gif");
	background-repeat: repeat-y;
	background-position: left top;
        background-color: #000;
} 

body#subpage #main {
	float:left;
	width:880px;
	background-image: url("./themes/site_themes/chifoo/bg-subpages.gif");
	background-repeat: repeat-y;
	background-position: left top;
} 

body#subpage2 #main {
	float:left;
	width:880px;
	background-image: url("./themes/site_themes/chifoo/bg-subpages2.gif");
	background-repeat: repeat-y;
	background-position: left top;

} 


body.events.programSeries .subNav li.programSeries a {font-weight:bold;}
 body.resources .subNav li a {font-weight:bold; color:#FFF;}
 body.resources .subNav ul.last li a {font-weight:bold; border: none;}
 body.resources .subNav li a.currentpage {font-weight:bold; color:#036; }

/*column containing main content well*/
#content.column {float:left; width:617px; background-color: #CCCC99;height:100%; }
body.home #content.column .masthead {}

/* COMMENTING THIS OUT - OBSOLETE
body.home #content.column ul {list-style-type: none; padding:15px 0 20px 30px;}
body.home #content.column ul a {font-weight:bold; color:#fff; text-transform: uppercase; text-decoration: none; padding: 5px 0 5px 42px;}
body.home #content.column ul a:hover {text-decoration: underline;}
body.home #content.column ul li { padding:8px 0 8px 0;}
body.home #content.column ul li.mail a {background : url("./themes/site_themes/chifoo/bg-icon-mail.gif") no-repeat left;}
body.home #content.column ul li.mentor a {background : url("./themes/site_themes/chifoo/bg-icon-mentor.gif") no-repeat left;}
body.home #content.column ul li.volunteer a {background : url("./themes/site_themes/chifoo/bg-icon-volunteer.gif") no-repeat left;}
body.home #content.column ul li.join a {background : url("./themes/site_themes/chifoo/bg-icon-join.gif") no-repeat left;}
DONE  */

body#subpage #content.column { width:577px; padding:20px 30px 20px 10px; background-color: #FFF;}

/* RESOURCES INDEX PAGE */
body#subpage.resources #content.column { width:657px; padding:20px 20px 20px 10px;}
body#subpage.resources #content .column2 {float:right; width:230px; padding:0px 0px 0px 20px; margin-left: 20px; border-left: 1px dotted #c7ce9b;}
body#subpage.resources #content .column2 img {width:75px; border: 0px}
body#subpage.resources #sidebar.column {float:right; width:190px;} 
#sidebar.column .sidebar_int_block {padding:0px;}

body.events .event {margin-bottom:20px; padding-bottom:10px; border-bottom: 1px dotted #c7ce9b;} 
body.events .date {font-style:italic; color:#036; font-size:11px;} 
body.events .topic {font-weight:bold; color:#036; font-size:11px;} 
body.events .speaker {color:#036; font-size:11px; margin-bottom:10px;} 
body.events .abstract {border-bottom: 1px dotted #c7ce9b; margin-bottom:20px;}
body.events .abstract p {margin-bottom:18px; line-height:16px;}
body.events .speakerBio b { font-size:13px;}

#content .event .date { font-style: normal; font-weight: bold; color:#444 }
#content .event .location { font-style: italic; }
#content .event .eventtype { text-transform: uppercase; font-weight: bold; color:#036; }
#content .event .speaker { font-style: normal; font-weight: bold; color:#444}
#content .event {margin-bottom:20px; padding-top:10px; border-top: 1px dotted #c7ce9b; border-bottom: none} 
#content #firstevent.event {margin-bottom:20px; padding-top:20px; border-top:none; border-bottom: none} 
.permalink {margin-top: 10px}

#content_header {background-color: #cdd7e1; padding: 20px}
#content_header img {float:left; padding:3px 10px 3px 0; border:0px;}

#content .events img {float:left; padding:3px 10px 3px 0; border:0px;}

body.home #bottom .module#a {float:left; width:260px; padding-right:42px;}
body.home #bottom .module h4 {text-transform: uppercase; }
body.home #bottom .module#b h3 {color:#036; font-size:14px; padding-bottom:3px;}
body.home #bottom .module#c h4 {text-transform: uppercase; }

body.home #bottom .module#c h3 {color:#777; font-size:14px; padding-bottom:10px;text-transform: uppercase; }
body.home #bottom .module#b {float:left; width:280px; padding-right:66px}
body.home #bottom .module#c {float:left; width:220px;}
body.home #bottom .module#c p.partner {margin-bottom:15px;}
body.home #bottom .module img.featureImage {float:left; padding:3px 10px 3px 0;}
body.home #bottom .module p.cta {text-align:right; padding-top:10px;}
body.home #bottom .module p.cta a {font-weight:bold;color:#036;}

body.home #bottom .module#a img {float:left; padding:3px 10px 3px 0; width: 75px; border: 0;}
body.home #bottom .module#b img {float:left; padding:3px 10px 3px 0; border: 0;}
.sponsorcontainer { text-align: left; }
.sponsorimg { padding: 10px 5px 10px 0px; border:0px; }

ol {text-indent: 3px; padding-left: 18px; margin-bottom: 12px;}
ol li {padding: 3px 0px 3px 0px; }

.blogbody img  {float:left; padding:3px 12px 6px 0; border: 0;}
.blogbody ul, #content_header ul {text-indent: 3px; padding-left: 18px; margin-bottom: 12px;}
.blogbody ul li, #content_header ul li {padding: 3px 0px 3px 0px; }
.blogbody ol, #content_header ol {text-indent: 3px; padding-left: 18px; margin-bottom: 12px;}
.blogbody ol li, #content_header ol li {padding: 3px 0px 3px 0px; }
.frontpageblog ul {text-indent: 3px; padding-left: 18px; margin-bottom: 12px;}
.frontpageblog li {padding: 3px 0px 3px 0px; }

.expertise { text-transform: uppercase; font-weight: bold; color:#036; }

#sidebar.column {float:right; width:260px; background-color:#99adc1;} 
#sidebar.column a {color:#444;}
#sidebar.column .eventDetails {padding:25px 15px 15px 25px; background-color:#99adc1;}
#sidebar.column .eventDetails .agenda .item {margin-bottom:12px;}


.joinwrap {background-color: #CCCC99; }
#sidebar.column .join { padding:15px 15px 15px 15px; border-top: 1px solid #fff;background-color: #CCCC99; }
#sidebar.column .join h3 { background : url("./themes/site_themes/chifoo/icon-join.gif") no-repeat left; color:#036; text-transform: uppercase; padding:3px 0 3px 30px; font-size:12px;}
#sidebar.column .join h3.join2 { background : url("./themes/site_themes/chifoo/icon-volunteer.gif") no-repeat left; color:#036; text-transform: uppercase; padding:3px 0 3px 30px; font-size:12px;}
#sidebar.column .join p.cta {text-align:right; margin:0;}
#sidebar.column .join p.cta a {font-weight:bold; color:#036; text-transform: uppercase; }


#sidebar.column .events { padding:25px 15px 15px 25px;background-color:#99adc1;height: 100%}
#sidebar.column .event {padding-top:15px;}
#sidebar.column .address {padding:15px 0 15px 0;}



#sidebar.column h3 {font-size:10px; text-transform: uppercase; color:#444}


.calendar {margin:15px 0; font-weight:bold; color:#444}
.partners {margin:25px 0; font-weight:bold; color:#444}


.admin { text-align:right; background-color: #cc9; padding: 7px; margin-top:10px;}

.red {color:#FF0000;}

/*footer styles*/
.footer { width:860px; float:left; padding:10px; margin-top:1px; border-top: 1px solid #cc9;background-color:#FFF;}
.footer .designBy {float:left; width:280px; text-align:left; color:#707276; font-size:10px; font-weight:bold; padding-top:16px;}
.footer .logos {float:left; width:300px; text-align:left;}
.footer .developBy {float:right; text-align:right; color:#707276; font-size:10px; font-weight:bold; padding-top:16px;}

.leocenter {text-align:center;}
.leocenter img {float:none;}



.clearfloats {clear:both; padding-top:.05px; }




/*
 *  Additional CSS for new comments section
 *  Sam Pierce Lolla
 *  14 Oct 2009
 */

#comments {
/*	background-color:#CDD7E1;*/
	margin-top:12px;
}
#comments img{
	border: solid 3px #ddd;
	margin-bottom:6px;
        width:60px;
}

/*single comment*/
.comment {
	padding:10px 20px 0px 20px;
	clear:both;
	overflow:hidden;
	border-top:solid 1px #eee;
	/*border-top:1px dotted #C7CE9B; /*(from events page styling)*/

}
.comment_meta {
	width:160px;
	float:left;
}

body.resources .comment_content {
	width:440px;
	float:right;
        margin-top:15px;
}

body.events .comment_content {
	width:365px;
	float:right;
        margin-top:15px;
}
.poster {
	font-weight:bold;
	margin-bottom:0px;
}
.poster-title {
	font-style: italic;
	margin-bottom:4px;
}
.timestamp {
	font-size:0.9em;
	color:#555;
}

.comment_admin {
	font-size:0.9em;
	color:#555;
	text-align:right; 
	padding-bottom:0.9em;
}

.even {background-color:#f5f5f5;}
.odd {background-color:#fff;}

.comment_author {	
	background-color:#CDD7E1;
}

.comment_author .comment_content {
	font-weight: bold;
}
/*pages*/
#pages {
	text-align:center;
	clear:both;
	border-top:solid 1px #eee;
	padding:10px 0px;
}
#pages a {
	text-decoration:none;
}
#pages a:hover {
	text-decoration:underline;
}

/*new comment*/
#new_comment {
	background-color:#CDD7E1;
	clear:both;
	padding:10px 20px;
	border-top:solid 1px #eee;
}
#new_comment h3 {
	padding-bottom:10px;
}
body.resources #new_comment textarea {
	width:600px;
	padding:4px;
	font-size:1em;
	/*border:solid 3px #99adc1;*/
	/*border:0px;*/
}

body.events #new_comment textarea {
	width:525px;
	padding:4px;
	font-size:1em;
	/*border:solid 3px #99adc1;*/
	/*border:0px;*/
}

#preview_excerpt img{
	display:none;
}