/*
Theme Name: St. John the Evangelist Church
Description: Church Theme
Author: Evita D'Cunha

/*-----------Block Level Elements--------------*/

Body {
	background:url(images/bga.gif) repeat;
	margin:0px;
	padding:0px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#334c51;
}

#page {
	width: 1000px;
	margin: 0 auto;
	padding:0px;
	background:url(images/bg.gif) repeat-y;
	overflow:hidden;
	}

#nav_top {
	width:1000px;
	height:22px;
	margin:0 auto;
	padding-top:0px;
	background:#e5e2d9 url(images/bg_nav.gif) bottom repeat-x;
    border-right:#CD3333;
    border-right-style:double;
    border-left:#CD3333;
    border-left-style:double;
	}

/*--  NAVIGATION --*/

ul#navigation {
	float:left;
	list-style:none;
	margin:0px;	
    padding:0px;
	font-weight:bold;
	text-transform:uppercase;
	height:19px;
	line-height:20px;	
	font-size:5px;
	overflow:hidden;
	}

ul#navigation li {
	float:left;
	margin:0px 1px 0px 1px;
  	padding:0;
  	list-style:none;  
  	white-space:nowrap;
	border-right:#CD3333;
    border-right-style:double;
  	background:url(images/bg_nav.gif) bottom repeat-x;
	}

ul#navigation li a {
	display:block;
	padding:0 15px;
	text-transform:uppercase;
	border:0;
	color:#FFFAF0;
	text-decoration:none;
  	}	

.searchtop {
float:right;
margin-right: 10px;}
	
#header {
	width: 1000px;
	height:120px;
	margin: 0 auto;
	padding:-20px;
	color:#fff;
	overflow:hidden;
	background:url(images/bg_headerj.gif) repeat-x;
}

#headerimg {
	width:450px;
	padding:20px;
	margin:-40px;
	float:left;
	}

#headerimg h1, h1 a, h1 a:hover{
	padding:1.1px;
	margin:40px 0 0 30px;
	color:#606139;
	text-decoration:none;
	font-size:20px;
	}

.description {
    width:500px;
	padding:0px;
	margin:5px 0 0 30px;
	color:#B8860B;
	}

#wrapper {
	width: 100%;
	padding:0px;
	margin:0px;
	}

#content {
	float: left;
	width: 685px;
	padding:10px;
	margin:0px;
	}

#sidebar {
	width: 130px;
	float:left;
	padding:0px;
	margin-top:10px;
	overflow:hidden;
	}

#siderail {
	width: 290px;
	float:right;
	padding-top:10px;
	margin-top:0px;
	}

#footer {

	width: 1000px;
	clear: both;
	padding:0px;
	margin:0 auto;
	overflow:hidden;
}

#footer .sub{
	margin:2px;
	background:url(images/bg_nav.gif) repeat-x;
	text-align:center;
	padding:2px;
color:#FFFAF0;
	}

#footer .sub a{
	color:#FFFAF0;
	padding:0px;
	margin:0px;
	}
/*-- adsense container --*/

#link_unit_top_container{
	width:1000px;
	height:20px;
	padding-top:4px;
	margin:0px;
	background:#f7f7f7;
}

#link_unit_top {
	width:728px;
	height:15px;
	padding:0px;
	margin:0 auto;
	}

#link_unit_side_container{
	width:120px;
	padding:0px;
	margin-left:5px;
	margin-top:10px;
	overflow:hidden;
	}

#link_unit_side {
	padding:0px;
	margin-left:6px;
	margin-top:0px;
	overflow:hidden;
	}

#leaderboard_container {
	height:82px;
	margin:0px;
	padding:10px;
	background-color:#334c51;
	}

#leaderboard {
	width:728px;
	height:90px;
	margin:0 auto;
	}
	
#half_banner {
	width:234px;
	margin:0 auto;
	padding:0px;
}

search_container {
	float:right;
	padding:0px;
	margin:0px;
	}
/*-------------Headings-------------*/

h1 {
	padding:0px;
	margin:0px;	
}

h2 {
	padding:0px;
	margin:0px;
	
}

h3 {
	padding:0px;
	margin:0px;
	
}

h4 {
	padding:0px;
	margin:0px;
	
}

h5 {
	padding:0px;
	margin:0px;
	
}

/*-------------The Post-------------*/

#title {
	float:left;
	width:550px;
	padding:0px;
	margin-bottom:10px;
      margin-top:10px;
      color:#be5e20;
	}

#title .post_title {
	padding-left:10px;
	margin:0px;
	float:left;
	color:#62778c;
	font-size:18px;
	text-decoration:none;
	}


.post_title {
	padding-left:10px;
	margin:0px;
	float:left;
	color:#62778c;
	font-size:18px;
	text-decoration:none;
	}	
	
#title .post_title a {	color:#31041a;	text-decoration:none;	}

#title .post_title a:hover {	color:#721b00;	text-decoration:underline;	}

.post h2 {
	padding-left:0px;
	padding-top:0px;
	margin:0px;
	float:left;
	color:#62778c;
	font-size:18px;
	text-decoration:none;
	}

.post h2 a{

	color:#be5e20;

	}
.post {
	padding: 0 110px 20px 15px;
	margin-bottom:20px;
      background:url(images/bg1.gif) repeat-y;
      border: 2px solid #fcffef;
	}

.title_container {
	margin:10px 0px;
	width:556px;
	float:left;
	}

.post .title {
	border-bottom:1px solid #dddbc6;
	padding-bottom:2px;
	margin:0px;
	float:left;
	width:502px;
	font-size:18px;
	}
	
.post a {	color:#488e9c;	text-decoration:none;	}

.post a:hover {	color:#db9f13;	text-decoration:none;	}


.post p {
      color:#911a11;
	padding:0px;
	margin:0px;
	text-align:justify;
	}


.post ul {

}

.post li {

}

.post .entry {
	padding:0px;
	margin:10px 0px;
}

.entrytext .postmetadata {

}

.entry ol li{
color:#fff;

}

.clearr {margin:70px 0 0 0;}
.postmetadata alt {

}

.postmetadata a {

}

.navigation {

}

.alignleft a{
color:#db9f13;
text-align:left;
}

.alignright a{
color:#db9f13;
float:right;
}

.center {

}

.pagetitle {
	padding-bottom:10px;
	color:#fff;
}

blockquote {
	border-left:2px solid #b9b79c;
	padding-left:10px;
}

cite {

}

img {
	float:left;
	margin: 2px 10px 10px 0px;
}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.left, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}

img.right, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}

acronym, abbr {

}



/* -- post info -- */

.post-info {
    color:#999;
    margin-top:3px;
    padding:10px 0;    
    clear:both;
    font-size:0.9em; 
    height:15px;   
	}

.post-info em {
    color:#666;
    font-style:normal;
	}
	
.post-info em.user {
	background:url(images/user.gif) no-repeat left center;
	padding:2px 0 2px 12px;
	}
	
.post-info em.cat {
	background:url(images/category.gif) no-repeat left center;
	padding:2px 0 2px 12px;
	}

.author_post {
color:#959595;
}

.author_post a{
color:#959595;
}

.post-info a:link, .post-info a:visited {
    border:none;
	text-decoration:none;
	color:#666; 	}
	
.post-info a:hover, .post-info a:active {
	color:#bdbdbd;
	text-decoration:underline;
	}

.post-comments 
{
margin-top:3px;
   float:right;
   
}
.post-comments a 
{
   background:url(images/comments-small.gif) no-repeat left center;
   padding-left:12px;
   color:#838e99; }

h2.center{color:#bdbdbd;}

#post_single {
	border-bottom:1px dashed #ccc;
	float:left;
	width:550px;
	padding:10px 0px 5px 0px;
	}

#post_single_title {
	float:left;
	width:85px;
	padding:0px;
	margin:0px;
	}

#post_single_description {
	float:left;
	width:450px;
	padding:0px;
	margin:0px;
	}
/*--------------Sidebar------------*/

#sidebar {
	width:120px;
	padding:0px;
	margin:0px;
	color:#333;
	float:left; list-style-type: none;  
	}

.side-title {
	color:#f1af15;
	font-size:12px;
	}


.side-box {
	padding:0px;
	margin:5px 0px 10px 0px;
	}
	
.side-box li a{color:#fff;}

#sidebar ul {
	list-style: none;
	margin: 0 ;
	padding: 0 ; 
}

#sidebar ul li {

	padding-left: 5px ;
	line-height:18px;
	margin:0px;
	}
	
#sidebar ul li ul li {

	padding-left: 12px ;
}

#sidebar ul ul {
	padding:0px;
	margin:0px;
}

#sidebar ul ul li {
	background-image:none;
}

#sidebar ul ul ul {

}

#sidebar p {

}

#sidebar a {
	color:#e2e1e0;
	text-decoration:underline;

}
#sidebar a:hover {
	color:#e2e2e2;
	text-decoration:none;
}

.pages {margin-bottom:10px;}

#sidebar h2 {
      color:#f1af15;
	font-size:12px;
margin-top:10px;
float:left;

}


/*--------------Comments--------------*/
#respond {
	padding-top:20px;
	margin-top:10px;
	color:#006633;
	}

ol.commentlist {

}

ol.commentlist li {

}

ol.commentlist li.alt {

}

ol.commentlist a {

}

small.commentmetadata {

}
h3#comments {color:#bdbdbd; border-top:1px dotted #bdbdbd;padding-top:5px;}
h3#respond {color:#bdbdbd; margin-bottom:10px;}
/*--------------Search Form-------------*/

.search {
margin: 10px 0 10px 25px;
}

.searchform {
	padding:0px;
	margin:0px;
}

.searchform input {
	border:1px solid #fff;
}

.searchform #s {
	padding:0px;
	margin:0px;
	
}


/*-------------Calendar-----------------*/

.post_date {
	float:left;
	color:#999;
	font:18px Arial Narrrow, Helvetica, sans-serif;
	font-weight:bolder;
	}

#wp-calendar {

}

#wp-calendar th {

}

#wp-calendar a {

}

#prev a, #next a {

}

#wp-calendar caption {

}

.date {
	float:left;
	width:53px;
	height:58px;
	background:url(images/bg_date.jpg) no-repeat;
	padding-left:0px;
	margin-right:10px;
margin-left:-10px;
	}

.date .y {
	text-align:left;
	font:10px bolder Verdana, Arial, Helvetica, sans-serif;
	color:#f1af15;
	font-weight:bold;
	margin-top:-1px;
	padding-left:6px;
	}

.date .d {
	text-align:center;
	font:10px bolder Verdana, Arial, Helvetica, sans-serif;
	color:#f1af15;
	font-weight:bold;
	margin-top:2px;
	}
	
.date .m {
	text-align:center;
	font:11px bolder Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	margin-top:-3px;
	}
	
.date .j {
	text-align:center;
	font:22px bolder Verdana, Arial, Helvetica, sans-serif;
	color:#f1af15;
	font-weight:bold;
	margin-top:1px;
}

.entry img {border:none;}
/*-------------Images------------------*/




/*-------------Other------------------*/


/*-------------SiteNav------------------*/
#sitenav {
	width: 1000px;
	padding:0px 20px 10px 20px;
	margin:0 auto;
	background-color:#2b2b2b;
	overflow:hidden;
	}

#sitenav .title {
	border-bottom:3px solid #999999;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	margin:0px;
	color:#ffc600;
	}
	
#sitenav .box {
	font-size:11px;
	width:200px;
	float:left;
	padding:0px;
	margin:10px 10px 10px 10px;
	}

#sitenav .box ul {
	padding:5px 0px 0px 20px;
	margin:0px;
	}
	
#sitenav .box li {
	list-style-type:square;
	padding:3px 0px 3px 0px;
	border-bottom:1px dashed #666;
	margin:0px;
	color:#ccc;
	}

#sitenav .box li a{
	color:#fffef5;
	text-decoration:none;
	}

#sitenav .box li a:hover{
	color:#fff;
	text-decoration:underline;
	}
	
#sitenav .box2 {
	font-size:11px;
	width:400px;
	float:left;
	padding:0px;
	margin:10px;
	}

#sitenav .box2 ul {
	padding:5px 0px 0px 20px;
	margin:0px;
	}
	
#sitenav .box2 li {
	list-style-type:square;
	padding:3px 0px 3px 0px;
	border-bottom:1px dashed #666;
	margin:0px;
	color:#ccc;
	}

#sitenav .box2 li a{
	color:#fffef5;
	text-decoration:none;
	}

#sitenav .box2 li a:hover{
	color:#fff;
	text-decoration:underline;
	}
.ads img{border:1px solid #fff;}

/*---not required--*/


a { color:#802100; text-decoration:none; }
a:hover { color:#802100; text-decoration:underline; }

	
#skyscraper_top {
	background:url(images/side_box_top.jpg) right top no-repeat;
	color:#fff;
	font-size: 12px;
	font-weight:bold;
	padding:0px;
	margin-top:4px;
	overflow:hidden;
	width: 163px;
	float:right;
	}

#skyscraper {
	float:right;
	width:160px;
	border:0px solid #d8dfe6;
	margin-top:0px;
	padding-top:0px;
	}