/*
Theme Name: EWB Pittsburgh
Theme URI: http://ewb-pitt.org
Description: 
Author: Hussain SM
Author URI: http://chugsdesigns.com/
*/

/* 
global settings		
------------------------------------------------------ */

* {
margin: 0;
padding: 0;
}
body {
background: #034559 /* url(i/body.gif) no-repeat 50% 0 */;	
font: 100%/1.5em arial, verdana, sans-serif;
color: #d7d7d7;
text-align: center;
}

/* links */

a:link {
font-weight: bold;
text-decoration: none;
color: #cc0000;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #cc3333;
}
a:hover {
font-weight: bold;
text-decoration: none;
color: #cc0000;
}
a:active {
font-weight: bold;
text-decoration: none;
color: #cc0000;
}
a img { 
border: 0; 
}

/* hn */

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
color: #fff;
letter-spacing: -1px;
}
h1, h2, h3, h4, h5, h6, p {
margin: 10px 0;
}
h1 {
font-size: 1.6em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}

/* list styles */

ul {
margin: 10px 0; 
} 
ul li {
height: 1%;
list-style-type: none;
margin: 0 0 5px;
padding: 0 0 0 15px;
background: url(i/icon-arrow.gif) no-repeat;
line-height: 19px;
}
ol {
margin: 10px 0 10px 25px; 
}
ol li {
margin: 0 0 5px 0; 
}

/* blockquote */

blockquote {
margin: 10px 0;
padding: 15px 25px;
font: italic 0.9em/1.6em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
border-left : 5px solid #d7d7d7;
color: #555;
}

/* image styles */

img.left {
float: left;
margin: 0 15px 10px 0;
}
img.right {
float: right;
margin: 0 0 10px 15px;
}
img.centered {
display: block;
margin: 10px auto;
}
img.border {
padding: 2px;
border: 1px solid #999;
}

/* 
layout		
------------------------------------------------------ */

#container {
margin: 0 auto; 
width: 960px;
font-size: 0.83em;
text-align: left;
}
#wrap-home {
margin: 30px 0 0;
background: url(i/wrap-home.gif) repeat-y;
}
#wrap-inside {
margin: 30px 0 0;
background: url(i/wrap-inside.gif) repeat-y;
}

/* 
header		
------------------------------------------------------ */

#header {
background: url(i/header.gif) no-repeat 50% 100%;
text-align: center;
}
#header-inner {
position: relative;
width: 960px;
height: 127px;
margin: 0 auto;
text-align: left;
}
h1 {
margin: 0;
}
h1 a:link, h1 a:visited, h1 a:hover {
position: absolute;
left: 0;
bottom: 5px;
display: block;
width: 745px;
overflow: hidden;
padding: 122px 0 0 0;
background: url(i/title.gif) no-repeat;
text-decoration: none;
height: 0px !important;
height /**/: 122px;
}
p#tagline {
position: absolute;
right: 0;
bottom: 0;
display: block;
float: right;
width: 215px;
overflow: hidden;
padding: 80px 0 0 0;
margin: 47px 0 0;
background: url(i/tagline.gif) no-repeat;
color: #555;
height: 0px !important;
height /**/: 80px;
}

/* 
navigation		
------------------------------------------------------ */

#nav {
margin: 2px 0 0;
background: #8ab0dd;
font-size: 1.3em;
text-align: center;
text-transform: uppercase;
letter-spacing: -1px;
}
#nav-inner {
width: 960px;
margin: 0 auto;
text-align: left;
}
#nav ul {
width: 958px;
height:35px;
margin: 0;
padding: 0;
border-left: 2px solid #046380;
}
#nav li {
float: left;
display: inline;
height:35px;
margin: 0;
padding: 0;
background: none;
border-right: 2px solid #046380;
}
#nav li a {
display: block;
padding: 0 10px;
font-weight: normal;
color: #002f2f;
line-height:35px;
} 
#nav li a:hover,
body#home li#nav-home a, 
body#about li#nav-about a,
body#projects li#nav-projects a, 
body#get-involved li#nav-getinvolved a, 
body#donate li#nav-donate a, 
body#sponsors li#nav-sponsors a,
body#contact li#nav-contact a {
background: #fff;
color: #cc0000;
}

/* 
intro		
------------------------------------------------------ */

#intro {
margin: 30px 0 0;
padding: 0 10px;
background: url(i/intro.gif) repeat-x;
font-size: 1.2em;
font-style: italic;
line-height: 25px;
color: #222;
}

/* 
homepage left column
------------------------------------------------------ */

#col-left-small {
float: left;
width: 420px;
font-size: 1em;
}
#col-left-small h2 {
margin: 0 0 2px;
background: #034559;
color: #fff;
}
h2#h2-featured {
width: 420px;
overflow: hidden;
padding: 35px 0 0;
background: url(i/h2-featured.gif) no-repeat;
height: 0px !important;
height /**/: 35px;
}
#col-left-small-inner {
padding: 10px;
background: #fff url(i/col-left-small.gif) repeat-x 0 100%;
color: #444;
line-height: 1.2em;
}
#col-left-small-inner h3 {
font-size: 1.2em;
color: #222;
}
a.more {
display: block;
margin: 20px 0 0;
background: url(i/icon-arrow.gif) no-repeat 0 50%;
padding: 0 0 0 20px;
font-size: 0.9em;
line-height: 19px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
a.subscribe {
display: block;
margin: 5px 0 0;
background: url(i/icon-feed.gif) no-repeat 0 50%;
padding: 0 0 0 20px;
font-size: 0.9em;
line-height: 20px;
letter-spacing: 0.1em;
text-transform: uppercase;
}

/* 
inside page left column
------------------------------------------------------ */

#col-left-big {
float: left;
width: 720px;
font-size: 1.1em;
}
#col-left-big h2.page-title {
display: block;
idth: 720px;
height: 35px;
margin: 0 0 2px;
padding: 0 20px;
background: #034559;
font-size: 1.2em;
color: #fff;
text-transform: uppercase;
line-height: 35px;
}
body#about h2.page-title {
overflow: hidden;
padding: 35px 0 0;
height: 0px !important;
height /**/: 35px;
background: url(i/h2-about.gif) no-repeat;
}
body#projects h2.page-title {
overflow: hidden;
padding: 35px 0 0;
height: 0px !important;
height /**/: 35px;
background: url(i/h2-projects.gif) no-repeat;
}
body#donate h2.page-title {
overflow: hidden;
padding: 35px 0 0;
height: 0px !important;
height /**/: 35px;
background: url(i/h2-donate.gif) no-repeat;
}
body#get-involved h2.page-title {
overflow: hidden;
padding: 35px 0 0;
height: 0px !important;
height /**/: 35px;
background: url(i/h2-get-involved.gif) no-repeat;
}
body#contact h2.page-title {
overflow: hidden;
padding: 35px 0 0;
height: 0px !important;
height /**/: 35px;
background: url(i/h2-contact.gif) no-repeat;
}
body#news-archives h2.page-title {
overflow: hidden;
padding: 35px 0 0;
height: 0px !important;
height /**/: 35px;
background: url(i/h2-news-archives.gif) no-repeat;
}
body#search h2.page-title {
overflow: hidden;
padding: 35px 0 0;
height: 0px !important;
height /**/: 35px;
background: url(i/h2-search-results.gif) no-repeat;
}
ody#Meetings h2.page-title {
background: url(i/h2-meetings.gif) no-repeat;
}
ody#News h2.page-title {
background: url(i/h2-news.gif) no-repeat;
}
#col-left-big-inner {
padding: 20px;
background: #fff url(i/col-left.gif) repeat-x 0 100%;
color: #444;
}
#col-left-big-inner h2, 
#col-left-big-inner h3, 
#col-left-big-inner h4 {
color: #222;
}
div.post {
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid #d7d7d7;
}
h3.post-title {
margin: 0 0 10px;
color: #222;
}
p.post-meta {
margin: 0;
font-size: 0.75em;
color: #888;
text-transform: uppercase;
letter-spacing: 0.1em;
}

/* 
homepage middle column
------------------------------------------------------ */

#col-mid {
float: left;
width: 250px;
margin: 0 0 0 50px;
line-height: 1.2em;
}
div.col-mid-section {
font-size: 0.9em;
}
h2#h2-news {
width: 242px;
overflow: hidden;
padding: 23px 0 0;
background: url(i/h2-news-events.gif) no-repeat;
height: 0px !important;
height /**/: 23px;
}
div.news-item {
margin: 0 0 10px;
padding: 0 0 10px;
background: url(i/dot.gif) repeat-x 0 100%;
}
p.news-item-date {
margin: 0 0 4px;
}
p.news-item-date span {
padding: 2px 5px;
background: #8ab0dd;
font-size: 0.85em;
font-weight: bold;
color: #444;
}
h3.news-item-title {
margin: 0 0 10px;
padding: 0;
}
h3.news-item-title span {
padding: 2px 5px;
background: #fff;
}

/* 
right column
------------------------------------------------------ */

#col-right {
float: left;
width: 190px;
margin: 0 0 0 50px;
font-size: 0.8em;
line-height: 1.2em;
}
div.col-right-section {
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid #3d869c;
}
h3#h3-search {
width: 51px;
overflow: hidden;
padding: 14px 0 0;
background: url(i/h3-search.gif) no-repeat;
height: 0px !important;
height /**/: 14px;
}
#searchform fieldset {
border: none;
}
#searchform label {
display: block;
margin: 0 0 5px;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 0.1em;
}
#searchsubmit {
padding: 2px;
background: #002f2f;
border: none;
color: #fff;
text-transform: uppercase;
}
div.col-right-section.next {
border: none;
}
h3#h3-next {
width: 99px;
overflow: hidden;
padding: 19px 0 0;
background: url(i/h3-next.gif) no-repeat;
height: 0px !important;
height /**/: 19px;
}
div.next em {
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
}
p.large {
font-size: 1.5em;
line-height: 1.5em;
}

/* 
search results		
------------------------------------------------------ */

#search-results {
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid #d7d7d7;
}

/* 
footer		
------------------------------------------------------ */

#footer {
margin: 30px 0 0;
border-top: 1px solid #3d869c;
font-size: 0.8em;
letter-spacing: 0.2em;
text-transform: uppercase;
}

/* 
clear		
------------------------------------------------------ */

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