/* main stylesheet */
/* ========================================================= */

/* Import Styles */

@import url('reset.css');

/* Base Layout */

html, body {
height : 100%;
line-height : 20px;
}
body {
color : #444;
background : #fff;
font-family : 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size : 13px;
line-height : 20px;
}

#page {
background : #eee url(../images/bg_main.gif) repeat-x 0 0;
width : 100%;
border-bottom: 5px solid #ccc;
}

/* Typo and related Styles */

h1 {
text-indent : -99999px;
width : 320px;
height : 320px;
display : block;
float : left;
}
h2 {
color : #333;
font-size : 34px;
line-height : 40px;
font-weight : bold;
letter-spacing : -1px;
/* text-transform : lowercase; */
}
h3, h3 a {
color : #000;
font-size : 24px;
line-height : 30px;
font-weight : bold;
letter-spacing : -1px;
}
h3 a:hover {
color : #c51015;
}
h3 a:focus,
h3 a:active {
background : #ffdddd;
}
h4 {
color : #333;
font-size : 18px;
line-height : 24px;
font-weight : bold;
}
p {
color : #444;
font-size : 13px;
line-height : 20px;
}
p a {
line-height : 20px;
}
strong {
font-weight : bold;
line-height : 20px;
}
em {
font-style : italic;
line-height : 20px;
}
small {
font-size : 11px;
line-height : 16px;
}
.alignleft {
margin : 0 20px 20px 0;
float : left;
}
.alignright {
margin : 0 0 20px 20px;
float : right;
}
.aligncenter {
margin : 0 20px 20px 20px;
text-align : center;
}
.alignnone {
float : none;
margin : 0;
}

/* Header Layout */

#header {
background : transparent url(../images/bg_header.jpg) no-repeat center top;
width : 960px;
height : 400px;
padding : 0 10px;
margin : 0 auto;
}

#header #navigation {
width : 960px;
height : 40px;
padding : 20px 0 0;
overflow : hidden; /* ie6 fix */
}
#header #navigation li {
width : 160px;
height : 30px;
padding : 10px 0 0;
float : left;
}
#header #navigation li#home {
width : 320px;
height : 40px;
padding : 0;
}
#header #navigation li a {
color : #000;
font-size : 13px;
line-height : 20px;
font-weight : bold;
/* text-transform : lowercase; */
background : #fff url(../images/bg_nav.gif) no-repeat 0 0;
width: 140px;
height : 20px;
padding : 5px 0 5px 20px;
display : block;
}
#header #navigation li#home a {
font-size : 18px;
line-height : 24px;
background : #fff url(../images/bg_curl_w.gif) no-repeat top right;
width: 300px;
height : 24px;
padding : 8px 0 8px 20px;
}
#header #navigation li a:hover,
#header #navigation li a.current {
color : #fff;
background : #c51015 url(../images/bg_nav_hover.gif) no-repeat 0 0;
}
#header #navigation li#home a:hover,
#header #navigation li#home a.current {
background : #c51015 url(../images/bg_curl_r.gif) no-repeat top right;
}
#header #navigation li a:active,
#header #navigation li a:focus {
color : #fff;
background : #333;
}
#header #navigation li#home a:active,
#header #navigation li#home a:focus {
background : #333 url(../images/bg_curl_g.gif) no-repeat top right;
}

#header #banner {
background : #fff;
width : 960px;
height : 320px;
border-bottom: 5px solid #ccc;
}
#header #banner #logo {
background : transparent url(../images/logo_act4aid.gif) no-repeat 0 0;
width : 320px;
height : 320px;
display : block;
}
#header #banner #slideshow {
width : 640px;
height : 320px;
float : left;
overflow : hidden;
}
#header #banner #slideshow li {
width : 640px;
height : 320px;
}

/* Content Layout */

#content {
width : 960px;
padding : 0 0 40px;
margin : 0 auto;
}
#content h2,
#content h3,
#content h4,
#content p {
margin : 0 0 15px;
}
#content p a {
color : #c51015;
padding : 2px;
display : inline;
}
#content p a:hover {
text-decoration : underline;
}
#content p a:focus,
#content p a:active {
color : #000;
}
#content .entry {
background : #fff;
padding : 20px;
border-bottom : 5px solid #ccc;
margin : 0 0 10px;
}
#content .entry ul {
margin : 0 0 15px 20px;
}
#content .entry ul li {
color : #555;
line-height : 20px;
list-style-type : disc;
padding : 2px 0;
}
#content .entry ul li ul {
padding : 10px 0 10px 20px;
margin : 0;
}
#content .entry ul li ul li {
list-style-type : circle;
}
#content .entry ul a {
color : #c51015;
padding : 2px;
display : inline;
}
#content .entry ul a:hover {
background : #ffdddd;
}
#content .entry ul a:focus,
#content .entry ul a:active {
color : #000;
}
#content .entry #lastmod {
padding : 15px 0 0;
margin : 10px 0 0;
display : block;
border-top : 1px solid #ccc;
}
#content .entry #lastmod p {
color : #888;
font-size : 11px;
line-height : 16px;
}

#content #sidebar {
background : #fff url(../images/bg_curl_w.gif) no-repeat top right;
width : 280px;
padding : 20px;
float : left;
border-bottom: 5px solid #ccc;
}
#content #sidebar .item {
padding : 0 0 40px;
}
#content #sidebar .infobutton {
color : #fff;
font-size : 18px;
line-height : 24px;
font-weight : bold;
background : #c51015;
padding : 2px 6px;
display : block;
}
#content #sidebar .infobutton:hover {
background : #333;
}
#content #sidebar #event-calendar {
background : #eee;
width : 260px;
padding : 10px;
}
#content #sidebar #archives a {
color : #333;
font-size : 18px;
line-height : 24px;
font-weight : bold;
background : #eee;
padding : 2px 6px;
margin : 10px 0 0;
display : block;
}
#content #sidebar #archives a:hover {
color : #c51015;
}
#content #sidebar #archives a:focus,
#content #sidebar #archives a:active {
color : #fff;
background : #c51015;
}

#content #main {
width : 640px;
float : left;
}
#content #main .headline {
background : #333 url(../images/bg_curl_g.gif) no-repeat top right;
padding : 5px 10px;
margin : 0 0 10px;
}
#content #main .headline h2 {
color : #fff;
display : block;
margin : 0;
}
#content #main .meta {
color : #444;
font-size : 13px;
line-height : 18px;
margin : 0 0 15px;
cursor : default;
}
#content #main .meta span {
line-height : 18px;
background : #eee;
padding : 2px 4px;
}
#content #main .meta a {
color : #444;
text-decoration : underline;
}
#content #main .meta a:hover {
color : #c51015;
}

#content #main #full {
width : 620px;
padding : 10px;
}
#content #main #full .headline {
width : 580px;
padding : 5px 20px;
}
#content #main #full .entry {
width : 580px;
}
#content #main #full .meta {
margin : 0 0 30px;
}
#content #main #full #pager {
width : 620px;
height : 24px;
padding : 10px 0 0;
}
#content #main #full #pager li {
height : 24px;
}
#content #main #full #pager #prev {
float : left;
}
#content #main #full #pager #next {
float : right;
}
#content #main #full #pager li a {
color : #fff;
font-size : 13px;
line-height : 20px;
font-weight : bold;
background : #333;
padding : 3px 5px;
display : inline;
}
#content #main #full #pager li a:hover {
background : #c51015;
}
#content #main #full .post-col {
width : 260px;
margin : 0 40px 0 0;
float : left;
}
#content #main #full .second {
margin : 0;
}

#content #main #entries {
padding : 10px 0 0
}
#content #main #entries .col {
width : 300px;
padding : 0 10px;
float : left;
}
#content #main #entries .col li {
margin : 0 0 10px;
}
#content #main #entries .col .headline {
width : 260px;
padding : 5px 20px;
}
#content #main #entries .col .entry {
width : 260px;
}
#content #main #entries .col .entry h3,
#content #main #entries .col .entry h4,
#content #main #entries .col .entry p {
margin : 0 0 10px;
}

#content #main #calltoaction {
color : #fff;
font-size : 24px;
line-height : 30px;
font-weight : bold;
text-shadow : 2px 2px 2px #800000;
background : transparent url(../images/bg_calltoaction.gif) no-repeat 0 0;
width : 330px;
height : 130px;
padding : 30px 60px 0 230px;
margin : 0 10px;
display : block;
}

/* Footer Layout */

#footer {
width : 960px;
padding : 30px 0;
margin : 0 auto;
}
#footer p {
font-size : 11px;
line-height : 16px;
}
#footer p a {
color : #000;
}
#footer p a:hover {
color : #c51015;
}
#footer #bottom {
width : 960px;
}
#footer #bottom .col {
width : 280px;
padding : 0 20px;
float : left;
}

/* Calender Layout */

#event-calendar tr,
#event-calendar td,
#event-calendar caption,
#event-calendar a {
font-size : 11px;
height : 20px;
line-height : 20px;
text-align : center;
}
#event-calendar a {
color : #c51015;
font-weight : bold;
}
#event-calendar a:hover {
color : #333;
}
#event-calendar thead th {
color : #888;
padding : 4px 0;
}
#event-calendar tbody td {
color : #333;
}
#event-calendar caption {
height : 40px;
}
#event-calendar a.currentmonth {
font-size : 13px;
display : block;
}
#event-calendar .nav {
padding : 10px 0 0;
}

/* Form Layout */

.entry input,
.entry textarea {
font-size: 12px;
line-height : 18px;
padding : 4px;
border : 1px solid #ccc;
display : block;
position : relative;
}
.entry input:focus,
.entry textarea:focus {
background : #eee;
}
.entry textarea {
height : 160px;
}
.entry .wpcf7-form-control-wrap {
width : 260px;
}
.entry .wpcf7-form-control-wrap input,
.entry .wpcf7-form-control-wrap textarea {
width : 240px;
}

/* Custom Link Classes */

a.thickbox, a.thickbox:hover { background : transparent; }
a.thickbox img {
background : #fff;
padding : 2px;
display : block;
box-shadow : 0px 0px 4px #aaa;
-moz-box-shadow : 0px 0px 4px #aaa;
-webkit-box-shadow : 0px 0px 4px #aaa;
}
a.thickbox:hover img {
background : #c51015;
box-shadow : 0px 0px 4px #888;
-moz-box-shadow : 0px 0px 4px #888;
-webkit-box-shadow : 0px 0px 4px #888;
}