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

/* Common IItems */
* {margin:0; padding:0;}
.homelink { margin-left:300px; top:10px; width:303px; height:113px;  z-index:-100;}
body {background:#552e6e url(../images/bg.jpg) repeat-x top; font-family:Arial, Helvetica, sans-serif; color:#333; margin:0; }
p {font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#333; line-height:20px;}
h1 {font-size:26px; color:#444;}
h3 {line-height: normal; letter-spacing:-.03em;}
h4 {font-weight:600;}
h5 {line-height: 150%; font-weight:500;}
h7 {line-height: 150%; font-size:15px; font-weight:600; letter-spacing:-.03em;}
a {text-decoration:none; color:#222; outline:none;}
a:hover {color: #999;}
.outercontainer {background: url(../images/outer.jpg) #fff no-repeat; width: 910px;margin:0 auto 35px auto; padding:10px 0 5px 0;}
.sidebar {width:275px; float:left; margin-right:5px;}
.tallline {line-height:150%;}
.listenfeature {margin:0px 0 5px 0; width:275px; float:left;}
.header{clear:both;text-align:right; font:13px Geneva, Arial, Helvetica, sans-serif; color:#552e6e; margin-right:15px; margin-bottom:17px;}
.headerpic{width:900px; height:150px; margin:0 auto }
.textpad {padding: 10px 20px 0 20px; width:570px; margin-bottom:20px;float:left; font-weight:500;}
.content {margin:0 auto ; padding-top:5px; background:#FFFFFF;width:900px;}
.subtext {width:450px; text-align:justify; float:left;}
.bold {font-weight:600;}
.headerbutton {float:right; margin:5px 15px 15px 0;}

/*   Logo   */
#logo {background: transparent; width:303px; height:100px; position:absolute; left:50%; margin-left:-450px; top:0px;}
#logo h1 {text-indent:-9000px; text-decoration:none; font-size:85px; overflow:hidden; }
#logo h1 a {display:block; }

/* Home */
.homeheader { width:900px; height:255px; margin:10px auto -15px auto;}
.bigweekend {width:900px; height:225px; background:url(../images/bg_bigweekend.jpg) no-repeat; margin:0 auto 0 auto;}
.featuredpad {width:910px; height:100%; margin:0 auto;}
.featuredlinkpad {float:left; width:390px; margin:5px 0 5px 5px;}
.featuredlink {width:390px; height:130px; margin: 0 0 5px 0;}
.thisweeksmessage {width:390px; height:130px; margin: 0 0 0 0;}
.featuredcontentpad {width:505px; float:left; margin:5px 0 0 5px;}
.eventpad {margin-left:20px; width:460px; padding-bottom: 15px;}
.featuredcontenttitle { width:485px; height:25px; background:#292929; margin-bottom:15px; padding:3px 0 0 20px;}
.bigweekendpad {width:460px; float:left; margin:20px 180px 0 0; padding-left:20px; }
.bigweekendlinks {width:200px; float:left; margin:20px 0px 0 20px; text-align:right; }
.bigweekendlinks a {color:#482f52;}
.bigweekendlinks a:hover {color:#000;}

/* Coming Up */
.eventthumb {width:50px; height:50px; border:solid 2px #ccc; float:left; margin-right:10px;}
.largethumb {width:150px; height:200px; border:solid 2px #ccc; float:left; margin-right:10px; margin-top:10px; margin-bottom:10px;}
.subgroupevents {width:400px; float:left;}
.invitebutton {width: 86px; height:20px; background:url(../images/invite-button.jpg) no-repeat; }

/* Resources */
.ourresources {margin-left:20px;width:220px; /*float:right;*/}
.resourcepad {width:210px; float:left; margin-right:10px;}
.resourceicon {width:60px; height:60px; float:left; margin-right:10px;}
.resourcelist {width:130px; float:left;}
.adobefox {float:left; width:105px;}

/* Media */
.audio {width:590px; float:left;}
.vid_pics {width: 300px; float:left; margin-bottom:15px; margin-left:10px;}
.media_button {float:left; width:120px; height:30px; margin: 0 10px 0 0;}
.sermoninfo {background: url(../images/audiobg.png) repeat-x bottom; border-bottom:solid 1px #ccc; padding:15px 15px 15px 15px; margin:0px 20px 0 0; width:590px; float:left;}
.podcast {float:left; width:150px; height:53px; margin: 0 20px 0 0;}
#phototop {float:left; width:610px; background: url(../images/bg_phototop.jpg) repeat-x bottom; padding:5px; margin-bottom:5px;}
.photopad {float:left; width:590px; margin-bottom:5px;}

/*   Nav   */
#nav {background: url(../images/bg_nav.gif) repeat-x bottom; height:35px; text-align:center; width:900px; margin:15px auto 0 auto;}
#nav ul {padding:8px 0 0 0;}
#nav li {list-style:none; display:inline; text-transform:uppercase; letter-spacing:-.02em; font-weight:700; padding:0 17px; font-size:14px;}
#nav a {color:#FFF; text-decoration:none; padding:6px; outline:none;}
#nav a:hover {color:#d1f2d0;text-decoration:none; }

/* SUB NAV */
.subnav {width: 275px; padding: 0; background: #333; float:left; margin-bottom:5px; }
.subnav ul {padding:10px 0; width:100%;}
.subnav li {list-style:none; display:block; text-transform:none; letter-spacing:-.02em; font-weight:700; padding:8px 3px; font-size:14px; color:#444; border-bottom: solid 1px #444;}
.subnav a {color:#fff; text-decoration:none; padding:10px 11px;}
.subnav a:hover {color:#999; text-decoration:none; width:100%; }

/* staff */
.staff_info {float: left; white-space:normal; width:135px; }
.staffbox {padding:5px; /*height:145px;*/ width: 290px; line-height:22px; margin:0 5px 5px 0px; float:left; border:1px solid #efefef; background:#fafafa;}
.staffgroup {width: 614px; float:left;}
.staffpic {background:center #e8e8e8; width:125px; height:125px; float:left; margin-right:10px; padding:5px; border:3px solid #f6f6f6;}

/*footer*/
.footer{width:900px; height:160px; background:#585858; margin:0 auto ; padding:10px 0 0 0; color:#e7e7e7; float:none;}
.footerpic {width:100px; height:100px; float:left; background:url(../images/bg_footer.jpg);}
.footerlinks{float:left; text-align:left; font-weight:400; font-family:Arial, Helvetica, sans-serif; padding-left:35px; margin-left:10px; width:200px; line-height:200%; border-left:solid 1px #777;}
.address {margin:10px 10px 0 235px; text-align:right; width:300px; float:left;}
.copyright {float:left; width:460px; margin:0px 20px 20px 430px; text-align:right;}

/*colors*/
.white{color:#fff;}
.lightgreen {color:#6cc06a;}
.darkgrey {color:#444;}
.maroon {color:#570200;}
.black {color:#000;}
.darkorange {color:#d56400;}
.blue {color:#002a59;}
.lightblue {color:#00d2ff;}
.lightgrey {color:#999}
.purple {color:#482f52;}