/*
Theme Name: TwentyTwelve - extend
Theme URI: 
Description: 
Version: 1.0
Author: 
Author URI: 
Template: twentytwelve
*/
@import url('../twentytwelve/style.css');

/* You can safely edit this file, but keep the Template tag above unchanged! */

/* Only repeat the body background horizontally */
#page {
	background-repeat:repeat;
}


/* No gap above header image */
#site-title {
	padding:0px;
}


/* Navigation bar */
.nav-main {
  padding-top: 10px;
  padding-bottom: 3px; /* Gap between navigation bar and content */
}






/*- START TEXT ----------------------------------------------*/

h1.title{
  margin:.25em 0 .5em 0;
  font-size:26px;
  font-weight:500;
  text-shadow:#fff 1px 1px 1px;
  line-height: 100%;
  font-family:"Open Sans",Arial;
}

/*- END TEXT ----------------------------------------------*/






/*- START PAGE LAYOUT---------------------------------------------*/

.show_header {
	height:315px;
	margin-bottom:20px;
	background-color:#333333;
	color:white;
	padding:8px;
}

.show_header img {
	float:right;
}

.show_header label {
	font-weight:bold;
	display:inline-block;
	width:110px;
	vertical-align:top;
}

.show_header p {
	font-weight:normal;
	display:inline-block;
	width:300px;
	vertical-align:top;
}

.column_left {
	float:left; 
	width:250px; 
	margin-right:50px;
}

.column_body {
	float:left; 
	width:635px;
}

.column_right {
	float:right; 
	width:250px; 
	margin-left:50px;
}



/*- END PAGE LAYOUT ----------------------------------------------*/








/*- START SHOW ----------------------------------------------*/

.production {
	color:black;
	margin-bottom:20px;
}

.production img {
	float:left;
	margin-right:15px;
}

.production h3 {
	font-size:16px;
	font-weight:600;
	margin-top:2px;
}

.production p {
	margin-top:5px;
	margin-bottom:5px;
}


.song {
	color:black;
}

.song h3 {
	font-size:16px;
	font-weight:600;
	margin-top:2px;
}



/*
.show_box {
	border:1px solid #0080FF; 
	background-color:#f5f5f5; 
	border-radius:5px 5px 5px 5px; 
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);
	width:620px; 
	padding:5px;
}


.show_box.home {
	width:295px; 
	height:180px;
	float:left;
	margin:10px;
	margin-left:0px;
	margin-top:0px;
	padding:5px;
}


.show {
}

.show .show_logo {
	width:100px;
	height:150px;
	margin-right:10px;
	margin-bottom:0px;
	float:left;
}

.show .show_body {
	width:510px;
	float:left;
}

.show .show_name {
	font-size:17px;
	font-weight:600;
}

.show .show_dates {
	font-size:12px;
	padding-top:5px;
}

.show .show_summary {
	font-family:arial;
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
}

.show .show_tickets {
	margin-top:3px;
	font-size:14px;
	font-weight:bold;
	color:red;
}

.show .show_column {
	width:120px;
	float:left;
}
*/
/*- END SHOW ----------------------------------------------*/







/*- START MENU ----------------------------------------------*/

/*
.menu_outer {
	border:1px solid #808080; 
	border-radius:5px 5px 5px 5px; 
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);
	margin-bottom:30px;
}

.menu_header {
	padding:6px; 
	border-radius:3px 3px 0px 0px; 
	background-color:#444444; 
	color:white; 
	font-size:15px;
}

.menu_item {
	border-bottom:1px solid #777777; 
	padding:6px;
}

.menu_selected {
	border-bottom:1px solid #777777; 
	padding:6px;
	background-color:#FAC7F2; 
	font-weight:bold;
}

.more_link {
	text-align:center;
	padding:3px;
	padding-top:1px;
}
*/

/*- END MENU ----------------------------------------------*/




/*- START SECTION ----------------------------------------------*/

.section_outer {
	border:1px solid #808080; 
	border-radius:5px 5px 5px 5px; 
	/*box-shadow:2px 2px 5px rgba(0,0,0,0.3);*/
	margin-bottom:30px;
}

.section_header {
	padding:6px; 
	border-radius:3px 3px 0px 0px; 
	background-color:#444444; 
	color:white; 
	font-size:16px;
	font-weight:500;
}

.section_body {
	padding:10px;
}


/*- END SECTION ----------------------------------------------*/



/*- START NAV ----------------------------------------------*/

/*
.nav_outer {
	border:1px solid #808080; 
	border-radius:5px 5px 5px 5px; 
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);
	margin-bottom:30px;
	background-color:#e1e1e1;
}

.nav_item {
	padding:6px;
	margin-left:7px;
	margin-right:7px;
	background-color:#e1e1e1;
	font-size:14px;
}

.nav_selected {
	padding:6px;
	background-color:#FAC7F2; 
	font-size:14px;
	font-weight:bold;
}
*/

/*- END NAV ----------------------------------------------*/







/*- START SOCIAL ----------------------------------------------*/

/*
.social_box_outer {
	width:1120px;
	margin-left:auto;
	margin-right:auto;
}

#social_box {
	width:70px;
	z-index: 1000;
	position:fixed;
	border:1px solid #808080; 
	background-color:#ffffff;
	border-radius:5px 5px 5px 5px; 
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);
}

#social_box .buttons {
	float:right;
	clear:both;
	margin:4px 4px 4px 4px;
	width:60px;
	height:60px;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:3px;
}
*/

/*- END SOCIAL ----------------------------------------------*/









/*- START MISCELLANEOUS ----------------------------------------------*/


.nutshell_outer {
	border:1px dashed #808080; 
	border-radius:5px 5px 5px 5px; 
	/*box-shadow:2px 2px 5px rgba(0,0,0,0.3);*/
	margin-bottom:10px;
	background-color:#e1e1e1;
}

.nutshell_inner {
	padding:10px;
}

.nutshell_inner h3{
	font-size:14px;
	font-style:italic;
	font-weight:bold;
}

.nutshell_inner p {
	font-size:14px;
	font-style:italic;
	font-weight:550;
}

.interact {
	border:1px dashed #808080; 
	border-radius:5px 5px 5px 5px; 
	/*box-shadow:2px 2px 5px rgba(0,0,0,0.3);*/
	margin-top:10px;
	background-color:#FFFF99;
}

.interact p {
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	font-weight:bold;
}

.clr {
	clear:both;
}


/*- END MISCELLANEOUS ------------------------------------------------*/







/*- START BUTTONS----------------------------------------------*/

/* Created at http://www.cssbuttongenerator.com */
.myButton {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f08df0), color-stop(1, #eb2175) );
  background:-moz-linear-gradient( center top, #f08df0 5%, #eb2175 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f08df0', endColorstr='#eb2175');
  background-color:#f08df0;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #ada6ad;
  display:inline-block;
  color:#ffffff;
  font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
}.myButton:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eb2175), color-stop(1, #f08df0) );
  background:-moz-linear-gradient( center top, #eb2175 5%, #f08df0 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb2175', endColorstr='#f08df0');
  background-color:#eb2175;
  color:#000000;
}.myButton:active {
  position:relative;
  top:1px;
}

/*- END BUTTONS----------------------------------------------*/