/*  
Theme Name: Karen Allred
Theme URI: http://karenallredpiano.com
Description: based on the default wordpress theme
Version: 1.0
Author: Jonathan Stuart-Moore
Author URI: 

Default theme is based on:

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body{
	background:black;
	line-height:150%;
}

div {
	display: block;
}

.container {
	width:744px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
}

.header {
	height:82px;
	position: relative;
}

.splash {
	height: 330px;
}

.content {
	background-color:white;
	min-height: 284px;
}

.linksbar {
	color: white;
	width: 444px;
	height: 46px;
	position: absolute;
	top: 17px;
	right: 0px;
}

.linksbar div, .linksbar a {
	float: left;
	display: block;
}

.button {
	height: 46px;
}

#leftspace {
	width: 59px;
}

#home {
	width: 63px;
}

#about {
	width: 114px;
}

#studio {
	width: 65px;
}

#dressage {
	width: 76px;
}

#rightspace {
	width: 67px;
}


.content{
	background:white;
	font-family: Palatino, serif;
	font-family: Helvetica, sans-serif;
	font-size: 11pt;
	padding-top:0px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

img{
	border:0px;
}

img.floatRight{
	float:right;
	padding-left: 8px;
}

img.floatLeft{
	float:left;
	padding-right: 8px;
}

#copy {
	color: gray;
	font-size: 9pt;
	font-family: Helvetica, sans-serif;
}

ul {
	list-style-type: square;
}

.bold {
	font-weight: bold;
}

h3 {
	font-size: 13pt;
}

a:link, a:visited {
	color: #0B7B05;
}


#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}




/* about page styles */

#aboutPage .linksbar {
  background:url('ui/about/linksbar.gif');
  background-position: top left;
}    
#aboutPage #home:hover {
	background:url('ui/about/linksbar.gif');
	background-position: -59px -46px;
}
#aboutPage #about:hover {
	background:url('ui/about/linksbar.gif');
	background-position: -122px -46px;
}
#aboutPage #studio:hover {
	background:url('ui/about/linksbar.gif');
	background-position: -236px -46px;
}
#aboutPage #dressage:hover {
	background:url('ui/about/linksbar.gif');
	background-position: -301px -46px;
}
#aboutPage #home.select {
	background:url('ui/about/linksbar.gif');
	background-position: -59px -92px;
}
#aboutPage #about.select {
	background:url('ui/about/linksbar.gif');
	background-position: -122px -92px;
}
#aboutPage #studio.select {
	background:url('ui/about/linksbar.gif');
	background-position: -236px -92px;
}
#aboutPage #dressage.select {
	background:url('ui/about/linksbar.gif');
	background-position: -301px -92px;
}

#aboutPage .header {
	background:url('ui/about/header.jpg');
}
#aboutPage .splash {
	background:url('ui/about/splash.jpg');
}
#aboutPage .content {
	background:url('ui/about/contentbg.jpg');
	background-repeat: no-repeat;
	background-color: white;
}

/* studio page styles */

#studioPage .linksbar {
  background:url('ui/studio/linksbar.gif');
  background-position: top left;
}    
#studioPage #home:hover {
	background:url('ui/studio/linksbar.gif');
	background-position: -59px -46px;
}
#studioPage #about:hover {
	background:url('ui/studio/linksbar.gif');
	background-position: -122px -46px;
}
#studioPage #studio:hover {
	background:url('ui/studio/linksbar.gif');
	background-position: -236px -46px;
}
#studioPage #dressage:hover {
	background:url('ui/studio/linksbar.gif');
	background-position: -301px -46px;
}
#studioPage #home.select {
	background:url('ui/studio/linksbar.gif');
	background-position: -59px -92px;
}
#studioPage #about.select {
	background:url('ui/studio/linksbar.gif');
	background-position: -122px -92px;
}
#studioPage #studio.select {
	background:url('ui/studio/linksbar.gif');
	background-position: -236px -92px;
}
#studioPage #dressage.select {
	background:url('ui/studio/linksbar.gif');
	background-position: -301px -92px;
}

#studioPage .header {
	background:url('ui/studio/header.jpg');
}
#studioPage .splash {
	background:url('ui/studio/splash.jpg');
}
#studioPage .content {
	background:url('ui/studio/contentbg.jpg');
	background-repeat: no-repeat;
	background-color: white;
}


/* dressage page styles */

#dressagePage .linksbar {
  background:url('ui/dressage/linksbar.gif');
  background-position: top left;
}    
#dressagePage #home:hover {
	background:url('ui/dressage/linksbar.gif');
	background-position: -59px -46px;
}
#dressagePage #about:hover {
	background:url('ui/dressage/linksbar.gif');
	background-position: -122px -46px;
}
#dressagePage #studio:hover {
	background:url('ui/dressage/linksbar.gif');
	background-position: -236px -46px;
}
#dressagePage #dressage:hover {
	background:url('ui/dressage/linksbar.gif');
	background-position: -301px -46px;
}
#dressagePage #home.select {
	background:url('ui/dressage/linksbar.gif');
	background-position: -59px -92px;
}
#dressagePage #about.select {
	background:url('ui/dressage/linksbar.gif');
	background-position: -122px -92px;
}
#dressagePage #studio.select {
	background:url('ui/dressage/linksbar.gif');
	background-position: -236px -92px;
}
#dressagePage #dressage.select {
	background:url('ui/dressage/linksbar.gif');
	background-position: -301px -92px;
}

#dressagePage .header {
	background:url('ui/dressage/header.jpg');
}
#dressagePage .splash {
	background:url('ui/dressage/splash.jpg');
}
#dressagePage .content {
	background:url('ui/dressage/contentbg.jpg');
	background-repeat: no-repeat;
	background-color: white;
}



/* home page styles */

#homePage .linksbar {
  background:url('ui/home/linksbar.gif');
  background-position: top left;
}    
#homePage #home:hover {
	background:url('ui/home/linksbar.gif');
	background-position: -59px -46px;
}
#homePage #about:hover {
	background:url('ui/home/linksbar.gif');
	background-position: -122px -46px;
}
#homePage #studio:hover {
	background:url('ui/home/linksbar.gif');
	background-position: -236px -46px;
}
#homePage #dressage:hover {
	background:url('ui/home/linksbar.gif');
	background-position: -301px -46px;
}
#homePage #home.select {
	background:url('ui/home/linksbar.gif');
	background-position: -59px -92px;
}
#homePage #about.select {
	background:url('ui/home/linksbar.gif');
	background-position: -122px -92px;
}
#homePage #studio.select {
	background:url('ui/home/linksbar.gif');
	background-position: -236px -92px;
}
#homePage #dressage.select {
	background:url('ui/home/linksbar.gif');
	background-position: -301px -92px;
}

#homePage .header {
	background:url('ui/home/header.jpg');
}
#homePage .splash {
	background:url('ui/home/splash.jpg');
}
#homePage .content {
	background:url('ui/home/contentbg.jpg');
	background-repeat: no-repeat;
	background-color: white;
}

.rightCalendarBox {
	width: 220px;
	/*border: 1px dashed gray;*/
	float: right;
	padding: 1px;
	margin-left: 20px;
	margin-top: -30px;
}

.rightCalendarBox .title {
	display: block;
	color: black;
	border-bottom: 1px solid gray;
	font-weight: bold;
}

.content {
	padding-top: 20px;
	position: relative;
}

/* Tabs (second level navigation) */

.tabs {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 744px;
	height: 37px;
}

.tabs a, .tabs a:link, .tabs a:visited, .tabs a:active {
	text-decoration: none;
}

.tab {
	display: block;
	height: 37px;
	width: 100px;
	float: left;
	position: relative;
}

/* About Page */
#aboutPage .tabs {
	background:url('ui/about/tabsbg.gif');
}

#aboutPage .tab {
	background: url('ui/about/tabsbg.gif');
}

#aboutPage #biographyTab {
	background-position: 0px 0px;	
}

#aboutPage #biographyTab.selected {
	background-position: 0px -37px;
}

#aboutPage #audioTab {
	width: 143px;
	background-position: -100px 0px;
}

#aboutPage #audioTab.selected {
	background-position: -100px -37px;
}

/* Studio Page */
#studioPage .tabs {
	background:url('ui/studio/tabsbg.gif');
}

#studioPage .tab {
	background: url('ui/studio/tabsbg.gif');
}

#studioPage #teachingTab {
	width: 90px;
	background-position: 0px 0px;	
}

#studioPage #teachingTab.selected {
	background-position: 0px -37px;
}

#studioPage #calendarTab {
	width: 90px;
	background-position: -92px 0px;	
}

#studioPage #calendarTab.selected {
	background-position: -92px -37px;
}

#studioPage #dressageTab {
	width: 95px;
	background-position: -90px 0px;
}

#studioPage #dressageTab.selected {
	background-position: -90px -37px;
}

/* Dressage Page */
#dressagePage .tabs {
	background:url('ui/dressage/tabsbg.gif');
}

#dressagePage .tab {
	background: url('ui/dressage/tabsbg.gif');
}

#dressagePage #eventsTab {
	width: 155px;
	background-position: 0px 0px;	
}

#dressagePage #eventsTab.selected {
	background-position: 0px -37px;
}

#dressagePage #brioTab {
	width: 130px;
	background-position: 0px 0px;
}

#dressagePage #brioTab.selected {
	background-position: 0px -37px;
}

#dressagePage #lilyTab {
	width: 120px;
	background-position: -130px 0px;
}

#dressagePage #lilyTab.selected {
	background-position: -130px -37px;
}

#dressagePage #annaTab {
	width: 110px;
	background-position: -260px 0px;
}

#dressagePage #annaTab.selected {
	background-position: -260px -37px;
}


/* Tab dividers that create shadows on either side of a selected tab */

.tabDivider {
	display: block;
	width: 6px;
	height: 36px;
	float: left;
}

.tabDivider.leftShadow {
	background: url('ui/tab_shadow_left.gif');
}

.tabDivider.rightShadow {
	background: url('ui/tab_shadow_right.gif');
}


/* Random page-specific styles */

#brioContent img, #eventsContent img {
	float: left;
	padding: 20px;
}

a.pdflink {
	position:relative;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 30px;
	background: url('ui/pdf-small.gif');
	background-repeat: no-repeat;
	background-position: top left;
}