@charset "UTF-8";
/* CSS Document */

/* 

Title: Church of Bethel
Designer: Yevgeniy Maytak | genemstudios.com
Website: churchofbethel.com
Date: 02.26.10
Version: 1

*/

body {
	margin:0px;
	padding:0px;
	background-color:#f3f3f3;
}

/* Reset */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
li, dl, dt, dd, form, a, fieldset, input, th, td  
{  
margin: 0; padding: 0; border: 0; outline: none;
font-family:Arial, Helvetica, sans-serif;

}  
  
body  
{  
line-height: 1;  
}  
  
h1, h2, h3, h4, h5, h6  
{  
font-size: 100%;  
padding: .6em 0;  
margin: 0px;  
}  

h1 {
	font-size:24px;
	color:#274d57;
	font-weight:normal;
}

h1 a {
	font-size:34px;
	color:#274d57;
	font-weight:normal;
}

h2 {
	font-size:18px;
	color:#274d57;
	font-weight:normal;
}

h3 {
	font-size:20px;
	color:#f3f3f3;
	font-weight:normal;
}

h4 {
	font-size:18px;
	color:#6f6f6f;
	font-weight:normal;
}

h5 {
	font-size:12px;
	color:#b1b1b1;
	font-weight:normal;
}

p {
	font-size:12px;
	color:#6f6f6f;
}
  
ul, ol  
{  
list-style: none; 
}  
  
a  
{  
color:#274d57;  
text-decoration: none;  
} 
  
.floatLeft  
{  
float: left;  
padding: .5em .5em .5em 0;  
}  
  
.floatRight  
{  
float: right;  
padding: .5em 0 .5em .5em;  
}  


/***************/
/* main styles */
/***************/

.container {
	width:537px;
	margin:0 auto;
	position:relative;
	margin-top:10%; /* 150 px */
}

.listen-container {
	width:537px;
	margin:0 auto;
	position:relative;
	margin-top:20px; /* 150 px */
}

/*****************/
/* header styles */
/*****************/

#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}

#logo img {
	margin-left:20px;
}

#header {
	-webkit-box-shadow: -10px 10px 10px #dfdfdf;
	-moz-box-shadow:-10px 10px 10px #dfdfdf;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

#bg {
	background-color:#fbfbfb;
	min-height:240px;
	margin-top:-44px;
	background-image:url(images/content-gradient-top.png);
	background-repeat:repeat-x;
	
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
}

#bg-listen {
	background-color:#fbfbfb;
	min-height:240px;
	margin-top:-46px;
	background-image:url(images/content-gradient-top.png);
	background-repeat:repeat-x;
	
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
}

#header {
	padding-top:17px;
}

#main .container {
	background-image:url(images/page_top.jpg);
	background-repeat:no-repeat;
	height:105px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}

/*********/
#main .listen-container {
	background-image:url(images/page_top.jpg);
	background-repeat:no-repeat;
	height:105px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}


/*********************/
/* content 01 styles */
/*********************/

#content {
	background-color:#fbfbfb;
}

#text {
	width:480px;
	float:left;
	margin-left:30px;
}

#text p {
	line-height:24px;
}

#text img {
	padding-right:20px;
	padding-bottom:20px;
}

.capital {
	font-size:44px;
	float:left;
	padding-top:12px;
	padding-right:7px;
	color:#274d57;
}

/********************/
/* button styles */
/*******************/

#buttons {
	clear:both;
	padding-top:56px;
	padding-left:124px;
	/*margin-bottom:25%;  not official */
}

#buttons-listen-page {
	clear:both;
	padding-top:45px;
	padding-left:124px;
	/*margin-bottom:25%;  not official */
}

#buttons-download-page {
	clear:both;
	padding-top:83px;
	padding-left:124px;
	/*margin-bottom:25%;  not official */
}

#listen {
	border:none;
	background:url(images/listen-btn.png);
	width:143px;
	height:32px;
	color:#fbfbfb;
}

#listen:hover {
	border:none;
	background:url(images/listen-btn-hover.png);
	width:143px;
	height:32px;
	cursor:pointer;
}

#listen.current {
	border:none;
	background:url(images/listen-btn-hover.png);
	width:143px;
	height:32px;
}


#download {
	border:none;
	background:url(images/download-btn.png);
	width:145px;
	height:32px;
	color:#fbfbfb;
}

#download:hover {
	border:none;
	background:url(images/download-btn-over.png);
	width:145px;
	height:32px;
	cursor:pointer;
}

#download.current {
	border:none;
	background:url(images/download-btn-over.png);
	width:145px;
	height:32px;
}


/*******************************************************/
/*******************************************************/
/*******************************************************/
/*******************************************************/
/*******************************************************/

.entries {
	width:456px;
	margin-left:40px;
	padding-top:10px;
	padding-bottom:15px;
	border-bottom:1px dotted #b2b2b2;
	min-height:106px;
}

.entries img {
	padding-right:20px;
}

.entries h2 {
	padding:0px;
}

.entries h5 {
	padding-top:3px;
	padding-bottom:17px;
}

.entries p {
	line-height:18px;
	min-height:55px; /* not sure why this is needed */
}

/*******************************************************/
/*******************************************************/
/*******************************************************/
/*******************************************************/
/*******************************************************/

#audio {
	width:456px;
}

.down-list {
	width:456px;
	float:left;
	margin-left:40px;
	height:25px;
	background-color:#fbfbfbf;
	clear:both;
	border-bottom:1px dotted #b2b2b2;
	border-top:1px dotted #b2b2b2;
	padding-top:3px;
	margin-top:-1px;
}

.down-list h2 {
	padding:0px;
}

.down-list:hover {
	background-color:#f3f3f3;
	cursor:pointer;
}