/* 
Theme Name: Kamo Baptist
Description: Blue striped background, fixed width, 2 columns
Author: Saskia Thorne
Version: 0.1 
*/

/* -------------------------------------------------------------- 
  
   Boilerplate reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height:0; background: #fff; margin: 0;}
table { border-collapse: collapse; border-spacing: 0; border:none }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
input,textarea { margin: 0; }


/* Removes Firefox imposed outline */ 

a, a:active, a:focus{ outline: none; }
a::-moz-focus-inner{border:0;}

/* Removes Firefox imposed outline on input areas and buttons */ 
input::-moz-focus-inner{border:0;}




/* Clearing floats without extra markup 
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; } */

/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 62.5%; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6{
font-size:1em
}


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 0; }

ul, ol { margin: 0; }
ul { list-style-type: none; }
ol { list-style-type: none; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a {text-decoration: none; }
a:hover { text-decoration: none; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
h4 p em { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables 
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; margin-right: 20px; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: none;}
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* ----------------------------------------------------------- */

body{width:100%;	height:100%;  background: url(images/wallpaper.png) repeat; }
  

	 			
/*
Styling for container
-------------------------------------------------------------- */
				
#container{
width:893px;
height:auto;
Position: absolute;
left: 50%;
margin-left:-449px;
margin-top:5px;
}	


/*
Styling for header
-------------------------------------------------------------- */
				
#header{
width: 893px;
height:191px;
position:relative;
}
	
/*
Styling for login
-------------------------------------------------------------- */	
#login{
width: 893px;
height:18px;
position:relative;
background:url(images/dropshadowtop.png) no-repeat;
}

#login a{
float:right;
padding:2px 20px 2px 0;
background:url(images/loginsprite.png) no-repeat;
width:28px;
height:14px;
text-indent:-2000px;
}

#login a:hover{background:url(images/loginsprite.png) no-repeat top right; background-position:0 -14px}
	
	
/*
Styling for logo
-------------------------------------------------------------- */		
	
#logo{
width:893px;
height:173px;
z-index:5;
text-indent:-2000px;
background:url(images/dropshadowside.png) repeat-y;
}
		
#logo a span{
float:left;
width:627px;
height:167px;
margin:4px 0 0 21px;
display:block;
background:url(images/logobylinesprout.png)
}

/*
Styling for headnotes
-------------------------------------------------------------- */	
#headnotes{
float:right;
width: 200px;
display:inline;
text-indent:0px;
text-align:right;
margin:20px 40px 0 0;
line-height:1.5em;
}

#headnotes h3,
#headnotes h3 a{
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#6f8047;
padding-bottom:5px;
}

#headnotes h3 a:hover,
#headnotes h4 a:hover{text-decoration:underline;}

#headnotes ul,
#headnotes li a{font: 11px Arial, Helvetica, sans-serif;text-decoration:none;color:#99af49;line-height:1.5em;padding-bottom:5px;}

#headnotes h4,
#headnotes h4 a{font: 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#6f8047; line-height:1.5em; font-style:italic;}

/* nav
-------------------------------------------------------------- */  
#nav{height:16px; width:893px; background:url(images/dropshadowbot.png) no-repeat; float:right; position:relative;}

  
/* navbar
-------------------------------------------------------------- */

#navbar{height:25px; width:97%; background:#6f8047; float:right; z-index:20; padding-right:20px; margin:-5px 5px 0 0;}

.dropdown { position: relative; z-index: 5; float: right; font: bold 10px Arial, Helvetica, sans-serif;}

.selectednav{ color: #FFF; text-decoration: none;  }
.unselectednav{ color: #CCC; text-decoration: none;  }

.dropdown,
.dropdown li,
.dropdown ul { list-style: none; background:#6f8047;}

.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; background:#6f8047; color: #6f8047;  padding: 6px 12px;}
.dropdown li:hover {position: relative; z-index: 20; cursor: default;}

.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0;}
.dropdown ul li {width: 65px; height: 13px; color:#CCC; font-weight:bold;}
.dropdown ul li:hover { background:#99af49; color:#FFF; width: 65px;}



.dropdown li:hover > ul { visibility: visible;}

.dropdown ul a {width: 65px; height: 9px; padding:5px 40px 5px 10px; margin:0 0 0 -12px;}

ul.dropdown a:link {color: #CCC; text-decoration: none; width:auto; height:auto;}
ul.dropdown a:visited {color:#bbb;}
ul.dropdown a:hover, ul.dropdown span{ color: #FFF; text-decoration: none;  }
ul.dropdown a:active { color: #FFF; }


  
  

/*
Styling for content
-------------------------------------------------------------- */		
#content{width:893px; height:auto; background:url(images/dropshadowside.png) repeat-y; float:left;}
.leftcolumn{width:350px;float:left;margin-left:19px; z-index:3}
.leftcolumn .mainpic{width:350px;height:300px; margin:0;}
.mainpicgall{width:350px;height:140px; margin:0;}
.leftcolumn .tab{width:45px; display:inline; position:absolute; z-index:20; margin: 4px 0 0 -45px;}

#directions{width: 115px; margin: 20px 0 0 20px;text-decoration:none; font: 10px  Arial, Helvetica, sans-serif; line-height:1.5em;float:left; }

.maintext .darkgreen h2,
#directions h2,
#directions h2 a {text-decoration:none; color: #6f8047; font: bold 1.1em  Arial, Helvetica, sans-serif; padding-bottom:.5em;}

#directions p{text-decoration:none; color:#999; font: 11px  Arial, Helvetica, sans-serif; padding-bottom:10px;line-height:1.5em;z-index:20}
#directions p a, #contactdetails p a {text-decoration:none; color: #99af49; font: 11px  Arial, Helvetica, sans-serif;line-height:1.5em;}
#directions p a:hover, #contactdetails p a:hover {text-decoration:underline;color: #99af49; font: 11px  Arial, Helvetica, sans-serif;line-height:1.5em;}


#links{width: 196px; list-style:none; float:right; margin-top:20px;}
#links li{height:68px;margin-bottom:8px;}
#links ul{margin-bottom:20px;}
#links a img:hover {border:4px solid #FFF; margin:-4px 0 0  -4px;}

.treepic{width:235px; height:187px; float:right; background:url(images/bgwhitetree.png) no-repeat bottom right; margin:-80px 0px 0 0px;}

.rightcolumn{width:507px; height:100%; float:right; margin:0 17px 0px 0; }
.rightcolumn img{width:507px;float:right;}

.maintext{width: 485px;float:left; margin:20px 0 0 20px; color:#666; font: 11px  Arial, Helvetica, sans-serif; line-height:1.5em;}
.maintext p{padding-right:20px;}

.maintext h1{color:#265b6d; font: bold 1.3em  Arial, Helvetica, sans-serif;padding-bottom:10px; }
.maintext h2{color:#99af49;  font: bold 1.1em  Arial, Helvetica, sans-serif;padding-bottom:.5em; text-transform:uppercase; }

.maintext a{color:#333; font: 1em  Arial, Helvetica, sans-serif; line-height:1.5em; }
.maintext a:hover{text-decoration:underline;}


	/*
	Styling for about page show/hide
	-------------------------------------------------------------- */	
	#head1,#head2, #head3, #head4{color: #6f8047; font: bold 12px  Arial, Helvetica, sans-serif; padding: 0 0 10px 10px;}
	#head1 a,#head2 a, #head3 a, #head4 a{text-decoration:none; color: #6f8047; font: bold 12px  Arial, Helvetica, sans-serif; margin-left: -15px; padding: 0 0 10px 15px; cursor:pointer; background: url(images/buttonminidark.png) no-repeat 0 2px;}
	
		
	#head1 a:hover,
	#head2 a:hover, 
	#head3 a:hover, 
	#head4 a:hover{text-decoration:none; color: #9e9e9e; background: url(images/buttonminigray.png) no-repeat 0 2px; font: bold 12px  Arial, Helvetica, sans-serif; padding: 0 0 10px 15px; margin-left: -15px;cursor:pointer;}
	
	#para1, #para2, #para3, #para4{display:none; padding: 0 0px 20px 0px; margin: 0 20px 0 10px;}
	
	#para3 img{width:auto;float:left; padding:0 2em 0 0;}
	
	.linkspara{margin:0 30px 30px 10px;}
	.linkspara2{margin:0 60px 30px 0px;}
	.linkspara a, .linkspara2 a{color:#333}
	.linksparablue{margin:0 0px 5px 10px; color:#265B6D; font: bold 1em  Arial, Helvetica, sans-serif}
	.linksparablue2{margin:0 0px 5px 0px; color:#265B6D; font: bold 1em  Arial, Helvetica, sans-serif}
	

	/*
	Styling for about page - FAQs
	-------------------------------------------------------------- */	
	.question{font: 1em Georgia, "Times New Roman", Times, serif; font-style:italic; color:#99af49;  line-height:1.5em;}
	.question em{font: 2em Georgia, "Times New Roman", Times, serif; font-style:italic; color:#99af49;}
	
	.answer{width:inherit; height:auto; font: 1em Arial, Helvetica, sans-serif; color:#666;  line-height:1.5em; padding-bottom:20px;}
	.answer em{font: 2em Georgia, "Times New Roman", Times, serif; font-style:italic; color:#666;}
	
	
	/*
	Styling for about page - History
	-------------------------------------------------------------- */	
	.greenpara, 
	.column-1{font: 1em Arial, Helvetica, sans-serif; color:#99af49; line-height:1.5em;}
	.column-2{ color:#666; font: 1em  Arial, Helvetica, sans-serif; line-height:1.5em; }
	
	.post-meta li,
	ul .post-meta-key{font: 1em Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; line-height:1.5em;}
	
	.wp-table-reloaded-id-1{margin:0; padding:0;}
	
	.wp-table-reloaded-id-1 td .column-1 {
		color:#99af49;
		padding:4px;
		vertical-align:top;
	}
	
		
	
		/*
	Styling for events page 
	-------------------------------------------------------------- */	
	.maintext .darkgreen strong{font:bold 1em  Arial, Helvetica, sans-serif; color:#6f8047; line-height:1.5em;padding-bottom:3px;}
	.maintext .lightgreen strong{font:bold 1em  Arial, Helvetica, sans-serif; color:#99af49; line-height:1.5em;padding-bottom:3px;}
	
	
	/*
	Styling for Notices page
	-------------------------------------------------------------- */	
	.titledkgreen{font:bold 1.1em Arial, Helvetica, sans-serif; color:#6f8047; line-height:1.5em; padding-bottom:3px;}
	.titleltgreen{font:bold 1.1em  Arial, Helvetica, sans-serif; color:#99af49; line-height:1.5em;padding-bottom:3px;}
	
	.maintext .notices img{width:85px; height: 85px; float:left; padding:.3em 1.5em 0 0;}
	.printlink{width:48px;height:75px;float:right; margin:0px 20px 10px 0;}
	.printlink img {width:48px;height:65px;float:right;}


	/*
	Styling for connect page 
	-------------------------------------------------------------- */	
	.connectlink img{width:65px; height:65px; float:left;margin: 7px 8px 10px 0;border:4px solid #ecefdf;margin:3px 4px 0 -4px;}
	.maintext .connectlink{text-decoration: none; font: 1.6em Georgia, "Times New Roman", Times, serif; font-style:italic; color:#265b6d;}
	.maintext .graylink{text-decoration: none; font: 1em  Arial, Helvetica, sans-serif; color: #999;}
	.maintext .connectlink:hover{text-decoration: none; color:#99af49;}
	.maintext .graylink:hover{text-decoration: none; font: 1em  Arial, Helvetica, sans-serif; color:#666;}
	.maintext .connectlink img:hover{border:4px solid #FFF; margin:3px 4px 0px -4px;}

	.maintext p img {padding:0;}

					
/*
Styling for gallery
-------------------------------------------------------------- */	
					
#gallery{
width:893px;
height:210px;
margin:25px 19px 0px 17px;
float:left; padding:0px;
}



#glinks{ width:845px; height:200px; float:left; margin:0px 0px 0 30px; padding-top:5px;}					
#glinkprev{float:left; font:1.6em Georgia, "Times New Roman", Times, serif;	color:#265b6d;  font-style:italic;}
#glinknext{float:right; margin-right: 18px; font:1.6em Georgia, "Times New Roman", Times, serif; color:#265b6d; font-style:italic;}

#glinks a:hover #glinkprev, 
#glinks a:hover #glinknext {color:#99af49;}
					
#albumlinks{margin-top:20px; text-decoration:none;}
#albumlinks li{color:#99af49; text-decoration:none; font: 1.2em Georgia, "Times New Roman", Times, serif; font-style:italic;padding-bottom:10px;}
#albumlinks a{color:#99af49; text-decoration:none; font: 1.2em Georgia, "Times New Roman", Times, serif; font-style:italic;}
#albumlinks a:hover{color:#6f8047;}	
				
/*
Styling for footer
-------------------------------------------------------------- */
#footer{width:893px;height:18px;float:left;text-align:right;color:#666;background:url(images/dropshadowbot.png) no-repeat;}
#footer ul{margin:10px 20px 0 320px;}
#footer ul li{display:inline;list-style:none;text-decoration:none;font: 1.1em Arial, Helvetica, sans-serif;}

#footer a{color:#666;text-decoration:none;font: 1em Arial, Helvetica, sans-serif;}
#footer a:hover{color:#CCC;font: 1em Arial, Helvetica, sans-serif;}
#footer span{color:#666}
#footer p  {
    margin: 0 0 0 25px;
    float: left;
    line-height: 3;
}

/*
Styling for enquiry form
-------------------------------------------------------------- */

#EnquiryForm{margin:8px 20px 0 0 ;}
#EnquiryForm .text{border: 1px solid #999;width: 150px;float: left;padding: 2px;margin: 3px;}
#formleft, #formright{float:left; width:230px;}
#formleft{padding:0 5px 40px 0;}
.formRow {width: 230px;position:relative;}
.formRow img{float: left;height: 9px;width: 9px;}
.radio{float:left; width: 200px; height:25px;position:relative;}
.formradio {width: 60px;float: left;color:#999; padding-top: 3px; margin-left:2px; }
.formText {width: 45px;float: left;color:#999; padding-top: 3px; }
.formContent {margin: 0;width: 165px;float: left;text-align: left;}
.submit {margin: 4px 0 0 3px;background:#FFF;color:#999; border: 1px solid #99af49; outline:none;}
#formSpam {display: none;}
.error {float: left;height: 9px;width: 9px;margin:7px 0 0 -2px}
.formError {height: 15px;color:#99af49;font: 1em Arial, Helvetica, sans-serif;margin-bottom:5px;}
#EnquiryForm textarea{font-size: 1em;}

#wp-table-reloaded-id-2-no-1 td.column-2{padding:0; margin:0; width: 400px;}
	
#contactdetails h1{color:#265b6d; font: bold 1.4em  Arial, Helvetica, sans-serif; padding-bottom:15px;}
#contactheader{width:400px; margin: 0 0 0 -303px; }
#googlemap{width:280px; height: 280px; float:right; margin:50px 20px 0 0; border:1px solid #FFF; line-height:1;}
#contactdetails{width: 140px; margin: 20px 60px 0 0px;text-decoration:none; font: 1em Arial, Helvetica, sans-serif; line-height:1.5em;float:right; position:relative; }
#contactdetails h2{color:#99af49;  font:bold 1.2em  Arial, Helvetica, sans-serif;padding-bottom:.5em; text-transform:uppercase; }
#contactdetails table{color:#666; font:1.1em Arial, Helvetica, sans-serif; padding:0px}
#contactdetails td{padding:2px 10px 2px 0; line-height:1.5em;}
#contactdetails p{color:#666; font:1.1em Arial, Helvetica, sans-serif; line-height:1.5em;}
#contactdetails a{color:#666; font:1em Arial, Helvetica, sans-serif; line-height:1.5em; text-decoration:none;}
#contactdetails a:hover{color:#333; font:1em Arial, Helvetica, sans-serif; line-height:1.5em;}
#contactdetails .greenpara{font:1.1em Arial, Helvetica, sans-serif; color:#99af49; line-height:1.5em;}

/* added dbo 1-11-12 */
#content ul li {
	display:list-item;
}

.rightcolumn .ngg-gallery-thumbnail img {width:auto;}