/*
Theme Name: Mercy Heart
Theme URI: http://mercyheart.org
Description: Theme template developed for Mercy Heart, a non-profit organization in Rockdale County.
Version: 1.0
Author: Garry Smith
Author URI: http://neweracreations.com/
Tags: orange, non profit, three row, two column, custom header, logo
*/
/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
**/

/*
_______________________________
BASE */

@import url(tripoli/tripoli.base.css);

/*
_______________________________
PLUGINS */

@import url(tripoli/plugins/tripoli.visual.css);
@import url(tripoli/plugins/tripoli.type.css);

/* SLIDESHOW */
@import url(scripts/css/slideshow.css);
/*
_______________________________
END */


/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial;
	background: white;
	color: #262626;
	text-align: center;
	}
a:link, a:visited {
color: #115daa;
text-decoration: none;
}
a:hover {
color: #d94c30;
}
.content {
width: 508px;
background-color: white;
padding: 15px;
float: left;
text-align: left;
}
.content a:hover {
color: #d94c30;
}
.content h2 {
color: #d94c30;
font-family: Verdana;
font-size: 20pt;
padding: 3px 0px 5px 3px;
margin: 0px 0px 5px 0px;
letter-spacing: 1px;
font-weight: none;
text-shadow: 1px 1px 0 silver;
}
.content h3 {
color: #a22410;
font-size: 14pt;
text-shadow: 1px 1px 0 silver;
}
.content h3 a {
color: #a22410;
}
.content h3 a:hover {
color: #aaaaaa;
}

/* End Typography & Colors */

/* Begin Structure */

#sitebg {
background-image: url('images/bg.jpg');
background-repeat: repeat;
width: 100%;
}

#borderclear {
width: 820px;
background-image: url('images/borderclear.png');
background-repeat: repeat;
margin: auto;

}

#page {
margin-right: 10px;
margin-left: 10px;

background-color: white;
width: 800px;
}
#leftside {
width: 587px;
float: left;
}
#narrowcolumn {
width: 196px;
float: right;
border-left: 1px solid silver;
}
#rightside {
width: 212px;
float: right;
background-color: #f5f5f5;
border-left: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
}

#header {
background-image: url('images/header.jpg');
background-repeat: none;
width: 587px;
height: 135px;
border-bottom: 5px solid #d4482b;
}
.content {
padding: 15px;
width: 360px;
float: left;
}
#narrowcolumn #hours-button {
background-image: url('images/hours-button.jpg');
background-repeat: no-repeat;
width: 157px;
height: 66px;
margin: auto;
margin-top: 10px;
}
#hours {
text-align: left;
padding: 15px;
margin-bottom: 25px;
}
#narrowcolumn h4 {
color: #d94c30;
text-shadow: 1px 1px 0 silver;
padding-top: 3px;
padding-bottom: 10px;
padding-left: 5px;
}
#narrowcolumn h5 {
padding: 22px 0px 5px 0px;
text-shadow: 1px 1px 0 silver;
}
#narrowcolumn h6 {
padding: 0px;
color: gray;
}
#contactinfo {
padding: 15px;
text-align: left;
line-height: 14pt;
}
#contactinfo h4 {
color: #115daa;
text-shadow: 1px 1px 0 silver;
padding-top: 3px;
padding-bottom: 10px;
padding-left: 0px;
}
#staffbox {
width: 169px;
border: 1px solid #d5d5d5;
background-image: url('images/staff-bottom.jpg');
background-position: bottom;
background-repeat: repeat-x;
margin: auto;
margin-top: 35px;
margin-bottom: 20px;
padding: 10px;
text-align: left;
}
#staffbox ul {
color: #115daa;
padding-bottom: 5px;
}
#staffbox li {
color: #6c6c6c;
list-style-type:disc;
list-style-position: inside;
padding: 5px;
padding-left: 10px;
}
#staffbox h4 {
color: #115daa;
font-weight: bold;
padding: 0px;
}
#staffbox h5 {
color: #d94c30;
padding: 8px;
padding-left: 10px;
}
/* End Structure */

/* Begin Navigation */

#navigation {
}
#nav  a, a:visited {
color: #00419c;
text-decoration: none;
}
#nav a:hover {
color: #d94c30;
}
#nav li:hover {
list-style-position: inside;
list-style-type:circle;
list-style-image:url('images/nav-button-hover.gif');
}
#nav {
font-size: 12pt;
text-align: left ;
}
#navigation ul {
padding:0px;
margin:0px;
}
#nav li {
list-style-position: inside;
list-style-type:circle;
list-style-image:url('images/nav-button.gif');
padding: 8px 10px 8px 10px;
margin-top: 5px;
margin-bottom: 5px;
background-image: url('images/nav-bg.jpg');
background-repeat: none;
border-bottom: 1px dotted silver;
border-top: 1px dotted #e9e9e9;
}
#navbar-hover {
background-image: url('images/nav-button-hover.gif');
}
/* End Navigation */

/* Begin Footer */

#footer {
height: 16px;
padding: 7px 10px 5px 10px;
width: 780px;
background-color: #d5d5d5;
border-top: 1px solid #dedede;
border-bottom: 1px solid #bebebe;
text-align: left;
}

#footernav {
list-style-position: inside;
list-style-type:none;
font-size: 8pt;
float: left;
}

#footernav li {
display: inline;
padding: 0px 7px 0px 0px;
}

#footernav a:hover {
color: #d94c30;
}
#copyright {
float: right;
color: #6f6f6f;
font-size: 9pt;
}
/* End Footer */

/* Upcoming Event posts */
.upcomingevent {
background-color: #f3f3f3;
padding: 5px 10px 5px 10px;
margin-bottom: 7px;
margin-top: 7px;
border: 1px solid #cccccc;
}
.upcomingevent a {
color: #d94c30;
}
.upcomingevent a:hover {
color: #115daa;
}
.upcomingevent .entry {
padding: 10px;
font-size: 10pt;
}
.upcomingevent small {
color: #979797;
}
.datesof {
color: #115daa;
}
/* End Upcoming Event */