/*

Theme Name: LivingOS DELTA

Theme URI: http://www.livingos.com/

Description: A church web site theme.

Version: 1.2

Author: Tim Hyde

Author URI:  http://www.livingos.com/



This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5  License

http://creativecommons.org/licenses/by-nc-sa/2.5/

*/



* {

  margin: 0;

  padding: 0;

  border: 0;

}








/*-------body stuff------*/

body {

	margin: 0;

	padding: 0;

	font-family: Tahoma,arial,sans-serif;

	font-size: 75%;	

	line-height: 1.8em;

	color: #434343;

	min-width:900px;

	text-align:center;

	background: #FFFFFF url(images/topbg2.jpg) repeat-x;}
/*	background: #FFFFFF url(images/stainglass_bg1.jpg) repeat-x;}*/


#page {

	text-align: left;

	margin: 0 auto;

	padding: 0;

	width: 940px;

}



#main{

	float:left;

	width:740px;

	padding:0px;

	margin:0px;

	/* background-image: url(images/stdavids-640-soft_wht_crp.jpg);

	background-repeat: no-repeat;

	padding-top: 271px; */

        margin-left: 5px;}



/*----footer-----*/

#footer{

	text-align: center;

	margin: 0 auto;

	padding: 0;

	width: 100%;

	height:44px;

	color: #FFFFFF;

	line-height: 1.0em;

	font-size: 0.8em;

	background-image: url(images/footer.jpg);

	background-repeat: repeat-x;}



/*---------header--------*/

#header {

 	width:910px;

	height:135px;

	padding:0;



	background: url(images/std_wp_logo1a_wht.jpg) no-repeat top left;

        margin-left: 40px;}



#header h1{

	padding-top: 43px;

	padding-left: 90px;

	color: #434343;

	text-decoration: none;

	font: bold italic 2.5em Cambria,Tahoma,arial,sans-serif; }


h1 a{

	color: #434343;

	text-decoration: none;

}

h1 a:hover{

	color: #434343;

text-decoration: none;
}

.description{

	color: #434343;
line-height: 1.2em !important;
/* margin-top: 1px; */
margin-left: 90px;
padding-bottom: 10px;

	text-align: left;

	font: italic 1.2em Tahoma,arial,sans-serif;

}



#page hr {	

	display:none;

}






/*----general----*/

h2 {font: 1.6em Tahoma,arial,sans-serif;

        letter-spacing: 1px;

        margin-top: 0.5em;

	color: #00329b;

}



h2.pagetitle {

color: #464646;

text-align: center;

font-size: 1.8em;

font-weight: medium;

font-variant: small-caps;

}



a.rss {

   background:#EE7700 url(images/rss.gif) no-repeat scroll 3px 50%;

   border:1px solid #CC5500;

   color:#FFFFFF !important;

   line-height:1.8em;

   padding:1px 0.2em 1px 16px;

   text-decoration:none !important;

   vertical-align:-5%;

}



a.rss.small {

   font-size:smaller;

   font-weight:normal;

}



a.rss:hover {

   background-color:#FF9933;

}



.news{

	color: #464646;

margin-bottom: 0.5em;

margin-top: 0em;

text-align: center;

font-size: 1.5em;

font-variant: small-caps;

background-color: #FFFFFF;}

h3, h4 {

	font: 1.2em Tahoma,arial,sans-serif; letter-spacing: 0.8px;

	color: #434343;

        margin-top: 2em;



}

h3.collapser {
   margin-top: 1em;
   color: #9999FF;
}
h3.collapser:hover {
   text-decoration: underline;
   cursor: pointer;
}

div.collapsed {
   border: 1px #454545 dotted;
   padding: 2em;
}

a {color: #6699ff;}

a:hover {color: #aaaaaa;}



h2 a{

	color: #00329b;

	text-decoration: none;}

	

blockquote {

  margin: 1em 2em 1em 3em;



padding: 0.5em;

text-align: center;

background-color: #F1EDC2;

border-right: 4px #454545 double;}



blockquote p {

  margin:0 0 .75em;

  font-style:italic;

  color:#666;

  background: url(images/quote.png) no-repeat right bottom;}



blockquote p em {

  font-style:normal;

  }



/*--------images-----------*/



img {padding: 2px;

border: none;

margin: 5px;}



a img {border: 1px #d3dcc7 solid;}



a:hover img {border: 1px #1f6f78 solid;}



#sidebar-1 a img {border: 0px;}

#sidebar-1 img{border:0px;

padding: 0em;

margin: 0em;

margin-bottom:2px;}

#sidebar-1 a:hover img {border: 0px;}



#links{text-align:right;

margin-top: 20px;

margin-bottom: 20px;}



/* ----- forms ------- */



input, textarea {background: #f8f8f8;

border:1px solid #999;

border-color:#999 #eef #eef #999;

padding:1px;

color: #444;

font: 1.2em Tahoma,arial,sans-serif; letter-spacing: 0.8px;}



input#searchsubmit{display:none;}



input:focus, textarea:focus {background: #ffffff;}



input:hover, textarea:hover {background:#ffffff;

cursor:text;}



input#submit {border: 1px #0f0000 outset;

background-color: #e9e9e9;}



input#submit:hover {cursor: pointer;

background-color: #fafafa;}



input#s {

	width: 90%;

	font-size: 1.4em;

	}



#search_frm{



	margin-top:30px;

	padding-left: 5px;

	padding-right: 5px;

	font-size: 0.8em;

	margin-bottom: 5px;

text-align: center;}





#commentform input {width: 170px;

padding: 2px;

margin: 5px 5px 1px 0;}



#commentform textarea {width: 97%;

padding: 2px;}



#commentform #submit {margin: 0;

float: right;

margin-right: 10px;

margin-top: 10px;}





/*-------layout----*/

#sidebar-1 {

	float:left;

        padding-top: 15px;

	width: 160px;

	display:inline;

        text-align: center;

}

#content {

	float:left;

	width: 540px;

	display:inline;

	margin-bottom: 2em;

	margin-left: 10px;}

	

#sidebar-2{

	float: right;

	width: 220px;

	display:inline;

	text-align: center;

        padding-bottom: 20px;}


.sidebar-2 {
        margin-top: -15px;
        }
.sidebar-2-home {
        margin-top: -270px;
        }

/*---sidebar---*/

#sidebar-2 h3{

	text-align: center;

	background-image: url(images/sbheader.png);

	font-weight: bold;}

#sidebar-1 h3 {
   margin-top: 0;
   text-align: center;
   font-weight: bold;}


#sidebar-2 div{

	margin-bottom: 10px;}

#sidebar-2 ul {

	list-style-type: none;}	

#sidebar-2 ul ul {

	list-style-type: none;}	

#sidebar-1 div.blueback {
   background-color: #DDDDFF;
   border: 1px #bbbbFF dotted;
   padding: 3px;
}

#sidebar-1 div.bisqueback {
   background-color: #FFE4C4;
   border: 1px #B2A089 dotted;
   padding: 3px;
}

#sidebar-1 div.greenback {
   background-color: #BBFFBB;
   border: 1px #99ff99 dotted;
   padding: 3px;
}


.eventssb {

font-family: 'Arial MT Condensed Light',sans-serif;

}



.eventssb li{display:block;

	/* border-bottom: 2px #e8e8e8 dotted; */

	background-color: #FFFFFF;

	/* font-weight: bold; */

	text-align: center;

	/* font-variant: small-caps; */

        }

.eventssb br{

	display: none;}

.eventssb li a{

	margin: 0 auto;

	display:block;

	width:180px;

	background-color: #FFFFFF;

	font-variant: normal;

	text-decoration: none;}

#navbar {

	list-style-type: none;

	margin-left: 5px;

	border-right: 2px #F1EDC2 solid;

	padding-right: 5px;}

#navbar a{

	display: block;

	height:20px;

	line-height: 20px;

	text-decoration: none;

	color: #003333;

	font-size: 1.4em;

	padding-bottom: 5px;

	text-align: right;}

	

#navbar li{

	display:block;}

#navbar ul a{

	padding-left: 5px;}





#navbar a:hover{

	background: url(images/pagemkr.png) no-repeat bottom right;
}

.current_page_item a{

	background: url(images/pagemkron.png) no-repeat bottom right;
}

.current-cat a{

	background: url(images/pagemkron.png) no-repeat bottom right;
}

#navbarchild{

	text-align: right;

/*border-top: 5px #4369b2 solid;*/

margin-top: 1em;}



#navbarchild h3{

	/*background-color: #e3edf9;*/

	text-align: center;

	font-weight: bold;

	font-size: 1em;

	font-variant: small-caps;}

#navbarchild li{

	display: list-item;

	list-style-type: none;}

#navbarchild a{

	height:20px;

	line-height: 20px;

	text-decoration: none;

	color: #0066ff;

	font-size: 1em;

	padding-bottom: 5px;

	text-align: right;}

#navbarchild a:hover{

color: #d1d1d1;}

/*----post nav-----*/

.navigation{height:3em;}

.alignright {float: right;}

.navigation a {

   background-color: #B2A089;

text-decoration: none;

color: #FFFFFF;

font-weight: bold;}

.navigation a:hover {

background-color: #bbbbFF;


text-decoration: none;}

.alignleft {float: left;}

.clear{clear:both;}



/*---welcome---*/

.welcome{

	margin-bottom: 1em;}

.welcome h2{

	font-size: 2em;}

.readmore a{

	display:block;

	padding-right: 18px;

	height:18px;

	line-height:18px;

	text-align: right;

	background: url(images/more.png) no-repeat center right;

border-bottom: 1px #e9e9e9 solid;}



/*---intro text slides on home page-----*/

#IntroSlides{
font-size: 120%;
height:8em;
padding-left:15px;
background: #FFFFFF;
}

.IntroSlidesMain{
font-size: 1.6em;
line-height: 1.6em;
display: none;
background: #FFFFFF;
}

.IntroSlidesSub{
font-size: 1.2em;
display: none;
background: #FFFFFF;
padding-left:15px;
}

.IntroSlidesSubA{
font-size: 1.2em;
display: none;
background: #FFFFFF;
padding-left:30px;
}

/*---posts-----*/

.post{
font-size: 120%;

	padding: 20px 5px 0px 25px;

	border-bottom: 1px #f2f7e3 solid;

	background: url(images/postbg.png) no-repeat top left;}

	

.post .dte{

	text-transform: uppercase;

	font-variant: small-caps;

	color: #87aae2;

	display: block;

}

.post .author{

	font-style: italic;

	color: #868686;

	text-transform: none;

	font-variant: normal;}



.post ul{

	padding-bottom: 0.1em;}

.post li{

	margin-left: 3em;

	list-style-type: disc;}



.post p{

	margin-bottom: 1em;

	margin-left: 0px;

}



.postmetadata{line-height: 1.2em;

font-size: 0.8em;

color: #9e9e9e;

border-top: 1px #f2f7e3 solid;}



/*maps*/

.locationinfo {

		width: 180px;

		line-height: 1.3em;

		text-align: left;

		display: block;

		font-size: 10px;

		}

.locationinfo a {

		color: blue;

}



#map{

	color: black;

}



/*---feeds---*/

.feeds{

	margin-top:10px;

margin-right: 5px;}

.feeds ul{padding:0px;

margin:0px;

}

.feeds li{padding:0px;

margin:0px;}

.feeds li a{

	padding-right:20px;

	background: url(images/feedicon16px.png) no-repeat right center;}

	

/*---archives---*/

.archivemonth{

	float:left;

	width:45%}



.archivesubject{

	float:right;

	width:45%;}

.archive ul{line-height:1.2em;

	margin: 0;

	padding: 0;

	list-style-type: none;

font-size: 1em;}



.archive li {

	margin:0;

	border-bottom: 1px solid #ddd;

list-style-type: none;}

					

.archive li a {



	padding: 0px;

	background: #FFFFFF;

	color: #808080;

	text-decoration: none;

}



.children li{



	margin:0;

	padding:0;

	border: none;

	padding-left: 1em;}

.children li a {

	padding-left:0px;

	}					

.archive li a:hover {

	background: #edf4fa;

	color: #003333;

}





/*---comments----*/

#comments{margin-top:1em;}

#respond{margin-top:1em;}

.commentlist li{

	padding:5px;

	margin:2px;

	list-style-type: none;

	border: 1px #003333 solid;

	background-color: #f2f7e3;}

.commentmetadata{

	font-size: 0.8em;}

cite{

font-weight: bold;

font-style: normal;}

.commentlist p{

font-style: italic;}



.googleads{

	margin-top:10px;

margin-left: 5px;}

.googleadshor{

margin-bottom:20px;

margin-top:20px;

padding:5px;}



.imagefloat

{

float: left;

padding: 3px;

}



		#content ul.cosmos {

			margin: 2em 0;

			list-style: none;

			font-size: 140%;

text-align: center;}

			

		#content li.cosmos {

			display: inline;

			padding: 0;

			margin: 4px;

			line-height: 2em;

			}

		#content li.cosmos a{

			text-decoration: none;

		color: #99cc33;

}

		#content li.cosmos a:hover{

			text-decoration: none;

		color: #003333;}

		#content li.keyword1 { font-size: 0.7em; }

		#content li.keyword2 { font-size: 0.9em; }

		#content li.keyword3 { font-size: 1.0em; }

		#content li.keyword4 { font-size: 1.1em; }

		#content li.keyword5 { font-size: 1.2em; }

		#content li.keyword6 { font-size: 1.3em; }

		#content li.keyword7 { font-size: 1.4em; }

		#content li.keyword8 { font-size: 1.5em; }

		#content li.keyword9 { font-size: 1.6em; }

		#content li.keyword10 { font-size: 1.7em; }

		#content li.keyword11 { font-size: 1.8em; }

		#content li.keyword12 { font-size: 1.9em; }

		#content li.keyword13 { font-size: 2.0em; }

		#content li.keyword14 { font-size: 2.1em; }

		#content li.keyword15 { font-size: 2.2em; }

		

small{

font-size: 0.8em;

color: #999999;}



#events{

	background-color: #f3f3f3;

padding: 1em;

font-size: 1.2em;}

#events li{

	list-style-type: none;

	line-height:30px;

border-bottom: 2px #d7d7d7 dotted;}

#events a{

	

	background-color: #FFFFFF;

	margin-left: 1em;

	}

	

#events br{

	display: none;}



	



#address {

  margin-top:20px;

  margin-bottom:20px;

  text-align: right;

 border-right: 2px #F1EDC2 solid;

	padding-right: 5px;

line-height: 1.2em;

}







/*-------building img overlay------*/

        .container {

            position:relative;

            z-index:1;

            width:600px;

            padding:20px;

            margin:0 auto;

            background:#FAF0D9;

        }



        .container:after {

            content:"";

            display:block;

            clear:both;

            visibility:hidden;

            height:0;

            font-size:0;

        }

        .drop-shadow {

            position:relative;
            float:right;
            /*float:left;

            width:40%;

            padding:1em;*/

            margin:2em 10px 4em;

            background:#fff;

            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

        }



        .drop-shadow:before,

        .drop-shadow:after {

            content:"";

            position:absolute;

            z-index:-2;

        }



        .drop-shadow p {

            font-size:16px;

            font-weight:bold;

        }



        /* Lifted corners */



        .lifted {

            -moz-border-radius:4px;

                 border-radius:4px;

        }



        .lifted:before,

        .lifted:after {

            bottom:15px;

            left:10px;

            width:50%;

            height:20%;

            max-width:300px;

            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);

               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);

                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);

            -webkit-transform:rotate(-3deg);

               -moz-transform:rotate(-3deg);

                -ms-transform:rotate(-3deg);

                 -o-transform:rotate(-3deg);

                    transform:rotate(-3deg);

        }



        .lifted:after {

            right:10px;

            left:auto;

            -webkit-transform:rotate(3deg);

               -moz-transform:rotate(3deg);

                -ms-transform:rotate(3deg);

                 -o-transform:rotate(3deg);

                    transform:rotate(3deg);

        }

        /* Curled corners */



        .curled {

            border:1px solid #efefef;

            -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;

                 border-radius:0 0 120px 120px / 0 0 6px 6px;

        }



        .curled:before,

        .curled:after {

            bottom:12px;

            left:10px;

            width:50%;

            height:55%;

            max-width:200px;

            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);

               -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);

                    box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);

            -webkit-transform:skew(-8deg) rotate(-3deg);

               -moz-transform:skew(-8deg) rotate(-3deg);

                -ms-transform:skew(-8deg) rotate(-3deg);

                 -o-transform:skew(-8deg) rotate(-3deg);

                    transform:skew(-8deg) rotate(-3deg);

        }



        .curled:after {

            right:10px;

            left:auto;

            -webkit-transform:skew(8deg) rotate(3deg);

               -moz-transform:skew(8deg) rotate(3deg);

                -ms-transform:skew(8deg) rotate(3deg);

                 -o-transform:skew(8deg) rotate(3deg);

                    transform:skew(8deg) rotate(3deg);

        }



        /* Perspective */



        .perspective:before {

            left:80px;

            bottom:5px;

            width:50%;

            height:35%;

            max-width:200px;

            -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);

               -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);

                    box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);

            -webkit-transform:skew(50deg);

               -moz-transform:skew(50deg);

                -ms-transform:skew(50deg);

                 -o-transform:skew(50deg);

                    transform:skew(50deg);

            -webkit-transform-origin:0 100%;

               -moz-transform-origin:0 100%;

                -ms-transform-origin:0 100%;

                 -o-transform-origin:0 100%;

                    transform-origin:0 100%;

        }



        .perspective:after {

            display:none;

        }



        /* Raised shadow - no pseudo-elements needed */



        .raised {

            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

               -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

        }



        /* Curved shadows */



        .curved:before {

            top:10px;

            bottom:10px;

            left:0;

            right:50%;

            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);

            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);

            box-shadow:0 0 15px rgba(0,0,0,0.6);

            -moz-border-radius:10px / 100px;

            border-radius:10px / 100px;

        }



        .curved-vt-2:before {

            right:0;

        }



        .curved-hz-1:before {

            top:50%;

            bottom:0;

            left:10px;

            right:10px;

            -moz-border-radius:100px / 10px;

            border-radius:100px / 10px;

        }



        .curved-hz-2:before {

            top:0;

            bottom:0;

            left:10px;

            right:10px;

            -moz-border-radius:100px / 10px;

            border-radius:100px / 10px;

        }



        /* Rotated box */



        .rotated {

            -webkit-box-shadow:none;

               -moz-box-shadow:none;

                    box-shadow:none;

            -webkit-transform:rotate(-3deg);

               -moz-transform:rotate(-3deg);

                -ms-transform:rotate(-3deg);

                 -o-transform:rotate(-3deg);

                    transform:rotate(-3deg);

        }



        .rotated > :first-child:before {

            content:"";

            position:absolute;

            z-index:-1;

            top:0;

            bottom:0;

            left:0;

            right:0;

            background:#fff;

            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

        }



.boxcurl
{

        position: absolute;
        right: 7px;
        top: 7px;

        width: 100%

        padding: 2px;

        margin: 0 auto;

        background-color: #fff;

        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);

        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);

        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);

}

.boxcurl img {
   margin: 3px;
}

.boxcurl:before, .boxcurl:after
{
        position: absolute;
        width: 40%;
        height: 10px;
        content: ' ';
        left: 12px;
        bottom: 12px;
        background: transparent;
        -webkit-transform: skew(-5deg) rotate(-5deg);
        -moz-transform: skew(-5deg) rotate(-5deg);
        -ms-transform: skew(-5deg) rotate(-5deg);
        -o-transform: skew(-5deg) rotate(-5deg);
        transform: skew(-5deg) rotate(-5deg);
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        z-index: -1;
}
.boxcurl:after
{
        left: auto;
        right: 12px;
        -webkit-transform: skew(5deg) rotate(5deg);
        -moz-transform: skew(5deg) rotate(5deg);
        -ms-transform: skew(5deg) rotate(5deg);
        -o-transform: skew(5deg) rotate(5deg);
        transform: skew(5deg) rotate(5deg);
}


.cat_intro p {
   padding: 0 2em;
}

.cat_intro {
   margin: 0px;
   padding: 0px;
}
.cat_intro_head {
   padding: 5px 10px;
   cursor: pointer;
   position: relative;
   /* background-color:#FFCCCC; */
   margin:1px;
}
.cat_intro_body {
   /* padding: 5px 10px 15px;
   background-color:#F4F4F8; */
}