/* 

	BOSTON LEADERSHIP FORUM -  by JOHANNES BOOY / CHARLES DALSASS
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	   10.HOME PAGE
	   11.PRIMARY CONTENT
	   12.SECONDARY CONTENT
	   13.INTERNAL PAGES
	   14.FORMS
	   
	   
    -------------------
	
*/



@import url(reset.css); /* RESET CSS */


/* 1.BODY
---------------------------------------------------------------------- */

body { background-color:#fff; font-size:62.5%; color:#333; font-family:Georgia,Times,serif; background:url(../images/main_bg.jpg) repeat-x top left; }

ul#nav_access { position:absolute; top:-9999px; left:-9999px; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

div#contentWrapper p, div#contentWrapper ul, div#contentWrapper dl, div#contentWrapper ol { line-height:2.0em; margin-bottom:24px; font-size: 1.2em; }

ul { list-style: disc;}
div#contentWrapper ul li ul { list-style: circle; margin-bottom: 0px; font-size: 1em; margin: 5px 0px;}
ul li { margin: 0px 0px 5px 25px; line-height: 1.8em;}
ul li strong {display: block;}
dl {  } 
dt {  }
dd {  }
ol { list-style: lower-roman; list-style-position:outside; }
ol li { margin-left:30px; }

hr { height:0; border:0; border-top:1px solid #ccc; margin-bottom:24px; }

blockquote { font-style:italic; background:#eee; padding:12px; margin-bottom:24px; font-size: 1.2em; line-height: 2em;}
blockquote cite { display:block; font-style:normal; text-transform:uppercase; font-size:0.8em; letter-spacing:1px; color:#666;  margin-top: 5px;}

.openquote {
     float: left;
     font-size: 700%;
     color: #133d52;
	  height: 145px;
	  margin-right: 10px;
     margin-top: 0px;
     padding-top: 15px;
     margin-bottom: 30px;
	 font-family: verdana;

 }

 .closequote {
     height: 25px;
     margin-top: 0px;
     padding-top: 25px;
font-family: verdana;
     float: right;
     font-size: 700%;
     color: #133d52;
 }

pre {  }
pre code {  }
code {  }

abbr { border-bottom:1px solid #ccc; cursor:help; }
abbr:hover { border-color:#999; }
del { color:#999; }
strong { font-weight:bold; }
em {  }
sup { font-size:0.75em; position:relative; top:-3px; }





/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight:normal; }

h1 { }
h2 { font-size:2.7em; margin-bottom: 0.8em; color:#133d52; letter-spacing: 0.02em;}
h3 { font-size:2.1em; margin-bottom:0.8em; color:#133d52; background: url(../images/h3_bck.jpg) bottom left no-repeat; padding-bottom: 18px;}
h4 { font-size:1.2em; font-style:italic; margin-bottom:18px; color:#999; }
h5 { font-size:1.1em; margin-bottom:6px; font-weight:normal; text-transform:uppercase; color:#999; letter-spacing:2px; line-height:15px; }
h6 { font-size:1.6em; background: #001f2d; color: #fff; }



/* 4.LINKS
---------------------------------------------------------------------- */
a {color:#133d52; font-size: 1.2em;}
.link {color:#133d52; text-decoration: underline; display: block;}
a:link,
a:visited, { color:#133d52; }
a:hover,
a:focus { color:#333; }

a.viewAll {color: #00675a; padding: 6px 8px; border: 1px solid #999999; clear: both; margin-bottom: 24px; display: block; max-width: 120px;}
a.viewAll:hover {background: #e2e2e2;}

/* 5.IMAGES
---------------------------------------------------------------------- */

img {padding: 2px; border: 1px solid #ccc; border-bottom-color: #999; border-right-color: #999; margin-bottom: 15px;}

img.fl { float:left; margin: 5px 15px 5px 0px;}
img.fr { float:right; margin: 5px 0px 5px 15px;}




/* 6.LAYOUT
---------------------------------------------------------------------- */


div#branding {width:967px; margin:0 auto; height: 106px; }
div#navigation {width:979px; margin:0 auto; }

div#contentWrapper { width:949px; margin:0 auto;  padding:30px 0px 0px 30px; background: url(../images/wrap_bg.jpg) top left repeat-y; }
div#contentPrimary { width:613px; float:left; }
div#contentSecondary {width:276px; padding: 0px 15px; float:right; background: #f3f3f0 url(../images/secContent_bck.jpg) top left no-repeat; }

.clear {clear: both; height: 0px; line-height: 0px; overflow: hidden; margin: 0; padding: 0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding h1 {float: left; width:425px; height:62px; text-indent:-9999em; margin:0; padding:0; margin-top: 30px; }
div#branding h1 a {background: url(../images/lf_logo.gif) top left no-repeat; width:445px; height:62px; display: block;}





/* 8.NAVIGATION
---------------------------------------------------------------------- */

ul#mainNav {float: left; list-style:none; width:938px; margin:0 auto; padding:10px 15px 0px 15px; position: relative;}

ul#mainNav li {float:left; margin:0; /*margin-left:10px;*/ margin-right:10px; padding:7px 8px 17px 8px; }
ul#mainNav li a:link,
ul#mainNav li a:visited { display:block; height:16px; font-size: 1.6em; color: #ddeef6; text-decoration: none; text-transform: uppercase; padding-bottom: 1px; }
ul#mainNav li a:hover {text-decoration: underline;}

ul#subNav {float: left; list-style:none; margin:0 auto; padding:8px 10px 8px 23px; background: #987945 url(../images/subNav_bg.jpg) top left repeat-y; width:945px;}

ul#subNav li {float:left; margin:0; /*margin-left:10px;*/ margin-right:19px; font-size: 1.4em; color: #301e01; text-transform: uppercase;}
ul#subNav li a:link,
ul#subNav li a:visited { display:block; font-size: 1em; color: #301e01; text-decoration: none; text-transform: uppercase; }
ul#subNav li a:hover, ul#subNav li a.selected {color: #fff;}
.home ul#subNav {display: none;  }

a#memberLog {position: absolute; right: 10px; top: 10px; font-size: 12px; color: #dcedf4; text-transform: uppercase; text-decoration: underline;}


/*Automatically ights up appropriate navigation on pages*/
.pgSpeakers li.speakers,
.pgResources li.resources,
.pgEvents li.special_events,
.pgContact li.contact,
.pgLinks li.links {background: url(../images/mainNav_on.jpg) bottom left repeat-x;  }

.pgSpeakers ul#mainNav li.speakers a,
.pgResources ul#mainNav li.resources a,
.pgEvents ul#mainNav li.special_events a,
.pgContact ul#mainNav li.contact a,
.pgLinks ul#mainNav li.links a {color: #133d52; text-decoration: underline;}

/* 9. SITEINFO/FOOTER
---------------------------------------------------------------------- */
#footer {clear: both; background: #dcedf4 url(../images/footer_bck.jpg) top left repeat-x;  padding-bottom: 50px; position: relative;}
#footer ul {list-style: none; width:979px; margin:0 auto; padding-left: 10px; }
#footer li {float: left; padding: 0; border-left: 1px solid #94b8c8; margin: 0; height: 160px;}
#footer li h6 {background: #001f2d; padding: 5px 0px 5px 15px;}
#footer p {padding: 5px 0px 5px 15px;}
#footer p strong {color: #001f2d; font-weight: normal; font-size: 1.6em; display: block; margin-bottom: 5px;}
#footer a {color: #fff;}

#footer ul ul {width: 200px; font-size: 1.2em; margin: 10px 0px;}
#footer ul ul li {float: none; border: none; margin: 0px 0px 5px 5px;}
li#ftSpeaker img {width: 30px; height: 38px; border: 2px solid #ccc; float: right; margin: 10px 5px; padding: 0px; }

/*microformat*/
#footer .name {text-transform: uppercase; color:#133d52;}
#footer .title {color: #fff; text-transform: uppercase; font-style:italic;}
#footer .date {color: #001f2d; font-style:italic;}

li#ftInfo {width: 260px;}
li#ftActions {width: 241px;}
li#ftSpeaker {width: 219px;}
li#ftCopyright {width: 245px; border-right: 1px solid #94b8c8;}

#brochure a {background: url(../images/icon_ftPDF.gif) center left no-repeat; padding-left: 25px; display: block; line-height: 24px; color:#133d52;}
#ftSpeaker li, li#ftCopyright li {height: auto; }
li#ftSpeaker ul {width: 140px; float: left;}

/* 10.HOME PAGE
---------------------------------------------------------------------- */


.home div#contentWrapper {  }
.home div#contentPrimary { }
.home div#contentSecondary { margin: -98px 6px 0px 0px;}

/* 11.PRIMARY CONTENT
---------------------------------------------------------------------- */

div#contentPrimary .highlight {padding: 10px; background: #fff url(../images/highlight_bck.jpg) top left repeat-x; margin-bottom: 30px;}
div#contentPrimary .highlight p {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #666; line-height: 1.8em;}
div#contentPrimary div.highlight img {float: right; margin-left: 10px; margin: 0px 0px 0px 10px; border: none;}

#shortInfo {list-style: none; margin: 20px 0px 20px 0px; }
#shortInfo li {float: left; width: 182px; margin: 0px 33px 0px 0px;}
#shortInfo li.last {margin-right: 0px;}
#shortInfo span {font-size: 2.4em; }
#shortInfo p {color: #666; font-size: 1em;}
div#contentPrimary #shortInfo img {border: none; margin: 0px 0px 0px 0px; }
li#moreLink a {font-size: 1em;}

#shortInfo a, .highlight a {text-transform: uppercase;}

.articles a {display: block; margin: 10px 0;}

div#contentPrimary .secResources {list-style: none;}
div#contentPrimary .secResources li {background: url(../images/icon_PDF.gif) 0px 8px no-repeat; padding-left: 30px; margin-left: 0px; width: 260px; float: left;}

/* 12.SECONDARY CONTENT
---------------------------------------------------------------------- */

div#contentSecondary h3 {text-transform: uppercase; font-size: 1.8em; padding: 16px 0px 8px 0px; border-bottom: 1px dotted #ccc; background: none;}

div#contentSecondary ul { list-style: none;}
div#contentSecondary ul li { margin: 0; line-height: 1.6em;  }
div#contentSecondary ul strong {font-weight: normal; color: #333333; }
div#contentSecondary ul a:hover {background: #fff url(../images/ul_hover.jpg) bottom left repeat-x;}
div#contentSecondary ul span.link {margin-top: 10px;}

div#contentSecondary .highlight {padding: 10px; background: #dcedf4; border: 1px solid #cccccc; }
div#contentSecondary .highlight img {padding: 2px; background: #fff; float: right; margin-left: 10px;}

.actions {margin: 20px 0px;}
.actions li {float: left; width: 130px;  }
.actions li#first {margin-right: 15px;}
.actions a {text-align: center; border: 1px solid #a2a2a2; padding: 4px; display: block; text-decoration: none; text-transform: uppercase; font-size: 1em;}
.actions a:hover {background: #e2e2e2;}
.actions em {color: #1c7caa; font-style: normal;}

div#contentSecondary .secResources li {background: url(../images/icon_PDF.gif) 0px 8px no-repeat; padding-left: 30px;}
.upcomingEvents strong, .upcomingEvents em, .pastSpeakers strong, .pastSpeakers em, .secResources strong, .secResources em {display: inline; }
.upcomingEvents img, .pastSpeakers img, .secResources img {float: right; padding: 2px; background: #ccc; margin-left: 8px;}
.upcomingEvents a, .pastSpeakers a, .secResources a {text-decoration: none; color: #666666; font-size: 1em; display: block; padding: 8px 0px;}


/*microformat*/
.name {text-transform: uppercase; color:#133d52;}
.title {color: #999; text-transform: uppercase; font-style:italic;}
.date {color: #666; font-style:italic;}


/* 13.INTERNAL PAGES
---------------------------------------------------------------------- */

.internal div#contentSecondary { margin: -139px 6px 0px 0px;}

/* 14.FORMS
---------------------------------------------------------------------- */
.emailSign {width: 200px; float: right; margin-top: 60px; margin-right: 9px; }
.emailSign label {text-transform: uppercase; padding: 2px 0px;}
.emailSign input {color: #666; margin-top: 3px;}
.emailSign input.submit {float: right; margin-right: 6px;}

#ftActions .emailSign {width: 200px; float: none; margin-top: 0px; margin-left: 15px; margin-bottom: 5px;}
#ftActions .emailSign label {color: #001f2d; font-weight: normal; font-size: 1.6em; display: block; margin: 5px 0px; text-transform:none;}