/******************************************************************
Theme Name: Bones
Theme URI: http://www.themble.com/bones
Description: An incredibly simple starter theme for developers.
Author: Eddie Machado
Author URI: http://www.themble.com/bones/
Version: 1.06
Tags: html5, framework, css3, development


License: GPL or whatever
License URI: ?

All Default Styles are in library/css/style.css
I reccomend not editing those files and making all
changes here. That way if something goes awry, you
can easily revert back to the original, but that's
totally up to you. Happy Developing!

******************************************************************/

/* General Layout Styles */
body {
	background: #992e4f url(library/images/bg-tile-2.png) repeat-x;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	text-shadow: 0 1px 1px #400d15;
}

body.home {
	background: #bc2b39 url(library/images/bg-tile.png) repeat-x;
}

#layout {
	background: url(library/images/bg-2.png) no-repeat 50% 111px;
}

.home #layout {
	background-image: url(library/images/bg.png);
}

#container {
	background: url(library/images/bg-girl-2.png) no-repeat 320px 80px;
	margin: 0 auto;
	max-width: 960px;
	min-width: 740px;
	padding: 0 20px;
}

.home #container {
	background: url(library/images/bg-girl.png) no-repeat 460px 80px;
}

#main {
	float: left;
	width: 660px;
}

#sidebar1 {
	float: right;
	width: 240px;
}

label, input, select, textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.25;
}

/* Header */
#header {
	height: 240px;
	margin-bottom: 48px;
	position: relative;
}

#logo {
	left: -17px;
	position: absolute;
	top: 20px;
}

#logo a {
	background: url(library/images/logo.png) no-repeat;
	display: block;
	height: 205px;
	position: relative;
	text-indent: -1000em;
	width: 303px;
}

#logo a span {
	background: url(library/images/logo.png) no-repeat 0 -205px;
	height: 205px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 303px;

	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

#logo a:hover span {
	opacity: 1;
}

/* Main Navigation */
.top-menu {
	left: 320px;
	position: absolute;
	text-shadow: none;
	top: 48px;
}

.top-menu ul li {
	font-size: 14px;
	margin-bottom: 8px;
}

.top-menu ul li a {
	background: #000;
	color: #fff;
	display: inline-block;
	padding: 3px 8px;
	text-decoration: none;

	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.top-menu ul li a:hover {
	background: #fff;
	color: #000;
}

.top-menu ul li.current-menu-item a,
.top-menu ul li.current_page_item a {
	background: #fff;
	color: #000;
}

.top-menu ul li ul.sub-menu {
}

.top-menu ul li ul li a {
}

.contacts {
	font-size: 12px;
	line-height: 1.4;
	position: absolute;
	right: 0; /*text-align: right;*/
	top: 48px;
	width: 240px;
}

.contacts p {
	margin-bottom: 10px;
}

.contacts span {
	font-size: 20px;
}

/* Posts & Content */
#content {
	min-height: 500px;
}

#main {
}

/* general post style */
.page {
}

/* general article on a page style */
.attachment {
}

/* general style on an attatchment */
.sticky {
}

/* sticky post style */
.hentry {
	margin-bottom: 2em;
	/*width: 480px;*/
}

/* post by id (i.e. post-3) */
.post-2 {
	margin-bottom: 4em;
}

/* post meta */
.meta {
	line-height: 1.5;
}

.meta time {
}

/* post content */
#main h1 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 1.5em;
}

#main h2 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0.75em;
}

#main h3 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 1.5em 0 0.75em;
}

#main h1 span {
	background: #09b2be;
	padding: 4px 0;
	position: relative;
	text-shadow: 0 1px 1px #0f4040;
}

#main h1 span span {
	left: 14px;
}

#main h1 span span span {
	left: -7px;
}

#main h1 span a {
	text-decoration: none;
}

.post_content {

}

.post_content p {
	line-height: 1.7;
	margin: 0 0 1.2em;
}

.home .post_content p span {
	background: #fff;
	color: #222;
	padding: 4px 0;
	position: relative;
	text-shadow: none;
}

.home .post_content p span span {
	left: 14px;
}

.home .post_content p span span span {
	left: -7px;
}

.home .post_content p span span span a {
	color: #222;
}

.post_content ul,
.post_content ol,
.post_content dl {
	margin-top: 0;
	margin-bottom: 1.5em;
}

.post_content table {
	margin: 0 0 2em;
}

.post_content ul,
.post_content ol {
}

.post_content li {
	margin-bottom: 4px;
}

.post_content ul li {
}

.post_content ol li {
}

.post_content blockquote {
}

.post_content blockquote:before {
}

.post_content dl {
}

.post_content dt {
}

.post_content dd {
}

.post_content img {
	background: rgba(255, 255, 255, 0.25);
	padding: 6px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

.post_content a:hover img {
	background: rgba(255, 255, 255, 0.5);
}

.no-rgba .post_content img {
	background: #fff;
}

.post_content video {
}

.post_content object {
}

.post_content table {
	text-align: left;
	width: 100%;
}

.post_content table th {
	background: rgba(0, 0, 0, 0.55);
	font-size: 12px;
	font-weight: bold;
	padding: 7px 5px;
	text-align: left;
}

.post_content table td {
	background: rgba(0, 0, 0, 0.35);
	font-size: 11px;
	padding: 5px;
}

.post_content table tr.odd td {
	background: rgba(0, 0, 0, 0.45);
}

.post_content table th:first-child,
.post_content table td:first-child {
	padding-left: 10px;
}

.wp-table-reloaded .column-1 { width: 100px; }
.wp-table-reloaded .column-2,
.wp-table-reloaded .column-3,
.wp-table-reloaded .column-4,
.wp-table-reloaded .column-5,
.wp-table-reloaded .column-6,
.wp-table-reloaded .column-7,
.wp-table-reloaded .column-8 { width: 70px; }

.archive_title {
	margin: 0 0 1.5em;
	padding: 0;
}

.wp-caption {
}

.wp-caption img {
}

.wp-caption p.wp-caption-text {
}

/* image gallery styles */
.gallery dl {
}

.gallery dt {
}

.gallery dd {
}

.gallery dl a {
}

.gallery dl img {
}

.gallery-caption {
}

.size-full {
}

.size-large {
}

.size-medium {
}

.size-thumbnail {
}

article[id*=post-] footer {
	padding-bottom: 1.5em;
}

.tags {
	font-size: 10px;
}

.tags a {
	background: rgba(0, 0, 0, 0.4);
	display: inline-block;
	padding: 1px 4px;
	text-decoration: none;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.tags a:hover {
	background: rgba(0, 0, 0, 0.6);
}

.no-rgba .tags a {
	background: #000;
}

/* Page Navi (Special Feature) */

/* page navigation */
.page-navigation {
}

.bones_page_navi {
}

.bones_page_navi li {
}

.bones_page_navi li a {
}

.bones_page_navi li a:hover {
}

.bones_page_navi li.bpn-current {
}

.bones_page_navi li.bpn-current:hover {
}

.bones_page_navi li.bpn-prev-link {
}

.bones_page_navi li.bpn-prev-link a {
}

.bones_page_navi li.bpn-prev-link a:hover {
}

.bones_page_navi li.bpn-next-link {
}

.bones_page_navi li.bpn-next-link a {
}

.bones_page_navi li.bpn-next-link a:hover {
}

.bones_page_navi li.bpn-last-page-link {
}

.bones_page_navi li.bpn-last-page-link a {
}

.bones_page_navi li.bpn-last-page-link a:hover {
}

.bones_page_navi li.bpn-first-page-link {
}

.bones_page_navi li.bpn-first-page-link a {
}

.bones_page_navi li.bpn-first-page-link a:hover {
}

/* fallback previous & next links */
.wp-prev-next {
}

.wp-prev-next ul {
}

.wp-prev-next .prev-link {
}

.wp-prev-next .next-link {
}

/* Comment Styles */

#comments /* h3 comment title */
	#comments span {
}

/* number of comments span */
.comment-nav {
}

.comment-nav ul {
}

.comment-nav ul li {
}

.commentlist {
}

.commentlist li {
}

.commentlist li[class*=depth-] {
}

.commentlist li.depth-1 {
}

.commentlist li.depth-2 {
}

.commentlist li.depth-3 {
}

.commentlist li.depth-4 {
}

.commentlist li.depth-5 {
}

.commentlist li ul.children li {
}

.commentlist li ul.children li.alt {
}

.commentlist li ul.children li.byuser {
}

.commentlist li ul.children li.comment {
}

.commentlist li ul.children li.bypostauthor {
}

.commentlist li ul.children li.comment-author-admin {
}

.commentlist li ul.children .alt {
}

.commentlist li ul.children .odd {
}

.commentlist li ul.children .even {
}

.commentlist .alt {
}

.commentlist .odd {
}

.commentlist .even {
}

.commentlist .parent {
}

.commentlist .comment {
}

.commentlist .children {
}

.commentlist .pingback {
}

.commentlist .bypostauthor {
}

.commentlist .comment-author {
}

.commentlist .comment-author-admin {
}

.commentlist .thread-alt {
}

.commentlist .thread-odd {
}

.commentlist .thread-even {
}

.commentlist .vcard {
}

.commentlist .vcard cite.fn {
}

.commentlist .vcard time {
}

.commentlist .vcard time a {
}

.commentlist .vcard time a:hover {
}

.commentlist .vcard img.photo {
}

.commentlist .vcard img.avatar {
}

.commentlist .vcard cite.fn a.url {
}

.commentlist .comment-meta {
}

.commentlist .comment-meta a {
}

.commentlist .commentmetadata {
}

.commentlist .commentmetadata a {
}

.commentlist li .comment_content {
}

.commentlist li .comment_content p {
}

.commentlist li ul {
}

.commentlist .comment-reply-link {
}

.commentlist a.comment-reply-link:hover {
}

/* comment form styles */

#respond {
}

#comment-form-title {
}

#cancel-comment-reply {
}

#cancel-comment-reply a {
}

#commentform {
}

.comments-logged-in-as {
}

#comment-form-elements {
}

#comment-form-elements li {
}

#comment-form-elements label {
}

#author, #email, #url, #comment {
}

#author:focus, #email:focus, #url:focus, #comment:focus {
}

#author, #email, #url {
}

#allowed_tags {
}

#comment {
}

/* Sidebars & Asides */
.widget {
	margin-bottom: 3em;
}

.widget li {
	margin-bottom: 8px;
}

.widgettitle {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 1.5em;
}

.widgettitle span {
	background: #09b2be;
	padding: 4px 0;
	position: relative;
	text-shadow: 0 1px 1px #0f4040;
}

.widgettitle span span {
	left: 14px;
}

.widgettitle span span span {
	left: -7px;
}

.widgettitle a {
	text-decoration: none;
}

.widgetmenu li {
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 9px;
}

.widgetmenu li a {
	text-decoration: none;
}

.widgetmenu li a:hover {
	text-decoration: underline;
}

/* links widget */
.widget_links {
}

.widget_links ul {
}

.widget_links ul li {
}

.widget_links ul li a {
}

/* meta widget */
.widget_meta {
}

.widget_meta ul {
}

.widget_meta ul li {
}

.widget_meta ul li a {
}

/* pages widget */
.widget_pages {
}

.widget_pages ul {
}

.widget_pages ul li {
}

.widget_pages ul li a {
}

/* recent-posts widget */
.widget_recent_entries {
}

.widget_recent_entries ul {
}

.widget_recent_entries ul li {
}

.widget_recent_entries ul li a {
}

/* archives widget */
.widget_archive {
}

.widget_archive ul {
}

.widget_archive ul li {
}

.widget_archive ul li a {
}

.widget_archive select {
}

.widget_archive option {
}

/* tag-cloud widget */
.widget_links {
}

.widget_links li:after {
}

.widget_links li:before {
}

.widget_tag_cloud {
}

.widget_tag_cloud a {
}

.widget_tag_cloud a:after {
}

.widget_tag_cloud a:before {
}

/* calendar widget */
.widget_calendar {
}

#calendar_wrap {
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#wp-calendar tr td {
}

#wp-calendar caption {
}

#wp-calendar a {
}

#wp-calendar #today {
}

#wp-calendar #prev {
}

#wp-calendar #next {
}

#wp-calendar #next a {
}

#wp-calendar #prev a {
}

/* category widget */
.widget_categories {
}

.widget_categories ul {
}

.widget_categories ul li {
}

.widget_categories ul ul.children {
}

.widget_categories a {
}

.widget_categories select {
}

.widget_categories select#cat {
}

.widget_categories select.postform {
}

.widget_categories option {
}

.widget_categories .level-0 {
}

.widget_categories .level-1 {
}

.widget_categories .level-2 {
}

.widget_categories .level-3 {
}

/* recent-comments widget */
.recentcomments {
}

#recentcomments {
}

#recentcomments li {
}

#recentcomments li a {
}

.widget_recent_comments {
}

/* search widget */
#searchform {

}

#searchform .screen-reader-text {
	display: none;
}

.widget_search {
}

.screen-reader-text {
}

/* text widget */
.textwidget {
}

.widget_text {
}

.textwidget p {
}

/* Footer */
#footer {
	font-size: 10px;
	height: 15px;
	padding: 60px 0 18px;
	position: relative;
}

/* footer menu */
.footer-links {
	left: 160px;
	position: absolute;
}

.footer-links ul li {
	float: left;
	margin-right: 12px;
}

.footer-links ul li a {
}

.footer-links ul li:last-child a {
}

.footer-links ul li a:hover,
.nav ul li.current-menu-item a,
.nav ul li.current_page_item a {
}

.footer-links ul li ul.sub-menu {
}

.copyright {
	left: 0;
	position: absolute;
	width: 160px;
}

.attribution {
	float: right;
	width: 200px;
}

.counters {
	position: absolute;
	right: 160px;
	top: 15px;
}

.counters li {
	float: left;
	margin-right: 10px;
}

@media screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}

/* Print Styles (Handled by default, but if you want to edit it, feel free) */
@media print {
	* {
		color: black !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}

	a, a:visited {
		color: #444 !important;
		text-decoration: underline;
	}

	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr, img {
		page-break-inside: avoid;
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h2, h3 {
		page-break-after: avoid;
	}

	#container {
		background: none;
	}
}

/* IE Specific Fixes */

/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.

To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }

To target the .post_content area in IE9, use:
html.ie9 .post_content { ... }

Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/

/* list of teachers at index page */
.teachers {
	margin: 2em 0; /*width: 640px;*/
}

.teachers ul {
	word-spacing: -0.25em;
	margin: -12px 0 0 -20px;
}

.teachers ul li {
	display: inline-block;
	word-spacing: normal;
	margin: 20px 0 0 20px;
	vertical-align: top;
	width: 140px;
}

.teachers ul li .teachers-pic {
	background-repeat: no-repeat;
	display: block;
	height: 90px;
	margin-bottom: 4px;
	width: 90px;

	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	border-radius: 45px;

	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

.teachers ul li h4 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 8px;
}

.teachers ul li .tags {
	font-size: 10px;
	font-style: italic;
	line-height: 13px;
	text-shadow: none;
}

.teachers ul li .tags span {
	background: #000;
	color: #fff;
	padding: 2px 0;
	position: relative;
}

.teachers ul li .tags span span {
	left: 10px;
}

.teachers ul li .tags span span span {
	left: -5px;
}

.teachers ul li .tags a {
	background: none;
	display: inline;
	padding: 0;
	text-decoration: none;
	white-space: nowrap;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* Links */
.post_content a[rel="external"] {
	background: url(library/images/i-link-external.png) no-repeat 100% 0;
	padding-right: 16px;
}

/* Share block */
.yashare-auto-init {
	margin-top: 40px;
	text-shadow: none;
}

span.b-share {
	padding: 0 !important;
}

.b-share-form-button {
	margin-left: 0;
}

.b-share-popup {
	text-shadow: none;
}

/* Forms */
form label {
	display: inline-block;
	line-height: 1.8em;
}

form input[type="text"],
form input[type="password"] {
	padding: 2px;
	width: 240px;
}

form textarea {
	height: 100px;
	padding: 2px;
	width: 300px;
}

div.wpcf7-response-output {
	border: none !important;
	margin: 1em 0;
	padding: 0;
}

div.wpcf7-mail-sent-ok {
	color: #00ff80;
}

div.wpcf7-mail-sent-ng {
	color: #ff0080;
}

div.wpcf7-spam-blocked {
	color: #ff8000;
}

div.wpcf7-validation-errors {
	color: #ff0;
}

span.wpcf7-not-valid-tip {
	color: #ff0;
	top: 1px;
	left: 105%;
	background: none;
	border: none;
	font-size: 10px;
	padding: 0;
	white-space: nowrap;
	width: auto;
}

div.wpcf7 img.ajax-loader {
	background: none;
	margin-bottom: 0;
	padding: 0;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#time {
	width: 80px;
}

.btn-signup {
	background: url(library/images/btn-signup.png) no-repeat;
	display: inline-block;
	height: 32px;
	line-height: 30px;
	margin-top: 5px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(12, 114, 193, 0.75);
	text-transform: uppercase;
	width: 124px;
}

.btn-signup:hover {
	background-position: 0 -32px;
	text-shadow: 0 -1px 0 rgba(12, 118, 193, 0.75);
}

.btn-signup:active {
	background-position: 0 -64px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.39);
}

#ff2_alert {
	background: #fff;
	color: #222;
	display: none;
	font-family: Cambria, Georgia, 'Times New Roman', serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	height: 100%;
	left: 0;
	line-height: 36px;
	opacity: 0.85;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1234;
}

#ff2_alert p {
	margin-top: 50px;
}

#ff2_alert a {
	color: #222;
}

.fancybox-title-inside {
	text-shadow: none;
}

.wpcf7-captchac {
	margin: 0 !important;
}