/* 
Theme Name: SSP Blue
Theme URI: http://www.sspblue.org/
Design Name: MPI
Description: 960.gs theme for sspblue.org
Version: 1.0
Author: Gustavo Lanzas
Author URI: http://www.gustavolanzas.com

Credits:
Uses 960.gs

Colors:
#2352a0 (blue for links & nav)
#10355f dark blue for titles
#2c2c2c text
*/


/* html elements */
body {
background-image: url(images/bg_tile.png);
font-size: 85.2%;
letter-spacing: .025em;
line-height: 1.3em;
font-family: Tahoma, Geneva, Arial, Helvetica, Sanserif;
color: #2c2c2c;
}

p {
margin: 0px 0px 10px 0px;
}

label {
font-size: 10px;
font-weight: bold;
}

/* typography */
body {
}

h1, h2, h3, h3, h5 {
}

h1 {
font-size: 30px;
line-height: 1.4em;
color: #10355f;
margin-bottom: 10px;
font-weight: normal;
letter-spacing: -.03em;
}

.pagecontent h2 {
color: #333;
font-size: 18px;
line-height: 1.2em;
margin-bottom: 20px;
font-weight: normal;
letter-spacing: -.01em;
}

h2.service_title {
color: #10355f;
font-size: 30px;
line-height: 1.4em;
margin-bottom: 20px;
font-weight: normal;
letter-spacing: -.01em;
padding-bottom: 5px;
border-bottom: 1px solid #d3d8de;
}

.summary h3 {
color: #10355f;
font-size: 18px;
line-height: 1.2em;
margin-bottom: 20px;
font-weight: normal;
letter-spacing: .01em;
}

h3.post_title {
color: #10355f;
font-size: 30px;
line-height: 1em;
margin-bottom: 10px;
margin-top: 0px;
font-weight: normal;
letter-spacing: -.01em;
}

h3.safetyresources {
color: #10355f;
font-size: 24px;
line-height: 1em;
margin-bottom: 10px;
margin-top: 0px;
font-weight: normal;
letter-spacing: -.01em;
}


.home_content h3 {
color: #10355f;
font-size: 22px;
line-height: 1em;
margin-bottom: 10px;
margin-top: 0px;
font-weight: lighter;
letter-spacing: -.01em;
padding-bottom: 10px;
border-bottom: 1px solid #d3d8de;
clear: left;
}

.storycontent h3 {
margin-bottom: 10px;
}

h5 {
color: #10355f;
font-size: 14px;
line-height: 1.2em;
font-weight: lighter;
margin-bottom: 10px;
}

.home_content {
font-size: 14px;
}

#column1 label {
font-size: 14px;
}

#column1 .home_content ul {
margin-bottom: 10px;
}

#column1 .home_content li {
list-style: square;
margin-left: 1.1em;
}

#home h1 {
color: #fff;
font-size: 32px;
font-weight: lighter;
letter-spacing: .02em;
}

#home .homecontent p {
color: #c3e1ff;
font-size: 15px;
line-height: 1.2em;
font-weight: lighter;
}

#home a {
color: #fff;
border: none;
}

#home a:hover {
border-bottom: 1px dotted #fff;
text-decoration: none;
}

a {
color: #2352a0;
text-decoration: none;
}

a:hover {
color: #10355f;
text-decoration: underline;
}

.footer_text {
text-align: center;
font-size: 10px;
}


/* safety resources page */

#wrapper.safetyresources .hentry {
margin-left: 30px;
}

/* sidebar */


#sidebar .social-networks a {
border-bottom: none;
}

#sidebar {
}

#sidebar .widget {
margin: 0px 0px 30px 30px;
width: 180px;
}

#sidebar ul {
list-style: none;
} 

#sidebar .widgettitle, .rightcol h2.widgettitle, #home_columns h2.widgettitle {
text-transform: uppercase;
font-size: 14px;
color: #666;
font-weight: normal;
margin-bottom: 5px;
}

#sidebar li {
font-size: 15px;
letter-spacing: .02em;
line-height: 1.5em;
margin-bottom: 10px;
}

#sidebar li a {
border-bottom: 1px dotted #2352a0;
padding-bottom: 2px;
}

#sidebar li a:hover {
text-decoration: none;
color: #10355f;
border-bottom: 1px dotted #10355f;
padding-bottom: 2px;
}

/* structural ids */

#wrapper {
width: 1028px;
margin: 28px auto 0px auto;
background-image: url(images/bg_page.png);
background-repeat: repeat-y;
background-position: 0px 2px;
}

#header_wrapper {
width: 1028px;
margin: 0px auto 0px auto;
background-image: url(images/top_header.png);
background-repeat: no-repeat;
}

#header {
}

#navigation {
}

#page {
}

#content {
}

.storycontent p,
.content p {
font-weight: 100;
margin-bottom: 20px;
}

#main {
margin-top: 10px;
}

#home {
height: 337px;
background: url(images/home_bg.jpg);
background-repeat: no-repeat;
margin-bottom: 30px;
margin-top: 20px;
}

#home .inset {
margin: 20px 30px 20px 30px;
}

#home p {
width: 48%;
}

#home .alignright {
float: right;
margin-top: 10px;
}

#sidebar {
margin-top: 20px;
}

#footer {

}

/* navigation menu */

#logo {
margin-top: 35px;
}

#navigation {
margin-top: 5px;
}

#navigation ul   {
list-style: none;
margin: 0px;
padding: 0px;
float: right;
}

#navigation li {
/* float: left; */
display: inline;
font-size: 14px;
letter-spacing: .05em;
padding: 1px 6px 2px 6px;
border-right: 1px solid #d3d8de;
}

#navigation li:last-child {
padding: 1px 0px 2px 8px;
border-right: none;
}

li.current_page_item a {
color: #10355f;
}

#navigation li a:hover {
text-decoration: none;
border-bottom: 1px dotted #10355f;
padding-bottom: 2px;
}

/* footer */

#footer_wrapper {
width: 1028px;
margin: 0px auto 0px auto;
background-image: url(images/bg_footer.png);
background-repeat: repeat-y;
}

#footer ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#footer ul li {
display: inline;
padding: 1px 4px 2px 4px;
border-right: 1px solid #d3d8de;
}

#footer ul li:last-child {
padding: 1px 0px 2px 4px;
border-right: none;
}

#footer .menu {
margin-top: 20px;
}

/* wp classes */
.readmore {
}

.tags {
font-size: 10px;
color: #999;
}

#home p.wp-caption-text {
text-align: center;
font-size: 9px;
color: #fff;
width: 100%;
margin-top: 5px;
}

#wrapper.safetyresources p.wp-caption-text {
text-align: center;
font-size: 14px;
color: #333;
width: 100%;
margin-top: 5px;
}

.post {
margin-bottom: 10px;
}


.timestamp {
color: #999;
font-size: 11px;
line-height: 9px;
padding: 0px;
margin-bottom: 2px;
}

.alignright {
float: right;
margin: 0px 0px 15px 10px;
}

.alignleft {
float: left;
margin: 0px 15px 10px 0px;
}

p.wp-caption-text {
text-align: center;
font-size: 11px;
}

.storycontent {
clear: both;
}

/* additional classes */

.breadcrumb {
font-size: 10px;
color: #999;
margin-bottom: 10px;
padding-bottom: 3px;
border-bottom: 1px solid #d3d8de;
}

.pagination {
text-align: center;
font-size: 10px;
margin-bottom: 20px;
}

.divider {
border-bottom: 1px solid #d3d8de;
margin-top: 20px;
margin-bottom: 10px;
clear: both;
}

.page_divider {
height: 51px;
background-image: url(images/page_div.jpg);
background-position: center top;
background-repeat: no-repeat;
margin-bottom: 30px;
}

.vindent {
margin-top: 15px;
}

.separate {
clear:both;
margin-bottom: 25px;
}

.credit {
color: #999;
margin-bottom: 20px;
}

.credit a {
color: #666;
}

.edit {
font-size: .8em;
color: #fff;
background: #ddd;
padding: 0px 4px 0px 4px;
margin-bottom: 10px;
margin-top: 20px;
width: 20px;
text-align: center;
}

.edit a, .edit a:hover {
color: #fff;
text-decoration: none;
}

.edit:hover {
background-color: #666;
}

.content .first {
margin-right: 20px;
}

.content {
margin-bottom: 20px;
}

.up_link {
background-image: url(images/up.jpg);
background-repeat: no-repeat;
padding: 0px 0px 4px 20px;
clear: both;
}

.storycontent ul {
margin-bottom: 20px;
}

.storycontent ul li {
list-style: square outside none;
margin-left: 1.1em; 
}

/* home page */

.social .widget {
margin-bottom: 20px;
}

.socialicon {
float: left;
margin: 1px 5px 0px 0px;
}

ul.social-networks li {
margin-top: 5px;
}

.social_networks_widget h2, h2.widgettitle {
color: #999;
}

/* mailchimp form */
.indicate-required {
float: left;
color: #444;
font-size: 9px;
}

.mc-field-group input, .mc-field-group label {
clear: both;
float: left;
}

.mc-field-group label {
font-size: 10px;
font-weight: bold;
color: #999;
}

.mc-field-group input {
margin-bottom: 5px;
}

#mc-embedded-subscribe {
background: #10355f;
color: #fff;
float: left;
clear: both;
margin-top: 5px;
border: none;
padding: 2px 4px;
}

/* events */

li.event_listing {
font-size: 12px;
color: #333;
line-height: 10px;
margin: 0px 0px 10px 0px;
}

.event_title {
margin: 0px;
font-size: 12px;
}

.event_date {
font-size: 10px;
margin: 0px;
line-height: 8px;
}

/* right column */
.rightcol {
margin-top: 20px;
}

.rightcol .widget {
margin-bottom: 20px;
}

.rightcol h2.widgettitle {
margin-bottom: 10px;
}

.lcolumn {
margin-left: 30px;
}

.lcolumn .widget {
margin-bottom: 30px;
}

.lcolumn ul li.cat-post-item {
font-size: 1.3em;
margin-bottom: 5px;
}

/* featured video */

#featured-youtube-video {
padding: 20px;
background-color: #cee2ef;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}