/*
Theme Name: Six Billion Paths Theme
Description: The custom WordPress theme created for the SEF.org. This theme runs  sixbillionpaths.org.
Version: 1.0
Author: David McCuskey
Author URI: http://davidmccuskey.com/
Tags: custom header, fixed width, two columns, widgets

*/

/* Clearfix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }
.clearfix { display: inline-block }
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */


/* Begin Typography & Colors */
body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background: white;
  color: black;
  text-align: center;
}

body a {
  color:#ef529d;
}

h1, h2, h3 {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

h1 {
  font-size: 4em;
  text-align: center;
}

h2 {
  font-size: 2.5em;
}
p {
  line-height:1.4em;
}


#super-nav {
  font-size: 1.0em;
  color:white;
  z-index: 4;
  background-color:#7E0C6E;

}

#super-nav a, #super-nav a:hover, #super-nav a:visited {
  color:white;
}


#top-level-nav {
  font-size: 2.0em;
  position: relative;
  z-index: 2;
}

#webpage {
  background-color: white;
  text-align: left;
  }

#page-body {
  background-color: #d2af85;
  padding:10px;
  position:relative;
  z-index: 1;
}

#page-content {
  font-size: 1.2em;
  background-color:white;
  position: relative;
  z-index: 1;
  }

h2.pagetitle {
  font-family: 'Times New Roman', Times, Serif;
  font-size: 3.5em;
  color:#7ac14b;
}

.entry p {
  margin-bottom:10px;
  font-size:1.1em;
  line-height:1.3;
}
.entry ol, .entry ul {
  list-style-type:disc;
}

div.post div.entry h4 {
  font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size:1.3em;
  font-weight:bold;
  margin:15px 0;
  color:#C29224;
}
div.post div.entry h5, div.post div.entry strong  {
  font-weight:bold;
  color:#7e0c6e;
}
div.post div.entry blockquote {
  margin-left:30px;
}
div.post div.entry em {
  font-style:italic;
}
div.post div.entry hr {
  display:block;
  color:#7E0C6E;
  width:50%;
}

div.post p.excerpt {
  font-family: Garamond, 'Times New Roman', Times, Serif;
  font-weight: bold;
  font-size:1.3em;
  line-height:1.2;
}
div.post p.byline {
  font-size:0.9em;
}
div.post p.byline span.author_name {
  color:#336699;
}
div.post p.byline span.publish_date {
  color:#999;
}

div.wp_event h3.title {
  font-family: Garamond, 'Times New Roman', Times, Serif;
  font-size: 2.5em;
}

#page-body #page-content #print_page {
  text-align:right;
  border-top: 1px solid #b8d1ed;
  margin-top:25px;
  padding-top:10px;
}

/* BEGIN: footer typography */

#footer {
  color: #ef529d;
}
#footer ul {
  font-size:0.9em;
  font-weight:bold;
  text-align:center;
}
#footer li {
  display:inline;
  padding:0 0.9em;
  border-right:1px solid #009;
}
#footer a {
  color: #ef529d;
  text-decoration:none;
}
#footer a:hover {
  color:#39F;
  text-decoration:underline;
}
#footer li.last {
  border:none;
}
/* END: footer typography */


/* BEGIN: sitemap typography */

#sef-sitemap-dropdown li a {
  font-size:0.7em;
}
#site-map-content div.sitemap_menu ul.main li a {
  color:black;
  font-weight:bold;
  text-decoration:none;
  font-size:0.8em;
}

/* END: sitemap typography */

div.searchresults h3 a {
  font-size:1.3em;
}
div.searchresults small {
  font-size:0.8em;
  color:#ccc;
}
div.searchresults h3 {
  margin:15px 0 5px;
}

/* End Typography & Colors ############################ */



/* Begin Structure */
body {
  margin: 0 0 20px 0;
  padding: 0;
  }

#webpage {
  margin: 0px auto;
  padding: 0;
  width: 980px;
  }

#header {
  background-color: white;
  margin: 0;
  padding: 0;
  height:295px;
  }

#header-logo {
  height:230px;
  position:relative;
  z-index: 3;
}

#logo-link {
  background-image:url(images/head_logo_271x226.jpg);
  background-repeat:no-repeat;
  display:inline;
  float:left;
  height:226px;
  position:absolute;
  text-decoration:none;
  text-indent:-1000em;
  width:271px;
}

#jump-link {
  background-image:url(images/head_flower_709x226.jpg);
  background-repeat:no-repeat;
  display:inline;
  float:left;
  margin-left:271px;
  height:226px;
  position:absolute;
  text-decoration:none;
  text-indent:-1000em;
  width:709px;
}


#header-sef-img {
  background-image: URL(images/sef_title-500x50.jpg);
  background-position:140px 0;
  height:82px;
  background-repeat:no-repeat;
  margin:0 100px;
  width:780px;
}


#header-sef-img h1 {
  text-align:center;
  color:#ef529d;
  margin:0;
  font-family:times New Roman,serif;
  padding-top:43px;
}

#sef-photo-highlight, #sef-event-navigator {
  padding:10px;
  border-bottom:10px solid #d2af85;
}
#sef-photo-highlight img {
  width:340px;
}

#sef-article-teaser div.article {
  padding: 10px;
  border-bottom:10px solid #f7a8ce;
}

#sef-article-teaser div.article h3 {
}
#sef-article-teaser div.article p {
}
#sef-article-teaser div.article img {
  float:right;
  display:inline;
  width:100px;
  margin: 0 0 5px 15px;
}


#sef-event-navigator a.highlight {
  color:black;
  text-decoration:none;
}
#sef-event-navigator div.misc {
  margin-top: 10px;
}


#super-nav {
  height:14px;
  padding:5px 8px 1px;
  position:relative;
  margin-bottom:3px;
}

#top-level-nav {
  height:40px;
  border-top:1px solid #7E0C6E;
  border-bottom:1px solid #ccc;
}
#top-level-nav ul.nav {
  float:left;
  display:inline;
  margin-top:3px;
  width:880px;
}
#top-level-nav ul {
  list-style:none;
  margin:0;
  padding:0;
  padding-top:5px;
}
#top-level-nav ul.nav li.top {
  float:left;
  display:inline;

  z-index:100;
  position:relative;

  background-image:url(images/dropdown-arrow.gif);
  background-position:right center;
  background-repeat:no-repeat;

  border-right:2px solid #b8d1ed;
  margin-right:65px;
  padding-right:25px;
}

#top-level-nav ul.nav li.top a {
  text-decoration:none;
  color:black;
  font-family:arial narrow;
  font-size:1em;
  font-weight:bold;
  text-transform:uppercase;
}

#top-level-nav ul.nav div.child_menu {
  left:-1000em;
  position:absolute;
  z-index:10;
  padding:0 10px 10px;
  width:150px;
  background-color:#D2D6AB;
  border-color:#7E0C6E;
  border-style:dotted solid solid;
  border-width:2px;
  border-top-width:1px;
}

#top-level-nav ul.nav li.top:hover div.child_menu, #top-level-nav ul.nav li.hover div.child_menu {
  left:auto;
}
#top-level-nav div.child_menu li.page_item a  {
  font-size:12px;
}


#top-level-nav ul.nav li.current_page_parent a {
  color:#ef529d;
}
#top-level-nav ul.nav li.current_page_parent ul li a {
color:black;
}

#top-level-nav div.sef-sitemap {
  float:right;
  display:inline;
}

#sef-sitemap {
  position:relative;
}

#sef-sitemap a.top {
  background:transparent url(images/sitemap.gif) no-repeat scroll -2px -2px;
  display:block;
  height:31px;
  text-indent:-1000em;
  width:92px;
}
#sef-sitemap-dropdown {
  background:#ffe0bb none repeat scroll 0 0;
  border:2px solid #7e0c6e;
  padding:20px;
  left:-1000em;
  position:absolute;
  top:21px;
  width:500px;
  z-index:5005;
}
.sef-sitemap li.top:hover #sef-sitemap-dropdown, .sef-sitemap li.hover #sef-sitemap-dropdown {
  left:auto;
  right:0px;
}


#sister_dropdown {
  padding: 0;
  top:4px;
  margin: 0;
  list-style: none;
}

#sister_dropdown a {
  display: block;
  width: auto;
}

#sister_dropdown li {
  float: left;
  display:inline;
  height:1.5em;
}

/* actual dropdown portion here */
#sister_dropdown li ul {
  position: absolute;
  left: -999em;
  background-color:#7e0c6e;
  width:13em;
  z-index:1000;
}

#sister_dropdown li:hover ul, #sister_dropdown li.hover ul {
  left: auto;
  right: -8px;
  top:1.5em;
}

#sister_dropdown li ul li {
  padding:2px 10px;
  height:1.5em;
}

#video_container {
  /* overridden in video.css */
  height:210px;
  width:980px;
}

#flash_container {
  background-image:url(images/flash_fpo-978x535.jpg);
  background-color:grey;
  margin-top:15px;
  height:540px;
  width:980px;
}

#info_container {
  /* overridden in info.css */
  height:330px;
  width:980px;
}


.narrowcolumn {
  float: left;
    display:inline;

  padding: 25px 15px 15px;
  margin: 0px;
  width: 560px;
  }

.widecolumn {
  padding: 25px 15px 15px;
  margin: 0;
  }

.clear {
  clear: both;
}

div.post p.excerpt {
  margin-bottom: 6px;
}
div.post p.byline {
  margin-bottom:15px;
}
div.post p.byline span.author_name{
  margin-right:15px;
}


#footer {
  padding: 0;
  margin:20px auto;
  width: 980px;
  clear: both;
  height:60px;
  }

#footer p {
  margin: 20px 0 10px;
  padding: 0;
  text-align: center;
}


/* BEGIN: sitemap structure */

#page-content #site-map-content ul.main li {
  font-size:1.5em;
}
#page-content #site-map-content div.menu_shell {
  margin-right:50px;
}
#site-map-content div.menu_shell {
  float:left;
    display:inline;

  margin-right:40px;
}
#site-map-content div.sitemap_menu {
  margin-bottom:40px;
}
#site-map-content div.sitemap_menu ul.main li {
  margin:0 0 10px;
}
#site-map-content div.sitemap_menu ul.children li {
  margin:0 0 10px 1em;
}
#site-map-content div.sitemap_menu ul.children li li {
  margin:0 0 5px 1em;
}

/* END: sitemap structure */


/* End Structure ################################## */



/*  Begin Headers */
h1 {
  padding-top: 70px;
  margin: 0;
  }

h2 {
  margin: 0;
  }

h2.pagetitle {
  margin-bottom:25px;
}

#sidebar h2 {
  margin: 5px 0 0;
  padding: 0;s
  }

h3 {
  padding: 0;
  margin: 30px 0 0;
  }

h3.comments {
  padding: 0;
  margin: 40px auto 20px ;
  }
/* End Headers */



/* Begin Images */
p img {
  padding: 0;
  max-width: 100%;
  }

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

.alignright {
  float: right;
    display:inline;

  }

.alignleft {
  float: left;
    display:inline;

  }
/* End Images */



/* Begin Lists

  Special stylized non-IE bullets
  Do not work in Internet Explorer, which merely default to normal bullets. */

  html>body .entry ul {
	margin-left: 15px;
	padding: 0 0 0 10px;
}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}


#sidebar ul, #sidebar ul ol {
  margin: 0;
  padding: 0;
  }

#sidebar ul p, #sidebar ul select {
  margin: 5px 0 8px;
  }

#sidebar ul ul, #sidebar ul ol {
  margin: 5px 0 0 10px;
  }

#sidebar ul ul ul, #sidebar ul ol {
  margin: 0 0 0 10px;
  }

ol li, #sidebar ul ol li {
  list-style: decimal outside;
  }

#sidebar ul ul li, #sidebar ul ol li {
  margin: 3px 0 0;
  padding: 0;
  }
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
  margin: 20px auto;
  padding: 5px 3px;
  text-align: center;
  }

#searchform {
  width:250px;
  right:0;
  position:absolute;
}
#searchform div {
  float:right;
    display:inline;

}
#searchform input {
  vertical-align:top;
}
#searchform input.text {
  border:1px solid #959595;
  font-size:18px;
  padding:4px 6px 3px;
  position:relative;
  visibility:visible;
  width:175px;
}




label.label-over {
  color:#333333;
  display:inline;
  font-size:18px;
  left:28px;
  position:absolute;
  top:10px;
  z-index:999;
}
/* End Form Elements */



/* Begin Sidebar */
#sidebar {
  background-color:white;
  /*margin-left: 600px;*/
  float:right;
    display:inline;

  width: 360px;
}
#sidebar h3 {
  margin:0;
  padding:0;
  font-size:2em;
  margin-bottom:10px;
}
#sidebar p {
  text-align:justify;
  font-size:1.2em;
  line-height:1.3;
}
#sidebar form {
  margin: 0;
  }
#sidebar .widget a {
  font-size:1.2em;
}
/* End Sidebar */




/* Begin Various Tags & Classes */

.center {
  text-align: center;
  }

.hidden {
  display: none;
  }

hr {
  display: none;
  }

a img {
  border: none;
  }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px 10px 25px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  line-height: 17px;
  padding: 0 4px 5px;
  margin:10px 5px;
  font-style:italic;
  font-family: 'Times New Roman', Times, Serif;
  font-size:1em;
}
/* End captions */