/*   
Theme Name: Horizon Church
Author: Drum Creative
Author URI: http://www.drumcreative.com
Version: 1.0
*/

@media screen {

* { margin: 0; padding: 0; }
body { background-image: url(images/bkg-kidz.jpg); background-repeat: repeat-x; background-position: top center; background-color: #92e7ff; font: 13px Arial, Helvetica, sans-serif; color: #005a84; margin: 0 auto;}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

#page-wrap { width: 960px; margin: 0 auto;}

h1, h2, h3 { margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

p { margin: 0 0 10px 0; }
a { color: #84a509; text-decoration: none;}
a:hover { text-decoration: underline;} 

hr{ border-top: 1px dotted #005a84;}

blockquote { }
blockquote p { }

a img{ border: none;}
img.alignleft{ float: left;}
img.alignright{ float: right;}

ul, ol { margin: 0 0 10px 25px;}

#header{ width: 100%; margin-top: 30px;}
#logo{ float: left;}
#description{ float: right;}
.desc{ font-size: 17px; font-weight: bold; text-transform: uppercase; color: #005a84; text-align: right;}
.services{ font-size: 12px; text-transform: uppercase; background-image: url(images/kidz-services.png); background-repeat: no-repeat; height: 31px; width: 358px; padding: 10px 8px;}
.services a{ font-weight: bold; color: #ec8b00;}

#menu{ position: relative; z-index: 100;}
#suckerfishnav {background-color:#37badf; width: 100%; position: relative; z-index: 100;}
#suckerfishnav, #suckerfishnav ul {float:left; list-style: none; line-height: 30px; padding: 0; margin: 0 0 25px 0; width:100%; font-size: 17px;}
#suckerfishnav a {display: block; color: #e8f8fc; text-decoration: none; padding: 0px 20px;}
#suckerfishnav li {float: left; padding: 0; border-left: 1px solid #63dcfe; border-right: 1px solid #31abce;}
#suckerfishnav ul {position: absolute; left: -999em ; height: auto; width: 151px; font-weight: normal; margin :0; line-height: 1; border: 0; border-top: 1px solid #31abce;}
#suckerfishnav li li {width: 149px; border-bottom:1px solid #31abce;}
#suckerfishnav li li a {padding:4px 10px; width:130px; color:#e8f8fc;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px;}
#suckerfishnav li li:hover {background-color:#84a509;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#ffffff;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#ffffff;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#ffffff;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto ;background:#218ab4; font-size: 12px;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover { background-color:#218ab4;}

#feature{ width: 930px; height: 282px; background: url(images/content.jpg) repeat; box-shadow: 0px 0px 5px #ccbdaa; -moz-box-shadow: 0px 0px 5px #ccbdaa; -webkit-box-shadow: 0px 0px 5px #ccbdaa; padding: 15px;}
#left-text{ width: 297px; float: left;}
#left-text p{ line-height:20px;}
h1.featureheading{ font-size: 20px; font-weight: bold; color: #8b0717;}
#left-text img{ margin-top: 2px;}
#rotator{ width: 614px; height: 281px; float: right; height: 264px; width: 599px;border: 8px solid #ffffff;}
#DDPrevSlide{ display: none;}
#DDNextSlide{ display: none;}

#content{ width: 600px; float: left; margin-bottom: 30px;}
#recentinfo{ height: 130px; width: 960px; margin: 30px 0;}
#messages{ background-image: url(images/messagebox.png); background-repeat: none; width: 318px; height: 87px; float: left; padding: 20px;}
img.archive{ margin-left: -5px;}
img.subscribe{ margin-left: -4px;}
.messages{ font-size: 14px; margin: 0;}
span.messagetitle{ font-weight: bold; font-size: 18px; color: #a40714; margin-left: 5px;}
#messages li{ font-size: 18px; margin: 8px;}

#thumbnails{ float: left; width: 600px;}
#thumbnails img{ border: 8px solid #efebd9; margin-left: 13px; float: right;}

#banner img{ border: 8px solid #fff; margin-bottom: 20px;}

.post { width: 600px; margin-bottom: 30px; background-color: #caf3ff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 15px;}

.entry { width: 600px; margin-bottom: 30px;}
.entry p{ line-height:18px;}
.entry img{ margin: 15px; border: none;}
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

div.meta { margin-bottom: 25px; line-height: 0;}
.postmetadata { }

#sidelogo{ float: right; margin-bottom: 15px; width: 270px; margin-right: 25px;}
#sidelogo img{ margin: 0 auto;}

#sidebar { width: 270px; padding: 15px; background-image: url(images/sidebar-kidz.jpg); background-repeat: repeat-y; float: right; margin-bottom: 30px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

#sidebar h4 { font-size: 18px; color: #fff; margin-bottom: 5px;}

#sidebar ul { margin-bottom: 30px; font-size: 13px; color: #fff}
#sidebar ul li { margin-left: 25px;}
#sidebar a{ color: #ffffff;}
#sidebar a:hover{ color: #005a84; text-decoration: none;}

.navgation { }
   .next-posts { }
   .prev-posts { }

#search{ background-image: url(images/searchbox-kidz.png); height: 26px; width:182px; padding: 1px 0 0 8px;}
	#s { background: none; border: none; height: 26px; width: 150px; color: #fff; font-size: 12px;}
	#searchcontent{ height: 25px; width: 190px;}
	#searchsubmit { vertical-align: middle;}

#footer{ clear: both; width: 100%; background-image: url(images/footer-kidz.jpg); background-repeat: repeat-x; background-color: #85a709; height: 175px;}
#footwrap{ width: 960px; margin: 0 auto; padding-top: 35px;}
#footleft{ float: left; width: 350px;}
#footright{ float: right;}
#footwrap p{ color: #fefefe; font-size: 11px;}
#footwrap p.copyright{ margin-top: 20px;}
#footwrap h4{ font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fefefe;}
#footwrap a{ color: #005a84; font-weight: bold;}
#footwrap address{ color: #fefefe; font-style: normal; font-size: 11px;}
#social{ text-align: right; margin-top: 15px;}
#social img{ margin-left: 5px;}

#comment{ width: 600px;}
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:left; margin: 0 10px 10px 0; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */