/*
Theme Name: All The Little Birds
Theme URI: http://allthelittlebirds.com/
Description: The 2010 All The Little Birds Theme
Author: Matt Cairns
Version: 1.0
*/


/* -------------------------------------------------------------- */

/* Load */
@import url("css/960.css");
@import url("css/reset.css");

/* Load fonts */
@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('fonts/champagne__limousines-webfont.eot');
    src: url('fonts/champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/champagne__limousines-webfont.woff') format('woff'),
         url('fonts/champagne__limousines-webfont.ttf') format('truetype'),
         url('fonts/champagne__limousines-webfont.svg#champagne__limousinesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: #482B17;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}

p {
	margin: 8px 0;
	font-size: 14px;
	line-height: 18px;
	color: #000;
}

a {
	color:#3f6a39;
}

.hide {
  display: none;
}

/* Headers */
h1, h2, h3, h4, h5 {
}

h3 {
	color: #3f6a39;
	font-weight: bold;
	font-size: 24px;
	margin-bottom:20px;
}
h4 {
	margin: 20px 0;
	font-size: 18px;
}

h5 {
	margin: 20px 0;
	font-size: 14px;
}

h4.register-classes	{
	margin: 0 0 20px;
}

/* Links */
a#sign-up {
	display: inline-block;
	line-height: 60px;
	padding: 0 30px;
	margin-bottom: 20px;
	background: #c5c22e;
	color: #482b17;
	text-decoration: none;
	font-weight: bold;
	font-size: 21px;
}
a.see-all {
	color: #c5c22e;
	font-size: 18px;
	font-style: italic;
}

.button {
	display: inline-block;
	margin: 0 0 20px;
	padding: 6px;
	border-radius: 4px;
	background: #C5C22E;
	color: white;
	text-decoration: none;
	font-size: 18px;
	font-family: champagne__limousinesregular;
}

/* Header */
div#header-wrapper {
	position: relative;
	background: #EBEFEA;
	overflow: hidden;
}
h1 {
	width: 120px;
	height: 157px;
	margin: 10px 0;
	background: url(images/bg_h1.png) no-repeat;
	text-indent: -99999px;
}
ul.master-nav {
	position: absolute;
	right: 0;
	bottom: 0;
	font-family: 'champagne__limousinesregular';
	text-transform: uppercase;
	font-size: 22px;
	line-height: 22px;
}
ul.master-nav li {
	list-style: none;
	display: inline;
}
ul.master-nav li a {
	display: inline;
	float: left;
	padding: 8px;
	margin: 0 4px;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	color: #3f6a39;
	text-decoration: none;
}
ul.master-nav li a:hover, ul.master-nav li.active a {
	background: #CBE9F7;
}
ul.master-nav li a span {
	display: block;
	height: 22px;
}

/* Trees */
div#tree-wrapper {
	overflow: hidden;
	background: url(images/bg_tree-wrapper.png) repeat-x bottom center;;
}
div#tree-wrapper div#trees {
	width: 980px;
	height: 274px;
	background: url(images/bg_trees.png) no-repeat;
	margin-bottom: 20px;
}

/* Footer */
div#footer-wrapper {
	overflow: hidden;
	color: #ebefea;
	font-size: 12px;
	padding: 20px 0;
}
div#footer-wrapper p {
	color: #ebefea;
}

/* Home Feature */
div#home-feature {
	display: none;
	position: relative;
	margin: 40px 0 0;
	height: 307px;
}

div#sticker-callout {
	position:absolute;
	top:-30px;
	right:-20px;
	width:190px;
	height:190px;
	z-index:100;
}

div#sticker-callout a img {
	border:0;
}

div#home-feature-text {
	background: url(images/bg_home-feature-text.png) no-repeat;
	width: 633px;
	height: 198px;
	text-indent: -99999px;
	margin-top: 40px;
}
img#fall-2011 {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-67px;
}
div#home-feature-bird {
	position: absolute;
	right: 30px;
	top: 60px;
	background: url(images/bg_home-feature-bird.png) no-repeat;
	width: 232px;
	height: 247px;
}

/* Home */
div.home-column-wrapper {
	width: 100%;
	overflow: hidden;
	margin: 20px 0; // This is when we hide the banner
}

/* Content */
div#content-wrapper {
	background: #CBE9F7;
	overflow: hidden;
}

div.home {
	//background: url(images/bg_home-feature.png) no-repeat center 40px;
}

div.sub-title {
	background: #3f6a39;
	color: #ebefea;
	padding: 8px 4px;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
	text-align: center;
}

div.class-dates {
	width: 100%;
	overflow: hidden;
}

p.season {
	margin-bottom:10px;
	font-size:14px;
	color:#C5C22E;
}

div.class-dates .class-date {
	margin: 0 0 20px 20px;
	padding: 0;
	color: #482b17;
}
span.class-day {
	display: block;
	font-weight: bold;
	font-size: 21px;
	line-height: 24px;
}
span.date-range {
	display: block;
	font-size: 14px;
	line-height: 18px;
}

div.non-home-wrapper {
	margin: 20px 0;
	overflow: hidden;
}

/* Chirps */
ul.chirps-roll {
	font-size: 12px;
	color: #482b17;
	line-height: 18px;
	margin: 10px 0;
}
ul.chirps-roll li.chirp {
	padding: 0 0 40px;
	margin: 20px 0 0;
}
ul.chirps-roll li.chirp .title {
	display: block;
	margin: 10px 0;
	text-decoration: none;
	font-size: 36px;
	line-height: 40px;
	font-family: champagne__limousinesregular;
	color: #A4CE58;
}
ul.chirps-roll li.chirp .title span.date {
	display: block;
	font-size: 20px;
	font-weight: normal;
	line-height: 26px;
}
ul.chirps-roll li.chirp a.read-more {
	display: inline-block;
	padding: 2px;
	background: #c5c22e;
	color: #482b17;
	text-decoration: none;
	font-weight: bold;
	margin-left: 8px;
}

ul.chirps-roll li.chirp .comments {
	margin: 20px 0;
}

div.cat-wrapper h3 {
	margin: 0 0 15px;
}
div.cat-wrapper ul li {
	display: inline;
}
div.cat-wrapper a {
	display: block;
	padding: 2px 0;
	color: #a4ce58;
}

div.tag-wrapper h3 {
	margin: 0 0 15px;
}
div.tag-wrapper a {
	color: #a4ce58;
}

p#pagination {
	font-size: 12px;
	line-height: 14px;
}
p#pagination a {
	display: inline-block;
	padding: 2px 4px;
	background: #c5c22e;
	color: #482b17;
	text-decoration: none;
	font-weight: bold;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

div.post-nav {
	display: block;
	overflow: hidden;
	font-size: 12px;
	line-height: 14px;
}
div.post-nav a {
	display: inline-block;
	padding: 2px 4px;
	background: #c5c22e;
	color: #482b17;
	text-decoration: none;
	font-weight: bold;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
div.post-nav div.nav-previous {
	display: inline;
	float: left;
}
div.post-nav div.nav-next {
	display: inline;
	float: right;
}

/* Classes */
h4 span.label {
	color: #c5c22e;
	font-style: italic;
	font-size: 12px;
}

div.schedule-wrapper {
}
div.schedule-wrapper a.available,
div.schedule-wrapper span.filled,
span.filled {
	display: inline-block;
	background-color: #80c24d;
	color: #ebefea;
	padding: 2px;
	text-decoration: none;
	font-size: 12px;
}
span.filled,
div.schedule-wrapper span.filled {
	background: #e6660e;
}

div.schedule-wrapper p.class-name	{font-weight:bold; border-bottom:1px solid #000;}

ul.class-list {
}
ul.class-list li {
	margin-bottom: 20px;
}

/* Bio */
div.bio-picture-wrapper a img {
	display: block;
	margin: 0 auto;
	border: 0;
}

/* Registration Form */
div.input-wrapper {
	overflow: hidden;
}
div.input-wrapper p {
	background: #ebefea;
	padding: 4px;
	margin: 5px 0;
}
div.input-wrapper p label {
	display: block;
	color: #482b17;
}
div.input-wrapper p input {
	border: 0;
	background: none transparent;
	font-size: 18px;
	line-height: 18px;
	width: 100%;
	color: #482b17;
	font-family: ;
}
div.grid_4 div.input-wrapper p textarea {
	border: 0;
	background: none transparent;
	font-size: 18px;
	width: 288px;
	height: 90px;
	color: #482b17;
}
div.grid_8 div.input-wrapper p textarea {
	border: 0;
	background: none transparent;
	font-size: 18px;
	width: 608px;
	height: 180px;
	color: #482b17;
}
p.checkbox-wrapper {
	font-size: 14px;
	margin-bottom:10px;
}

div.checkbox-group {
	margin-bottom:20px;
}

div.checkbox-group p.checkbox-wrapper	{
	margin-left:10px;
}

p.group-title {
	font-size:18px;
	margin-bottom:20px;
}

div.classes-checkboxes h3 {
	color:#fff;
	font-size:16px;
	margin-left:-4px;
}

div.classes-checkboxes h3 span {
	padding:4px;
	background:#C5C22E;
}

div.classes-checkboxes .day {
	font-weight:bold;
	font-size:14px;
}

/* Gallery */
div.gallery-wrapper {
	margin-top:10px;
}
div.gallery-wrapper div.gallery-item {
	background:#EBEFEA;
	text-align:center;
	margin-bottom:20px;
}
div.gallery-wrapper div.gallery-item a
{
	display:block;
	width:210px;
	padding:5px;
	text-decoration:none;
}
div.gallery-wrapper div.gallery-item a img
{
	border:0;
}

div.pagination{

}
div.pagination a{
	background:#80C24D;
	color:#EBEFEA;
	padding:4px;
	text-decoration:none;
	font-size:16px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
div.pagination .nav-previous a{
	display:inline;
	float:left;
}
div.pagination .nav-next a{
	display:inline;
	float:right;
}

/* Forms */
fieldset {
	margin: 20px 0;
}
legend {
	color: #c5c22e;
	margin: 10px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
input, textarea {
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
}

#sign-up-button {
	line-height: 60px;
	height: 60px;
	padding: 0 30px;
	margin-bottom: 20px;
	background: #c5c22e;
	color: #482b17;
	text-decoration: none;
	font-weight: bold;
	font-size: 21px;
	border: 0;
}

div.form-error, div.form-success {
	background: #e6660e;
	border-color: #b14e0a;
	border-style: solid;
	border-width: 1px 0;
	margin: 10px;
	overflow: hidden;
	color: #fff;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
}
div.form-success {
	background: #80c24d;
	border-color: #50941b;
	color: #fff;
	text-align: center;
}

div.form-success .success-info {
	text-align:left;
	margin:0 10px;
}

div.form-success .success-info h5 {
	color:#fff;
}

div.form-error ul li,
div.form-error p {
	margin: 5px 10px;
}

div.form-success p,
div.form-error p {
	color: #fff;
}
div.form-success span.large {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}

/* Universal */
.rounded {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.right-align {
	text-align: right;
}
.horizontal-rule {
	background: #3F6A39;
	height: 1px;
	margin-bottom:20px;
}

.blue-wrapper {
	background: #A9DEF0;
	padding: 20px;
	margin: 10px 0;
}

.more-link {
	display: inline-block;
	padding: 2px;
	background: #c5c22e;
	color: #482b17;
	text-decoration: none;
	font-weight: bold;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.video-wrapper {
	margin-bottom: 20px;
}

/* Wordpress Required */
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
}

.banner {
	padding: 20px;
	background-color: #e6b500;
	margin-bottom: 20px;
	font-size: 1.25em;
}