/*

Theme Name: CDS

Theme URI: 

Description: Childhood Development Services, Inc. by Medley In Design

Author: Jacob Medley, Medley In Design

Version: 1.0

Tags: Childhood Development Services, Inc. 

*/





/* basic formating */

 html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

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-size: 12px;



}



html {

	



	

}



body {

	



	

}



form img {

	

	border: 0;	

	

}



a {



	color:#FF0;

	text-decoration:none;

	

}



a:hover {

	

	color:#F90;

	text-decoration:none;

	

}



#header {

	

	background:url(images/tile_header.gif) top left repeat-x;

	height: 137px;

	overflow:hidden;

	

}



#logo {

	

	height: 74px;

	background:url(images/logo.jpg) top left no-repeat;

	

}



.btn {

	

	background-position:top;

	

}



.btn:hover {

	

	background-position:bottom;	

	

}



#shareMe {

	

	margin: 10px 0 0 0;

	

}



.fb {

	

	background:url(images/btn-fb.png) top left no-repeat;

	

}



.tweet {

	

	background:url(images/btn-tweet.png) top left no-repeat;

	

}



.in {

	

	background:url(images/btn-in.png) top left no-repeat;

	

}



.email {

	

	background:url(images/btn-email.png) top left no-repeat;

	

}



.socialBtn {



	width: 28px;

	height: 29px;

	float:right;

	margin-left: 10px;

}



#search {



	height: 23px;

	background:url(images/bg-search.png) top right no-repeat;

	margin: 14px 0 0 0;

	

}



#searchform {

	

	margin: 0 0 0 45px;



}



#s{

	

	width: 208px;

	border: 0;

	background: none;

	color:#FFF;

	padding: 0;



}



#searchsubmit {



width: 21px;

height: 21px;

border:none;

background: none;



}



#searchsubmit:hover {



cursor:pointer;



}



#headerNav ul li {



	list-style:none;

	display:block;

	float:left;

	

	

}



#headerNav ul li a {





	float:left;

	

		color:#aeaeae;

	

	text-transform: uppercase;

	

	font-weight:normal;

	

	font-size:18px;

	

	line-height: 100%;

	

	text-decoration:none;

	

	padding: 12px 10px 12px 10px;

	

	margin: 16px 0 0 0;

	

	

}





#headerNav li a:hover {

	

	background: url(images/navi-roll-2.jpg) bottom center no-repeat;

	



	

}





#headerNav ul .current-menu-item a{

	



	background:url(images/navi-roll.jpg) top left repeat-x;

	

	float:left;

	

	color: #000;

	

	text-transform: uppercase;

	

	font-weight:normal;

	

	font-size:18px;

	

	line-height: 100%;

	

	text-decoration:none;

	

	padding: 12px 10px 12px 10px;

	

	margin: 16px 0 0 0;

	

}



#homeFeatureWrapper {

	

	width: 100%;

	height: 425px;

	overflow:hidden;

	background:url(images/kid-tile.jpg) center repeat;

	border-bottom: #000 solid 1px;

	border-top: #000 solid 1px;

	

}



#homeFeature{

	

	height: 425px;

	overflow:hidden;

	

	border-right: #000 1px solid;

	border-left: #000 1px solid;

}



#homeFeature ul {

	

	list-style:none;

	list-style-type: none;

	

}



#homeFeature ul li {

	

	list-style:none;

	list-style-type: none;

}





.coin-slider { 



	overflow: hidden; 

	zoom: 1; 

	position: relative; 

	

}



.coin-slider a { 



	text-decoration: none; 

	outline: none; 

	border: none; 

}



.cs-buttons { 

	

	font-size: 0px; 

	padding: 10px; 

	float: left;

	visibility:hidden;

	display:none;

	

}



.cs-buttons a { 



	margin-left: 5px; 

	height: 10px; 

	width: 10px; 

	float: left; 

	border: 1px solid #951700; 

	color: #fff; 

	text-indent: -1000px;

		visibility:hidden;

	display:none;

	

}

.cs-active { 



	background-color: #cc5d49; 

	color: #FFFFFF; 

	

}



.cs-title { 



	width: 940px; 

	height: 20px; 

	padding: 10px 10px 10px 10px; 

	background: #000000; 

	color: #FFFFFF;

	float:left;

	overflow:hidden; 

	

}



.cs-prev, 

.cs-next { 



	background-color: #000000; 

	color: #FFFFFF; 

	padding: 0px 10px; }



.cs-title .more {

		

}



.cs-title p {

	

	margin:0;

	padding:0;

	

	

}



.cs-title h2 {

	

	margin:0;

	padding:0;

	font-size:18px;

	color: #ffcc00;

	text-transform:uppercase;

	

	

	

}



.btnMore {



	background: url(images/btn-more.jpg);

	width: 210px;

	height: 46px;

	float: right;

	position:relative;

	top: -28px;

	

}



#ctaHomeWrapper {



	background:url(images/tile-cta.gif) repeat;

	width: 100%;

	height: 182px;

	overflow:hidden;

	border-top: #FFF 2px solid;

	border-bottom: #fff 2px solid;

	

	

}



#ctaHome {

	

	padding: 20px 0 0 0;



}



.cta {

	

	height: 136px;

}



.ctaBorderRight {

	

	border-right: #504810 1px solid ;

}

.ctaBorderBot {

	

	border-bottom: #504810 1px solid ;

}



.ctaDonate {

	

	background: url(images/cta-donate.jpg) top left no-repeat;

	height:136px;

	width:100%;

	float:left;

}

.ctaDonate:hover {

	

	background: url(images/cta-donate.jpg) bottom left no-repeat;


}



.ctaDocs {

	

	background: url(images/cta-docs.jpg) top left no-repeat;

	height:136px;

	width:100%;

	float:left;

}

.ctaDocs:hover {

	

	background: url(images/cta-docs.jpg) bottom left no-repeat;

}





.ctaLocations {

	

	background: url(images/cta-locations.jpg) top left no-repeat;

	height:136px;

	width:100%;

	float:left;

}

.ctaLocations:hover {

	

	background: url(images/cta-locations.jpg) bottom left no-repeat;


}



.ctaEmpower {

	

	background: url(images/cta-empower.jpg) top left no-repeat;

	height:136px;

	width:100%;

	float:left;

	

}

.ctaEmpower:hover {

	

	background: url(images/cta-empower.jpg) bottom left no-repeat;

}





#logoBar {

	

	width: 100%;

	border-top:#FFF 1px solid;

	margin: 12px 0 0 0;

	padding: 15px 0 0 0;



}



#footer {

	

	color:#7f7f7f;

	font-size:12px;

	padding: 20px 0 0 0;

	

}



#footer strong {

	

	color:#fff;

	

}



#footer p {

	

margin: 0 0 10px 0;

	

}





/* news */



.newsScroll {

	

	width: 100%;

	height: 57px;

	background: url(images/tile-news.gif) top left repeat-x;

	overflow:hidden;

}



.newsTitle {





	

}



#newsRotate {



	padding: 20px 0 0 0;

	margin: 0 0 0 0;

	color:#FFF;

	

}



.tickerLink {



	font-size:18px;

	font-weight:bold;

	

}



/* wp alignments */



img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}





.content {

	

	color:#FFF;

	font-size: 12px;

	

}



h1, h2, h3, h4, h5, h6 {



	text-transform:capitalize;

	

}



.postHeader h1 {



	font-size:68px;

	padding: 10px 0 10px 0;

	margin: 0 0 10px 0;

	border-bottom: 2px solid #3a3a09;

	

}





.entry h1 {



	font-size:68px;

	padding: 20px 0 10px 0;



	

}







.entry h2 {



	font-size:48px;

	padding: 20px 0 10px 0;

	

}



.entry h3 {



	font-size:38px;

	padding: 20px 0 10px 0;

	

}



.entry h4 {



	font-size:28px;

	padding: 20px 0 10px 0;

	

}



.entry h5 {



	font-size:18px;

	padding: 20px 0 10px 0;

	

}



.entry h6 {



	font-size:14px;

	padding: 20px 0 10px 0;

	

}



.entry p {



	padding: 8px 0 15px 0;

	

}



.entry {



	line-height: 150%;

	

}



.entry ul {



	display:list-item;

	margin-left: 20px;

	margin-bottom: 10px;

	margin-right: 10px;



	

}



.entry ul li{



	list-style:circle;

	

}





.entry img {



	border: 8px #c0c0c0 solid;

	

}





#sidebar {

	

	

	background:url(images/tile-cta.gif) top left repeat;

	padding: 20px;

	border-bottom: 5px solid #3a3a09;

	

}



#sidebar h2{

	

	font-size: 32px;

	padding: 15px 0 8px 0;

	

}



.wigBox {

	

		border-bottom: 1px solid #3a3a09;

		padding: 0 0 20px 0;

	

}



#sidebar ul{

	



	

}



#sidebar ul li{

	



	

}



#sidebar ul li a{

	

	line-height: 100%;

	color: #CCC;

	background:none;

	display:block;

	text-decoration:none;

	padding: 5px 0 5px 10px;

	

}



#sidebar ul li a:hover{

	

	background:#FF0 url(images/navi-roll.jpg) left top repeat;

	color:#000;

	

}



#sidebar .cat-post-item {

	

	

}



#sidebar .cat-post-item .post-title {

	

	font-size: 18px;

	line-height: 100%;

	padding: 10px 0 10px 0;

	

}



#sidebar .cat-post-item a{

	

	color: #fff;

	background:none;

	

}



#sidebar .cat-post-item a:hover{

	

	background:none;

	

}









#sidebar .cat-post-item p {

	

		padding: 0 0 5px 0;

		line-height: 150%;

		color: #CCC;

	

}



#sidebar .cat-post-item p a {

	

		padding: 0 0 0 0;



	

}



.postmetadata {



	padding: 10px;

	background:url(images/tile-cta.gif) left top repeat;

	border: 1px solid #999;

	margin-bottom: 20px;



}



.more {



	font-size:18px;

	padding: 4px 6px 5px 0;

	background:  #000 url(images/arrow-lrg.png) right center no-repeat;

	color: #ff0;

	display:block;

	width: 50px;

	text-align:left;

	margin: 0 0 10px 0;

	float:left;

	

}



.more:hover {





	

}



.prev {



	font-size:18px;

	padding: 4px 0 5px 16px;

	background:  #000 url(images/arrow-lrg-left.png) left center no-repeat;

	color: #ff0;

	display:block;

	width: 50px;

	text-align:center;

	margin: 0 0 10px 0;

	float:left;

	

}



.prev:hover {

	padding: 4px 0 5px 16px;

	margin: 0 0 10px 0;

}



.nxt {



	font-size:18px;

	padding: 4px 8px 5px 0;

	background:  #000 url(images/arrow-lrg.png) right center no-repeat;

	color: #ff0;

	display:block;

	width: 50px;

	text-align:center;

	margin: 0 0 10px 0;

	float:right;

	

}



.nxt:hover {

	

	padding: 4px 8px 5px 0;

	margin: 0 0 10px 0;





}



#sidebar .cat-post-item p .more {



	font-size:18px;

	padding: 4px 0 5px 0;

	background: url(images/arrow-lrg.png) right center no-repeat;

	color: #ff0;

	display:block;

	width: 55px;

	text-align:left;

	margin: 0 0 10px 0;

	float:left;

	

}



#sidebar .cat-post-item p a {



	color:#FF0;

	text-decoration:none;

	

}



#sidebar .cat-post-item p a:hover {

	

	color:#F90;

	text-decoration:none;

	

}



#pagePhoto {

	

	width: 100%;

	height: 165px;

	background:url(images/tile-sub-page.jpg) center repeat;

	

}



/* FORM BUILDER */







/* Generic FormBuilder Display Configuration */

form.formBuilderForm, div.formBuilderSuccess {

	text-align: left;

	padding: 10px;

 	clear: both;

	font-family:Verdana, Geneva, sans-serif;

}

.formBuilderForm div{

	margin: 0;

	padding: 0;

}

div.formBuilderSuccess h4 {

	margin: 0;

	padding: 0;

}





/* The div class around each form field*/

.formBuilderForm .formBuilderField {

	padding-bottom: 10px;

	clear: both;

}



/* The div class around the error message, in the event that a required field is not filled in*/

.formBuilderForm .formBuilderError {

	font-weight: bold;
	color:#F00;

}



/* Generic Display Controls */

.formBuilderForm div.formBuilderComment {

	font-style: italic;

	padding: 4px;

	margin: 4px 0 4px 0;

	clear: both;

	float: left;

	width: 95%;

}

.formBuilderForm .formBuilderHidden {

	visibility: hidden;

	padding: 0;

	margin: 0;

	border: 0;

	position: absolute;

}

.formBuilderForm .formBuilderSubmit {

	clear: both;

	text-align: left;

}



.formBuilderForm .formBuilderSubmit input{

	clear: both;

	text-align: center;

	vertical-align:middle;

	width: 100px;

	border:  solid 1px #ffffff;

	height: 30px;

	background: url(images/tile-cta.gif) repeat top left;

	color:#ffffff;

	font-weight:bold;

	text-transform:uppercase;

}





.formBuilderForm .formBuilderSubmit input:hover{

	background: url(images/navi-roll.jpg) top left repeat;

	color: #000;

	border:  solid 1px #FFFF00;

}







/* Generic Label Controls */

.formBuilderForm .formBuilderLabel, .formBuilderForm .formBuilderLabelRequired {

	clear: left;

	float: left;

	vertical-align: top;

	width: 160px;

	margin-right: 10px;

	margin-bottom: 10px;

}

.formBuilderForm .formBuilderLabelRequired {

	font-weight: bold;

}



.formBuilderForm input[type=text] {

width: 100%;

border: solid 1px #ffffff;

height: 20px;

	background: #202020 url(images/tile-cta.gif) repeat top left;

color:#FFFFFF;

}









/**** Field Type Specific Display Controls ****/



.formBuilderForm .small_text_area .formBuilderLabel

{

	width: auto;

	clear: both;

}

.formBuilderForm .small_text_area textarea

{

	width: 98%;

}

.formBuilderForm .large_text_area .formBuilderLabel

{

	width: auto;

	clear: both;

}

.formBuilderForm .large_text_area textarea

{

	width: 600px;

	background: #202020 url(images/tile-cta.gif) repeat top left;

	color:#FFFFFF;

	border:#CCCCCC 1px solid;

}

.formBuilderForm .checkbox

{

	float: left;

	width: 100%;

}



.formBuilderForm .radio_buttons

{

	position: relative;

}

.formBuilderForm .radio_buttons .formBuilderRadio

{

	display: block;

	position: relative;

	margin-left: 170px;

	padding-left: 0;

}

.formBuilderFailure {

	border: 1px solid red;
	
	background: #000;
	
	color:#F00;

}


div.formBuilderFailure {

	border: 1px solid red;

	background-color: #000000;

	margin: 2px;

	padding: 4px;

}

div.formBuilderFailure h4, div.formBuilderFailure p {

	margin: 0 0 4px 0;

	padding: 0;

}



div.formBuilderCaptcha {

	display: block;

	width: 120px;

	float: left;

}

div.formBuilderCaptcha input {

	width: 120px;

}

div.formBuilderCaptcha img {

	border: none;
	
}

div.formBuilderPageBreak {

	text-align: right;

}







.fTitle {

	

	font-size:18px;

	font-weight:bold;

		color:#FF0;



}







.outEntry {



	background:url(images/tile-out.jpg) top left repeat-y;

	

}



.outEntryHeader {

	

	

	width: 180px;

	float:left;

	

}



.outEntryHeader h1 {

	

	color:#000;

	font-size:20px;

	text-transform:capitalize;

	padding: 12px 10px 10px10px;

	text-align:center;

	/* border-top: #e0b335 solid 1px;*/

	

	

}



.outEntryHeader h1 a{

	

	color:#000;

	

}



.outContent {



	float:left;

	width: 400px;

	margin-left: 10px;

	

}



.outArrow {

	

	width: 180px;

	height: 100px;

	background:url(images/out-arrow.jpg) top left no-repeat;



	

}



.cat-post-item {



	font-size: 10px;	

	

	}

	

.widget_categoryposts .cat-post-item a {



	font-size: 10px;

	color:#FF0;

	

	}

	

	

.widget_categoryposts .cat-post-item .post-title {

	

	font-size: 10px;	

	

}



#logInBar {



	width: 100%;

	height: 30px;

	overflow:hidden;

	padding-top: 10px;

	

}



#logIn {





	padding:5px;

	font-size:10px;

	color:#999;



	

}



#logIn a{



	color:#fff;



	

}



#logIn a:hover {



	color: #FF0;

	

}