/*
CSS link page for the Powell River Dojo. Any styles can be over ridden here.

*/

@import url("../css/dojos.css");

img#karateWeekEnd {
position:relative;

left:30px;
}


/*############################################# STYLES FOR THE INSTRUCTOR PAGE #####################################*/

#instructors img[src="./assets/photos/frank_suit.jpg"] {
	float:left;
	border:#333333 3px solid;
	margin:20px;
	clear:right;
}

#instructors img[src="./assets/photos/frank_gi.jpg"] {
	float:left;
	border:#333333 3px solid;
	margin:20px;
}


#instructors {
	color:#999999;
	padding-bottom:50px;
	min-height:500px;
	background-color:#111111;
 	border:#222222 medium solid;
	width:800px;
	margin-left:16px;

}

#instructors .inst_text{
margin:10px;
width:400px;
float:left;
}

div#lead_instructor {
float:left;
width:100%;
}

div.leadership_text {

float:left;
width:100%;
text-align:center;
}

div.leadership_gallery {
height:500px;

}

div.leadership_gallery p#previous {
float:left;
left:110px;
}

div.leadership_gallery p#next {
float:right;
right:115px;
}

div.leadership_gallery p#next, 
div.leadership_gallery p#previous {
position:relative;
width:100px;
top:110px;
color:white;

}


div.leadership_text img {
border:#333333 3px solid;
}

div.leadership_text h3 {
border-top:#222222 medium solid;
border-bottom:#222222 medium solid;
padding-top:5px;
padding-bottom:5px;
background-color:#000000;
}


#instructors blockquote {
	border-top:white 1px solid;
	border-bottom:white 2px solid;
	padding:5px;
	width:125px;
	margin-left:52px;
	margin-top:0px;
	float:left;
	font-size:12px;
}

/*############################################# STYLES FOR THE EVENTS PAGE #####################################*/


/*#content {
 height:1450px;!important
}*/

/*############################################# STYLES FOR THE GALLERY PAGE #####################################*/

#photo-gallery {
	color:#999999;
	background-color:#222222;
 	border:#222222 medium solid;
	width:800px;
	margin-left:16px;
}

/*buttons are hidden when js is disabled.*/
div#tabs ul#buttons {
display:none; 
}

.each-gallery {
	display:block;
	float:left;
	width:750px;
}


#gallery p, #gallery li {
	line-height: 1.8em;
}
#gallery h1, #gallery h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 0 0 10px 0;
	letter-spacing:-1px;
}
#gallery h1 {
	padding: 0;
	font-size: 3em;
	color: #333;
}
#gallery h2 {
	padding-top: 10px;
	font-size:2em;
}

h3.gallery-title
{
border-bottom:#444 thin solid;

margin-left:5px;
padding-left:10px;
padding-bottom:5px;

} 

#gallery pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}


/*############################################# STYLES FOR THE SCHEDULE PAGE #####################################*/
#schedule {
	color:#999999;
	padding-bottom:50px;
	height:auto;
	background-color:#111111;
 	border:#222222 medium solid;
	width:800px;
	margin-left:16px;

}

#schedule_head {
	border-bottom:#222222 medium solid;
	background-color:#000;
	padding-top:5px;
	padding-bottom:5px;
}


#schedule h2, #schedule h3 {
margin:0px;
padding:0px;
margin-left:20px;
}


#schedule table {
color:black;
font-size:75%;
height:auto;
width:760px;
margin-top:20px;
}
#schedule table td {
padding:0 5px;
width:auto;
height:auto;
}
/*#schedule img {
	margin:10 auto;
}*/

img[src$='.png'] {
border:#333333 3px solid;
margin:20px 50px;
}