@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Twenty Eleven Child Theme
Description: Child theme for customizing Twenty Eleven.
Author: Melissa Schmidt
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");


/* Make all custom CSS changes BELOW this line
-----------------------------------------------------------*/
/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
	/* keep the sidebar - this edit is for right sidebar only */
         #page {
	   min-width: 450px;
         }
	.right-sidebar #main #content {
		margin: 0 5% 0 5%;
		width: 65%;
	}
	.right-sidebar #main #secondary {
		float: right;
		margin: 0 3% 0 0%;
		width: 22%;
	}
}
#page {
	margin: 2em auto;
	max-width: 960px;
}
#primary {
	float: left;
	margin: 0 -28.6% 0 0;
	width: 100%;
}
#content {
	margin: 0 34% 0 7.6%;
	width: 58.4%;
}
#secondary {
	background-color: #e9e0b5;
	background-image: url(https://www.cloudhandstaichi.net/wp-content/uploads/2012/10/sidebarcorner.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	margin-left: 0%;
	margin-right: 7.3%;
	width: 18%;
	padding: 1.5%;
}
	

/* These two styles get rid of the search form on the main pages, search is still available on the blog page */
#branding #searchform {
	display: none;
}

#branding .only-search + #access div {
	padding-right: 0;
}

/* This removes a thin rule from the top of the header box */
#branding {border-top: 0;
}

/* This removes the Wordpress Logo from the footer area */
#site-generator {
	display: none;
}


/* Navigation Bar Adjustments */
#access a {
    color: #eee; /* Rollover color for Nav Button */
	display: block;
	line-height: 3.333em;
	padding: 0 1em;
	text-decoration: none;
	margin: 0 0 -7px;
}
#access div {
	margin: 0 0 0 0;
}
/* This is the color gradient background for the navigation bar */
#access {
	background: #0D81AE; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#0a87b8, #0d759e);
	background: -o-linear-gradient(#0a87b8, #0d759e);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0a87b8), to(#0d759e)); /* older webkit syntax */
	background: -webkit-linear-gradient(#0a87b8, #0d759e);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	margin: 0 auto 1px; /* space between nav bar and main title */
	width: 100%;
        text-align:center;
}
/* This is the font info for the navigation bar */
#access ul {
    font-size: 80%;
	font-weight: 500;
	text-transform: uppercase;
	list-style: none;
	margin: 0 0 0 -10px; /* This is the margin for the nav bar text. To add more room, make the left margin a larger negative number */
	padding-left: 0;
	display:inline-block; 
}
.menu-main-menu-container {
	text-align: center;
}
#menu-main-menu {
	display: inline-block;
}


/* This sets the font to the typekit font throughout the site */
h1, h2, h3, h4, h5, h6, p {
	font-family: "soleil", Helvetica, Verdana, Geneva, sans-serif;
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
}
.entry-title {
	font-size: 100%; 
	font-weight: 700;
	line-height: 26px;
	color: #0D81AE; /* BLUE */
	clear: both;
	padding-bottom: 0px;
	padding-top: 5px;
}

/* These set the default link and link hover styles throughout the site */
a {
	text-decoration: none;
}
a: hover {
	text-decoration: underline;
}


/* These are for "Home" page only and allows all the text to wrap around the image. */
.home.page.page-id-25 h1, h2, h3, h4, h5, h6 {
	clear: none;
	}

.home.page.page-id-25 h2 {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	color: #628914;/* GREEN */
	margin-bottom: 8px;
}



/* REGISTRATION PAGES */
.entry-content #event_espresso_registration_form {
	margin-top: -40px;
}
.spaces-available {
	display: none;
}
#registration_form .event_time {
	display: none;
}

/* These styles adjusts the space above and below some of the styles on the secondary "Registration" pages */
.event_description.clearfix p {
	padding-top: 0px;
	padding-bottom: 0px;
}
#event_espresso_registration_form p {
	padding-top: 0px;
}
#event_espresso_registration_form .event_price_label {
	font-weight: 700;
}
#event_espresso_registration_form .section-title {
	font-weight: 700;
}
#event_content p {
	margin-bottom: 0px;
}
#event_content h3 {
	padding-top: 20px;
}
.section-title {
	margin-bottom: 3px;
}
.section-heading {
	margin-left: -5px;
}
/* Footer */
#supplementary.one {
	height: 15px; /* The height of the footer area */
	font-family: "soleil", Helvetica, Verdana, Geneva, sans-serif; /* Sets the font for the footer area, must be included */
	font-weight: 600;
	text-align:center;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* MISC. CLASS STYLES */
/* These styles can be applied to words and/or sentences for extra emphasis or to change the color*/

.boldcapsblue {
	font-size: 14px;
	color: #0D81AE; /* BLUE */
	text-transform: uppercase;
	font-weight: 800;
}
.green {
	color: #628914;/* GREEN */
}
.blue {
	color: #0D81AE; /* BLUE */
}
.note {
        font-size: 12px;
        font-weight: 800;
        color: #C2252A; /* RED */
}


/* These class styles can be used to adjust spacing */
.spaceabove30 {
	padding-top: 30px;
}
.spaceabove20 {
	padding-top: 20px;
}
#secondary #search-2 {
	background-color: #FFF;
}

/* Style below removes the extra confirmation button on the confirmation page */
input#confirm {
display:none;}