/** Common **/
html {background-color:#777; color:#2C2828;}
.yui-ge div.first, .yui-gf .yui-u {width:68%;}
.yui-ge .yui-u, .yui-gf div.first {width:31%;}
#doc4 { -moz-box-shadow: 0px 5px 5px #333; -webkit-box-shadow: 0px 5px 5px #333; box-shadow: 0px 5px 5px #333;}
a {text-decoration:none; color:#095191;}
a:hover{cursor:pointer; text-decoration:underline;}
.info p {margin-bottom:10px;}
.yui-ge div.first { position:relative; }
/** HEADER **/
#hd {padding:15px 10px 10px; background-image: -moz-linear-gradient(top center, #c5c5c5, #fff); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(197,197,197)),color-stop(0.8, rgb(255,255,255))); background-color:#fff;}
#bd {padding:15px 10px; background-image: -moz-linear-gradient(top center, #fff, #f1f1f1); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(255,255,255)),color-stop(0.8, rgb(241,241,241))); background-color:#f1f1f1;}
#hd #chalice {display:block; float:right;margin-top:4px;}
h1 {float:left; padding-left:480px; min-height:132px; background:url('/assets/images/gateway.gif') no-repeat 10px 0; text-indent:-999em;}
.address {float:right; padding:0 100px 0 0; font-size:93%; font-weight:bold; font-family:tahoma, gothic, lucida grande, verdana;}
.address h4 {display:block; margin:10px 0 2px;}

/**  Navigation **/
#primary-navigation {
	margin:0 -1px;
	border:1px solid #f9d7d3; 
	border-width: 1px 0;
	border-bottom:#c42d2d;
	padding:25px 10px 0;
	background-image: -moz-linear-gradient(top center, #6a251e,  #C42D2D); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(106,37,30)),color-stop(0.8, rgb(196,45,45))); background-color:#6a251e; 
	}
#primary-navigation li {
	float:left; border:1px solid #f9d7d3; padding:5px 5px 8px; border-bottom:0; margin-bottom:0px; 
	background-image: -moz-linear-gradient(top center, #C42D2D,  #6a251e); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(196,45,45)),color-stop(0.8, rgb(106,37,30))); background-color:#6A251E; 
	-webkit-border-top-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius:3px 3px 0 0; 
	border-radius:3px 3px 0 0;
	border-width:1px 1px 1px 0;
	font-family:lucida grande,verdana,helvetica,arial;
	font-size:93%;
	}

.home #primary-navigation li.home,
.home2 #primary-navigation li.home,
.about #primary-navigation li.about,
.guests #primary-navigation li.guests,
.disciples #primary-navigation li.disciples,
.whats-happening #primary-navigation li.whats-happening,
.archives #primary-navigation li.archives,
.contact #primary-navigation li.contact,
.youth #primary-navigation li.youth
{margin-top:-3px; margin-left:-1px; padding-bottom:11px; border-width:1px 1px 0 1px; margin-bottom:-1px;  background-image: -moz-linear-gradient(top center, #c5c5c5, #fff); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(197,197,197)),color-stop(0.8, rgb(255,255,255))); background-color:#fff;}
.home #primary-navigation li.home a,
.home2 #primary-navigation li.home a,
.about #primary-navigation li.about a,
.guests #primary-navigation li.guests a,
.disciples #primary-navigation li.disciples a,
.whats-happening #primary-navigation li.whats-happening a,
.archives #primary-navigation li.archives a,
.contact #primary-navigation li.contact a,
.youth #primary-navigation li.youth a {color:#2C2828; font-weight:bold;}

#primary-navigation a {color:#fefefe; }
#primary-navigation > li:first-child {margin-left:0; border-left:1px solid #f9d7d3;}

#ss-holder img {border:1px solid #852823;}

/** MODULE **/
.mod h3,h3, .yui-u.first h4 { margin-bottom:10px; border-bottom:1px solid #852823; font-size:113%; font-weight:bold; font-family:tahoma,gothic,lucida grande,verdana; color:#852823;}
.mod { margin-bottom:10px;}
.yui-u.first h4 { border-bottom:none;}

.media {float:left; padding-right:10px;}
.media2 {float:right; padding-left:10px;}
.media img {display:block;}


/** LISTS **/
.list li { margin-bottom:3px; }
.list1 li { }
.list2 li {margin-bottom:5px; border-bottom:1px solid #666; padding:0 5px 5px; text-align:left;}

/** Social MODULE **/
.tweet { padding:2px; background-color:#852823; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  }
.tweet ul {max-height:400px; margin-right:2px; padding:0; overflow:auto; background-color:#fefefe;}
.tweet li {margin-bottom:0; border-bottom:1px solid #f2a9a9; padding-top:5px; padding-right:15px;}
.tweet li:nth-child(odd) {background-color:#f6f6f6;}
.tweet li img {float:left;}
.tweet li div {padding-left:55px;}
.tweet .twitter {background:url(/assets/images/twitter.png)no-repeat 99% center;}
.tweet .flickr  {background:url(/assets/images/flickr.png)no-repeat 99% center;}
.tweet cite {display:inline; padding-left:5px; font-size:85%;}

#social-legend {margin-bottom:3px;}
#social-legend li {height:16px font-size:85%; font-weight:bold; padding-left:21px; float:left; margin-right:10px;}
#twitter-legend {background:url(/assets/images/twitter.png)no-repeat top left;}
#flickr-legend {background:url(/assets/images/flickr.png)no-repeat top left;}

/** Verse of the day **/
.vod h5 {font-size:113%; padding-bottom:5px; font-weight:bold; font-family:tahoma,gothic,lucida grande,verdana; color:#852823;}
.vod {border:1px solid #852823; border-width:10px 0 0; padding:10px; background-color:#f1f1f1; font-family:georgia;}
.vod cite {color:#666;}
.vod cite span {padding-left:10px; font-size:77%;}

#ft {padding:25px 0 10px; background-image: -moz-linear-gradient(top center, #C42D2D,  #6a251e); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(196,45,45)),color-stop(0.8, rgb(106,37,30))); background-color:#6A251E; }
#ft ul {padding-left:10%;}
#ft .nav li {float:left; border-left:1px solid #f9d7d3; border-width:0 0 0 1px;}
#ft .nav > li:first-child { border-width:0;}
#ft li a {color:#DCDCDC;}

.sermon h2 {font-family:Georgia,Times,serif; color:#852823; font-size:175%;}
.sermon cite.date {color:#666666; font-size:85%;}
.sermon .yui-u.first h3 {border:none; margin:10px 0;}
.sermon h2 {clear:both;}
.sermon p {margin:5px 0; font-size:105%;}
.sermon ol {padding:5px;}
.sermon ol li {padding-left:10px; margin-bottom:10px; list-style-type:decimal; list-style-position:inside; font-size:105%;}
.sermon #bd a {text-decoration:none;}
.sermon #bd a:hover {text-decoration:underline; cursor:pointer}
.sermon .yui-ge>blockquote {padding-left:10px; text-align:justify; font-size:105%;}
.sermon #bd .fb-recommend-top {position:absolute; top:5px; right:5px;}
.sermon #bd .fb_iframe_widget {float:right;}

#sermon-directory-listing h4 {padding:2px; 0; font-weight:bold; background-color:none; border-top:1px solid #F2A9A9;}
#sermon-directory-listing h4.year {padding-bottom:2px; padding-left:5px; border:none; font-size:105%;}
#sermon-directory-listing h4.month {padding-left:10px; color:#852823;}
#sermon-directory-listing h4.open, #sermon-directory-listing h4.year { background-color:#852823; color:#fefefe;}
#sermon-directory-listing h4.month:hover {background-color:#852823; opacity:.8; color:#fefefe; cursor:pointer; }
#sermon-directory-listing ul {display:none; background-color:#E3E3E3; padding:5px 0; }
#sermon-directory-listing ul.open {display:block; background-color:#F1F1F1;}
#sermon-directory-listing li { padding:2px 0;}
#sermon-directory-listing li a {display:block; padding-left:10px;}
#bd #sermon-directory-listing li a:hover {display:block; text-decoration:none; background-color:#d3d3d3; 	
	-moz-box-shadow: 0px 0 5px #852825;
	-webkit-box-shadow: 0px 0 5px #852825;
	box-shadow: 0px 0 5px #852825;}

/** Table styles **/
.yui-skin-sam tr.yui-dt-even {background-color:#fefefe;}
.yui-skin-sam tr.yui-dt-odd {background-color:#dcdcdc;}
#basic tbody { -moz-box-shadow: 0px 5px 5px #333; -webkit-box-shadow: 0px 5px 5px #333; box-shadow: 0px 5px 5px #333; }

/** contact page **/
#google-map { margin-top:10px; -moz-box-shadow: 0px 5px 5px #333; -webkit-box-shadow: 0px 5px 5px #333; box-shadow: 0px 5px 5px #333;} 
#primary-navigation .networkinghead {float:right;}
#primary-navigation .networkinghead li {float:left; width:16px; height:16px; margin:5px 5px 0 0; border:none; padding:0;}
#primary-navigation .networkinghead .facebook { background:transparent url(/assets/images/facebook_16x16.png)no-repeat 0 0;}
#primary-navigation .networkinghead .twitter {background:transparent url(/assets/images/twitter.png)no-repeat 0 0;}
#primary-navigation .networkinghead a {display:block; text-indent:-9999em;}

/** TABLET STYLES **/

/* Portrait */
@media screen and (orientation:portrait) {
    #doc4,.yui-ge div.first, .yui-gf .yui-u,.yui-ge .yui-u, .yui-gf div.first  {width:100%;}    
    .yui-u.first { float:none;}
    .yui-u + .yui-u, .mod h4 { clear:both; width:100%; margin-left:auto;margin-right:auto;}
}
/* Landscape */
@media screen and (orientation:landscape) {
}

#scrollview-container { position:relative; overflow:hidden; width:100%;}

.dots {
    position:absolute;
    bottom:10%;
    left:45%;
}
.dots span   {  
    width:1px;
    float:left;
    margin:6px 5px 0;
    border:4px solid #7e7e7e; 
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}
.dots .selected {
    border-color:#ccc;
}

#scrollview-content img {
    margin:0;
    border:0;
    padding:0;
    width: 648px;
}

#scrollview, #scrollview-container { margin:0; border:0; }

.triangle {
    display:none;
    width:0;
    height:0;
    border-color:transparent transparent transparent #fff;
    border-width:5px;
    border-style:solid;    
    text-indent:-9999em;
    position:absolute;
    right:0;
    top:0;
}

#scrollview-next {
    right:-10px;
    top:35%;
    border-color:transparent transparent transparent #ccc;
    border-width:30px;
    opacity:.8;
}

#scrollview-prev {
    left:-10px;
    top:35%;
    border-color:transparent #ccc transparent transparent;
    border-width:30px;
    opacity:.8;
}

#scrollview-container:hover .triangle {display:block;}

#scrollview-container {
    position:relative;
}

.x {
    height:10px;
    width:10px;zoom:1;
}

.x .x1, .x .x2{
    origin-transform:50% 0; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0;
    transform: rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);
    height:1px;
    background:#000;
}
.x .x2 {
    origin-transform:50% 0%; -webkit-transform-origin:50% 0%; -moz-transform-origin:50% 0%;
    transform: rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg);
}

/** smart phones **/
@media only screen and (max-device-width: 480px) {
    #doc4 {-moz-box-shadow:0px; -webkit-box-shadow:0px; box-shadow:0px;}
	html,body,#doc4,.yui-ge div.first, .yui-gf .yui-u,.yui-ge .yui-u, .yui-gf div.first  {width:100%; margin:0; padding:0;}
    h1 {float:left; padding-left:275px; min-height:132px; background:url('/assets/images/gateway-smartphone.gif') no-repeat 0 0; text-indent:-999em;}
	.yui-ge .yui-u, #hd .address {clear:both; float:none;}
	#primary-navigation li { width:100%;}
	#primary-navigation li a {display:block;padding:20px 0;}
	#primary-navigation .networkinghead {margin-bottom:15px;}
	#primary-navigation .networkinghead, #primary-navigation .networkinghead li{ float:none; clear:both; }
	#primary-navigation .networkinghead li {height: auto; width:auto; padding-left: 0px; }
	#primary-navigation .networkinghead a { display:block; padding:15px 0 15px 10px; text-indent:0;}
	.mod { margin-bottom:20px;}
	
    #scrollview-content img {
        width: 320px;
    }
}

/** CLEARFIX **/

.sermon #bd .fb_iframe_widget:after,
.networkinghead:after,
#social-legend:after,
.tweet li:after,
#ft ul:after,
.address:after,
#primary-navigation:after,
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.sermon #bd .fb_iframe_widget,
.networkinghead,
#social-legend,
.tweet li,
#ft ul,
.address,
#primary-navigation,
.clearfix {
zoom: 1;  
}