/*    

Theme Name: Centerspace
Theme URI: http://www.centerspacepilates.com
Description: Custom theme built for Centerspace Pilates
Author: Martin Olson 
Author URI: http://innertwine.com 
Version: 1.0

*/ 

/*	Reset Browser Styles & Import External Styles
-----------------------------------------------------------------------------*/

@import url("css/reset.css");
@import url("css/typo.css");
@import url("css/cforms.css");
@import url("css/carousel.css");

/*	Structure
-----------------------------------------------------------------------------*/

body { background: #44646b url(images/topbkg.png) 0 0 repeat-x; margin: 0; padding: 0 }
.wrap { color: rgb(165,165,165); font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; margin: 40px auto; width: 940px }
#header { margin: 0; padding: 0 }
#footer { clear: both; color: #f0f0ec; font-size: 10px; padding: 15px 0; text-align: center }
#footer a { color: #f0f0ec; text-decoration: none }
#footer a:hover { color: #5e5d56; text-decoration: underline }

/*	Header
-----------------------------------------------------------------------------*/
#logo { display: block; float: left; margin-bottom: 20px; width: 260px }
ul#sitenav { float: left; height: 45px; margin: 29px 0 0 30px }
ul#sitenav li { background: #f9f9f7; display: block; float: left; font-size: 11px; font-weight: 700; line-height: 25px; text-align: center }
	li#studio { width: 155px }
	li#about { width: 100px }
	li#classes { width: 60px }
	li#events { width: 100px }
	li#training { width: 125px }
	li#contact { width: 85px }
ul#sitenav li a { color: #74706e; text-decoration: none }
ul#sitenav li a:hover { color: #acafa3; text-decoration: none }
ul#sitenav li.active { background: #bcbeb6; margin: 0 5px }
ul#sitenav li.active a:link, ul#sitenav li.active a:visited { color: #fff }

/*	Content
-----------------------------------------------------------------------------*/

#content { background: #fff; color: #4d4c4a; clear: both; padding: 0 0 35px }
#homeslides { height: 350px; z-index: 2 }
.slideshow { height: 350px; width: 940px; padding: 0; margin: 0 } 
.slideshow img { height: 350px; top: 0; left: 0; width: 940px}
.hide { display:none  } 
#slideshow-controls a { background: #363633 url(images/btn-playpause.png) 0 0 no-repeat; display: block; height: 20px; width: 20px; position:relative; margin: -30px 0 0 10px; text-indent: -9999px; z-index: 10 }
#slideshow-controls a.active { background: #8db875 url(images/btn-playpause.png) 0 -20px no-repeat }
.homecol { display: block; float: left; font-size: 11px; line-height: 1.6em; }
#lc-home { margin: 35px 40px 0 0; padding-left: 40px; text-align: right; width: 170px }
#mc-home { margin: 35px 25px 0 0; width: 370px }
.quote { background: url(images/arrow-dwn.png) 0 bottom no-repeat; color: #61605f; font-size: 14px; font-style: italic; font-family: 'Cambria', 'Georgia', Times, Times New Roman, serif; line-height: 1.5em; padding-bottom: 15px; margin-bottom: 5px }
#mc-home .quote { font-size: 16px }
	.bq { font-family: Cambria; float: left; margin: 0 3px 0 -10px }
	.author { color: #9f9c91; font-size: 10px; font-style: italic; margin: 10px 0 20px }
#rc-home { background: #f9f9f7; padding: 5px 15px; position: relative; margin-top: -85px; width: 240px; z-index: 3 }
#videoplyr { border-bottom: 1px solid #f0f0ec; height: 210px }
#getstarted { border-top: 1px solid #fff; padding: 15px 5px }

#home-events { background: url(images/home-eventbkg.gif) 0 0 repeat-x; margin-top: 25px; overflow: auto; padding: 35px 0 0 }
.e-col { float: left; font-size: 10px; line-height: 1.6em; margin-left: 35px; overflow: auto; width: 185px }
.e-title { margin-right: 10px; text-align: right; width: 175px }

/* inner */
#maincol { display: block; float: left; line-height: 1.5em; width: 550px }
#maincol-wide { display: block; float: left; line-height: 1.5em; width: 630px }
#mc-content { padding: 45px }

/* general list style */
.maintxt ul { margin-bottom: 1.5em }
.maintxt ul li { list-style: disc; margin: 0 0 5px 14px }

#maincol p a,
#maincol-wide p a,
.e-col a { color: #80a3ae; text-decoration: none }
#maincol p a:hover,
#maincol-wide p a:hover,
.e-col a:hover { color: #7ebdcf; text-decoration: underline }

#meet-teachers { clear: both; margin: 25px 0 5px }
.tcol { background: #f1f1f1; display: block; float: left; height: 85px; margin-right: 5px; width: 145px }
.teacher-bio { background: #f2f9f9; font-size: 10px; margin-bottom: 20px; padding: 25px; width: 390px }

#sidecol { background: #f7f7f3 url(images/sidecol-bkg.png) 0 bottom repeat-x; display: block; float: left; margin-top: 80px; padding-top: 12px; width: 375px }
#sidecol-thin { background: #f8f8f3 url(images/sidecol-bkg.png) 0 bottom repeat-x; display: block; float: left; margin-top: 80px; width: 295px }
#sc-quote { border-top: 1px solid #f0f0ec; border-bottom: 1px solid #f0f0ec; padding: 25px 15px 15px; margin: 0 15px }

.schedule { height: 33px; margin: 0 12px 12px }

/* classes */
.classlist-hdr {/* background: #f8f8f3 url(images/classlist-hdrbkg.gif) 0 0 repeat-x; */height: 20px; font-size: 12px; font-weight: 700; line-height: 20px; margin-top: 10px; padding: 10px 0 0 0 }
a#expandall { background: #f1f7f8; color: #8e8e88; font-size: 9px; font-weight: 100; float: right; line-height: 20px; padding: 3px 13px 0; text-decoration: none }
a#expandall:hover { background: #e3edef; color: #8e8e88 }
.class-entry { font-size: 10px }

#rate-packages { border-top: 1px solid #f0f0ec; clear: both; padding: 20px 15px; margin: 30px 15px 0 }
#rate-packages ul { margin: 20px 0; padding: 0 0 20px }
#rate-packages ul li { /*background: url(images/packagerates-icons.gif) 0 0 no-repeat;*/ font-size: 10px; min-height: 20px; line-height: 1.4em; margin: 0 0 5px; padding: 5px 10px 5px 0 }
#rate-packages ul li#duet { background-position: 0 -50px }
#rate-packages ul li#trio { background-position: 0 -105px }
#rate-packages ul li#mat { background-position: 0 50px }
#rate-packages ul li#equip { background-position: 0 50px }

/* training */

#enrollment { font-size: 10px; padding: 25px 15px; line-height: 1.6em; margin: 0 15px }
#enrollment ul {  }
#enrollment ul li { list-style: disc; margin: 0 0 5px 14px }

/* events */

#events-sc { font-size: 10px; padding: 25px 15px; line-height: 1.6em; margin: 0 15px }
#events-sc ul {  }
#events-sc ul li { }

.singleimg { border: 5px solid #fff }

/* gallery slideshow */

#gallery { height: 300px; margin: 0 12px -20px; z-index: 3 }
#egallery { height: 300px; margin: 0 12px 25px; z-index: 3 }
.galleryslides,
.equipslides { background: #fff; height: 300px; width: 350px; padding: 0; margin: 0 } 
.galleryslides img,
.equipslides img { height: 290px; margin-left: 5px; margin-top: 5px; top: 0; left: 0; width: 340px }
.gallerynav { font-size: 10px; height: 30px; margin: 0 12px; position: relative; top: -150px; left: -12px; z-index: 4 }
.egallerynav { background: url(images/gallery-btnBkg.gif) 2px 0 no-repeat; font-size: 10px; float: right; height: 30px; margin: -8px 0 0 0; width: 56px }
/*#prevbtn,
#nextbtn { background: #afada5; color: #fff; padding: 5px 10px; margin-right: 1px; text-decoration: none; width: 60px }
#nextbtn { position: relative; top: 0; left: 290px }
#prevbtn:hover,
#nextbtn:hover { background: #7fabac }*/

/* orig
#prevbtn { background: url(images/gallery-prevBtn.png) 0 0 no-repeat; display: block; height: 30px; position: relative; top: 0; left: 0; text-indent: -9999px; width: 30px }
#nextbtn { background: url(images/gallery-nextBtn.png) 0 0 no-repeat; display: block; height: 30px; position: relative; top: -25px; left: 343px; text-indent: -9999px; width: 30px }*/

.gallerynav #prevbtn { background: url(images/gallery-prevBtn.png) 0 0 no-repeat; display: block; float: left; height: 30px; text-indent: -9999px; width: 30px }
.gallerynav #nextbtn { background: url(images/gallery-nextBtn.png) 0 0 no-repeat; display: block; height: 30px; position: relative; left: 345px; text-indent: -9999px; width: 30px }

.egallerynav #prevbtn { background: url(images/gallery-prevBtn.png) 0 0 no-repeat; display: block; float: left; height: 30px; text-indent: -9999px; width: 28px }
.egallerynav #nextbtn { background: url(images/gallery-nextBtn.png) 0 0 no-repeat; display: block; float: right; height: 30px; text-indent: -9999px; width: 28px }

#prevbtn:hover,
#nextbtn:hover { background-position: 0 -31px }



h3.trigger {
	border-top: 1px solid #eaf0f0;
	clear: both;
	margin-bottom: 10px;
	/*margin: 5px 0;*/
	letter-spacing: 0;
	text-transform: none
	}
h3.nb { border-top: none }
h3.trigger a {
	background: url(images/toggle-icon.png) 0 7px no-repeat;
	color: #2d7d8d;
	text-decoration: none;
	display: block;
	line-height: 25px;
	padding: 10px 30px 0;
	margin: 0;
	height: 20px;
	font-size: 12px;
	font-weight: 700
	}
h3.trigger a:hover { color: #86acbf }
h3.active a { background: url(images/toggle-icon.png) 0 -23px no-repeat; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container,
.toggle_container-wide {
	font-size: 10px;
	margin: 0 0 10px;
	padding: 0;
	background: #f3f8f9;
	overflow: hidden;
	width: 460px;
	clear: both;
	}
/*.wide { font-size: 10px; width: 505px }*/
.toggle_container .block {
	padding: 20px 30px 10px; /*--Padding of Container--*/
	}
/*
#benefits ul,
#prinicples ul {  }
#benefits ul li,
#principles ul li { background: url(images/list-arrow.png) 0 3px no-repeat; margin-bottom: 10px; padding-left: 10px }

/* equipment */

#equip-details { min-height: 200px; padding: 0 25px }
#equip-details p { line-height: 1.5em }

/* contact */

#googlemap { background: #fff;  margin: 0 12px 25px; padding: 5px }
#contact-info { margin: 0 12px; padding: 0 20px }
#contact-info h3 { float: left; padding-top: 2px; width: 60px }
.c-address { float: right; width: 230px }
#contact-info p { line-height: 1.5em }

/*	Buttons
-----------------------------------------------------------------------------*/

a.getstarted { background: url(images/btn-getstarted.gif) 0 0 no-repeat; color: #fff; display: block; font-size: 16px; font-weight: 700; height: 40px; line-height: 40px; text-align: center; text-decoration: none; text-indent: -9999px; width: 215px }

a.freeclass { background: url(images/btn-freeclass.png) 0 0 no-repeat; color: #fff; display: block; float: left; font-size: 16px; font-weight: 700; height: 35px; line-height: 35px; text-align: center; text-decoration: none; text-indent: -9999px; width: 170px }

a.scheduleclass { background: url(images/btn-schedule.png) 0 0 no-repeat; color: #fff; display: block; float: right; font-size: 16px; font-weight: 700; height: 35px; line-height: 35px; text-align: center; text-decoration: none; text-indent: -9999px; width: 180px }

a.scheduleclass-alt { background: url(images/btn-schedule.png) 0 -3px no-repeat; color: #fff; display: block; font-size: 16px; font-weight: 700; height: 30px; line-height: 30px; text-align: center; text-decoration: none; text-indent: -9999px; width: 180px }
a.scheduleclass-alt:hover { background-position: 0 -37px }

a.freeclass:hover,
a.scheduleclass:hover { background-position: 0 -34px }
a.getstarted:hover { background-position: 0 -40px }


/*******

Updates Blog Section 09.07.09

*******/

/*	Blog Single
-----------------------------------------------------------------------------*/

.article-entry { border-bottom: 3px double #f1f0ee; margin-top: 30px; padding-bottom: 20px }
.article-single { margin-top: 30px; margin-bottom: 15px; padding-bottom: 20px }

ol.metainfo { height: 25px; margin-bottom: 10px }
ol.metainfo li { border-left: 1px solid #d6d4d2; color: #8d8c8b; display: block; float: left; font-size: 10px; margin-right: 8px; padding-left: 8px }
ol.metainfo li.first { border-left: none; padding-left: 0 }
ol.metainfo a { color: #525150; text-decoration: none }
ol.metainfo a:hover { color: #7ebdcf }

.pagination { margin-top: 25px }
.pagination a { color: #4d4c4a; font-weight: 700; text-decoration: none }
.pagination a:hover { color: #7ebdcf }

.respond-title {
	clear: both;
	margin: 15px 0 0;
	padding: 15px 0 0 0
	}
	.respond-title h3 { }
#respond {
	
	}
.user-loggedin {
	font-size: 11px;
	margin-left: 80px
	}
.nocomments-title {
	border-top: 1px dotted rgb(186,185,176);
	clear: both;
	padding: 15px 0 5px
	}
.comments-title {
	border-top: 3px double #f1f0ee;
	border-bottom: 1px double #f1f0ee;
	clear: both;
	line-height: 45px
	}
	.comments-title h3 { margin-bottom: 0 }
	
form#commentform {
	margin-top: 10px
	}
form#commentform ol {
	margin: 0;
	padding: 0;
	}
form#commentform ol li {
	clear: both;
	padding: 3px 0;
	margin: 0
	}
form#commentform label {
	color: #666665;
	display: block;
	float: left;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.5em;
	padding-right: 20px;
	vertical-align: top;
	width: 65px
	}
form#commentform label.error {
	clear: left; 
	color:#ff3311;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	margin: 5px 0 0 80px;
	text-align: left;
	width: 300px
	}
form#commentform li input.txtfield,
form#commentform li textarea {
	border: 1px solid #999;
	color: rgb(89,89,89);
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	width: 300px
	}
form#commentform input.submitBtn {
	margin: 5px 0 0 85px
	}
	
/** WDP AJAX Comments Default stylesheet **/
.wdpajax-error{ 
	border:1px solid #f9d9c9; 
	padding:5px; 
	color:#ff3311; 
	}
.wdpajax-success{ 
	border:1px solid #339933; 
	padding:5px; 
	color:#339933; 
	}
.wdpajax-loading{
	background:#f0f0f0;
	padding:5px;
	}
label.error{ 
	float:none !important; 
	padding-left:5px; 
	color:#ff3311; 
	}

/* classes */

span.req {
	color: #7ebdcf;
	font-weight: 700;
	margin-right: 2px
	}

#sidebar #searchbox {
	height: 30px;
	padding: 15px 0;
	margin-bottom: 10px
	}
	#sidebar ul { margin-bottom: 20px }
	#searchform input {
		color: #595959;
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		padding: 1px 2px;
		float: left;
		display: inline
		}
	#searchform input.searchbtn { margin-left: 5px }
	
	.result-entry {
		border-top: 1px dotted rgb(186,185,176);
		margin: 0;
		padding: 20px 10px 10px
		}
	#search-results {
		display: block;
		float: left;
		font-size: 11px;
		margin: 25px 30px 25px 35px;
		width: 613px
		}
		#selectArchive { float: left }
#sidebar #twitter,
#sidebar #archives,
#sidebar #categories,
#sidebar #specials,
#sidebar #signup {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e6e6dc;
	font-size: 11px;
	padding: 10px 0
	}
	#sidebar #twitter {
		border-bottom: none;
		padding-right: 20px
		}
	#sidebar ul {
	
		}
	#sidebar ul li {
		font-size: 11px;
		line-height: 1.5em;
		padding: 1px 0
		}
	#archives ul li {
		background: url(images/icon-article.gif) 0 center no-repeat;
		padding-left: 13px
		}
	#sidebar ul li a:link,
	#sidebar ul li a:visited {
		color: #565651;
		text-decoration: none
		}
	#sidebar ul li a:hover {
		color: #939382;
		text-decoration: none
		}
	#sidebar ul.twitter {
		margin-bottom: 0
		}
	#sidebar ul.twitter a:link,
	#sidebar ul.twitter a:visited {
		color: #62A59E
		}
	#sidebar ul.twitter a:hover {
		text-decoration: underline
		}
#sidebar #specials,
#sidebar #signup {
	border: none
	}
	#specials ul {
		border-bottom: 1px solid #fff;
		border-top: 1px solid #e6e6dc
		}
	#specials ul li {
		/*background: url(images/icon-article.gif) 0 center no-repeat;
		padding-left: 13px*/
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e6e6dc;
		padding: 5px 0
		}
	#sidebar #signup {
		background: url(images/signup-bkg.png) 105px 0 no-repeat;
		clear: both;
		line-height: 1.3em;
		margin: 0 0 20px;
		padding-top: 25px
		}
	#sidebar #signup p {
		margin-right: 75px
		}
	#signup label {
		display: none
		}
	#sidebar #signup input.txtfield {
		color: rgb(89,89,89);
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		padding: 1px 3px;
		width: 120px
		}
	#go {
		margin-top: 10px
		}


ol.commentlist {

	}
ol.commentlist li {
	border-bottom: 1px double #f1f0ee;
	clear: both;
	font-family: arial, helvetica, sans-serif; 
	font-size: 11px;
	padding: 20px 10px 15px;
	overflow: auto
	}
	ol.commentlist li.authcomment { background: #eff8fa }
	ol.commentlist li p {
		font-size: 11px;
		line-height: 1.4em
		}
	.comment {
		clear: both;
		}
	.comment-author {
		display: block;
		float: left;
		font-size: 10px;
		line-height: 1.3em;
		padding-right: 20px;
		width: 120px
		}
		.fn { font-weight: 700 }
		.comment-author a,
		.comment-meta a { color: #7ebdcf; text-decoration: none }
		.comment-author img.avatar {
			float: left;
			margin-right: 10px
			}
		.comment-txt {
			display: block;
			float: right;
			width: 420px
			}
	.comment-meta { margin-bottom: 5px }
	.comment-entry { float: right; display: block; width: 380px }