/*
Theme Name: CoastEC
Theme URI: http://www.coastec.net.au/
Description: Theme designed specifically for Coast Evangelical Church Website
Author: Dan Harvey
Author URI: http://www.danharvey.com.au/
.
John 3:16
.
*/

/* Colors: #a09796 = background brown  ::  #404040 = text grey  ::  #808080 = subnav links  ::  #20bde0 = CEC Aqua */

* {margin:0; padding:0;}
* html ul ul li a {height:100%;}
* html ul li a {height:100%;}
* html ul ul li {margin-bottom:-1px;}

body {background:url(images/bg-main.jpg) top center no-repeat #a09796; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#404040; margin:0;}

a {outline:none; color:#20bde0;}
	a:hover {color:#000;}
p {line-height:18px;}
h2 {font-size:22px; font-weight:bold; color:#20bde0; text-transform:uppercase;}
	h2 a {text-decoration:none;}
h3 {font-size:18px; font-weight:bold; color:#20bde0; text-transform:uppercase;}
h4 {font-size:15px; font-weight:bold; color:#20bde0; margin:0 0 4px 0;}
h5 {font-size:13px; font-weight:bold; color:#404040;}
strong {font-weight:bold;}
em {font-style:normal; color:#20bde0;}
small {font-size:10px; line-height:18px;}
	small a{color:#20bde0; text-decoration:none;}
		small a:hover{color:#000;}

span.intro {font-weight:bold; font-size:14px;}	

br.breaker {clear:both;}

div#wrapper {width:912px; margin:19px auto 0 auto;}

div#sidebar {width:341px; height:621px; float:left;}
	h1 {width:341px; height:108px; margin:1px 0 0 0;}
		h1 a {display:block; width:341px; height:108px; text-indent:-999em; overflow:hidden; background:url(images/hdg-CEC.png); border:none;}
	div#nav {width:341px; height:475px; background:url(images/bg-nav-a.png) bottom no-repeat;}
		a#nav-home {width:337px; height:38px; display:block; background-image:url(images/nav.jpg); text-indent:-999em; overflow:hidden; background-position:0px 0px;}
		a:hover#nav-home {background-position:337px 0px;}
		a#nav-about {background-position:0px 333px;}
		a:hover#nav-about {background-position:337px 333px;}
		a#nav-services {background-position:0px 296px;}
		a:hover#nav-services {background-position:337px 296px;}
		a#nav-kids {background-position:0px 259px;}
		a:hover#nav-kids {background-position:337px 259px;}
		a#nav-youth {background-position:0px 222px;}
		a:hover#nav-youth {background-position:337px 222px;}
		a#nav-talks {background-position:0px 185px;}
		a:hover#nav-talks {background-position:337px 185px;}
		a#nav-homegroups {background-position:0px 148px;}
		a:hover#nav-homegroups {background-position:337px 148px;}
		a#nav-events {background-position:0px 111px;}
		a:hover#nav-events {background-position:337px 111px;}
		a#nav-partner {background-position:0px 74px;}
		a:hover#nav-partner {background-position:337px 74px;}
		a#nav-contact {background-position:0px 37px;}
		a:hover#nav-contact {background-position:337px 37px;}
div#facebook {width:341px; height:37px;}
	div#facebook a {display:block; width:341px; height:37px; text-indent:-999em; overflow:hidden; background:url(images/btn-facebook.png) top;}
		div#facebook a:hover {background-position:bottom;}
		
ul#social {width:341px; height:37px; list-style:none; margin-top:4px;}
	ul#social li {float:left;}
	ul#social li {margin-left:10px;}
	ul#social a {text-indent:-999em; overflow:hidden; width:34px; height:34px; display:block; background-image:url(images/btn-social.png);}
	h4#hdg-social {text-indent:-999em; overflow:hidden; width:145px; height:20px; background:url(images/hdg-social.png) top left; margin-top:7px;}
	
	a#social-facebook{background-position:0px 0px;}
	a:hover#social-facebook{background-position:0px 34px;}
	a#social-twitter{background-position:-34px 0px;}
	a:hover#social-twitter{background-position:-34px 34px;}
	a#social-youtube{background-position:-68px 0px;}
	a:hover#social-youtube{background-position:-68px 34px;}
	a#social-podcast{background-position:-102px 0px;}
	a:hover#social-podcast{background-position:-102px 34px;}
	

div#panel {float:right; display:inline; width:555px; overflow:hidden; margin:0;} /*was margin-left:357px now floated right*/
	div#panel-top {width:533px; height:6px; padding: 16px 22px 0 0; background-image:url(images/bg-panel.png); background-position:0px 0px;}
	div#home-panel-body {width:555px; height:433px; background:url(images/bg-panel-tile.png) repeat-y;}
		div#home-panel-body h2 {text-indent:-999em; overflow:hidden; width:468px; height:26px; margin:0 auto 16px auto; padding-top:5px; background:url(images/hdg-welcome.png) no-repeat bottom;}
		div#home-panel-content {padding:0 22px; background:url(images/img-horizrule.png) no-repeat bottom center; height:137px; width:511px;}
			div#home-panel-content p {text-align:center;}
			div#home-panel-content h4 {text-align:center; text-transform:none; padding:18px 0 6px 0;}
		div#home-panel-talk {padding:10px 22px;}
			div#home-panel-talk img {border:solid 1px #808080; margin:12px 0;}
			a#btn-talk {float:right; margin:8px 0 0 12px; height:42px; width:111px; display:block; text-indent:-999em; overflow:hidden; background:url(images/btn-talk.png) top;}
			a:hover#btn-talk {background-position:bottom;}
	div#panel-body {width:529px; min-height:563px; height: auto !important; height:563px; background:url(images/bg-panel-tile.png) repeat-y; padding:18px 22px 18px 4px;}
		div#panel-body h2, div#panel-body p, div#panel-body ul, div#panel-body table {margin:0 0 18px 18px;}
		div#panel-body h3, div#panel-body h4, div#panel-body h5 {margin: 0 0 9px 18px; clear:both;}
		div#panel-body img {float:right; clear:both; display:inline; border:solid 1px #808080; margin:0 0 18px 18px;}
		div#panel-body ul li {list-style-image:url(images/bullet.png); margin: 0 0 6px 22px; list-style-position:outside; line-height:18px;}
		div#panel-body table {width:511px; border-collapse:collapse;}
		div#panel-body table strong {color:#404040;}
		div#panel-body td, div#panel-body th {text-align:left; padding:6px 3px; border-bottom:solid 1px #20bde0; border-left-style:none; border-right-style:none; margin:0;}
		div#panel-body th {background-color:#fff; color:#20bde0; font-weight:bold;}
		div#panel-body object {margin:0 auto;}
		div#panel-body:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
			
div#blogpane {width:555px; height:166px; background:url(images/bg-panel-blog-b.png);}
	div#blogpane-top {width:555px; height:37px; }
		a#weblog {font-size:1px; margin:19px 0 0 22px; float:left; display:inline; width:93px; height:9px; text-indent:-999em; overflow:hidden; background:url(images/btn-latestposts.png) top;}
			a:hover#weblog {background-position:bottom;}
		a.jFlowNext {background:url(images/btn-next.png) top no-repeat; font-size:1px; float:right; width:41px; height:8px; margin:19px 22px 0 0; padding:0; text-indent:-999em; overflow:hidden;}
			a:hover.jFlowNext {background-position:bottom;}
		a.jFlowPrev {background:url(images/btn-prev.png) top no-repeat; font-size:1px; float:right; width:41px; height:8px; margin:19px 22px 0 0; padding:0; text-indent:-999em; overflow:hidden;}
			a:hover.jFlowPrev {background-position:bottom;}
	div#blogpane-body {width:533px; height:113px; padding:12px 0 0 22px;}
		div#blogpane-body h4 a {text-decoration:none;}
		div.excerpt {height:54px; overflow:hidden; margin:0 0 4px 0;}
		div.excerpt img {border:solid 1px #808080;}

div#footer {width:912px; height:22px; background-image:url(images/bg-footer-a.png); padding: 12px 0 8px 0; text-align:center; font-size:11px; margin-bottom:3px;}
	div#footer a{color:#20bde0;}
	div#footer a:hover{color:#808080;}

h2#hdg-talks {text-indent:-999em; overflow:hidden; width:118px; height:41px; margin:0 auto 16px auto; background:url(images/hdg-talks.png) no-repeat bottom;}
h2#hdg-events {text-indent:-999em; overflow:hidden; width:144px; height:41px; margin:0 auto 16px auto; background:url(images/hdg-events.png) no-repeat bottom;}	
h2#hdg-courses {text-indent:-999em; overflow:hidden; width:171px; height:39px; margin:0 auto 16px auto; background:url(images/hdg-courses.png) no-repeat bottom;}
h2#hdg-prayer {text-indent:-999em; overflow:hidden; width:143px; height:38px; margin:0 auto 16px auto; background:url(images/hdg-prayer.png) no-repeat bottom;}	
div#category-post {background:url(images/img-horizrule.png) no-repeat bottom right; clear:both; padding-bottom:8px; margin-bottom:22px;}
div.podPress_content {padding-left:18px; margin-bottom:16px;}
	object#audioplayer1 {margin-bottom:12px;}
	img.podPress_imgicon {display:none !important;}
div.add2any {height:16px; margin-bottom:8px; clear:both;}

div#podPress_footer {display:none !important;}

div#icon-container {height:64px; margin:0 22px 16px 16px;}
	div#icon-container p {padding-top:12px;}
	img.icon {float:left !important; border:none !important; margin:0 16px 0 0 !important;}

/* Search Form */

div#searchbox {float:right;}
input#s {border:solid 1px #C0C0C0; background: none; color:#404040; width:120px; height:12px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 1px 2px 2px 2px; margin:0;}
input#searchsubmit {color:#20bde0; font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin:0; background:none; border:none;}

/* Accordion */

ul#theMenu {width:337px; height:475px; margin:0 2px;}
	ul#theMenu li {width:337px;}
	ul#theMenu ul li {padding:0; width:337px; margin-bottom:0;}
	ul#theMenu ul li a {display:block; color:#808080; padding:3px 3px 3px 22px; font-size:14px; font-weight:bold; text-decoration:none;}
	ul#theMenu ul li a:hover {display:block; color:#20bde0; text-decoration:none;}
	ul#theMenu li {list-style-type:none;}

div.toplevel a {width:337px; height:37px; display:block; background-image:url(images/nav.jpg); text-indent:-999em; overflow:hidden;}
	div.toplevel a:hover {background-position:337px;}
div.toplevel-single a {width:337px; height:37px; display:block; background-image:url(images/nav.jpg); text-indent:-999em; overflow:hidden;}
	div.toplevel-single a:hover { background-position:337px;}

/* Clearfix */