/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* CSS Document */
body {
margin: 0 auto;
padding: 0;
background: url(images/bg.gif) left top repeat-x;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
}
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #5B3E1C;
}
h1 img {border: none;}

h2 { font-size: 2em; margin-bottom: 0.25em; }

h3 { font-size: 1.6em; line-height: 1; margin-bottom: 0.25em; }

h4 { font-size: 1.2em; line-height: 1.25; }

h5 { font-size: 1em; font-weight: bold;  }

h6 { font-size: 1em; font-weight: bold; }



#top{
height: 31px;
text-align: right;
padding-top: 5px;
margin: 0 100px;
}
#top ul, #top li {
display: inline;
list-style: none;
}
#top ul {
float: right;
margin: 0;
padding: 0;
}
#top ul ul {
display: none;
}
#top li {
padding: 0 20px;
margin: 0;
}
#top li a:link, #top li a:visited {
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#top li a:hover {
color: #FFCC00;
}
#top li a:active {
color: #FFFF00;
}
.hide {
position: absolute;
top: -900em;
left: -900em;
}
.clear {
clear: both;
}
#content {
background-color:#FFFFFF;
width: 825px;
margin: 0 auto;
padding: 0;
}
#content #left {
background-color:#FFFFFF;
float: left;
width: 275px;
text-align: center;
}
#left ul, #left li {
list-style: none;
text-align: left;
}
#left li {
border-bottom: 1px dotted #D6C9A3;
padding: 1em;
}
#left li ul li{
padding: 0.5em;
border-bottom: none;
}
#left li a:link, #left li a:visited, #left li a:hover, #left li a:active {
font-size: 0.825em;
font-family: Georgia, "Times New Roman", Times, serif;
}
#left h2.navtitle {
font-size: 1em;
margin-top: 2.5em;
padding-top: 2em;
}
h1 a:hover, h1 a:active {
border: none;
}
#left img, .newsbox img {
border: none;
}
#right {
float: left;
width: 525px;
background-color:#FFFFFF;
}
a:link, a:visited {
font-weight: bold;
text-decoration:none;
}
a:hover, a:active {
font-weight: bold;
border-bottom: 1px dotted;
}
a:link {
color: #970F00;
}
a:visited {
color: #B7AD95;
}
#right #main {
height: 300px;
width: 500px;
padding: 25px;
background:url(images/main.jpg) 25px 25px no-repeat;
position: relative;
}
#right #fadeshow1 {
height: 300px;
width: 500px;
margin: 25px;
position: relative;
}
#right #main h2 {
margin-top: 325px;
}
div.box {
width: 95%;
background-color: #fff;
background: rgba(255, 255, 255, 0.7);
filter:alpha(opacity=70);
position: absolute;
bottom: 25px;
}
div.box p {
padding: 0.5em;
}
div.box a:link, div.box a:visited {
color: #000;
filter:alpha(opacity=1.0);
}

#right .textbox {
margin: 25px;
}
#right .textbox img {
border: 1px solid #ccc;
padding: 5px;
margin: 5px 15px;
}
#news {
/*clear:both;*/
float: left;
width: 100%;
}
#news .newsbox {
border-right: 1px dotted #D6C9A3;
width: 255px;
padding: 0.5em;
margin: 1em 25px 0 1em;
float: left;
}
#news .newsbox ul, #news .newsbox li {
list-style: none;
}
#news .newsbox li ul, #news .newsbox li ul li {
list-style-type: disc;
}
#news .imagelinks {
width: 500px;
float: left;
margin: 0;
}
#news .imagelinks ul, #news .imagelinks li {
list-style: none;
margin: 0;
padding: 0;
}
#news .imagelinks li {
display: block;
float: left;
width: 226px;
height: 80px;
text-align: center;
margin: 5px;
}
#news .imagelinks li a:link, #news .imagelinks li a:hover, #news .imagelinks li a:active, #news .imagelinks li a:visited {
display:block;
border:none;
width: 226px;
height: 80px;
}

#news .imagelinks span {
position: absolute;
top: -900em;
left: -900em;
}

#news .imagelinks li#li1 {
background: url(images/outreach_button.gif) center 0 no-repeat;
}
#news .imagelinks li#li1 a:hover {
background: url(images/outreach_button.gif) center -87px no-repeat;
}

#news .imagelinks li#li2 {
background: url(images/worship_button.gif) center 0 no-repeat;
}
#news .imagelinks li#li2 a:hover {
background: url(images/worship_button.gif) center -87px no-repeat;
}

#news .imagelinks li#li3 {
background: url(images/education_button.gif) center 0 no-repeat;
}
#news .imagelinks li#li3 a:hover {
background: url(images/education_button.gif) center -87px no-repeat;
}

#news .imagelinks li#li4 {
background: url(images/fellowship_button.gif) center 0 no-repeat;
}
#news .imagelinks li#li4 a:hover {
background: url(images/fellowship_button.gif) center -87px no-repeat;
}
#footer {
width: 800px;
margin: 0 auto;
border-top: 1px dotted #D6C9A3;
text-align: center;
font-size: smaller;
}
.left {
float: left;
}
.right {
float: right;
}
#right div.banner {
display: block;
width: 500px;
height: 136px;
margin-top: 50px;
margin-left: 20px;
}
#right div.img1 {
background: url(images/crosses.jpg) top center no-repeat;
}
#right div.img2 {
background: url(images/remembrance.jpg) top center no-repeat;
}
#right div.img3 {
background: url(images/window.jpg) top center no-repeat;
}
#right div.img4 {
background: url(images/sun.jpg) top center no-repeat;
}
#right div.img5 {
background: url(images/sky.jpg) top center no-repeat;
}
h3 img {
display: none;
}
#footer {
clear: both;
}
.post .date {
font-weight: bold;
font-size: 0.8em;
}
.post {
border-bottom: 1px dotted #D6C9A3;
padding: 1em;
margin-left: 25px;
}
.postnav {
text-align: center;
padding: 1em;
}