/* @override http://citykids.org/css/default.css */

/* @group resets */

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:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* @end */

/* @group fixes */

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {visibility: hidden;background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* @end */

/* @group typography */

body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.4em;margin-bottom:0.75em;font-weight: bold;}
h3 {font-size:1.3em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;color: #92c5e0;font-weight: bold;}
h5 {font-size:1.1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#fff;}
a {color:#ffd053;text-decoration:underline;}
blockquote {margin:1.5em;color:#ddd;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* @end */

/* GLOBAL 
============================================== */

img, div {
	behavior: url(iepngfix.htc)
}

html {
	background: #003366;
}

body {
	color: #fff;
	font-family: candara,tahoma,sans-serif;
	font-size: 75%;
	background: url(/2007/images/body-bg.jpg) repeat-x;
}

.sectionBreak {
	display: block;
	clear: both;
	background: url(/2007/images/sectionBreak.gif) no-repeat;
	width: 960px;
	height: 65px;
	margin: auto;
}

/* LAYOUT & SITE ID
============================================== */

h1 {
	margin: 0;
	padding: 0;
}

h1 a {
	width: 310px;
	height: 290px;
	text-indent: -9999px;
	margin: auto;
	overflow: hidden;
	display: block;
	background: url(/2007/images/h1.jpg) no-repeat;
	clear: left;
}

#container,
#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
	clear: both;
}

#content {
	float: left;
}

#header {
	width: 960px;
	height: 290px;
	background: url(/2007/images/header.jpg) 50% 0 no-repeat;
}

/* FOOTER
============================================== */

#footer {
	width: 960px;
	margin: -30px auto 0 auto;
	padding: 0 0 30px;
	text-align: center;
	line-height: 1.4em;
	clear: both;
}

/* NAV
============================================== */

#mainNav ul {
	background: url(/2007/images/nav-bg.jpg) no-repeat;
	width: 920px;
	height: 50px;
	position: absolute;
	top: 186px;
	margin: 10px 0 0 2px;
	padding: 0 0 0 40px;
}

#mainNav li {
	list-style: none;
	float: left;
}

#mainNav li a {
	clear: left;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 30px;
}

#mainNav li a:hover, #mainNav li a.currentSection {
	background-position: 0 100%;
}

#navAbout {
	background: url(/2007/images/navAbout.gif) no-repeat 0 0;
	width: 71px;
	margin: 9px 0 0 30px;
}

#navGames {
	background: url(/2007/images/navGames.gif) no-repeat 0 0;
	width: 71px;
	margin: 9px 0 0 60px;
}

#navBlog {
	background: url(/2007/images/navBlog.gif) no-repeat 0 0;
	width: 121px;
	margin: 9px 0 0 350px;
}

#navPreschool {
	display: none !important;
	background: url(/2007/images/navPreschool.gif) no-repeat 0 0;
	width: 120px;
	margin: 9px 0 0 250px;

}

#navCktv {
	background: url(/2007/images/navCktv.gif) no-repeat 0 0;
	width: 120px;
	margin: 9px 0 0 30px;
}

/* INTRO & IMAGES
============================================== */

p.banner {
	position: relative;
	width: 960px;
	margin: -40px auto 20px;
	background: url(/2007/images/intro.png) 0 38px no-repeat;
}

.intro {
	display: block;
	height: 205px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/2007/images/introPics.jpg) 100% 0 no-repeat;
}

/* HOMEPAGE
============================================== */

#features {
	margin: 0;
}

#features li {
	list-style: none;
	display: block;
	float: left;
}

#features li a {
	display: block;
	position: relative;
	float: left;
	width: 219px;
	height: 159px;
	margin-right: 10px ;
	text-indent: -9999px;
	overflow: hidden;
}

#blogButton {
	top: -23px;
	width: 226px !important;
	height: 182px !important;
	background: url(/2007/images/blogButton.gif) no-repeat;
}

#sketchGame {
	width: 254px !important;
	background: url(/2007/images/sketchGame-bg.gif) no-repeat;
}

#chickenGame {
	background: url(/2007/images/chickenGame-bg.gif) no-repeat;
}

#podcastAd {
	margin: 0 0 0 10px !important;
	background: url(/2007/images/podcastButton.gif) no-repeat;
}


/* ABOUT
============================================== */


#missionStatement {
	margin: 0 auto 1.5em;
	padding: 15px;
	background: #0e4277;
	border: 1px solid #2d5d8e;
}

#missionStatement h2 {
	text-align: center !important;
}

#missionStatement p {
	margin: 0;
	font: italic 16px/1.5 georgia,serif;
}

#missionStatement strong {
	color: #ffd053;
}

#photos {
}

#photos img {
	margin-bottom: 10px;
	padding: 1px;
	border: solid 3px #92c5e0;
}

#pastors {
}

#pastors span {
}

#pastors ul {
	padding: 0;
	margin: 0;
}

#pastors li {
	list-style: none;
	clear: left;
	padding: 0;
	margin: 0;
}

#pastors img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #4ca1cd;
}

#pastors h4 {
}

#dedication {
	clear: left;
}

#misc {
}

#serviceTimes ul {
	margin: 0;
}

#serviceTimes li {
	list-style: none;
	background: #0e4277;
}

#serviceTimes li p {
	margin: 1px 0;
	padding: 5px;
}

#serviceTimes li span {
	display: block;
	font-weight: bold;
}

/* Preschool Page */

#preschool #content {
	position: relative;
	float: none;
	width: 600px;
	margin: 0 auto 50px;
}

#preschool blockquote {
	font-size: 13px;
	line-height: 1.8;
	font-family: georgia;
}

#preschool blockquote cite {
	display: block;
	text-align: right;
	font-style: normal;
	font-family: candara;
}

#preschool blockquote cite:before {
	content: "— ";
}


#preschool #content h4 {
	margin: 2em 0 .5em;
	font: bold 1.4em/1 'lucida grande',tahoma,sans-serif;
}

#preschool #content p {
	margin: 0 0 1.5em;
	line-height: 1.5;
}

#preschool #content p.times {
	padding: .5em;
	border: 1px solid #92c5e0;
}

#preschool #content p.registrationLink {
	padding: 10px;
	font-size: 13px;
	text-align:center;
	background: #1a83ba;
}

#preschool #content li {
	margin-left: 2em;
}

#preschool #content .downloads li {
	float: left;
	margin: 0 2px;
	list-style: none;
}

#preschool #content .downloads li a {
	display: block;
	padding: 5px 50px;
	text-decoration: none;
	color: #92c5e0;
	background: #ffd053;
	background: #0e4277;
	border: 1px solid #fff;
}

#preschool #content .downloads li a:hover {
	display: block;
	padding: 5px 50px;
	text-decoration: none;
	color: #fff;
	background: #333;
	border: 1px solid #ffd053;
}


/* CITY KIDS TV
============================================== */

#wrapper.cktv {
	width: 960px;
}

#videoPlayer {
	background: url(/2007/images/previewWindow2.gif) no-repeat;
	width: 360px;
	height: 347px;
	float: right;
	margin: 0 0 40px 0;
}

#videoPlayer h2 {
	background: url(/2007/images/previewWindow.gif) no-repeat;
	width: 360px;
	height: 347px;
	float: right;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

#videoPlayer p.previewInfo {
	float: left;
	margin: 10px 0 0 21px;
	color: #fff;
	padding: 4px;
	width: 312px;
	display: inline;
}

#videoPlayer form {
	float: right;
	margin: -24px 20px 0 0;
	padding: 0;
}

#videoPlayer p {
	margin: 310px 0 0 21px;
}

#videoPlayer embed {
	margin: 61px 0 0 21px;
}

#tv-ad {
	background: url(/2007/images/tv-ad.png) no-repeat;
	width: 160px;
	height: 346px;
	margin: 0 40px 0 0;
	padding: 0;
	float: left;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}

#tv-ad p {
	width: 140px;
	margin: -5px 0 0 15px;
	line-height: 1.4em;
	text-align: center;
}

#tv-ad span {
	line-height: 1.3em;
	color: #ffd053;
	font-weight: bold;
}

.cktv ul {
	width: 360px;
	float: left;
	margin: 10px 0 0 0;
}

.cktv li {
	list-style: none;
	float: left;
}

.cktv li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 160px;
	height: 141px;
}

a#preview1 {
	background: url(/2007/images/preview1.jpg) no-repeat;
	margin: 0 40px 0 0;
}

a#preview2 {
	background: url(/2007/images/preview2.jpg) no-repeat;
	margin: 0;
}

a#preview3 {
	background: url(/2007/images/preview3.jpg) no-repeat;
	margin: 45px 40px 0 0;
}

a#preview4 {
	background: url(/2007/images/preview4.jpg) no-repeat;
	margin: 45px 0 0 0;
}

.comingSoon {
	background: url(/2007/images/comingSoon.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	width: 160px;
	height: 141px;
	margin: 25px 40px 0 0;
}

.dvd {
	width: 160px;
	margin: 0 40px 40px 0;
	float: left;
	text-align: center;
}

#dvdinfo {
	text-align: left;
}

.dvd h4 {
	line-height: 1;
	padding: 250px 0 0;
}

#dvd1 h4 {
	background: url(/2007/images/dvd1.jpg) no-repeat;
}

#dvd2 h4 {
	background: url(/2007/images/dvd2.jpg) no-repeat;
}

#dvd3 h4 {
	background: url(/2007/images/dvd3.jpg) no-repeat;
}

#dvd4 h4 {
	background: url(/2007/images/dvd4.jpg) no-repeat;
}

.dvd form {
	margin: 10px 0 0 0;
}

.dvd li form {
	margin: 0;
	padding: 0;
}

.dvd p {
	margin: 3px 0 15px 0;
	line-height: 1.5;
	text-shadow: 0 0 1px #eee;
}

#dvd4 {
	margin-right: 0;
}

/* CITY KIDS TV CHARACTERS
============================================== */

#drMagoof,
#pbj {
	padding-left: 130px;
	min-height: 100px;
}

#drMagoof p,
#pbj p {
	margin-bottom: 20px;
	line-height: 1.5;
	text-shadow: 0 0 1px #eee;
}

#drMagoof {
	background: url(/2007/images/charpic-magoof.jpg) no-repeat;
}

#pbj {
	background: url(/2007/images/charpic-pbj.jpg) no-repeat;
}

/* PASTOR'S BLOG
============================================== */

#content.entries {
	float: left;
	width: 570px;
}

.blogEntry {
	margin-bottom: 2em;
	font-size: 1.2em; /* slight increase in font-size for readability */
}

.permalink {
	text-align: center;
}

.permalink a {
	padding: 4px 10px;
	color: #003366;
	text-decoration: none;
	background: #92c5e0;
}

.permalink a:hover {
	background: #ffd053;
}

.blogTitle,
.blogTitle a {
	margin-bottom: 0;
	color: #ffd053;
	text-decoration: none;
}

.entryMeta em {
	color: #bbd7f2;
}

.blogEntry blockquote {
	margin: 1.5em 0;
	padding: 0 1.5em;
	color: #bbd7f2;
	border-left: 5px solid #003b76;
}

#sidebar {
	width: 360px;
	float: right;
}

.flickr_badge_image a {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}

.flickr_badge_image img {
	padding: 1px;
	border: solid 3px #92c5e0;
}

.flickr_badge_image a:hover img {
	border-color: #fff;
}

p.contant a {
	background: url(/2007/images/contactButton.gif) no-repeat;
	display: block;
	padding: 7px 0 10px 23px;
	margin-bottom: 15px;
	text-decoration: none;
	color: #fff;
}

#recentEntries,
#archives {
	list-style: none;
	margin: 0 0 20px;
}

#recentEntries li a,
#archives li a {
	display: block;
	margin: 1px 0;
	padding: 5px 8px;
	font-weight: bold;
	text-decoration: none;
	background: #003b76;
}

#recentEntries li a:hover,
#archives li a:hover {
	color: #036;
	background: #92c5e0;
}

#goodStuff {
	width: 160px;
	float: right;
	background: url(/2007/images/goodStuff-bg.gif) repeat-x;
	min-height: 710px;
}

#goodStuff p {
	margin: 10px;
	text-align: center;
	font-weight: bold;
}

#goodStuff em {
	font-weight: normal;
}

#goodStuff img {
	margin-bottom: 10px;
}

#goodStuff ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

li.amazon a {
	background: url(/2007/images/amazonButton.png) no-repeat;
	width: 124px;
	height: 24px;
	display: block;
	padding: 7px 0 0 13px;
	color: #fff;
	font-weight: normal;
}

li.amazon a:hover {
	text-decoration: none;
	color: #eee;
}

#goodStuff .hr {
	width: 140px;
	background: #003366;
	height: 1px;
	margin: 8px 10px;
}

/* GAMES
============================================== */

#wrapper.games {
	width: 960px;
	float: left;
}

.gameDesc {
	width: 500px;
	margin: 0 auto;
	padding: 0 0 0 180px;
	min-height: 120px;
	margin-bottom: 40px;
}

.gameDesc p {
	position: relative;
	padding-right: 100px;
}

#sketchInstructions {
	background: url(/2007/images/sketchGameSm.gif) no-repeat;
}

#chickenInstructions {
	background: url(/2007/images/chickenGameSm.gif) no-repeat;
}

.playNow {
	display: block;
	position: absolute;
	top: -20px;
	right: 0;
	width: 76px;
	height: 98px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/2007/images/playNow.png) no-repeat;
}

/* CONTACT
============================================== */

#wrapper.contact {
	width: 960px;
	margin: -250px 0 0 0;
}

.contactTitle {
	background: url(/2007/images/contactTitle.png) no-repeat;
	width: 347px;
	height: 48px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 15px 0;
}

fieldset {
	border: none;
	width: 560px;
}

fieldset .textfield {
	border: 0;
	border-bottom: 1px dotted #fff;
	background: transparent;
	padding: 4px;
	width: 400px;
	color: #fff;
	margin: 10px 0;
}

fieldset textarea {
	padding: 4px;
	width: 400px;
	border: 0;
	border-bottom: 1px dotted #fff;
	background: transparent;
	color: #fff;
	font-family: Verdana, Arial;
	overflow: auto;
}

.sendButton {
	background: url(/2007/images/genericButton.png) no-repeat;
	width: 124px;
	height: 24px;
	color: #fff;
	padding: 0 0 2px 20px;
	margin: 0 0 40px 0;
	text-align: left;
	border: 0;
}

#wrapper.contact #sidebar {
	line-height: 1.4em;
}

#wrapper.contact #sidebar p {
	margin: 15px 0 0 0;
}


#campBadge {
	position: absolute;
	top: 10px;
	left: 30px;
}