/*
Theme Name: FresnoFirst
Theme URI: http://floodgateproductions.com
Description: Custom theme developed for Fresno First Baptist Church by Floodgate Productions
Version: 1.0
Author: Floodgate Productions
Author URI: http://floodgateproductions.com
Tags: church, custom
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*** LAYOUT ***/

body {
   background:#5b778b url(images/bg_top_repeat-trans.jpg) repeat-x;
   font-family: Helvetica, Helten, arial, sans-serif;
}

a {
   text-decoration: none;
}

#container {
   margin:0px auto; 
   width: 900px;
   background:#;
}

#header {
   background: url(images/header_bg.jpg) no-repeat;
   height:162px;
} 

#search {
   float: right;
   padding: 20px 50px 50px 50px;
}

#social-icons {
   padding: 10px 0px 0px 155px;
}

#navigation {
   padding: 150px 60px 0px 60px;
}


#navigation a {
   font-family: Helvetica, arial, sans-serf;
   text-decoration: none;
}


#im_new_button {
   background: #c88330;
}

#im_new_menu {
   background: #c88330;
}

#top_curve {
   background:url(images/top_curve.png) no-repeat;
   height: 148px;
   width: 900px;
   z-index:-1;
   _margin-top: -25px;
}

#main_content_container {
   padding: 0px 10px 10px 10px;
   background:#FFF;
   width: 830px;
   margin-left: 25px;
   margin-top: -110px;
}

.main_content {
   float:left;
   width:545px;
}

.post td {
    padding: 0px 10px 15px 10px;
    vertical-align: top;
    text-align: top;
}

.post td img {
    vertical-align: top;
    border: 0px solid #444f58;
}

.main_content .post td p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    line-height: 16px;
}

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

#sidebar_content {
   padding: 20px;
   color: #FFFFFF;
   background: #444f58 url(images/sidebar_top.jpg) no-repeat;
   margin-bottom: 10px;
}

#sidebar_content ul {
   padding:0px 0px 20px 0px;
}

#home_top_left {
   width: 270px;
   height: 332px;
   float: left;
}

#services {
   width: 270px;
   height: 193px;
   background: url(images/worship_services_times.jpg);
}

#broadcast {
   width: 270px;
   height: 76px;
   background: url(images/worship_services_broadcast.jpg);
}

#podcast {
   width: 270px;
   height: 63px;
   background: url(images/worship_services_podcast.jpg);
}

#home_top_main {
   width: 548px;
   height: 336px;
   float: left;
   background: url(images/homepic_bg.jpg);
   margin-left: 10px;
   _margin-left: 0px;
}

#home_update {
   width: 270px;
   height: 208px;
   background: url(images/home_update.jpg);
   margin-top:10px;
   float: left;
   _margin-top:0px;
}

#home_message {
   width: 548px;
   height: 208px;
   background: url(images/home_message.jpg);
   margin-top:10px;
   margin-left:10px;
   float: left;
   _margin-top:0px;
}

#message_box {
   padding: 20px 0px 0px 25px;
}

.small_head {
   font-size: 24px;
   color: #404950;
}

#message {
   font-size: 40px;
   color: #404950;
   font-weight: bold;
}


.small_text {
   font-size: 16px;
   color: #404950;
}

.smaller_text {
   font-size: 14px;
   color: #687075;
   padding: 0px 15px 15px 15px;
}

.btm_box {
   font-size: 24px;
   color: #687075;
   padding: 15px 15px 8px 15px;
}

#home_bottom_left {
   width: 270px;
   height: 126px;
   min-height: 126px;
   background: url(images/bluefade.jpg) no-repeat;
   float: left;
   margin:10px 10px 0px 0px;
}

#home_bottom_middle {
   width: 270px;
   height: 126px;
   min-height: 126px;
   background: url(images/bluefade.jpg) no-repeat;
   float: left;
   margin:10px 10px 0px 0px;
}

#home_bottom_right {
   width: 270px;
   height: 126px;
   min-height: 126px;
   background: url(images/bluefade.jpg) no-repeat;
   float: left;
   margin:10px 0px 0px 0px;
}


.clear{
   clear:both;
}


.edit {
   margin-top:40px;
}

#bottom_curve {
   background:url(images/bottom_curve.png) no-repeat;
   height: 188px;
   width: 900px;
   margin-top: -130px;
}

#footer {
   color: #d6d6d6;
   font-size:14px;
   text-align: center;
   padding-bottom: 30px;
}

#footer a {
   color: #FFFFFF;
   text-decoration: none;
}


/*** TYPOGRAPHY ***/

.main_content {
   font-size: 14px;
}

.main_content a {
   color: #3b6582;
}

#sidebar a {
   color: #d3dde7;
}

#sidebar {
   font-size: 14px;
   line-height: 18px;
}

#sidebar h2 {
   font-size: 24px;
   padding-bottom: 1px;
   line-height: 28px;
   border-bottom: 1px solid;
   margin-bottom: 8px;
}

#sidebar ul li ul li {
   line-height: 24px;
   font-size: 18px;
   list-style-image:url(images/line.jpg);
   list-style-position:outside;
   list-style-type:none;
   padding: 0px 0px 5px 0px;
   margin: 0px 0px 0px 10px;
}

.main_content p {
   padding: 0px 0px 20px 0px;
   line-height: 20px;
}

.main_content h2 {
   font-size: 40px;
   padding: 0px 0px 10px 0px;
   margin-bottom: 15px;
   color: #404950;
   font-weight: bold;
}

.main_content h3 {
   font-size: 24px;
   padding: 0px 0px 5px 0px;
   line-height: 26px;
   color: #404950;
   font-weight: bold;
   text-transform: uppercase;
}

.main_content h4 {
   font-size: 20px;
   padding: 0px 0px 5px 0px;
   line-height: 18px;
   color: #555;
   font-style: italic;
}

.main_content ul li{
   line-height: 18px;
   list-style-image:url(images/line.jpg);
   list-style-position:inside;
   list-style-type:none;
   padding: 0px 0px 5px 0px;
}

.page_title {
   background: url(images/page_title_bg.jpg)no-repeat;
   padding: 10px 10px 0px 10px;
   margin-bottom: 10px;
}

#calendar {
   border: 1px solid #999;
   margin-bottom: 24px;
   padding: 15px;
}

#event_list{
   margin-top: 2px;
   border-top: 1px solid #999;
   padding-top: 14px;
}

#event_list li{
   margin-bottom: 14px;
}

.days-names {
   font-weight: bold;
   background: #ccc;
   border: 1px solid #FFFFFF;
}

.podcast-filter {
   margin: 10px 0px 20px 0px;
   padding: 10px;
   background: #C6DAE9;
   color: #FFF;
}

.pp_element {
   float: left;
   padding: 5px 10px 10px 10px;
   valign: center;
   height: 30px;
   line-height: 30px;
}

.pp_rightfloater {
   float: right;
   padding-top: 5px;
}

.pp_row {
   width: 530px;
   float: left;
}

.paypal_section {
   background: #cedfe5;
   padding: 10px;
   border: 1px solid #96a5aa;
   float: left;
}

.directions {
   width: 400px;
   height: 30px;
   padding-top: 190px;
}

#home_top_main .widget_smoothgallery {
   padding: 75px 0px 0px 182px;
}