/*
Theme Name: The Rhythm Centre
Theme URI: http://www.thirdshy.com
Description: A custom theme designed for The Rhythm Centre, a dance company focuses on contact improvisation.
Version: 1.9
Author: Brinthapan Parathan
Author URI: http://www.thirdshy.com
*/


#column-left {
	width: 270px;
	float: left;
	padding:3px;
	background: rgba(223, 223, 223, 0.7);
	margin-right:15px;
}
	#column-left img {
	padding:5px;
	}
 
#column-center {
	width: 270px;
	float: left;
	padding:3px;
	background: rgba(223, 223, 223, 0.7);
	margin-right:15px;	
}
	#column-center img {
	padding:5px;
	}
 
#column-right {
	width: 270px;
	float: left;
	padding:3px;
	background: rgba(223, 223, 223, 0.7); 
	margin-right:15px;	
}

	#column-right img {
	padding:5px;
	}

#column-botleft {
	margin-top:20px;
	width: 840px;
	float: left;
	padding:2px;
	margin-right:10px;
	margin-bottom:20px;
}

#column-botright {
	margin-top:30px;
	width: 230px;
	float: left;
	padding:11px;
	background: rgba(97, 97, 97, 0.5);
	margin-right:10px;
}

body {
margin:0 auto;
margin-top:0px;
font-family:Arial;
}

p {
margin: 0 30px 30px 0; 
font-size:14.5px; 
}

h2{
color:#303030;
}

h1{
color:#8fcb3a;
}


.topbutton{
	position:absolute;
	left:200px;
	top:193px;
	z-index:4;
	width: 860px;
	height: 37px;
	display: block;
	background: url('topbutton.png') bottom;
	text-indent: -99999px;

}

.topbutton2{
	position:absolute;
	left:350px;
	top:250px;
	z-index:71;
	width: 460px;
	height: 30px;
	display: block;
	background: url('topbutton2.png') bottom;
	text-indent: -99999px;

}

.button1 {
	position:absolute;
	left:860px;
	top:620px;
	z-index:999;
	display: block;
	width: 192px;
	height: 39px;
	background: url('images/button1.png') bottom;
	text-indent: -99999px;
}

.button1:hover {
	background-position: 0 0;
}

.button2 {
	position:absolute;
	left:860px;
	top:665px;
	z-index:999;
	display: block;
	width: 192px;
	height: 39px;
	background: url('images/button2.png') bottom;
	text-indent: -99999px;
}

.button2:hover {
	background-position: 0 0;
}

blockquote {
	margin: 1em 3em;
	padding: .5em 1em;
	border-left: 5px solid #212117;
	background-color: #E6E6E6; 
	text-align:justify;
	font-style:italic;
	overflow:auto;
	}
blockquote p {
	margin:0px; }


/* First Navigation*/
.navigationbar1 {position: relative;
width:auto;
height:48px;
background-image:url(images/navbar.png);
background-repeat:repeat-x;
margin-top:0px;
z-index:72;
}

nav{font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-left:60px;width:90%;}
nav ul{ margin:0px; padding:0px;} 
nav ul li{list-style-type:none; display:inline-block;  margin:0 0 0 -3px}
nav ul li a{ display:block; color:#fff;text-decoration:none; text-transform:lowercase; padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:10px; background:none}
nav ul li:hover>a{ background:none}
nav ul li:first-child a{border-radius:5px 0 0 5px;}
nav ul li:last-child a{border-radius:0 5px 5px 0;}
/*...First-Level...*/
nav ul li ul li:hover>a{ background:#c1c1c1;}
nav ul li ul li:first-child a{border-top:none}
nav ul li ul li:last-child a{border-bottom:none}
nav ul li ul{position:absolute; display:none; width:140px;}
nav ul li ul li{display:block; position:relative;}
nav ul li ul li a{ border-bottom:1px solid #a1a1a1; border-right:none; border-left:none; border-radius:0px!important; background:#c1c1c1;  margin:0px; padding:10px;font-size:14px;}
nav ul li:hover ul{display:block;}
/*...Second-Level...*/
nav ul li:hover ul ul{display:none}
nav ul li ul li:hover>ul{display:block;}
/*...Third-Level...*/
nav ul li ul li ul{display:none; background:#fff; position:absolute; top:-10%; left:145px; width:140px;}




/* ----- HEADER ----- */
.header {position: relative;
width:auto;
height:125px;
background-color:#ffffff;
margin-top: 0px;
opacity: 0.7;
}


#h1 { 
position: relative;
padding-top:1%;
padding-left:6%;
}



/* ----- NAVIGATION 2 ----- */
.navigationbar2 {position: relative;
border-top: solid 1px #BCBCB8;
width:auto;
height:40px;
background-image:url(images/navbar2.png);
background-repeat:repeat-x;
margin-top:0px;
}

.navigationbar2 p {
text-align:right;
padding-right:18%;
}


.navigation2 ul {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding-top: 10px;
  padding-left: 15%;
  list-style: none;
  text-align:left;
}
.navigation2 ul li {
	text-transform:lowercase;
	padding-right:10px;
	padding-left:10px;
	display: inline;
	position: relative;
}

.navigation2 ul li a{
	text-decoration:none;
	color: #000000;
}

.navigation2 ul li a:hover{
	color: #736C6C;
}

.navigation2 .selected{
color:#736C6C;
}

/*Navigation Link*/
ul#topnav {
width:480px;
list-style:none;
height:40px;
margin:7px auto; /* center nav in this demo */
}

ul#topnav li {
display:inline;
}

ul#topnav li a {
height:40px;
float:left;
text-indent:-9999px;
}

ul#topnav li#topnav-1 a {
width:160px;
background:url(images/bnt.png) no-repeat 0 0; /* X and Y position at 0 */
}

ul#topnav  li#topnav-1 a:hover {
background-position:0 -40px; /* Y position -40px for Over instance image */
}

ul#topnav li#topnav-2 a {
width:160px;
background:url(images/bnt.png) no-repeat 0 0;
}
ul#topnav  li#topnav-2 a:hover {
background-position:0 -40px;
}

/* ------------ Background Image -----*/
	html { 
		background: url(images/bg.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	#page-wrap { width: 400px; margin: 50px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black;}

/* ----- MAIN CONTENT ----- */

#content { position: relative; 
width: 900px; 
margin: 10px auto; 
padding: 20px; 
background-image:url(images/bg.png);
background-repeat:repeat-y;
font-size:14px; 
z-index:70;
overflow:auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
	
	#content img {
		padding-left: 7px;
		padding-right: 7px;
		padding-top: 5px;
	}
	




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

#menu {
  position: fixed;
  right: -1px;
  top: 70%;
  width: 13em;
  margin-top: -2.5em;
  z-index:100;
}

ul#menu{
list-style:none;
}
/* ----- FOOTER ----- */



#footer { 
width:auto;
height:100px;
color:#ffffff;
font-weight:bold;
font-family:Tahoma;
background: rgba(97, 97, 97, 0.5); 
margin-top:10px;
margin-bottom:10px;
padding: 20px;
}

audio{
width: 273px;
background-color: #E9E9E9;
}