/*  
Theme Name: Dance Project Saint Louis
Description: Custom theme for Dance Project Saint Louis. 
Version: 0.9
Author: Tony Fahnestock
Author URI: http://fahnzmode.com
*/

/*** Generic Typography ******************************************************/

body {
	font: 76% "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #999; /* #888 */
}

a, a:link {
	text-decoration: none;
	color: #00BDF2;
}

a:visited {
  text-decoration: none;
  color: #00BDF2;
}

a:active, a:hover {
  color: #00BDF2;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em 0;
  color: #fff;
}

h1 {
	font-size: 1.9em;
  font-weight: normal;
  color: #EC008C;
}

h2 {
  margin-top: 1.5em;
  font-size: 1.6em;
  font-weight: normal;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1.1em;
}


/*** Common styles ***********************************************************/

body { 
	margin: 0;
	padding: 0;
	background: #000;
}

img {
  border: none;
}

.page-outer {
  width: 800px;
  margin: 0 auto;
}

.inline-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.inline-list li {
  display: inline;
}

.inline-list li.first {
  padding-left: 0;
}

.inline-list li.last {
  padding-right: 0;
}

.centered-list-outer {
  float: left;
  position: relative;
  left: 50%;
}

.centered-list {
  position: relative;
  left: -50%;
}

/*--- Even-Width Column Layouts ---*/

.col-outer {
  width: 100%; /* makes IE5.5 happy, doesn't hurt anything else */
  overflow: hidden;
}

.col-outer .col {
  float: left;
}

.two-col-outer .col {
  width: 50%;
}

/* The odd value of the 3-column layout causes some variation in different 
browsers. Noteably, Safari 2 and Opera 9.5 ignore the decimal places and has 
a larger gap after the last column. */
.three-col-outer .col {
  width: 33.33%;
}

.four-col-outer .col {
  width: 25%;
}

.five-col-outer .col {
  width: 20%;
}

.col-inner {
  margin: 0.5em;
}

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

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


/*** Header ******************************************************************/

.header-top {
	overflow: hidden;
  min-height: 20px;
  background: url(images/header/bg-header-top.png) 0 100% no-repeat;
}

.header-top .register-text {
	float: left;
  margin: 0 0 0 20px;
  padding: 2px 55px 0 0;
  font-size: 0.9em;
  text-align: right;
  color: #EC008C;
}

.header-top .register-button {
	vertical-align: middle;
}

.search-form {
  text-align: right;
}

.search-form p {
	margin: 0;
	padding: 2px 5px 0 0;
}

.search-box {
	padding: 0 3px;
	width: 110px;
	border: solid 1px #222;
	font-size: 0.8em;
	color: #fff;
	background: #424242;
}

/* Class for when the text box is self-labeled */
.search-box-labeled { /* extends .search-box */
	color: #999;
	font-style: italic;
}

.search-button {
	position: relative;
	top: -2px;
	vertical-align: middle;
}

.header {
  min-height: 125px;
  background: url(images/header/bg-header.png) no-repeat;
}

.header .logo-outer {
  margin-left: 40px;
}

.header .logo-outer img,
.header-home .logo-outer img,
.header-home .tagline-outer img {
  display: block;
}

.header-home {
  position: relative;
  overflow: hidden;
  height: 460px;
  background: url(images/header/bg-header-home.png) no-repeat;
}

.header-home .logo-outer {
  position: absolute;
  top: 0;
  left: 33px;
}

.header-home .tagline-outer {
  position: absolute;
  top: 222px;
  left: 165px;
}

.header-home .action-area {
  position: absolute;
  right: 0px;
  bottom: 50px;
}

.header-home .home-banner {
  /*display: none;*/
}


/*** Primary Nav *************************************************************/

.primary-nav {
  overflow: hidden;
}

.primary-nav li {
  float: left;
  margin: 1px 0 0 1px;
  border-right: solid 1px #3B3539;
  border-left: solid 1px #0B0B0B;
  padding-bottom: 4px;
  white-space: nowrap;
  background: #fff;
}

.primary-nav a {
  float: left;
  padding: 3px 10px 4px;
  min-height: 19px;
  font-size: 1.2em;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  background: #000 url(images/nav/bg-navitem.png) repeat-x;
}

#nav-about-us { margin-left: 0; background: url(images/nav/navitem-bottom1.png) 50% 100% repeat-x; }
#nav-about-us a { min-width: 109px; }

#nav-news-events { background: url(images/nav/navitem-bottom2.png) 50% 100% repeat-x; }
#nav-news-events a { min-width: 112px; }

#nav-programs { background: url(images/nav/navitem-bottom3.png) 50% 100% repeat-x; }
#nav-programs a { min-width: 109px; }

#nav-schedule { background: url(images/nav/navitem-bottom4.png) 50% 100% repeat-x; }
#nav-schedule a { min-width: 105px; }

#nav-photos-video { background: url(images/nav/navitem-bottom5.png) 50% 100% repeat-x; }
#nav-photos-video a { min-width: 114px; }

#nav-contact-us { background: url(images/nav/navitem-bottom6.png) 50% 100% repeat-x; }
#nav-contact-us a { min-width: 113px; }


/*** Body ********************************************************************/

.body-outer {
	overflow: hidden;
  margin: 0 20px;
	padding-bottom: 30px;
  border-bottom: solid 1px #222;
}

.body-header {
  margin: 0 0 15px 0;
  border-bottom: solid 1px #222;
  padding: 12px 3px;
}

.body-header a, .body-header a:visited {
	color: #EC008C;
}

.body-content {
	margin-left: 220px;
}

.home-content-top {
	overflow: hidden;
  padding: 0 0 8px;
}

.home-cols-outer {
  overflow: hidden;
  padding-top: 12px;
}

.home-cols-outer .col1,
.home-cols-outer .col2 {
  float: left;
}

.home-cols-outer .col1 {
  width: 294px;
  margin-right: 50px;
}

.home-cols-outer .col2 {
  width: 416px;
}

.callout-box-outer {
	float: left;
	width: 249px;
	background: url(images/common/callout-bg.png) 100% 0 repeat-y;
}

.callout-box {
	background: url(images/common/callout-top.png) 100% 0 no-repeat;
}

.callout-box-inner {
	padding: 15px 12px;
	min-height: 60px;
	color: #fff;
	background: url(images/common/callout-bottom.png) 100% 100% no-repeat;
}

.callout-box-inner .title {
	font-size: 1.15em;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #333 1px 1px 0;
}

.callout-box-inner p {
	margin: 0 0 2px 0;
}

#sidebar .callout-box-outer {
	width: 185px;
}

#sidebar .callout-box {
	background: none;
}

#sidebar .callout-box-inner {
	min-height: 0;
	padding: 5px 7px;
	background: none;
}

#sidebar .callout-box-inner .title {
	font-size: 0.9em;
}

#sidebar .callout-box-inner p {
	font-size: 0.8em;
	margin-bottom: 10px;
}

#sidebar #archives h2 {
	margin-top: 0;
}

.email-list-form {
	margin: 0;
}

.email-list-form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.email-box {
	width: 170px;
}

#sidebar .email-box {
	width: 130px;
}

.email-box-labeled {
	font-style: italic;
	color: #666;
}

.email-button {
	margin-top: -4px;
	vertical-align: middle;
}

#mce-success-response {
	font-style: italic;
}

.home-carousel-outer {
	overflow: hidden;
	position: relative;
	margin-left: 267px;
	padding: 5px 27px;
	background: #212121;
}

.home-carousel-outer .nav-prev {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.home-carousel-outer .nav-next {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.home-carousel li {
	margin: 0 7px;
}

.home-carousel li img {
	border: solid 3px #fff;
}

.post {
	margin-bottom: 25px;
}

.post, .post-list {
	font-size: 1.1em;
}

.post h2, .post-list h2 {
	font-size: 1.4em;
}

.post-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.post-list li {
  margin-bottom: 15px;
}

.post-list .title {
  margin-bottom: 3px;
  font-size: 1.1em;
  font-weight: bold;
  color: #fff;
}

.post-list .title a {
  color: #fff;
}

.post-list .summary p {
  margin: 0;
}

.post-list .summary a {
	white-space: nowrap;
}

.postnav .prev {
	float: left;
}

.postnav .next {
	text-align: right;
}

#comment {
	width: 70%;
	height: 8em;
}

.wp-caption-text {
  margin: 0;
  padding-right: 1em;
  font-size: 0.9em;
  font-style: italic;
}

.home-twitter-feed .date,
.sidebar-twitter-feed .date,
.home-twitter-feed .via,
.sidebar-twitter-feed .via {
	/*font-style: italic;*/
	color: #fff;
}

.sidebar-twitter-feed {
	padding-bottom: 20px;
}


/*** Sidebar *****************************************************************/

#sidebar {
	float: left;
	width: 185px;
}

ul.root-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.root-list ul {
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: disc;
}

/* subpage nav */
#subnav ul {
	margin: 0 0 20px;
	padding: 0;
	list-style-type: none;
}
#subnav .page_item {
	margin-bottom: 3px;
	padding-bottom: 5px;
	border-bottom: solid 1px #222;
	font-size: 1.2em;
	line-height: 1.2em;
}

#subnav ul ul li {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
	font-size: 0.85em;
	line-height: normal;
}

#archives {
	margin-bottom: 20px;
}

#quote {
	font-style: italic;
}

#quote p {
	margin: 0 0 5px;
	font-family: "Palatino Linotype", Book Antiqua, Palatino, serif;
	font-size: 1.5em;
	color: #fff;
}

#quote .credit {
	display: block;
}


/*** Footer ******************************************************************/

.footer {
  margin-top: 1px;
  padding: 5px 0;
  min-height: 160px;
  font-size: 0.9em;
	line-height: 1.5em;
  text-align: center;
  color: #888;
  background: url(images/footer/bg-footer.png) no-repeat;
}

/*** OVERRIDES ***/

.ngg-galleryoverview {
  clear: none !important;
}