/*
Theme Name: Central UMC Denton
Theme URI: http://centralumcdenton.com/
Description: WP Theme for Central UMC Denton, NC. Based on WP 2.7 beta3
Author: Don Jones
Author URI: http://newelementdesigns.com/
Tags: blue, custom header, fixed width, two columns, widgets

	This theme was designed and built by Don Jones

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body{
font-family: Arial, Helvetica;
font-size:12px;
color:#333;
}

*{
margin: 0;
padding: 0;
}

a{
color: #333;
outline: none;
}

img {
border: none;	
}

#container{
width: 960px;
margin: 0 auto;
overflow:hidden;
}

/*  Header area       */

#topbarArea{
width: 960px;
height: 64px;
background:url(images/top-bar-bg.jpg) no-repeat;
color: #FFF;
float: left;
}

#verses{
display: block;
width: 620px;
padding: 8px;
color: #FFF;
margin: 2px 0 0 140px;
float: left;
font-style: italic;
}
#verses .book {
color: #FFF;
font-style:normal;
}
#verses a{
color: #FFF;
font-style:normal;
}

#loginArea{
width: 70px;
height: 22px;
padding: 5px 0 0 25px;
color: #FFF;
float: right;
background:url(images/lock.png) no-repeat;
margin: 15px 15px 0 0;
}
#loginArea a{
color: #FFF;
font-weight: 700;
}

#headerArea{
width: 960px;
height: 183px;
background:url(images/header-bg.jpg) no-repeat;
float: left;
position:relative;
}

#headerArea h1 a{
display: block;
width: 760px;
height: 183px;
text-indent: -9999px;
float: left;
}

#weather{
display: block;
width: 160px;
height: 138px;
position:absolute;
right: 30px;
top: 30px;
text-align:center;
font-weight: 700;
font-size: 13px;
}

/* Navigation        */

#navArea{
width: 960px;
height: 58px;
background:url(images/nav-bg.jpg) no-repeat;
float: left;
}

#navArea ul{
display: block;
width:945px;
list-style:none;
margin: 0 auto;
}

#navArea ul li, #navArea ul li a{
display: inline;
text-indent: -9999px;
}

#navArea #homeButton a{
display: block;
float: left;
width: 203px;
height: 46px;
background:url(images/home-button.jpg) no-repeat;
}

#navArea #eventsButton a{
width: 158px;
height: 46px;
display: block;
float: left;
background:url(images/events-button.jpg) no-repeat;
}

#navArea #aboutButton a{
width: 212px;
height: 46px;
display: block;
float: left;
background:url(images/about-button.jpg) no-repeat;
}

#navArea #sermonsButton a{
width: 184px;
height: 46px;
display: block;
float: left;
background:url(images/sermons-button.jpg) no-repeat;
}

#navArea #contactusButton a{
width: 185px;
height: 46px;
display: block;
float: left;
background:url(images/contact-button.jpg) no-repeat;
}

/*  Content areas       */

#contentArea{
width: 960px;
background:url(images/paper-mid-bg.jpg) repeat-y;
overflow:hidden;
float: left;
}

#contentHolder{
width: 960px;
background:url(images/paper-top-bg.jpg) top no-repeat;	
float: left;
overflow:hidden
}

#blogHolder{
width: 630px;
float: left;
overflow:hidden;
}

#introAbout{
width: 545px;
padding: 30px 5px 20px 40px;
font-size: 13px;
float: left;
}
#introAbout p{
padding: 7px 0;
}
#introAbout h2{

}

#pageContent{
width: 540px;
padding: 30px 10px 20px 40px;
font-size: 13px;
float: left;
}

#categoryContent{
width: 560px;
padding: 30px 10px 20px 0;
font-size: 13px;
float: left;
}

#categoryContent .pageTitle{
margin-left: 40px;
}

.pageTitle{
padding: 10px 0;
font-size:23px;
}


/* Posts       */

.post{
width: 560px;
margin: 0 0 10px 0;
padding: 0 0 0 40px;
position:relative;
}

.postDate{
width: 120px;
height:24px;
background:url(images/date-bg.png) no-repeat;	
color: #FFF;
font-weight: 700;
position: absolute;
top: 10px;
left: 2px;
padding: 10px 0 0 20px
}

.postTitle{
display: block;
padding: 15px 0 0 110px;
font-size: 20px;
font-weight: 700;
width: 400px;
float: left;
}

.postTitle a{
text-decoration: none;
}
.postTitle a:hover{
text-decoration: underline;
}

.postTitleEV{
display: block;
padding: 7px 0;
font-size: 18px;
font-weight: 700;
width: 540px;
float: left;
border-bottom: solid 1px #956533;
}

.postTitleEV a{
text-decoration: none;
}
.postTitleEV a:hover{
text-decoration: underline;
}

.postContent{
width: 560px;
padding: 10px 0 10px 0;
float: left;
font-size:13px;
}
.postContent p{
padding: 7px 0;	
}

.postmetadata{
display: block;
width: 540px;
float: left;
text-align: right;
font-size: 11px;
padding: 4px 40px 0 0;
margin-bottom: 10px
}

.postmetadataSingle{
display: block;
width: 550px;
float: left;
text-align: left;
font-size: 11px;
padding: 8px 20px 0 0;
border-top: solid 1px #956533;
border-bottom: solid 1px #956533;
}

div.hr {
width: 500px;
height: 25px;
margin: 10px auto;
clear: both;
border: 0;
background: url(images/post-sep.png) no-repeat;
}
div.hr hr {
  display: none;
}

#submit{
padding: 4px;
background: #956533;
margin: 7px 0;
color: #FFF;
font-weight: 700;
border: none;
}

#comment{
border: solid 1px #CCC;
margin: 6px 0;
}

.more-link{
font-weight: 700;	
}

/*   Side bar  */

#sideBar{
width: 245px;
float: right;
margin: 40px 50px 0 0;
}

#eventTitle{
display: block;
width: 243px;
height: 45px;
background: url(images/event-title.png) no-repeat;	
text-indent: -9999px;
clear: both;
}

#prayerTitle{
display: block;
width: 238px;
height: 40px;
background:url(images/prayer-title.png) no-repeat;
text-indent: -9999px;
clear: both;
}

#prayertextSideBar{
width: 230px;
float: left;
padding: 12px;
}

#sideBarspacerA{
width: 240px;
height: 30px;
float: left;
}

/* Calendar style */
 
#wp-calendar{
width: 225px;
margin: 5px auto 7px auto;
clear: both;
text-align: center;
position:relative;
}

#wp-calendar #prev{
text-align: left;	
}

#wp-calendar #next{
text-align: right;	
}

#wp-calendar caption{
font-weight: 700;
font-size: 13px;
}

#wp-calendar table{
width: 196px;	
}

#wp-calendar table th{
padding: 4px;
}

#wp-calendar table td{
padding: 4px;
background: #e3d5a8;
}
#wp-calendar table #today{
background:#bfb287;
}
#wp-calendar table td.ec3_postday{
background:#777;
}

#wp-calendar table td a{
color: #FFF;
text-decoration: none;
}

#wp-calendar table.nav{
width: 100%;
margin: 0 auto;
}

#wp-calendar table.nav td{
padding: 2px;
background: none;
}

#wp-calendar table.nav td a{
background: none;
color: #555;
}

.ec3_events{
display: block;
list-style:none;
width: 220px;
margin: 0 auto;
}

.ec3_events ul{
list-style: none;
}
.ec3_list ul li a{
text-decortaion: none;
}
.ec3_list ul li a:hover{
text-decortaion: underline;
}

#nav-table{
position:absolute;
top: -3px;
}

/*  Comments          */

.commentlist{
display: block;
float: left;
width: 500px;
list-style:none;
margin: 15px 0;
border-bottom: 2px solid #c3b58a
}

.commentlist li{
display: block;
width: 490px;
float: left;
}

.avatarHolder{
width: 40px;
height: 32px;
float:left;
background: #ecddb1;
}

.authorHolder{
width: 500px; 
float: left;
height: 32px;
background: #ecddb1;
}

.authorArea{
width: 455px; 
float: left;
height: 32px;
line-height: 30px;
}
.authorArea cite{
font-weight: 700;
font-size: 16px;
}

.commentText{
width: 480px;
padding: 10px;
float: left;
}

.replyArea{
width: 500px;
float: left;
}


/*   Footer         */

#footerArea{
width: 960px;
height: 124px;
clear: left;
background:url(images/footer-bg.jpg) no-repeat;
text-align: center
}

#footer-link{
font-size: 13px;
list-style:none;
text-align: center;
margin:0;
padding:3px 2px 0 2px;
}
#footer-link li{
display:inline;
font-weight: 700;
margin: 0 1px 0 1px;
padding: 6px 8px 0 8px;
}
#footer-link li a{
margin: 0 1px 0 1px;
padding: 6px 8px 0 8px;
}
#footer-link li a:hover{
color: #999;
}