/*
Theme Name: Beat It Dance
Description: A theme for the Beat It Dance website.
Version: 1
Author: Justin Luk
Author URI: http://www.grimreminder.com/

SECTIONS (Find using '='):
	=GLOBAL RESET
	=BASIC ELEMENTS
	=CONTAINER
	=HEADER
	=SIDEBAR
	=FOOTER


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

/* =GLOBAL RESET 
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
abbr,acronym { border: 0; }
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* =BASIC ELEMENTS
----------------------------------------------- */
html, body { height: 100%; }
body {
	background: #fff url(images/dot-bg.gif) repeat-y center 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	color: #8c8c8c;
	text-align: center;
	line-height: 16px;
}
strong {
	color: #3e403f;
	font-weight: 700;
}
small {
	font-size: 0.9em;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5 {
	text-transform: lowercase;
	font-weight: 400;
	color: #4f5150;
}

h1 {
	font-size: 17px;
	margin-bottom: 16px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
	margin: 7px 0 8px 0;
}
h4 {
	font-size: 13px;
	margin-bottom: 9px;
}
h5 {
	font-size: 13px;
	color: #8c8c8c;
	margin-bottom: 9px;
}
p {
	margin-bottom: 18px;
}
a {
	color: #40403F;
	text-decoration: underline;
}
a:hover {

}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 0 0 0 10px;
	margin: 0 0 1px 40px;
	display: inline;
	}

img.alignleft {
	padding: 0 10px 0 0;
	margin: 0 40px 1px 0;
	display: inline;
	}
/* End Images */

table {
	margin-bottom: 14px;
}
th, td { 
	border-width: 0 0 1px 0 ;
	border-style: solid;
	padding: 8px 14px 0 9px;
	vertical-align: top;
}
th { 
	border-color: #898989; 
	color: #4a494a;
	padding-bottom: 6px;
	width: 80px;
	font-size: 12px;
}
td { 
	border-color: #ccc;
	padding-bottom: 8px;
	font-size: 11px;
}
td strong {	color: #000; }
tr.odd td { background-color: #f1f2f2; }
td p { margin: 14px 0 0 0; } 
/* =CONTAINER
----------------------------------------------- */
#container {
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	width: 1013px;
	text-align: left;
	position: relative;
	height: 100%;
	zoom: 1;
}

/* =HEADER
----------------------------------------------- */
#header {
	width: 770px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
}
#primary-nav {
	margin-top: 35px;
	display: block;
	position: relative;
}
#primary-nav li {
	list-style: none;
	background: none;
	padding: 0;
	margin: 0;
	display: block;
	height: 24px;
}
#primary-nav a {
	background: transparent url(images/horizontal-dot.gif) repeat-x top;
	padding: 4px 0 4px 5px;
	text-decoration: none;
	color: #3e403f;
	text-transform: lowercase;
	font-size: 13px;
	width: 102px;
	display: -moz-inline-block; /*  Setting inline-block for older versions of firefox */
	display: inline-block;
	overflow: hidden;
}
#primary-nav ul ul a {
	background: none;
	width: auto;
}
#primary-nav ul .page_item a:hover,
#primary-nav ul .page_item .current_page_item a,
#primary-nav ul .page_item .current_page_parent a,
#primary-nav ul .page_item .current_page_ancestor a { color: #40403f; }
#primary-nav ul ul {
	background: transparent url(images/arrow.gif) no-repeat 0 9px;
	position: absolute;
	left: 120px;
	margin: 0;
	padding: 0 0 0 11px;
	z-index: 1000;
}
#primary-nav ul#programs-children { top: 0; }
#primary-nav ul#camp-children { top: 24px; }
#primary-nav ul#lessons-children { top: 47px; }
#primary-nav ul#instructor-children { top: 71px; }
#primary-nav ul ul li {
	background: 0;
	float: left;
	width: auto;
	margin-right: 14px;
}
/* Had to add extra markup just to add the bottom dotted border :( */
#primary-nav ul li.page-item-9 span.last {
	background: transparent url(images/horizontal-dot.gif) repeat-x bottom;
	display: block;
	width: 107px;
}

#utility-nav {
	background-color: #8c8c8c;
	padding: 5px 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}
#utility-nav li {
	display: inline;
	padding: 0 6px;
	background: transparent url(images/white-dot.gif) no-repeat center right;
}
#utility-nav li.page-item-23 { /* Last item in utility nav */
	background: none;
}
#utility-nav a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
	
/* =CONTENT
----------------------------------------------- */
.content {
	font-size: 12px;
	float: right;
	width: 770px;
	padding-top: 175px;
	padding-bottom: 70px;
	position: relative;
}
.content h2 {
	background: transparent url(images/horizontal-dot.gif) repeat-x 0 21px;
	padding-bottom: 5px;
	display: inline;
}

/* If you are in the staff section, the capitalize the names of the staff
Weird exception to the rest of the rules */
#tertiary-nav.staff li li a,
#tertiary-nav.staff-landing li li a,
#container .staff h2 {
	text-transform: none;
}
#container .staff .entry {
	padding-right: 140px;
	position: relative;
}
#container .staff .entry img {
	position: absolute;
	right: 0;
}
#container .staff .entry .resume {
	background: transparent url(images/arrow.gif) no-repeat 0 3px;
	padding-left: 12px;
	text-decoration: none;
}
#container .staff .entry .resume:hover { text-decoration: underline; }
.entry {
	margin-top: 24px;
}
.content img {
	padding: 5px;
	max-width: 100%;
	border: 1px solid #dcddde;
}
.content ul, 
.content ol { margin: 8px 0 18px 0; }
.content li {
	list-style: none;
	padding-left: 12px;
	margin: 0 0 8px 11px;
}
.content ul li { background: transparent url(images/li.gif) no-repeat 0 6px; }
.post {
	width: 390px;
	margin-bottom: 25px;
}
.post h2 {
	display: block;
}
.post .entry {
	margin-top: 12px;
}
.no-image .post {
	width: 542px;
}
.tables .post {
	width: 562px;
}
#homepage-content {
	background: #fff url(images/home-hero-default.jpg) no-repeat right top;
	padding: 0; 
	font-size: 11px;
	width: 770px;
}
#homepage-content #hero {
	position: absolute;
	background: #fff url(images/home-hero-1.jpg) no-repeat right top;
	top: 0;
	right: 0;
	width: 772px;
	height: 466px;
	z-index: 100000;
}
#homepage-content #hero {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	border: none;
	padding: 0;
}
.home-bucket {
	display: block;
	float: left;
	width: 145px;
	/* margin: 25px 35px 0 0; */
	margin: 494px 35px 70px 0;
}
* html .home-bucket { 	
	display: inline;
	float: left; 
}
.home-bucket h2 {
	display: block;
	margin: 0 0 10px 0;
	background: none;
}
.home-bucket h2 a {
	text-decoration: none;
}
/* line up photos in styles of dance section */
#post-38 {
	width: 542px;
}
/* -- SECTION BACKGROUND IMAGES --------------- */
#container.programs,
#container.programs .content {
	min-height: 475px;
	
	/* embarassing hack for ie6 to imitate min-height */
	height: auto !important;
	height: 475px;
}
#container.camp,
#container.camp .content {
	min-height: 500px;
	
	/* embarassing hack for ie6 to imitate min-height */
	height: auto !important;
	height: 500px;
}
#container.lessons,
#container.lessons .content {
	min-height: 400px;
	
	/* embarassing hack for ie6 to imitate min-height */
	height: auto !important;
	height: 400px;
}
#container.instructor,
#container.instructor .content {
	min-height: 500px;
	
	/* embarassing hack for ie6 to imitate min-height */
	height: auto !important;
	height: 500px;
}
#container.about,
#container.about .content {
	min-height: 480px;
	
	/* embarassing hack for ie6 to imitate min-height */
	height: auto !important;
	height: 480px;
}
#container.news,
#container.news .content {
	min-height: 450px;
	
	/* embarassing hack for ie6 to imitate min-height */
	height: auto !important;
	height: 450px;
}
#container.contact,
#container.contact .content {
	min-height: 350px;
	
	/* embarassing hack for ie6 to imitate min-height */
	height: auto !important;
	height: 350px;
}
#container.search,
#container.search .content {
	min-height: 350px;
	
	/* embarassing hack for ie6 to imitate min-height */
	height: auto !important;
	height: 350px;
}
.programs .content { background: #fff url(images/school-programs-bg.jpg) no-repeat top right; }
.camp .content { background: #fff url(images/summer-camp-bg.jpg) no-repeat top right; }
.lessons .content { background: #fff url(images/dance-lessons-bg.jpg) no-repeat top right; }
.instructor .content { background: #fff url(images/onsite-instructor-bg.jpg) no-repeat top right; }
.about .content { background: #fff url(images/about-bg.jpg) no-repeat top right; }
.news .content { background: #fff url(images/news-bg.jpg) no-repeat top right; }
.contact .content { background: #fff url(images/contact-bg.jpg) no-repeat top right; }
.search .content { background: #fff url(images/search-bg.jpg) no-repeat top right; }
#container .no-image,
#container .tables { background: #fff url(images/circles.gif) no-repeat top right; }

/* NEWS */
#container.news .post {
	background: transparent url(images/horizontal-dot.gif) repeat-x bottom;
	padding-bottom: 10px;
}
#container.news .post h2 {
	background: none;
	font-size: 15px;
	margin-bottom: 10px;
	padding: 0;
}
#container.news .post h2,
#container.news .post h2 a,
#sidebar h3 {
	color: #968158;
}
#sidebar h3 {
	font-size: 12px;
}
#container.news .post .postmetadata { margin-top: 10px; }
#container.news .post .postmetadata,
#container.news .post .postmetadata a {
	font-size: 11px;
	color: #bfbfbf;
	margin-bottom: 0;
}

/* Staff Tables */
table.staff {
	margin-bottom: 18px;
	width: 542px;
}
.staff td { 
	padding: 8px 12px 0 12px;
	vertical-align: top;
	width: 88px;
}
.staff td.first {
	padding-left: 0;
}
.staff td { 
	border-bottom: none;
	padding-bottom: 8px;
	font-size: 13px;
}
.staff td strong { color: #8c8c8c; }

.staff td p { margin: 9px 0 0 0; text-align: center; }
.staff td p a { text-decoration: none; }
.staff td p a:hover { text-decoration: underline; }

/* =SIDEBAR
----------------------------------------------- */
#sidebar {
	padding: 35px 0 10px 0;
	width: 175px;
	font-size: 12px;
	margin-left: 33px;
	text-transform: lowercase;
}
#sidebar li {
	list-style: none;
	background: transparent url(images/arrow.gif) no-repeat 0 4px;
	padding-left: 12px;
}
#sidebar li.archives ul,
#sidebar li.categories ul { display: block; }
#sidebar ul ul {
	display: none;
}
#sidebar li.current_page_item ul,
#sidebar li.current_page_ancestor ul,
#sidebar li.current_page_parent ul { display: block; }

#sidebar a,
#sidebar li.current_page_item .page_item a,
#sidebar li.current_page_ancestor .page_item a,
#sidebar li.current_page_parent .page_item a { 
	text-decoration: none; 
	border-bottom: none;
}
#sidebar a:hover,
#sidebar li.current_page_item .page_item a:hover,
#sidebar li.current_page_ancestor .page_item a:hover,
#sidebar li.current_page_parent .page_item a:hover,
#sidebar li.current_page_ancestor a,
#sidebar li.current_page_parent a,
#sidebar li.current_page_item a,
#sidebar li.current_page_ancestor .current_page_item a,
#sidebar li.current_page_parent .current_page_item a { border-bottom: 1px dotted; }

#sidebar h2 {
	text-transform: lowercase;
	color: #4a494a;
	font-weight: 400;
	font-size: 14px;
	margin: 22px 0 16px 0;
}
#sidebar #news-list li {
	margin-bottom: 18px;
}
#searchform {
	margin-top: 15px;
}

#searchform #s {
	width: 300px;
	padding: 2px;
}

#searchsubmit {
	margin-top: 8px;
	padding: 1px;
	display: block;
}
#sidebar ul ul {
	margin-top: 6px;
}
#sidebar li {
	list-style: none;
	margin-bottom: 11px;
}
#sidebar li ul li { margin-bottom: 6px; }
#sidebar #news-list p,
#sidebar #news-list a {	font-size: 11px; }
#sidebar #news-list p {	
	text-transform: none;
	margin: 0 0 2px 0; 
}
#sidebar #news-list li {
	margin-bottom: 10px;
}
#logo a {
	display: block;
	text-indent: -50000px;
	background: #fff url(images/bid-logo.gif) no-repeat;
	width: 101px;
	height: 96px;
	margin-left: 18px;
}
#logo a:hover { border: none; }
#preamble {
  font-size: 12px;
	text-transform: none;
}
#sidebar-content {
	padding-right: 30px;
	margin-top: 48px;
}
/* Sidebar background only appears on the homepage */
#sidebar .sidebar-homepage {
	background: #fff url(images/vertical-dot.gif) repeat-y right 0;
	height: 583px;
}
/* =FOOTER
----------------------------------------------- */
#homepage-content #footer {
	bottom: -23px;
}
#footer {
	padding: 0;
	position: absolute;
	bottom: 0;
	clear: left;
}

#footer ul {
	display: inline;
	margin-right: 12px;
}
#footer li {
	display: inline;
	list-style: none;
	margin: 0 8px 0 0;
	padding: 0;
}
#footer img {
	padding: 0;
	border: none;
}
#footer p {
	display: inline;
}

/* =CLASSES
----------------------------------------------- */
.programs-color,
#primary-nav .programs-color .page_item a,
#sidebar .programs-color a,
#container.programs .entry .resume,
#container.programs table.staff a { color: #039fa6; }
.camp-color,
#primary-nav .camp-color .page_item a,
#sidebar .camp-color a,
#container.camp .entry .resume,
#container.camp table.staff a { color: #d9529c; }
.lessons-color,
#primary-nav .lessons-color .page_item a,
#sidebar .lessons-color a,
#container.lessons .entry .resume,
#container.lessons table.staff a { color: #7cc576; }
.instructor-color,
#primary-nav .instructor-color .page_item a,
#sidebar .instructor-color a,
#container.instructor .entry .resume,
#container.instructor table.staff a { color: #f48c4a; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.block { display: block; clear: both; margin-bottom: 20px;}
.alignright {	float: right; }
.alignleft { float: left }

/* =CONTACT FORM
----------------------------------------------- */
body form.wpcf7-form { text-align: left; }
.content img.ajax-loader { border: none; }

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}


#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



.post hr {
	display: block;
	}


.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}


/* End Structure */

/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	width: 390px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.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;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */