/* @override http://citykidz.ca/wp-content/themes/ck5/style.css */
/*
Theme Name: CityKidz.ca v5
Theme URI: http://citykidz.ca
Description: City Kidz
Version: 5
Author: Jeremy Curry
Author URI: jeremycurry.com
Tags: ck, black, dark

*/

body {background: #eee url(images/background.png) repeat-x; }
body {background: #111 url(images/backgrounddark.png) repeat-x; margin-top: 20px; }
body {background: #4873A6 url(i/GOC11BG.jpg) repeat-x; }

.container {background:#fff; padding:15px; }

#welcomebox { display: none; }


/* Footer Stuff */
#footer { height: 90px; background: #000; }
#footer p { padding: 10px; margin:0;}
#footer-left { background: url('images/footerarrow.png') no-repeat right center; height: 100%; }
#footer-right { background: #000; color: #fff; text-align: right;  height: 100%; vertical-align: bottom; }

.footnav div { min-height:200px; margin-bottom: 14px; }


#copyright { background: transparent; text-align: center; color: #fff; }
#copyright a { color: #fff; }
#blackcopyright { background: transparent; text-align: center; color: #000; }

#corp_partners_footer { background: #000; padding: 10px; clear: both;margin-bottom: 10px; }
#corp_partners_footer div img { max-height: 50px; padding: 0 5px 0 0; }


/* Logo Stuff */
#titlelogo { float: left; padding-bottom: 10px; }
#partnerlogo {float:  right; }


/* Links */
a { color: black; }
a:hover { color: #EF4135; }

a.edit_link, .post-edit-link { background: #f7ff5f; text-decoration: none; padding: 3px 5px 3px 5px; }
#admin_menu { top: 0; background: transparent; position: relative; padding-top: 0; }


/* Top Navigation Links */
#topnav { margin: 0; padding-bottom: 35px; }
#topnav li { margin: 5px; margin-left: 10px; float: right; list-style-type: none; }
#topnav a { text-decoration: none; }
#topnav .new, #topnav .donate { float: left; margin: 0; }
#topnav .donate form { display: inline; }
#topnav .donate .submit { margin: 0; margin-left: 10px; display: block; padding: 5px; border: 1px solid #ffe531;background: #fdf537; color: #5156ff;}
#topnav .donate .submit:hover { display: block; border: 1px solid #fdf537; background: #ffe531; color: #392fef; }
#topnav .new a { display: block; padding: 4px; border: 1px ;background: #EF4135; color: #fff; border: solid 1px #EF4135;}
#topnav .new a:hover { display: block; text-decoration: none; padding: 4px; border: 1px ;background: #ddd; color: #EF4135; border: solid 1px #EF4135;}
#menu-quick-links { float: right; margin: 0;}
#menu-quick-links li { float: left;}
#topnav .skip { display: none; }


/* Sidebar Navigation Links */
#navigation a, #news a { color: #000; text-decoration: none; }
#navigation a:hover, #news a:hover { color: #EF4135; }
#navigation ul, .recent_blog, .topic_list { margin: 0; padding: 0; list-style-type: none; }

#menu-sidebar { font-size: 1.2em; }
#menu-sidebar a, #menu-sidebar .sub-menu a:hover { color: #EF4135; }
#menu-sidebar .sub-menu { font-size: 0.8em; padding-bottom:14px; color: #000; }
#menu-sidebar .sub-menu a { color: #000; }
#menu-sidebar .sub-menu li { padding: 0; }


/* Counter */
#counter { color: #fff; text-align: center; padding: 2px 15px 2px 15px; margin-bottom: .5em; background: #000 url(i/counter_bg.jpg) 0 50%;}
#counter span { vertical-align: -0.5em;}
.count-number { height: 20px; width: 15px; display: inline-block;}
.count-number span { display: none; }
.count0 {background: #000 url('i/counter.png');}
.count1 {background: #000 url('i/counter.png') -15px;}
.count2 {background: #000 url('i/counter.png') -30px;}
.count3 {background: #000 url('i/counter.png') -45px;}
.count4 {background: #000 url('i/counter.png') -60px;}
.count5 {background: #000 url('i/counter.png') -75px;}
.count6 {background: #000 url('i/counter.png') -90px;}
.count7 {background: #000 url('i/counter.png') -105px;}
.count8 {background: #000 url('i/counter.png') -120px;}
.count9 {background: #000 url('i/counter.png') -135px;}
.space { display: inline-block; width: 50px;}


.fillform input { width: 98%;}
.fillform textarea { width: 98%;}

/* Mailing List */
#mailinglistheader { background: #000; color: #fff; margin-bottom:10px; height: 35px; overflow: hidden;}
#mailinglistheader .title { padding-top: 8px; padding-bottom: 10px; background: url('images/signuparrow.png') no-repeat right center; text-align: center; }
#mailinglistheader .inputs { height: 100%; padding-top: 3px; }
#mailinglistheader input {  margin-right: 10px; color: #999; height:18px; vertical-align: middle; border: 0;}
#mailinglistheader input:focus { color: #000; background: #ffeef1;}
#mailinglist { background: transparent url('../i/mailing.png') no-repeat; height:247px; width: 240px; padding: 10px; margin-right: 10px;}
#mailinglist h2 { color: #fff; margin-bottom: 20px;}
#mailinglist input { border: 2px solid black; padding: 5px; font: helvetica; font-weight: bold; color: #333;}
#mailinglist input:focus { color: #000; border-color: #fff; border-bottom-color: #000; }
#mailinglistform { display: none; background: #eee; margin-bottom:10px; padding: 10px 0 10px 0; }
#mailinglistform input { width:  98%; }
#mailinglistform .province { width:  50%;  float: left;}
#mailinglistform .postal { width:  40%;  float: right;}


/*
.slideshow img { border: 0; width: 430px; height: 267px; top: 0; left: 0; padding: 0px 0 0 0; margin: 0;}

.slideshow { margin: 0 0 14px 0; background: 0; padding: 0px; width: 430px; height: 267px; clear: both;}

.other { background: #bbb}

.newsitems li { padding: 5px;}
.newsitems a { text-decoration: none;}
.newsitems a:hover { color: #888;}
.newsitems .other a:hover { color: #fff;}
*/



/* Align */
.alignright { padding-left: 10px; padding-bottom: 10px; float: right; }
.alignleft { padding-right: 10px; padding-bottom: 10px; float: left; }
.aligncenter,div.aligncenter{display: block;margin-left: auto;margin-right: auto;}

li li { margin-left: 0; padding-left:5px}

div.vimeoBadgeRSS { padding: 10px; float: left; width: 150px; text-align: center; }

/* Wordpress Stuff */
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;
}

.testimonial { background: #fff url('images/quotes.png') no-repeat left top; padding:10px; font-size: 10px;  }

blockquote { background: #fff url('images/quotes.png') no-repeat left top; padding:10px 0 0 10px;  }

#featured img { max-width: 390px; }



h4 { color: #EF4135; margin: 0; }
.read { color: #000; font-style: italic; text-decoration: none;}
.std p { font-size: .8em ; }


hr { display: block; height: 5px; background: #000 url(images/hr.jpg); }
hr.thick { height: 14px; background: #000; border: 0; border-bottom: 6px solid #EF4135; color: #000;}
hr.thin {height:1px; background: #ccc; color: #ccc; border: 0;}
hr.topper { margin-bottom: 0; border: 0;}

.Article2Col {column-count:2;}
.Article2Col p img { max-width: 390px; }
.Article3Col { column-count:3; }

.smallborder {padding-right:11px; margin-right: 11px; border-right: solid 1px #eee;}



#mailinglistcontinue { color: #fff; padding: 5px 15px 5px 5px; background: url('images/signuparrow.png') no-repeat right center; text-align: left; width: 100px; }

.comments { background: #eee; }

.commentlist { margin: 0; list-style-type: none; background: #fafafa; padding: 10px; }
.commentlist li { padding: 5px; }
.commentlist .commentbody { margin-left: 42px; }
.commentlist .commentmetadata { float: right; }
.commentlist .waiting { color: #EF4135; }
.commentlist .alt { background: #f0f0f0; border-bottom: #ddd 1px solid; }
.commentlist p { margin: 0; padding: 0;  }

#commentform textarea, #commentform input {  width: 100%; }

.date_red { color: #EF4135; }

#todds-itinerarydates li { padding: 0; margin: 0; margin-bottom: 14px; list-style-type: none; }
#todds-itinerary ul { margin: 0; padding: 0; margin-bottom: 14px;}
#todds-itinerarydates li a { color: #EF4135; }
#todds-itinerarydates li a:hover { color: #000; }

.goc-box-red { background: #fff url(i/goc-bg-1.jpg) no-repeat center top; height: 400px; padding-top: 10px;padding-bottom: 10px; }


.scrollit { overflow: auto; }

#commitment-form { background: #FFFFE0; border: 2px solid #FFEC8B; }

#commitment-form .full input { width: 97%; }
#commitment-form .third input { width: 100%; }
#commitment-form p { margin-bottom: .5em; }
#commitment-form p.full { width: 100%;}
#commitment-form p.two-thirds { width: 64%; float:left; padding-right:2%;}
#commitment-form p.third, #commitment-form p.third-checkbox { width: 31%; float:left; padding-right:2%;}
#commitment-form p.half { width: 49%; float:left; padding-right:1%;margin: 0;}
#commitment-form textarea { width: 100%; height: 3em; }

#goc10-landing { height: 600px; background: #fff url('http://citykidz.ca/wp-content/uploads/2010/10/webtop2010.jpg');  }

#side_bar_enclosure { background: #fff; padding-top: 10px; }
#side_bar { margin: 10px; }

#toy-drive-title { background: #418FBB url('http://citykidz.ca/wp-content/uploads/2010/10/toydrivetitle.jpg') no-repeat center; height: 25px; }
#toy-drive-title span { display: none; }

#goc-about-title { background: #EF4135 url('http://citykidz.ca/wp-content/uploads/2010/10/about.jpg') no-repeat center; height: 25px; }
#goc-about-title span { display: none; }

#landing-video { margin-top: 100px; }
#landing-video .round { margin-top: 10px; margin-bottom: 10px; background: #000; }
.donatenow { background: #EF4135 url(http://citykidz.ca/wp-content/uploads/2010/10/donatenow.png) no-repeat center center; width: 100%; display: block; height: 50px;}
.donatenow { background: #EF4135 url(http://citykidz.ca/wp-content/uploads/2010/10/donate_25.jpg) no-repeat center center; width: 100%; display: block; height: 50px;}
.donatenow:hover { background: #006892 url(http://citykidz.ca/wp-content/uploads/2010/10/donate_25_o.jpg) no-repeat center center; width: 100%; display: block; height: 50px;}
.landing-links { margin-top: 30px; }
.landing-links ul { margin: 30px 4px; }
.landing-links ul a { display: block; background:  url('http://citykidz.ca/wp-content/uploads/2010/10/landing-links.png'); }
.landing-links ul li { display: block; float:left; margin: 0; }
.landing-links a span { display: none; }
.landing-links #mfundraising a { width: 230px; height: 40px; }
.landing-links #mfundraising a:hover { background-position: 0 -43px; }
.landing-links #mtoydrives a { width: 190px; height: 40px; background-position: -230px 0; background-repeat: no-repeat; }
.landing-links #mtoydrives a:hover { background-position: -230px -43px; background-repeat: no-repeat; }
.landing-links #mfaq a { width: 80px; height: 40px; background-position: -420px 0; background-repeat: no-repeat; }
.landing-links #mfaq a:hover { background-position: -420px -43px; background-repeat: no-repeat; }

.profile {padding: 0 0px 0 100px;}
.profile img {margin-left: -100px;}

#wpcf7-f4-p3828-o1 label { display: block; }
#wpcf7-f4-p3828-o1 textarea { height: 50px; width: 100%; }
#wpcf7-f4-p3828-o1 input.wpcf7-text { width: 100%; }


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 42px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 41px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 41px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.8em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs a.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

#donatetab { background: #EF4135; }

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background:white;		
	cursor:default !important; 
	color:#EF4135 !important;
	border: 1px #fff solid;
}