@import url("styles.css");

/* = Xilino Home Page  
---------------------------------------------------------------------
*/

#home #container-inner{
   background: url(../img/layout/bg_home_container-inner.png) no-repeat center top;
}

#home-banner{
   float: left;
   width: 960px;
}

ul#home-rotator{
   position: relative;
   margin: 0;
   padding:0;
   float: left;
   list-style: none;
   z-index: 9999;
   width: 620px;
}

ul#home-rotator img{
   margin: 0;
   padding: 0;
   float: left;
   display: block;
}

#welcome{
   float: left;
   width: 296px;
   padding: 18px 22px;
}

#welcome h2{
   margin-bottom: 8px;
   padding-bottom: 8px;
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   font-weight: normal;
   color: #924a2e;
   font-size: 2em;
   border-bottom: 1px solid #dbd9c2;
}

#welcome p{
   line-height: 1.5;
   font-size: 1.3em;
   color: #908c83;
}

#sunday-strip{
   clear: left;
   float: left;
   width: 960px;
   background: url(../img/layout/bg_sunday-strip.png);
}

#home-latest-sermon{
   clear: left;
   float: left;
   width: 620px;
   position: relative;
   padding-bottom: 11px;
}

#home-latest-sermon h3{
   position: absolute;
   top: -999em;
}

#home-latest-sermon h4{
   float: left;
   display: inline;
   margin: 28px 0 0 17px;
   width: 350px;
   font-size: 1em;
}

#home-latest-sermon h4 a{
   color: #f3f2e9;
   font: normal 2em Georgia, serif;
}

#home-latest-sermon h4 a:hover{
   text-decoration: underline;
}

#home-latest-sermon h4 span{
   color: #8a9f91;
   font-size: 1.2em;
   font-weight: normal;
   margin-left: 5px;
}

#home p#sermon-player{
   position: absolute;
   width: 90px;
   height: 35px;
   top: 14px;
   left: 395px;
}

#home p#sermon-dl{
   position: absolute;
   width: 120px;
   height: 35px;
   top: 14px;
   left: 487px;
}

#home p#sermon-player a,
#home p#sermon-dl a{
   display: block;
   color: #f3f2e9;
   text-transform: uppercase;
   padding: 13px 0 12px 38px;
}

#home p#sermon-player a{
   background: url(../img/layout/bg_home_sermon_buttons.gif) 0 -1px;
}

#home p#sermon-dl a{
   background: url(../img/layout/bg_home_sermon_buttons.gif) -92px -1px;
}

#home p#sermon-player a:hover{
   background-position: 0 -39px;
}

#home p#sermon-dl a:hover{
   background-position: -92px -39px;
}

#sunday-package{
   width: 312px;
   float: left;
   padding: 13px 12px 11px 16px;
}

#sunday-package h3{
   width: 185px;
   height: 35px;
   float: left;
}

#sunday-package h3 a{
   width: 185px;
   height: 35px;
   display: block;
   text-indent: -9999px;
   background: url(../img/layout/vxv_logo.gif) no-repeat 0 0;
}

#sunday-package h3 a:hover{
   background-position: 1px -39px;
}

#sunday-package p#sermon-archive{
   float: right;
}

#sunday-package p#sermon-archive a{
   width: 99px;
   height: 35px;
   display: block;
   text-indent: -9999px;
   background: url(../img/layout/bg_sunday-package_p.gif) no-repeat 0 0;
}

#sunday-package p#sermon-archive a:hover{
   background-position: 0 -38px;
}

#homecontent{
   clear: left;
   float: left;
   width: 960px;
   background: url(../img/layout/bg_homecontent.gif);
}

#home #content{
   float: left;
   width: 574px;
   background: url(../img/layout/bg_home_content.gif) repeat-x top;
   padding: 21px 23px;
   min-height: 363px;
   _height:0;
}

#home-news,
#home-events{
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   position: relative;
}

#home-news{
   float: left;
   width: 570px;
}

#home-events{
   float: right;
   width: 277px;
}

#home #content h3{
   background: url(../img/layout/bg_home_content_h3.gif) repeat-x left bottom;
   font-weight: normal;
   text-transform: uppercase;
   color: #35383d;
   font-size: 1.3em;
   padding-bottom: 7px;
   margin-bottom: 8px;
   font-family: Helvetica, Arial, sans-serif;
}

#home .newsbox{
   margin-bottom: 20px;
}

#home-news p#rss,
#home-events p#cal_link{
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   font-size: 1em;
}

#home-news p#rss a,
#home-events p#cal_link a{
   color: #797b7e;
}

#home-news p#rss a:hover,
#home-events p#cal_link a:hover{
   color: #35383d;
   text-decoration: none;
}

#home-news h4{
   font-size: 1.2em;
   line-height: 1.8;
   font-family: "Lucida Grande", "Lucida Sans", sans-serif;
}

#home .newsbox h4 a,
#home .eventbox h4 a{
   color: #924a2e;
}

#home .newsbox h4 a:hover,
#home .eventbox h4 a:hover{
   text-decoration: underline;
}

#home .newsbox p.posted{
   font-size: .9em;
   text-transform: uppercase;
   color: #797d7f;
}

#home .newsbox p{
   margin: 0;
   font-size: 1.1em;
   line-height: 1.4;
   color: #35383d;
}

#home .newsbox p a.more{
   color: #35383d;
}

#home .newsbox p a.more:hover{
   text-decoration: underline;
}

#home-events p#cal_link a{
   padding-right: 16px;
   background: url(../img/layout/bg_home-events_cal_link.gif) no-repeat right;
}

#home #home-events h3{
   margin-bottom: 0;
}

#home .eventbox{
   padding: 8px 0 10px;
   border-bottom: 1px solid #e8e8e8;
}

#home .eventbox.last{
   border: none;
}

#home .eventbox h4{
   font-size: 1.2em;
   line-height: 1.5;
}

#home .eventbox p{
   margin: 0;
   text-transform: capitalize;
   font-size: 1em;
   line-height: 1.6;
   color: #545044;
   font-weight: bold;
   font-family: "Lucida Grande", "Lucida Sans", sans-serif;
}

#home .eventbox p span.eventTime{
   color: #545044;
}

#home .eventbox p span{
   color: #797d7f;
}

#home #sidebar{
   float: left;
   width: 275px;
   padding: 19px 32px 19px 33px;
   background: url(../img/layout/bg_home_sidebar.gif) no-repeat;
   text-align: center;
}

#sidebar #branchnav ul{
   float: left;
   display: inline;
   width: 273px;
   height: 33px;
   margin-bottom: 20px;
   list-style: none;
   background: url(../img/layout/bg_home_branchnav.gif) no-repeat 0 -34px;
}

#sidebar #branchnav ul li{
   float: left;
   height: 33px;
}

#branchnav ul li#attender{
   width: 135px;
}

#branchnav ul li#im-new{
   width: 138px;
}

#branchnav ul li a{
   text-indent: -9999px;
   display: block;
   height: 33px;
   background: url(../img/layout/bg_home_branchnav.gif) no-repeat 0 -34px;
}

#branchnav ul li#im-new a{
   background-position: -135px -34px;
}

#branchnav ul li#im-new.ui-tabs-selected a{
   background-position: -135px 0;
}

#branchnav ul li#attender.ui-tabs-selected a{
   background-position: 0 0;
}

div.ui-tabs-hide{
   display: none;
}

div#fragment-1,
div#fragment-2{
   width: 275px;
   float: left;
}

#home #sidebar h3 {
   clear: left;
   font-weight: normal;
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   color: #924a2e;
   font-size: 1.6em;
   margin-bottom: 7px;
}
#home #sidebar h3 a{
	color: #924a2e;
}

/* My Comment */

#home #sidebar p{
   font-size: 1.3em;
   line-height: 1.5;
   color: #908c83;
   margin-bottom: 15px;
}

#home #sidebar .go-box{
   width: 275px;
   margin: 0 auto;
   background: url(../img/layout/bg_sidebar_go-box_bottom.gif) no-repeat left bottom;
   text-align: left;
   float: left;
}

#home #sidebar #fragment-2 ul{
   background: url(../img/layout/bg_sidebar_go-box_top.gif) no-repeat left top;
   padding: 15px 18px 10px;
   list-style: none;
   width: 239px;
   float: left;
}

#home #sidebar #fragment-2 ul li{
   font-size: 1.4em;
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   margin: 0 0 5px;
}

#home #sidebar #fragment-2 ul li a{
   color: #924a2e;
   display: block;
   width: 100%;
   line-height: 1.5;
   background: url(../img/layout/bg_sidebar_go-box_li.gif) no-repeat right 4px;
}

#home #sidebar a:hover{
   text-decoration: underline;
}

#home #sidebar #fragment-1 div.home-attender.first{
   background: url(../img/layout/bg_sidebar_go-box_top.gif) no-repeat left top;
   padding-top: 16px;
}

#home #sidebar .home-attender{
   padding: 0 14px 14px;
   float: left;
   width: 247px;
}

#home #sidebar .home-attender p.athumb{
   float: left;
   margin: 0 14px 0 0;
   padding: 0;
}

#home #sidebar .home-attender p.athumb a{
   display: block;
   width: 48px;
   height: 48px;
   background: url(../img/layout/bg_home-attenderimg.gif) no-repeat;
   padding: 3px;
   margin: 0;
}

#home #sidebar .home-attender h4{
   font-weight: normal;
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   font-size: 1.6em;
   margin-bottom: 4px;
   padding-top: 7px;
}

#home #sidebar .home-attender h4 a{
   color: #924a2e;
}

#home #sidebar .home-attender p{
   margin: 0;
}

.threecs {
	text-align: left;
}

.threecs ul li a {
	color: #924a2e;
	font-size: 12px;
	line-height: 20px;
}
.threecs ul {
	margin-bottom: 2em;
}
.threecs ul li{
	list-style-type: none;
	font-size: 12px;
	line-height: 20px;
}
.threecs img{
	margin-bottom: -20px;
}

#welcome p a {

   font-weight: normal;
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
   color: #924a2e;
   font-size: 1em;
   margin-bottom: 7px;
}
#welcome p a:hover {
	text-decoration: underline;
}