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

@charset "UTF-8";

/* CSS Style
   Author: Edwin Flores
   E-mail: eofs78@gmail.com */


@import url("{path="styles/nav_bar"}");
@import url("highlight_table.css");




/* Resetting of element defaults to avoid cross-browser incompatibilities */
html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, 
sub, sup, tt, var, dd, dl, dt, li, ol, ul , 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
}


*{margin: 0; padding: 0; }


html, body {
	margin: 0;
	padding: 0 ;
	text-align:center;/*Centers the design in old IE versions*/
	} 


table, tbody, tfoot, thead, tr, th, td {
	border: 0px;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:76.5%;
	text-align: left;
	color: #FFF;
	background: #000000 url(http://www.linknow.org/images/bk.jpg) no-repeat top center;

	line-height: 1.5em;
}

/*HTML Tags */

a {margin:0; padding:0;
	cursor: pointer;
	text-decoration: none;
	outline:none;
}

img {
	border: none;
	}

h1{
	color: #FFFFFF;
	font-family: arial,sans-serif;
	font-size: 2em;
	letter-spacing: -1px;
	margin:0px 0px 20px 10px;
	font-weight:normal;
	padding-left:10px;
	background: #000000 url(http://www.linknow.org/images/bk_h1.jpg) no-repeat left bottom;
	}

h2 {
	font-size: 2em;
	font-weight:normal;
	color:#5d5e5f;
	letter-spacing: -1px;
        margin:10px;
       padding-bottom:10px;
text-align:left;
}

h2.all{
	font-size: 16px;

	background-color:#c8c8c8;
	height: 30px;
	padding: 12px 0 0 5px;
	color: #333333;
	font-weight: normal;

}


h3 {
	font-size: 2.0em;
	font-weight:normal;
	color:#76a3a5;
	letter-spacing: -1px;
       padding:10px;
margin-bottom:10px;
}

h4 {
	font-size: 1.3em;
	font-weight:normal;
	color:#76a3a5;
	letter-spacing: -1px;
       padding:10px;
margin-bottom:10px;
}
	
ul  {
      list-style-position:inside;
      list-style: none;

     margin-bottom:6px;
}

/* ---------------- Links * ------------------------ */
a:link {color:#84796C;
	text-decoration:none;
}

a:visited {color:#84796C;
	text-decoration:none;
}
a:active {color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
color: #d38262;
}





/*Structural Elements */
#container {
	position:relative;
	margin: 0 auto;
	width:928px;
	background-color:#000000;

	}

#header{
	position:relative;
	width: 100%;
background: transparent url(http://www.linknow.org/images/bk_header.png) no-repeat top center;
margin-bottom:10px;
}



#wrapper{
	position:relative;
	margin: 0 auto;
	width: 918px;
	text-align:center; 

}


#wrapperHome{
	position:relative;
	margin: 0 auto;
	width: 928px;
	text-align:center; 

}


#innerWrapper{
	width:914px;
	margin: 0 auto;
	background: transparent url(http://www.linknow.org/images/bk_connect.jpg) no-repeat top center;
	overflow-x: hidden;
	overflow-y: hidden
	}

#innerWrapper h1{ 
	background:none;	
}

#innerWrapperConnect{
	width:914px;
	margin: 0 auto;
	overflow-x: hidden;
	overflow-y: hidden
	}

#content{
	float:left;
	width:640px;



}

#sidebar{
	float: right;
	width: 260px;
	margin-right:8px;
	
text-align:left;
	font-weight: normal;

}

#sidebar img{margin-bottom:16px;}

#sidebar ul{
	padding:10px 0;
border-bottom: solid 1px #28292c;
	}

#credits{
	clear:both;
	height:46px;
	background-color:#000000;
	color:#CCCCCC;
	}


#footer{
	position:relative;
	clear: both;
	height:100px;
	background: #000000 url(http://www.linknow.org/images/bk_footer.jpg) no-repeat top center;
	}


.footer_contact, .footer_author, .footer_clc {
	position:absolute;
	font-size:88%;
	color:#999999;
	}

.footer_contact{
	top:50px;
	left:40px
}

.footer_author{
	color:#666666;
	top:50px;
	left:740px;
	}

.footer_clc{
	top:50px;
	left:380px;
	}
	
.footer_contact a:hover, .footer_author a:hover, .footer_clc a:hover{
	color:#FFFFFF;
	background-color:transparent;
	text-decoration:underline;
	}
	
#footer span{
	padding-left:15px;}


/* ----------------- Two columns home ----------------- */

#full2colWrapper{
	position:relative;
	width:100%;
	height:100%;
	
	}

#full2colLeft{
	float:left;
	width:50%;
	}

#ful2colRight{
	float:right;
	width:50%;
	}



/* columns style */
#contentwrapper{   /*Will enclose the columns */
	margin:0 auto;
	float: left;
	width: 100%;
	}


#contentcolumn{   /*Middle Column goes first to make it SEO  */
	margin: 0 280px 0 280px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	text-align:center;
	background: transparent url(http://www.linknow.org/images/bg_linkcast.jpg) no-repeat top center;
min-height:240px;
		}

#leftcolumn{
	float: left;
	width: 280px;
	margin-left: -918px;
	text-align:center;
	}

#rightcolumn{
	float: left;
	width: 280px; /*Width of right column*/
	margin-left: -280px; /*Set left margin to -(RightColumnWidth)*/
	text-align:center;
	
	}
	

/* ----------------- Linkcast Home ----------------- */

#linkcast{
	margin:0 auto;
	position:relative;
	width:300px;
	padding-top:20px;
text-align:center;
color:#84796c;
	}

#linkcast a:hover{
border:none;
}

	

/* ----------------- Latest Message ----------------- */


#latestmessage{
	margin:0 auto;
	position:relative;
	background: transparent url(http://www.linknow.org/images/lm_icon.jpg) no-repeat top center;
	width: 100%;
	height: 240px;
	}
	
#latestmessage p{
	position:absolute;
	left:43px;
	top:92px;
	color:#999999;
	font-size:0.9em;
	height: 124px;
	width: 222px;
	}
	
.play {
	position:absolute;
	top:149px;
	left:116px;
	background-image: url(http://www.linknow.org/images/play_up.jpg);
	background-repeat: no-repeat;
	height: 63px;
	width: 62px;
}

.play a{
background-image: url(http://www.linknow.org/images/play_down.jpg);
background-repeat: no-repeat;
height: 63px;
width: 62px;
display: block;
}

.play a:hover{
background: none;
}

.more{
	position:absolute;
	top:220px;
	left:157px;
	height:20px;
	width:115px;
	font-size:9px;
}


/* ----------------- FACEBOOK ----------------- */

#follow{
	position:relative;
	width:900px;
	height:310px;
	background: transparent url(../images/facebookbanner.jpg) no-repeat 0 0;
	}
	

#facebook{
	position:absolute;
	width:246px;
	height:96px;
	left:24px;
	top:128px;
	}
#twitter{
	position:absolute;
	width:207px;
	height:193px;
	top:109px;
	left:410px;
	text-align:left;
}

#twitter li, li a:link{
	list-style-type:square;
	padding-left:10px;
	font-size:12px;
	color:#FFFFFF;
	}
	

/* ----------------- get involved ----------------- */


#getinvolved{
	position:relative;
	width:100%;
	background: transparent url(http://www.linknow.org/images/get_involved.jpg) no-repeat top center;
	height:86px;
	}

#getinvolved p{
	position:absolute;
	top:56px;
	left:55px;
	color:#84796C;
	font-size:1.24em;
	}

#getinvolved span {
	padding-left:50px;}

#getinvolved p a:hover{
	color:#FFFFFF;
	background-color:#000000;
	}

/* ----------------- Staff ----------------- */


#box_staff{
         width:612px;
	margin:0 auto;
	color:#605343;
	text-align:left;
}


.staff_pic{
	float:left;
	text-align:center;
	width:30%;
	padding-top:6px;
	}
	
.staff_bio{
	float:right;
	width:62%;
         padding-top:6px;

	}
	
	
	/* ----------------- 2 columns ----------------- */

	

.2columns {
        position:relative;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
        width:80%;
}


.side-a {
	float: left;
	display:block;
	width: 44%;
	margin-top:20px;
}

.side-b { 
	
	margin: 0;
	display:block;
	float: left;
	width: 50%;
	margin-top:20px;
	border-left: #333 solid 1px;
	padding-left:10px;
}


.side-b p{ 
	padding:5px 0px;
}
	
	
	/* ----------------- Random Joe ----------------- */

	

.randoJoColumns {
position:relative;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 96%;
	display:block;
}


.random-a {
	float: left;
	display:block;
	width: 30%;
	margin-top:20px;
}

.random-b { 
	margin: 0;
	display:block;
	float: left;
	width: 68%;
	height: 1%; /* Holly hack for Peekaboo Bug */
	margin-top:20px;
	padding-left:10px;

}


.random-b li	{ 
	list-style:decimal;
	padding:5px 0px;
	line-height:18px;
	color:#999999;
	margin-left:15px;
}
random-b li{
	padding-left:10px;}

.random{	
	color:#605343;
	padding-left:5px;
}


	/* ----------------- Linkcast ----------------- */
	
#cast{
	background: #000 url(http://www.linknow.org/images/bk_linkcast.jpg) no-repeat top center;
	padding: 70px 150px 20px 150px;
	min-height:405px;
	width:900px;    /*Hack of Box Model for IE5 */
	voice-family: "\"}\" ";
	voice-family: inherit;
	width:600px;
       color:#ccc;


}
html>body #cast{
	width:600px;   /* Opera fix */
	}


		/* ----------------- Series ----------------- */

#upseries{
        width:700px;
	margin:40px auto;
        border-top: #c8c8c8 dashed 1px;
        border-bottom: #c8c8c8 solid 2px;
        padding: 16px 14px;
	text-align:left;
	color:#c8c8c8;
	line-height: 2em;
}

#upseries li{
      margin-left:30px;
      font-size:1.2em;
      list-style-type:square;
}

/*Classes*/

.box{
	width:90%;
	margin:0 auto;
	color:#CCCCCC;
	text-align:left;
}

.box h3{
    font-size:1.8em;
}
.box h4{
    font-size:1.2em;
margin-bottom:0px;
}

.gonow{
	position:relative;
	width:100%;
	}
	
.gonow p{
	position:absolute;
	float:right;
	top:272px;
	right:100px;
	}
	
.clc{
	position:absolute;
	width:100%;
	z-index:100;
text-align:right;
}	
	
	
	
	
	

.entrybox{
	position:relative;
	margin: 0 auto;
	width:620px;
	}
	
.entry {
	width:200px;
	height:140px;
	float:left;
	background-color:#000000;
	margin: 0 10px 0 0;
	} 


.entrylast{
	width:200px;
	height:100px;
	float:left;
	background-color:#000000;
	margin-right: 0px;
}
	

/* ----------------- Mission ----------------- */

.mission{ 
	font-size:1.3em;
	color:#D5DCE5;
	padding-left:10px;
	border-left:#D5DCE5 solid 5px;
}

.quotes{
	color:#0099CC;
	margin: 10px 0px;
	padding:0 15px;
	font-size:1.5em;
	font-style:italic;
	line-height:25px;
	}
	
	

.p_faith {
	margin:0 auto;
	background-image: url(http://www.linknow.org/images/logo_down.gif);
	background-repeat: no-repeat;
	height: 96px;
	width: 96px;
}

.p_faith a{
background-image: url(http://www.linknow.org/images/logo_up.gif);
background-repeat: no-repeat;
height: 96px;
width: 96px;
display: block;
}

.p_faith a:hover{
background: none;
}
	
/* ----------------- events ----------------- */

.eventsWrapper{
	width:90%;
	margin:0 auto;
	text-align:left;
	margin-bottom:15px;
	}

.eventsTitle{
	padding-left:20px;
        line-height:24px;
	font-size:1.3em;
	text-align:center;
	background: #000 url(http://www.linknow.org/images/staff_accordion.jpg) no-repeat top left;
	font-weight:normal;
	}
	
	
.eventsContent{
	margin-top:6px;
	background-color:#1f1f1f;
	padding:10px 10px 10px 20px;
       text-align:left;
min-height:90px;
 }
	
.eventsContent p{
	padding:5px;
	color:#CCC;
 }

.eventDetails{
	color:#76a3a5;
	font-family: arial,sans-serif;
	font-size: 1.5em;
	letter-spacing: -1px;
	font-weight:normal;
	font-variant:small-caps;
}

.eventsBlock{
	width:95%;
      vertical-align:middle;

	}
.eventsBlock img{
     float:left;
	 margin-right:20px;

	 }

	
/* ----------------- Calendar ----------------- */
	
#boxCal{
width:918px;
background: #000000 url(http://www.linknow.org/images/bg_cal.jpg) no-repeat center;
text-align:center;
height:800px;
} 

#boxCal h1{
	padding: 6px 0 14px 50px;
	letter-spacing:3px;
	}
		
/* ----------------- audio files ----------------- */

.audio_files{
	width:640px;
	border: 1px solid #333333;
}


.boxWithBorder{
	width:100%;
	border:#333333 solid 1px;}




/*----------------- Site Credits ------------------- */


.credits{ 
	font-size:1.2em;
	color:#D5DCE5;
	padding-left:10px;
	border-left:#D5DCE5 solid 4px;
	font-weight:normal;

}


/*Button*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('http://www.linknow.org/images/button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
		color: #FFFFFF;

}

a.button span {
    background: transparent url('http://www.linknow.org/images/button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;   /* 5 + 5 + 14 = 24  padding + line-height = height */
}

a.button:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}


a.button:hover span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
	color: #FFFFFF;
} 


a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
	color: #FFFFFF;
} 

.clearer {
	clear:both;
	}

.light_blue{
	color:#BBE5EA;
        display:inline;

	}
		
.imageright {
	float:right;
	padding-left:5px;	
}

.warning{
	font-weight:bold;
	color:#996600;
	}
	
	#slogan{
	position:absolute;
	left:250px;
	top:10px;
}




/*Button*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('http://www.linknow.org/index.php?/community/events//button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
		color: #FFFFFF;

}

a.button span {
    background: transparent url('http://www.linknow.org/index.php?/community/events//button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;   /* 5 + 5 + 14 = 24  padding + line-height = height */
}

a.button:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}


a.button:hover span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
	color: #FFFFFF;
} 


a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
	color: #FFFFFF;
} 

.clearer {
	clear:both;
	}

.light_blue{
	color:#BBE5EA;
display:inline;

	}
		
.imageright {
	float:right;
	padding-left:5px;	
}

.warning{
	font-weight:bold;
	color:#996600;
	}
	
	#slogan{
	position:absolute;
	left:250px;
	top:10px;
}
.connect_table{
 border:none;
 width:90%;
 padding:0;
 margin:10px auto;
 
 }		
 
/*  Buttons */	
	
a.btnMore {
	background: url(http://www.linknow.org/images/more.jpg) no-repeat 0 0;
	width: 147px;
	height: 33px;
	display: block;
	text-indent: -9999px;
}

a.btnMore:hover{ background-position: 0 -33px; }

a.btnMore:active  { background-position: 0 -66px; }




a.btnMen {
	background: url(http://www.linknow.org/images/btn_men.jpg) no-repeat 0 0;
	width: 147px;
	height: 33px;
	display: block;
	text-indent: -9999px;
}

a.btnMen:hover{ background-position: 0 -33px; }
a.btnMen:active  { background-position: 0 -66px; }


a.btnWoman {
	background: url(http://www.linknow.org/images/btn_woman.jpg) no-repeat 0 0;
	width: 147px;
	height: 33px;
	display: block;
	text-indent: -9999px;
}

a.btnWoman:hover{ background-position: 0 -33px; }
a.btnWoman:active  { background-position: 0 -66px; }



a.btnCoed {
	background: url(http://www.linknow.org/images/btn_coed.jpg) no-repeat 0 0;
	width: 147px;
	height: 33px;
	display: block;
	text-indent: -9999px;
}

a.btnCoed:hover{ background-position: 0 -33px; }
a.btnCoed:active  { background-position: 0 -66px; }


a.btnAll {
	background: url(http://www.linknow.org/images/btn_all.jpg) no-repeat 0 0;
	width: 147px;
	height: 33px;
	display: block;
	text-indent: -9999px;
}

a.btnAll:hover{ background-position: 0 -33px; }
a.btnAll:active  { background-position: 0 -66px; }

.idetails{
        vertical-align:middle;
}

.colorh1{
       color:#d38262;
}

.floatright{
text-align:right;
margin:5px;
}



#gallerySermons {
		margin: 0 auto;
		background-color: #444;
		padding: 15px 15px 15px 25px;
		width: 870px;
	}
	#gallerySermons ul { list-style: none; }
	#gallerySermons ul li { display: inline; }
	#gallerySermons ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallerySermons ul a:hover img {
		border: 5px solid #c5eff2;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallerySermons ul a:hover { color: #8EDBE1; }

#linkband{
	position:relative;
	width:918px;
	min-height:551px;
	overflow:hidden;
	background: transparent url(http://www.linknow.org/linkband/link_band2.jpg) no-repeat top center;
	margin: 10px 0 15px 0;
	}
	
#linkband p{
margin-left:580px;
margin-top:200px;
font-size:1.4em;
	color:#FFFFFF;
}