/*
Theme Name: AltaVista
Description: Theme for Alta Vista Baptist Church
Version: 1.0
Author: Sum Incorporated (initial design)
*/

@import url("css/smoothness/jquery-ui.css");


* {
	margin:0;
	padding:0;
  /* see  http://www.smashingmagazine.com/2009/09/22/complete-guide-to-css-font-stacks/  */
	font-family: Arial, Helvetica, sans-serif;
}

.nostyle {
	text-decoration:none;
	color:black;
}

body {
	background-color:#1f508e;
	background-image:url('images/bg.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-position:top;
	text-align: center;
}

a img {
	border:none;
}

#wrapper {
	margin:auto;
	width: 962px;
	background-color: #becfe9;
	height: 100%;
}

#header{
	background-color: #FFF;
}

/* roll overs */

div#nav_bar {
	width: 902px;
	float: left;
	background-color:#FFF;
	background-image:url('images/menu_bg.png');
	height:35px;
	padding-left:60px;
	font-family:Arial, Helvetica, sans-serif;
}

div#nav_bar ul {
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	margin: 0px;
}


div#nav_bar ul li {
	float: left;
	line-height: 40px;
}


div#nav_bar ul li a {
	color:#660066;
	text-decoration: none;
	font-size:14px;
	padding:12px 22px;
}

div.tab_content {
	float: left;
	padding-top: 12px;
	height: 26px;
}

div.tab_start, div.tab_end {
	width: 7px;
	float: left;
	height: 38px;
}

div.tab_content a {
	padding-top: 5px;
	font-family: Helvetica, serif;
	font-size: 18px;
	text-decoration: none;
	color: black;
}

div#nav_bar ul li {
	position: relative;
}

div#nav_bar ul li:hover, div#nav_bar ul li.selected {
	background-image:url('images/nav_bg.png');
	background-repeat:repeat-x;
}

div#nav_bar ul li.selected ul li.selected {
	background-image:none;
}

div#nav_bar ul li a {
	background-image:none;
}

div#nav_bar ul li ul li a {
	font-size:12px;
	background-image:none;
}

div#nav_bar ul li:hover div.tab_start, div#nav_bar ul li.selected div.tab_start {
	background: transparent url(images/tab_start.jpg) no-repeat 0 0;
	color: black;
}

div#nav_bar ul li:hover div.tab_content, div#nav_bar ul li.selected div.tab_content {
	background: transparent url(images/tab_repeat.jpg) repeat-x 0 0;
	color: black;	
}

div#nav_bar ul li:hover div.tab_end, div#nav_bar ul li.selected div.tab_end {
	background: transparent url(images/tab_end.jpg) no-repeat 0 0;
	color: black;
}

div#nav_bar ul li ul {
	position: absolute;
	top: 35px;
	padding: 0 160px 13px 12px;
	display: none;
	background: transparent url(images/menu_shadow.png) no-repeat 0 bottom;
	z-index: 100;
	width: 150px;
	left: -13px;
}

div#nav_bar ul li:hover ul {
	display: block;
}

div#nav_bar ul li ul li {	
	width: 296px;
	text-align: left;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted black;
	background-color: white;
	line-height: 20px;
}

div#nav_bar ul li ul li:last-child {
	border-bottom: none;
}

div#nav_bar ul li ul li a {
	text-transform: uppercase;
	text-decoration: none;
	background-image:none;
}


div#nav_bar ul li ul li:hover {
	background-color: #FFCC00;
	background-image:none;
}

div#nav_bar ul li:hover ul li ul, div#nav_bar ul li ul li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 285px;
	z-index: 200;
	width: 294px;
	padding-top: 0px;
}

div#nav_bar ul li ul li:hover ul {
	display: block;
}

/* end rollovers */

#main {
	background-image:url('images/content_bg.jpg');
	background-position:top;
	background-repeat: no-repeat;
	clear:both;
}

#main a, #footer a{
	text-decoration: none;
	border-bottom: dotted 1px blue;
}

#main-left{
	width:580px;
	float:left;
	padding-top:25px;
	padding-left:45px;
	text-align:left;
	clear: both;
}

#main-left img.alignleft {
	margin: 0 15px 15px 0;
	border: 4px solid white; 
}

#main-left img.alignright {
	margin: 0 0 15px 15px;
	border: 4px solid white; 
}

#main-left h1, .mainbucket h4 {

}

#main-left h2, .mainbucket h4 {
	font-size: 1.2em;
	padding: 0 0 10px 0;
}

#main-left h3, .mainbucket h4 {
	color:#606;
	font-size: 1.2em;
}

#main-left h4,.mainbucket h4 {
	background-color: white;
	padding: 10px;
	margin:0 0 20px 0;
	-moz-border-radius: 6px;
}

#main-left p, #main-left ul, #main-left ol,.mainbucket p {
	font-size: 0.9em;
	line-height: 1.3em;
	margin:0 0 15px 0;
}


#main-right{
	float:right;
	padding-right:20px;
	padding-top:15px;
	margin-bottom:30px;
}

div#main-right div p {
	margin-bottom: 20px;
}

.mainbucket {
	float:right;
	clear:right;
	margin-top:15px;
}

.mainbucket p {
	color:white;
	text-align:left;
	padding-left:20px;
	padding-top:70px;
}



#bucket-week {
	width:294px;
	background-image:url('images/bucket_week-trans.png');
	background-repeat:no-repeat;
	background-color:#aac164;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border: 3px solid #576236;
}

#bucket-hope {
	width:294px;
	background-image:url('images/bucket_hope-trans.png');
	background-repeat:no-repeat;
	background-color:#8f498f;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border:3px solid #3e203e;
}

#bucket-worship {
	width:294px;
	background-image:url('images/bucket_worship-trans.png');
	background-repeat:no-repeat;
	background-color:#2d5797;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border: 3px solid #203d69;
	
}

.post-title {
	padding-bottom:15px;
}

.clear {
	clear:both;
}

#footer {
	clear:both;
	background-image:url('images/footer_bg.png');
	background-color:#b6a76c;
	height:198px;
	color:white;
	line-height: 1.2em;
}

.footer-section h2{
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-bottom: 10px;
}

.footer-section {
	text-align: left;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#footer .footer-section a {
 color: #ffffff;
 border-bottom-color: #ffffff;
}


#foot1 {
	float:left;
	padding-left:45px;
	padding-top:25px;
	width:225px;
}

#foot2 {
	float:left;
	padding-left:100px;
	padding-top:25px;
	width:225px;
}

#foot3 {
	float:left;
	padding-left:85px;
	padding-top:25px;
	width:225px;
}

#topfoot {	
	background-repeat:no-repeat;
	height:50px;
	height:160px;
}

#bottomfoot {
	float:left;
	padding-top:12px;
	padding-left:45px;
	font-size:12px;
	clear:both;
}

/* aligns */

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

.aligncenter {
	margin:0 auto;
	}


/* AVBC mods maybe these should go into a separate file eventually */

/* scripture quotations go in a blockquote or paragraph with class="scripture" */
#main-left blockquote.scripture {
 background-color: white;
 padding: 0.5em;
 font-style: italic;
 margin:0 1em 1em 1em;
 -moz-border-radius: 0.39em;
}
#main-left blockquote.scripture p {
margin: 0;  /* remove standard 15pt space below margin in scripture reference*/
}

/* might be useful for images */
.white-border {
 padding: 0.5em;
 margin: 0 auto;
 background-color: white;
 }
/* useful for manually centring paragraphs */
.align-text-center {
 text-align: center;
}

/* links in side buckets are hard to see */
#main .mainbucket a { border-bottom:1px dotted white; }
#main .mainbucket a:link    { color: white }    /* unvisited links */
#main .mainbucket a:visited { color: white }   /* visited links   */
#main .mainbucket a:hover   { color: #white } /* user hovers     */
#main .mainbucket a:active  { color: #white }   /* active links    */
/* how about a fancy styled definition list */
#main-left dl { font-size: 0.85em;}
#main-left dt { font-style: italic; } 
#main-left dd { margin: 0; padding: 0 0 0.5em 0.5em; }
/* font size for tables needs to be smaller*/
#main-left table { font-size: 0.813em;}
#main-left table#sermons {
width: 100%;
border-collapse: collapse;
}
#main-left table#sermons td,#main-left table#sermons th{
border-style: solid;
padding: 0.2em 0.5em;
border-width: 1px;
border-color: #dddddd; 
}
.ui-tabs .ui-tabs-hide {
     display: none;
}


/* remove header for home page */
div#post-55 h3.post-title {
 visibility: hidden;
}
a.pdf { /*The background image*/
	background: url(images/application_pdf-trans.png) no-repeat left center;
	padding-left: 22px;
	line-height: 16px; /* To center the text vertically with the icon */
}

a.mp3 { /* Link to audio */
	background: url(images/audio_mp3-trans.png) no-repeat left center;
	padding-left: 22px;
	line-height: 16px; /* To center the text vertically with the icon */
}

.boxgrid{ 
    width: 250px; 
    height: 200px; 
    margin:10px; 
    float:left; 
    /*background:#161613; */
    border: solid 2px #8399AF; 
    overflow: hidden; 
    position: relative; 
}
.boxgrid img{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    border: 0; 
}
.boxgrid p{ 
    padding: 0 10px; 
    color:#afafaf; 
    font-weight:bold; 
    font:10pt "Lucida Grande", Arial, sans-serif; 
}

.boxcaption{ 
    float: left; 
    position: absolute; 
    background: #000; 
    height: 100px; 
    width: 100%; 
    opacity: .8; 
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
    top: 200px;
    left: 0;
}
.caption .boxcaption {
    top: 160px;
    left: 0;
}