/*
Theme Name: parse
Theme URI: http://mikeball.org/
Description: A custom theme developed for Pennsylvanians for Responsible Sexual Education
Version: 1
Author: Mike Ball
Author URI: http://www.mikeball.org
*/


/*COLOR GUIDE

TYPOGRAPHY
------------------------------------


INTERFACE ELEMENTS
-------------------------------------
dark blue   
dark green 5d7f72
background beige
primary content beige
pale blue

*/

/***************
[[ GLOBALZ ]]
****************/

body { font-family:georgia, times, serif; font-size:62.5%; color:#666; line-height:1.4em; background:#f2edcf url('images/bg-body.png') repeat-x top left;}

  p {font-size:1.1em; line-height:1.4em; font-family:verdana, arial, sans-serif;}

  strong {font-weight:bold;}

  em {font-style:italic;}

  h1, h2, h3, h4 {}

    h1 {}

    h2 {color:brown; font-size:2.2em;}

    h3 { color:#454545; font-size:1.6em;;}

    h4, h4 a, h4 a:visited { font-size:1.1em; color:#5d7f72;}

  a:link, a:visited {color:#3f464f; text-decoration:underline;}

  a:hover, a:active {color:#999999; text-decoration:none;}

  ul {list-style-type:none;}

  ol {list-style-type:decimal;}

    ul li, ol li {}
    
/*forms*/

input.button {cursor:pointer; background:url('images/bg-button.png') repeat-x top left; height:20px; text-transform:uppercase; font-weight:bold; color:#888; padding:0 5px; border:1px solid #ddd;}

input.search-input {height:16px; float:left; padding:2px; border:1px solid #ddd;}

form.contact-form {}

  form.contact-form legend {margin-bottom:.5em; font-family:verdana, arial, sans-serif;}

  form.contact-form fieldset {margin-bottom:1em;}
  
  form.contact-form div.form-label label {font-family:verdana, arial, sans-serif; margin-bottom:.25em; display:block; font-size:1em;}

  form.contact-form div.form-input input {color:#666; border:1px solid #ddd; padding:3px; margin-bottom:.5em;}

  form.contact-form div.form-textarea textarea {color:#666; border:1px solid #ddd; padding:3px; margin-bottom:.5em;}

  form.contact-form div.form-option input {margin-bottom:2em;}

/*tools*/

.float-left {float:left;}
.float-right {float:right;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.content-section {padding-top:1em; border-top:1px dashed #ddd;}
hr.divider {border:none; height:10px; margin-bottom:15px; background:#f2edcf; width:620px; margin-left:-25px;}

/*-----------------------------
[[ STRUCTURE AND NAV ]]
-----------------------------*/

#main-container {margin:0 auto; width:900px;}

#header {height:120px; color:#000; background:#e9edd8;}

#global-nav {height:40px; line-height:40px; /*background-color:#4a4b45;*/ background:#3f464f;}

  #global-nav ul {list-style:none; font-size:1.3em; text-transform:uppercase;}

    #global-nav ul li { letter-spacing:1px; margin:0 15px 0 0; list-style:none; display:inline; }

      #global-nav ul li a:link, #global-nav ul li a:visited { color:#eeeeee; text-decoration:none; padding:5px 5px 13px 5px; }

        #global-nav ul li a:hover, #global-nav ul li a:active { color:#3f464f; text-decoration:none;padding:5px 5px 13px 5px; background:#f2edcf; }
        
        #global-nav ul li.current_page_item a, #global-nav ul li.current_page_parent a { color:#3f464f; text-decoration:none;padding:5px 5px 13px 5px; background:#f2edcf; }

  #global-nav div#site-search {background:#5d7f72 url('images/bg-search.png') no-repeat 10px 10px; height:40px; margin-top:-40px; float:right; width:270px; clear:none; }

    #site-search input.search-input {border:none; height:16px; float:left; padding:2px; width:140px; margin:10px 7px 10px 37px;}
    
    #site-search input.button { float:left; margin-top:10px; }

#content {background:url('images/bg-content.png') repeat-y top left;}

  #left-column {float:left; width:610px; margin:15px 20px 0 0;}
  
    #local-nav { height:35px; }

      #local-nav ul {list-style-type:none; font-size:1em;}

        #local-nav ul li {line-height:30px; text-transform:uppercase; float:left; display:inline;}

          #local-nav ul li a {padding:0 10px; text-decoration:none; border-right:1px solid #ddd; border-left:1px solid #fff; color:#3f464f; background:url('images/bg-local-nav.png') repeat-x top left; height:35px; float:left;}
 
            #local-nav ul li.current_page_item a {background:#fff;}  

            #local-nav ul li a:hover {background:#fff;}
  
  #primary-content {min-height:300px; height:auto !important; height:300px; border:7px solid #fff; padding:20px 15px; background:#fffff3 url('images/bg-primary-content.png') repeat-x top left;}

  	div.two-columns {clear:left;}
  	
  		div.two-columns .post {width:260px; margin-right:15px; float:left; font-size:90%;}
  
  #secondary-content { float:left; padding:15px 15px; width:240px; }

#footer {margin:20px 0 40px 0; clear:both; }


/****************
#header styles 
****************/

#header h1 {width:185px; height:120px; float:left; text-indent:-5000px; background:#fff url('images/parse-logo.png') no-repeat 0 5px; display:block;}

  #header h1 a {display:block; width:185px; height:120px;}
  
#header p { float:left; font-family:georgia, times, serif; font-style:italic; font-size:15px; color:#999; line-height:1.5em; width:600px; margin:30px 0 0 30px;}

  #header p strong {font-family:verdana; font-style:normal; line-height:1.3em;  letter-spacing:1px; font-size:22px; font-weight:normal;}

  #header p a, #header p a:visited {color: #999;}

/***********************
#primary-content styles
***********************/

/*general stuff*/
#primary-content h2 {margin:0 0 .5em 0;}
 
    #primary-content h2 span {font-size:.6em; color:#777; font-style:italic;}

#primary-content h3 {margin-bottom:15px;}

  #primary-content h3 a, #primary-content h3 a:visited {color:#454545; text-decoration:none;}
  
    #primary-content h3 a:hover {text-decoration:underline;}

#primary-content h4 {color:#666; font-size:1.2em; font-family:verdana, helvetica, arial, sans-serif; font-weight:bold; margin-bottom:7px;}

#primary-content p, #primary-content ul, #primary-content ol {font-family:Verdana, Arial, helvetica, sans-serif; font-size:1.2em; margin-bottom:15px; line-height:1.5em;}

#primary-content small {margin-bottom:1em; font-size:1em; color:#777; font-family:verdana, arial, helvetica, sans-serif; display:block;}

#primary-content ul, #primary-content ol {}

  #primary-content ul li, #primary-content ol li {margin-bottom:5px; padding-left:14px;}
  
    #primary-content ul li {background:url('images/bg-bullet.gif') no-repeat 0 5px;}
      
#primary-content p.action:after {content:" \21E8";}

  #primary-content p.action a {}
    
#primary-content p.pdf-download, #primary-content ul li.pdf-download {padding-left:24px; line-height:22px;  background:url('images/pdf.gif') no-repeat 0 5px;}

#primary-content p.word-download, #primary-content ul li.word-download {padding-left:24px; line-height:22px; background:url('images/msword.gif') no-repeat 0 5px;}

/*specifics*/

div#preamble {background:#e9f3ee url('images/bg-preamble.jpg') no-repeat 12px 12px; margin:-5px 0 1.5em 0; padding:1.5em 1em 1em 275px;}
  
  div#preamble h2 {margin-bottom:15px;}
  
  div#preamble p {font-family:georgia, times, serif; font-style:italic; font-size:1.3em;}
  
  div#preamble a, div#preamble a:visited {color:#555;}
  
  p#learn-more a {display:block; font-weight:bold; height:20px; background:url('images/bg-learn-more.png') repeat-x top left; border:1px solid #ddd; text-transform:uppercase; text-decoration:none; font-family:verdana, arial, sans-serif; padding:0 5px; width:200px; font-style:normal; font-size:.9em;  }


/*blog styles*/

h2#recent-news, h2#action-alert {border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:.15em; line-height:1em; }

p.rss-subscribe { position:absolute; margin:-40px 0 0 500px; background:url('images/icons/rss-small.gif') no-repeat 0 5px; padding-left:14px; }

	p.rss-subscribe a {color:#888; font-size:.9em; }

div.post {margin-bottom:3em;}

  #primary-content div.post h3, div.post h2 {margin-bottom:.25em;}

  #primary-content small.posted { font-size:1.1em; letter-spacing:1px; text-transform:uppercase;}
  
    #primary-content small.posted em {text-transform:none; font-family:georgia, times, serif; font-style:italic;}
  
  #primary-content p.postmetadata {color:#888; font-size:1em;}

  p.postmetadata a, p.postmetadata a:visited { color:#888;}

div.navigation {}

/*search.php*/

div#content-search form.search-form {margin:10px 0}

  div#content-search input.search-input {margin-right:5px; width:200px;}


/*-------------------------
[[ SECONDARY-CONTENT STYLES ]]
--------------------------*/
#secondary-content a {color:#454545; text-decoration:none;}
  
  ul#sidebar {font-family:verdana, arial, helvetica, serif; line-height:1.5em;}
  
    ul#sidebar li {margin-bottom:20px;}
      
      ul#sidebar li h2 {margin-bottom:5px; color:#5d7f72; border-top:1px dashed #ccc; padding-top:5px; font-family:georgia, times, serif; font-size:1.5em;}
      
        ul#sidebar li h2 span {font-size:.7em; color:#666; font-style:italic;}
        
        ul#sidebar ul li {margin:0; padding:0; border:none;}

          ul#sidebar ul li a {padding-left:12px; display:block; background:url(images/bg-bullet.gif) no-repeat 0 5px;}

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

ul#sidebar #quick-links-container {}
  
  ul#sidebar #quick-links li {padding-left:0;}
    
    ul#sidebar #quick-links li a {color:#454545; text-decoration:none;  padding:3px 0 3px 20px; display:block; font-size:1.1em; height:17px;}

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

        ul#sidebar #quick-links li#email-parse a {background:url(images/icons/mail.png) no-repeat 0 3px;}
        ul#sidebar #quick-links li#rss a {background:url(images/icons/rss.png) no-repeat 0 3px;}
        ul#sidebar #quick-links li#facebook a {background:url(images/icons/facebook.png) no-repeat 0 3px;}    

/*-------------------------
[[ FOOTER STYLES ]]
--------------------------*/

#footer ul li {float:left; font-size:1.1em; margin-right:.5em; font-family:verdana, arial, sans-serif;}

  #footer ul li a, #footer ul li a:visited {text-decoration:none; }



/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */