/* $bgContainer, color, Main Background */
/* $bgContainerImage, image, Main Background Texture, /_img/bg_container.png */
/* $bgFooter, color, Footer Background */
/* $linkColor, color, Links */
/* $navText, color, Nav Text */
/* $headingColor, color, Headings */

/* ========== Main Background - blue ===================================== */

#container{
  /* $bgContainer */
  background-color: #cbc9cd;
}

#nav li.current a,
#nav li a:hover{
  /* $bgContainer */
  background: #cbc9cd;
}

/* ========== Main Background Texture ==================================== */

#container{
  /* $bgContainerImage */
  background-image: url(/_img/bg_container.jpg);
}

/* ========== Footer Background - cyan =================================== */

body,
#footer{
  /* $bgFooter */
  background-color: #b6b4b8;
}

body{
  /* $bgFooter */
  border-top-color: #b6b4b8;
}

/* ========== Links - red ================================================ */

a,
#sidebar #subnav li li a{
  /* $linkColor */
  color: #3b343c;
}

#billboard #rotatorbtns a.activeSlide,
.event .month,
#sidebar .minical table td.linked-day,
.minical span,
.minical td.linked-day,
#content table.calendar caption span,
a.blog-comment-number,
form#searchForm a#search_go,
.sermons #pagination a#current,
.sermons #pagination a:hover{
  /* $linkColor */
  background-color: #3b343c;
}

#traildiv ul{
  /* $linkColor */
  border-color: #3b343c;
}

/* ========== Nav Text - yellow ========================================== */

#nav li a{
  /* $navText */
  color: #3b343c;
}

/* ========== Headings - green =========================================== */

h1,
h2,
h3,
h4,
h5,
h6,
#sidebar #subnav li a:hover,
#content table.calendar caption,
.blogs h2 a,
#content .comment .comment-meta span,
#sidebar #subnav li li a:hover,
#sidebar #subnav li li.current > a,
#sidebar .widget h2,
.monkForm legend{
  /* $headingColor */
  color: #781e1e;
}

h1 {
	font-weight:bold;
	font-size:20px;
}

.details h2 {
	font-size:16px;
}

/* -- for the blogs -- */
#content{
  float: left;
  width: 950px;
}
.content {
	width:960px;
}

#content img{
  float: left;
  margin: 0 10px 5px 0;
  border: none;
}

.content-subpage {
	width:625px !important;
	float:left;
}

.event .details{
  width: 210px;
}

.event .details h3 a {
  font-size:16px !important;
}



#mini-cal1 table.calendar td a {
  color:#FFF;
	background-color:#000;
	text-decoration:none;
}
#mini-cal1 table.calendar td.linked-day{
  background: #000000;
}

#mini-cal1 table.calendar td.linked-day > a{
  color: #ffffff;
  font-weight: bold;
}



#mini-cal1 caption, .minical caption {
  color: #8d1d1e !important;
}



/* ------------- rotator 3 css --------------------- */
.billboard {
	overflow:hidden;
	width:635px;
	margin:3px 0px ;
	height:315px;
	position:relative;
	z-index:0;
}

.billboard #rotator {
	height:315px;
	width:635px;
}

.billboard .rotatorbtns {
	position:absolute;
	display:block;
	z-index:2000;
	background:url(/_img/rotator_next_prev-btns.png) no-repeat;
	width:37px;
	height:50px;
	text-indent:-9999em;
	cursor:pointer;
}

.billboard #next {
	background-position:top right;
	top:165px;
	right:20px;
}

.billboard #prev {
	background-position:top left;
	top:165px;
	left:20px;
}


/* ------------- subnav in sidebar ---------------------- */

/* subnav */

#sidebar #subnav{
  margin: 0 0 30px;
}

#sidebar #subnav li{
  font-size: 13px;
  font-weight: bold;
  list-style: none;
}

#sidebar #subnav li a{
	text-decoration:none;
	display:block;
	padding-bottom:8px;
	padding-top:8px;
	border-bottom:1px solid #eeeeee;
	padding-left:10px;
  text-decoration: none;
}

#sidebar #subnav ul{
  margin: 0;
}

#sidebar #subnav li li{
  font-size: 12px;
  font-weight: normal;
}

#sidebar #subnav li li a{
  padding-left: 1em;
  color: #3B343C;
}

#sidebar #subnav li li li a{
  padding-left: 2em;
}

#sidebar #subnav li li li li a{
  padding-left: 3em;
}

#sidebar #subnav li li a:hover{
  background: #eee;
}

#sidebar{
  float: right;
  width: 270px;
  margin: 0 0 0 0;
}

#sidebar #subnav li:first-child a {
	border-top:1px solid #eeeeee;
	font-weight:normal;
}

#sidebar #subnav li:first-child a:hover {
	background: #eee;
}