/*
Theme Name: WHCM Simple
Theme URI: http://whcm.org/
Description: WHCM Simple theme for Women in Healthcare Management
Version: 1.0
Author: Marc Seyon
Author URI: http://rehanaandmarc.com/
*/

@import url(reset.css);

/* Begin Typography & Colors */


body
{
background: #141617 url('images/whcm-boston-ma.png') no-repeat top center;
color: #333;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: verdana, arial, sans-serif;
}

/* Structural containers (layout) */

#page /* main outer container */
{
width: 800px;
margin: 5em auto;
background: #fff;
color: #333;
border: 2px solid #101112;
position: relative;
}

  #header
  {
  margin: 0 auto;
  background: url('images/whcm-empower-engage-inspire.gif') no-repeat center right;
  }

  #nav
  {
  width: 100%;
  background: #c6c5c9;
  overflow: hidden;
  clear: both;
  }

  #page-content
  {
  overflow: auto;
  }

  body.whcm-in #page-content {background: url('images/whcm-bg-dots.gif') repeat-y 245px 10px;}
  
    #features-content
    {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    background: #fff;
    }
    
      #feature /* main feature element (Home page only) */
      {
      width: 535px;
      height: 176px;
      float: left;
      }

      .bg-main-feature1 {background: #fff url('images/whcm-networking-leadership-mentoring.jpg') no-repeat bottom right;}
      .bg-main-feature2 {background: #fff url('images/whcm-mentoring-networking-leadership.jpg') no-repeat bottom right;}
      .bg-main-feature3 {background: #fff url('images/whcm-leadership-mentoring-networking.jpg') no-repeat bottom right;}

      #feature-event /* main feature-event element (Events page only) */
      {
      width: 535px;
      background: #fff;
      float: left;
      }
    
      #feature-sm /* secondary feature element */
      {
      width: 256px;
      height: 170px;
      float: right;
      background: #e3e2e7;
      border: 3px solid #fff;
      }

      #network-event-sm /* networking event secondary element (Events page only) */
      {
      width: 256px;
      float: right;
      border: 3px solid #fff;
      }

  #content
  {
  width: 500px;
  margin-top: 1em;
  padding-left: 1em;
  float: left;
  }

  body.home #content
  {
  border-left: 1px dotted #bbb;
  }

  #sidebar
  {
  width: 250px;
  margin-top: 1em;
  float: left;
  }

    #sidebar div.widget
    {
    margin: 0 0 3em 10px;
    }

    #sidebar div.widgetesque
    {
    margin: 2em 0 3em 10px;
    }

  #footer
  {
  background: #5f6062;
  color: #fff;
  clear: left; /* For IE6 */
  }

    #footer-notices
    {
    background: #aaa;
    color: #111;
    border-bottom: 1px solid #fff;
    text-align: right;
    }
    
    #footer-terms
    {
    text-transform: uppercase;
    }

#outside-the-box
{
position: absolute;
top: -1.4em;
right: 1em;
color: #fff;
font-size: 1.1em;
}

#outside-the-box a
{
color: #fff;
}

/* Sub structural containers */
/* for specific layout control
   within structural containers */
   
  #feature div /* Boundary limiter for photo */
  {
  width: 420px;
  padding-left: 10px;
  }

  #feature-event div
  {
  width: 510px;
  padding: 5px 0 5px 10px;
  }

#feature p
{
margin-top: 1em;
font-size: 1.4em;
font-weight: bold;
line-height: 23px;
text-align: center;
font-family: tahoma;
}

#feature .big-quotes
{
font-family: georgia;
font-weight: bold;
color: #007889;
padding: 0 2px;
}

#feature p#learn-more
{
margin: 0; /* to override #feature p */
text-align: right;
width: 370px;
font-weight: normal;
}

#feature p#learn-more a
{
background: url('images/learn-more-about-whcm-off.gif') no-repeat left center;
padding: 4px 2px 4px 27px;
color: #e1670f;
font-weight: normal;
font-size: 1em;
letter-spacing: 1px;
font-family: tahoma;
border: 1px solid #fff;
line-height: 2;
}

#feature p#learn-more a:hover
{
color: #007889;
background: url('images/learn-more-about-whcm-on.gif') no-repeat left center;
}

#feature strong
{
color: #007889;
font-size: 1.3em;
font-weight: bold;
}

#feature a:hover
{
background: url('images/jagged4.gif') repeat-x bottom left;
}

#feature-event h1
{
font-size: 1em;
letter-spacing: 2px;
font-weight: normal;
color: #777;
text-transform: uppercase;
}

#feature-event h2
{
font-size: 1.5em;
color: #007889;
}

#feature-event h2 a
{
color: inherit;
text-decoration: none;
}

#feature-event h3
{
font-family: tahoma;
color: #777;
font-size: 1.1em;
font-weight: bold;
margin-bottom: .5em;
}

#feature-event p
{
margin-top: .5em;
font-size: 1.2em;
line-height: 1.5;
}

#feature-event .more-link
{
display: block;
font-size: .9em;
color: #e26911;
text-decoration: none;
text-align: right;
}

#feature-event-default
{

}

#feature-event-default p, #feature-event-default ul
{
margin-top: 1em;
font-size: 1.4em;
font-weight: bold;
line-height: 23px;
text-align: left;
font-family: tahoma;
}

#feature-event-default ul
{
list-style-type: none;
margin: 0 0 0 1.5em;
}

#feature-event-default li
{
padding-left: 20px;
background: url(images/whcm-nav-arrow-blue.gif) no-repeat left center;
}

#feature-event-default strong
{
color: #007889;
font-size: 1.3em;
font-weight: bold;
}

#feature-sm p, #feature-sm h2
{
padding: 0.5em 1em;
font-size: 1.5em;
text-align: center;
font-family: tahoma;
}

#feature-sm li
{
list-style: none;
text-align: center;
padding: 0.3em 1em;
font-size: 1.2em;
letter-spacing: -1px;
line-height: 1.5;
font-weight: bold;
}

#feature-sm #join-whcm
{
width: 126px;
margin: 1em auto;
display: block;
}

#feature-sm p:hover
{
color: #007889;
}

#network-event-sm h2
{
font-size: 1em;
letter-spacing: 2px;
font-weight: normal;
color: #777;
text-transform: uppercase;
background: #fff url('images/happy-networkers.jpg') no-repeat bottom left;
padding-bottom: 138px;
}

#network-event-sm h3
{
font-size: 1.5em;
color: #007889;
}

#network-event-sm h3 a
{
color: inherit;
text-decoration: none;
}

#network-event-sm p
{
width: 215px;
padding: 0.2em 0;
font-size: 1.2em;
line-height: 1.5;
font-family: tahoma;
color: #333;
}

#nav ul
{
float: left;
position: relative;
left: 50%;
display: block;
}

#nav ul li
{
padding: .5em 0;
float: left;
list-style: none;
position: relative;
right: 50%;
}

#nav ul li a
{
text-decoration: none;
display: block;
font-family: tahoma, verdana, sans-serif;
text-transform: uppercase;
color: #111;
padding: .2em 1.2em;
font-size: 1.1em;
border-left: 1px solid #a7a6aa;
letter-spacing: .1em;
}

#nav ul li a.nav-first
{
border: none;
}

#nav ul li:hover{background: #007889;}
#nav ul li:hover a{color: #fff;}
#nav ul li a:hover{color: #fff;}
#nav ul li.current_page_item, #nav ul li.current_page_parent{background: #e26a11;}

#footer div p
{
padding: .5em;
}

#footer div a
{
color: #fff;
}

#content p, #content ul, #content ol, #content dl
{
margin: 0 0 1em 0;
font-size: 1.1em;
line-height: 1.5;
}

#content ul ul, #content ol ol /* Maintains font size for nested lists */
{
font-size: 1em;
}

#content ul, #content ol
{
margin-left: 1.5em;
}

#content ul li, #content ol li
{
margin-bottom: .2em;
}

#content .event-register-now
{
float: left;
display: block;
width: 166px;
}

#content dl.event-details-list
{
width: 330px;
margin: 1em 0;
display: block;
overflow: auto;
}

#content dl.event-details-list dt
{
float: left;
clear: left;
padding: 0 5px 3px 0;
font-weight: bold;
width: 25%;
}

#content dl.event-details-list dd
{
float: left;
padding-bottom: 3px;
width: 73%;
}

#content #introducing-whcm
{
border-bottom: 1px dotted #bbb;
padding-bottom: 1em;
margin-bottom: 1.5em;
}


div#main-testimonial
{
}

#main-testimonial blockquote.testimonial
{
background: url('images/big-quote-close.gif') no-repeat bottom right;
padding-right: 10px;
}

#main-testimonial blockquote.testimonial p
{
background: url('images/big-quote-open.gif') no-repeat top left;
padding-left: 20px;
}

#main-testimonial p.testimonial-author
{
font-size: .9em;
text-align: right;
font-style: italic;
float: left;
padding-left: 30px;
}

#main-testimonial p.more-testimonials
{
font-size: .9em;
float: right;
}

#content h2.testimonial-author, p.testimonial-info
{
font-size: 1em;
margin: 0;
font-style: italic;
text-align: right;
padding-right: 20px;
}

#content h1#page-title
{
font-size: 1.5em;
color: #007889;
text-transform: uppercase;
margin-bottom: .3em;
}

#content h2
{
font-size: 1.3em;
color: #333;
margin-bottom: .4em;
}

body.page-template-page-events-php #content h1#page-title
{
font-size: .9em;
letter-spacing: 2px;
font-weight: normal;
color: #777;
text-transform: uppercase;
}

body.page-template-page-events-php #content h2
{
font-size: 1.5em;
color: #007889;
margin-bottom: .3em;
}

body.page-template-page-events-php #content img.inline-photo,
body.page-template-page-events-php #content img.inline-photo-right,
body.page-template-page-events-php #content img.alignleft,
body.page-template-page-events-php #content img.alignright,
body.page-template-page-events-php #content img.alignnone,
body.page-template-page-events-php #content img.aligncenter
{
display:none;
}

#content h3
{
font-family: tahoma;
color: #777;
font-size: 1.1em;
font-weight: bold;
margin-bottom: .5em;
}

#content h2 a
{
text-decoration: none;
color: #352b20;
}

body.page-template-page-events-php #content h2 a
{
color: inherit;
}

body.page-template-page-events-php #content div.entry
{
margin-bottom: 2em;
}


body.page-template-page-events-php #content div.entry p
{
margin-bottom: .5em;
}

#content p.postmetadata
{
font-size: small;
}

#content a.more-link
{
text-decoration: none;
}

#content .read-more
{
font-size: .8em;
color: #e26911;
}

#content div.board-member-bio
{
position: relative;
margin-bottom: 3em;
}

#content div.bio-text
{
padding-left: 200px;
}

#content div.no-photo
{
padding-left: 0;
}

#content div.bio-text h2, #content div.bio-text h2 a
{
font-family: tahoma;
color: #007889;
text-transform: uppercase;
}

#content div.category-testimonials
{
margin-bottom: 2em;
}

#content div.category-testimonials h2
{
margin-top: -1em;
}

#content h3.board-position
{
color: #777;
font-style: italic;
font-weight: normal;
}

#content img.board-member-photo
{
position: absolute;
top: 0;
left: 0;
padding: 2px;
border: 1px solid #007889;
}

#introducing-whcm .inline-photo, #introducing-whcm .inline-photo-right,
#introducing-whcm .alignleft, #introducing-whcm .alignright, #introducing-whcm .alignnone, #introducing-whcm .aligncenter
{
display: none;
}

img.alignnone
{
display: block;
border: 1px solid #c6c5c9;
margin: 1em;
padding: 4px;
}

img.aligncenter
{
display: block;
border: 1px solid #c6c5c9;
margin: 1em auto;
padding: 4px;
}

img.inline-photo, img.alignleft
{
float: left;
padding: 4px;
border: 1px solid #c6c5c9;
margin: 0 1.5em 1.5em 0;
}

img.inline-photo-right, img.alignright
{
float: right;
padding: 4px;
border: 1px solid #c6c5c9;
margin: 0 0 10px 10px;
}

img.join-today-50 /* Join button on about page */
{
border: none;
padding-right: 0;
}

#sidebar img#event-img-join-today
{
display: block;
width: 161px;
margin: 0 auto .5em auto;
}

.clearer /* most useful on heading elements */
{
clear: left;
}

#sidebar h2
{
font-size: 1em;
font-family: tahoma, verdana, sans-serif;
letter-spacing: 2px;
font-weight: normal;
color: #777;
text-transform: uppercase;
}

#sidebar ul, #sidebar ol
{
margin-left: 1.5em;
line-height: 1.5;
}

#sidebar div.whcm-upcoming-event
{
overflow: auto;
margin: .5em 0 1em 0;
}

#sidebar div.whcm-upcoming-event p
{
margin: .3em 0;
}

#sidebar div.whcm-upcoming-event p.upcoming-event-desc
{
margin-top: 1em;
}

div#sidebar-testimonial
{
width: 92%;
margin: .5em 0 1em 0;
}

#sidebar-testimonial blockquote.testimonial
{

}

#sidebar-testimonial p
{
margin: .5em 0;
}

#sidebar-testimonial p.testimonial-author
{
font-size: .9em;
font-style: italic;
}

#sidebar-testimonial p.more-testimonials
{
font-size: .9em;
}

#sidebar h3 a
{
color: #007889;
}

#sidebar .event-action-button
{
display: block;
float: left;
margin: .5em .5em .5em 0;
}

ul#sidebar-sub-nav
{
width: 100%;
list-style: none;
margin-bottom: 2em;
margin-left: 0;
line-height: 1.2;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding-top: 2px;
position: relative;
}

#sidebar ul#sidebar-sub-nav li
{
display: block;
margin-bottom: 2px;
padding: .5em 0 .5em 10px;
font-size: 1.1em;
background: url('images/whcm-nav-arrow-off.gif') no-repeat 93% center;
}

#sidebar ul#sidebar-sub-nav li a
{
text-decoration: none;
color: #007889;
display: block;
}

#sidebar ul#sidebar-sub-nav li:hover
{
background: #eee url('images/whcm-nav-arrow.gif') no-repeat 93% center;
}

#sidebar ul#sidebar-sub-nav li.current_page_item
{
font-weight: bold;
background: #ddd url('images/whcm-nav-arrow.gif') no-repeat 93% center;
}

#content .event-entry h2 a
{
text-decoration: underline;
}