/* 
Theme Name: Responsive 
Theme URI: http://themeid.com/responsive-theme/ 
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into 40 languages. Cross-Browser compatible and yes even the IE7. No paid memberships or clubs to get Responsive help. http://cyberchimps.com/forum/free/responsive/

Version: 1.9.3
Author: ThemeID by CyberChimps.com
Author URI: http://themeid.com
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support

Text Domain: responsive

License: GNU General Public License v3 or later
License URI: license.txt 

Responsive WordPress Theme, Copyright (C) 2003-2013 Emil Uzelac, CyberChimps Inc

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or 
Templates directly. If you do, your customizations will be lost 
as soon as you update Responsive.

WordPress and ThemeID highly recommends Child Theme.

Read More:

- http://codex.wordpress.org/Child_Themes  
- http://themeid.com/docs/child-theme-example/
- http://themeid.com/docs/category/child-theme/

--------------------------------------------------------------

CSS Rules: Sorted alphabetically for better organization.


/* =Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
    margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
}

textarea { overflow: auto; vertical-align: text-top; }

/* =Horizontal Rule
-------------------------------------------------------------- */
hr { background: #ddd; border: none; clear: both; color: #ddd; float: none; height: 1px; width: 100%; }
hr.space { background: #fff; color: #fff; }

/* =reset
-------------------------------------------------------------- */
.author, .byline, .meta-prep { display: none; }

/* =Base
-------------------------------------------------------------- */
html { height: 100%; }

body {
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	background: #efefef;
	color: #555;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 14px;
	font-smoothing: antialiased;
	line-height: 1.5em;
	text-rendering: optimizeLegibility;
}

/* =Typography
-------------------------------------------------------------- */
p { word-wrap: break-word; }

i,
em,
dfn,
cite { font-style: italic; }

tt,
var,
pre,
kbd,
samp,
code { font-family: monospace, serif; font-style: normal; }

b,
strong { font-weight: 700; }

pre {
    -moz-box-sizing: border-box;   
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
    -webkit-box-sizing: border-box;
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
    box-sizing: border-box;
	background: #f4f4f4;
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-radius: 2px;
    height: auto;
	margin: 0;
	outline: none;
	padding: 6px 10px;
	vertical-align: middle;
    width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
}

del { color: #555; text-decoration: line-through; }

ins, 
dfn { border-bottom: 1px solid #ccc; }

sup, 
sub,
small { font-size: 85%; }

abbr, 
acronym { font-size: 85%; letter-spacing: .1em; text-transform: uppercase; }

a abbr, 
a acronym { border: none; }

dfn[title],
abbr[title], 
acronym[title] { border-bottom: 1px solid #ccc; cursor: help; }

sup { vertical-align: super; }

sub { vertical-align: sub; }

/* =Responsive 12 Column Grid
    http://themeid.com/responsive-grid/
-------------------------------------------------------------- */
.grid {
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.grid-right {
	float: right;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.col-60, 
.col-140, 
.col-220, 
.col-300, 
.col-380, 
.col-460, 
.col-540, 
.col-620, 
.col-700, 
.col-780, 
.col-860,
.col-900 {
	display: inline;
	margin-right: 2.127659574468%;
}

.col-60 { width: 6.382978723404%; }
.col-140 { width: 14.893617021277%; }
.col-220 { width: 23.404255319149%; }
.col-300 { width: 31.914893617021%; }
.col-380 { width: 40.425531914894%; }
.col-460 { width: 48.936170212766%; }
.col-540 { width: 57.446808510638%; }
.col-620 { width: 65.957446808511%; }
.col-700 { width: 74.468085106383%; }
.col-780 { width: 82.978723404255%; }
.col-860 { width: 91.489361702128%; }
.col-900 { width: 94%; }
.col-940 { width: 100%; }

.fit {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* =Visibility
-------------------------------------------------------------- */
.hidden { visibility: hidden; }
.visible { visibility: visible; }
.none { display: none; }
.hide-desktop { display: none; }
.show-desktop { display: block; }

/* =Responsive Images
-------------------------------------------------------------- */
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.ie8 img {
	height: auto; 
	width: auto\9; 
}

.ie8 img.size-large {
	max-width: 60%;
	width: auto;
}

/* =Responsive Videos
-------------------------------------------------------------- */
video { width: 100%; max-width: 100%; height: auto; }

/* =Responsive Embeds/Objects
-------------------------------------------------------------- */
embed,
object { max-width: 100%; }

svg:not(:root) { overflow: hidden; }

/* =Links
-------------------------------------------------------------- */
a {
	color: #13797a;
	font-weight: 400;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #444;
	outline: 0;
	text-decoration: none;
}

::selection {
	background: #999;
	color: #fff;
	text-shadow: none;
}

/* =Forms
-------------------------------------------------------------- */
label { display: inline-block; font-weight: 700; padding: 2px 0; }
legend { padding: 2px 5px; }
fieldset { border: 1px solid #ccc; margin: 0 0 1.5em; padding: 1em 2em; }

select,
input[type="text"], 
input[type="password"],
input[type="email"] {
	-moz-box-sizing: border-box;
	-moz-border-radius: 2px;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-radius: 2px;
	margin: 0;
	outline: none;
	padding: 6px 8px;
	vertical-align: middle;
	xwidth: 100%;
}

select { height: auto; width: 100%; }

area,
textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-radius: 2px;
	height: auto;
	overflow: auto;
	margin: 0;
	outline: none;
	padding: 8px 10px;
	width: 100%;
}

input, 
select {
	cursor: pointer;
}

area:focus,
input:focus, 
textarea:focus {
    border: 1px solid #6cf;
}

input[type='text'], 
input[type='password'] {
	cursor: text;
}

/* =IE Forms
-------------------------------------------------------------- */
.ie7 area,
.ie7 select,
.ie7 textarea,
.ie7 input[type="text"], 
.ie7 input[type="password"],
.ie7 input[type="email"] {
	width: 96%;
}

/* =font style
-------------------------------------------------------------- */
.grn { color:#198678;}
.grn2 { color:#a1b357;}
.orange { color:#c99871;}
.blue { color:#4d9599;}
.blue2 { color:#3487aa;}
.gray3 { color:#333;}
.gray6 { color:#666;}
.red {color:#c00;}
.bold { font-weight:bold; }
.f110 { font-size:110%; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.tleft { text-align:left; }
.tright { text-align:right; }

/* =category style
-------------------------------------------------------------- */
.catehead { width:100%; height:100px; }
.catehead_tt { margin:60px 10px; font-size:24px; color:#fff; font-weight:bold; }
.catehead_lesson { background:url(images/head_lesson.jpg); border-top:10px solid #cbb19c; height:110px; }
.catehead_inst { background:url(images/head_inst.jpg); border-top:10px solid #cadc7f; height:110px; }

/* =Buttons
-------------------------------------------------------------- */
a.button,
input[type='reset'], 
input[type='button'], 
input[type='submit'] {
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-border-radius: 2px;
	background-color: #f9f9f9; /* Alabaster */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 0;
	padding: 4px 10px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	vertical-align: middle;
	white-space: nowrap;
}

a.button:hover,
input[type='reset']:hover, 
input[type='button']:hover, 
input[type='submit']:hover {
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #fff, #f1f1f1);
	background-image: -moz-linear-gradient(top, #fff, #f1f1f1);
	background-image: -ms-linear-gradient(top, #fff, #f1f1f1);
	background-image: -o-linear-gradient(top, #fff, #f1f1f1);
	background-image: linear-gradient(top, #fff, #f1f1f1);
	border: 1px solid #ddd;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	color: #333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f1f1);
}

a.button:active,
input[type='reset']:active, 
input[type='button']:active, 
input[type='submit']:active {
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
	background-color: #f9f9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}

/* =Buttons (Call to Action)
-------------------------------------------------------------- */
.call-to-action { text-align: center; }
.call-to-action a.button { font-size: 14px; padding: 10px 15px; }
.call-to-action a.button:hover { text-decoration: none; }
.ie7 .call-to-action a.button { padding: 11px 35px 19px 35px; }

/* =Buttons (Sizes)
-------------------------------------------------------------- */
.small a.button { font-size: 10px; padding: 3px 6px; }
.medium a.button { font-size: 16px; padding: 8px 16px; }
.large a.button { font-size: 18px; padding: 10px 35px; }
.xlarge a.button { font-size: 24px; padding: 12px 55px; }

/* =Buttons (Colors)
-------------------------------------------------------------- */
a.blue {
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-top:5px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	padding:5px 10px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	color:#63aaae;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;}

a.blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}

a.blue:active {
	position:relative;
	top:1px;
}

a.red {
	background-color: #cd0000; /* Red 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2323), to(#cd0000));
	background-image: -webkit-linear-gradient(top, #ff2323, #cd0000);
	background-image: -moz-linear-gradient(top, #ff2323, #cd0000);
	background-image: -ms-linear-gradient(top, #ff2323, #cd0000);
	background-image: -o-linear-gradient(top, #ff2323, #cd0000);
	background-image: linear-gradient(top, #ff2323, #cd0000);
	border: 1px solid #890000;
	color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2323, endColorstr=#cd0000);
	text-shadow: 0 -1px 0 #890000;
}

a.red:hover {
	background-color: #ff5656;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5656), to(#cd0000));
	background-image: -webkit-linear-gradient(top, #ff5656, #cd0000);
	background-image: -moz-linear-gradient(top, #ff5656, #cd0000);
	background-image: -ms-linear-gradient(top, #ff5656, #cd0000);
	background-image: -o-linear-gradient(top, #ff5656, #cd0000);
	background-image: linear-gradient(top, #ff5656, #cd0000);
	border: 1px solid #890000;
	color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5656, endColorstr=#cd0000);
	text-shadow: 0 -1px 0 #890000;
}

a.green {
	background-color: #2e8b57; /* Sea Green 4 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4bc380), to(#2e8b57));
	background-image: -webkit-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -moz-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -ms-linear-gradient(top, #4bc380, #2e8b57);
	background-image: -o-linear-gradient(top, #4bc380, #2e8b57);
	background-image: linear-gradient(top, #4bc380, #2e8b57);
	border: 1px solid #1d5837;
	color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bc380, endColorstr=#2e8b57);
	text-shadow: 0 -1px 0 #1d5837;
}

a.green:hover {
	background-color: #71d09b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#71d09b), to(#2e8b57));
	background-image: -webkit-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -moz-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -ms-linear-gradient(top, #71d09b, #2e8b57);
	background-image: -o-linear-gradient(top, #71d09b, #2e8b57);
	background-image: linear-gradient(top, #71d09b, #2e8b57);
	border: 1px solid #1d5837;
	color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#71d09b, endColorstr=#2e8b57);
	text-shadow: 0 -1px 0 #1d5837;
}

a.pink {
	background-color: #cd1076; /* Deep Pink 3 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f042a0), to(#cd1076));
	background-image: -webkit-linear-gradient(top, #f042a0, #cd1076);
	background-image: -moz-linear-gradient(top, #f042a0, #cd1076);
	background-image: -ms-linear-gradient(top, #f042a0, #cd1076);
	background-image: -o-linear-gradient(top, #f042a0, #cd1076);
	background-image: linear-gradient(top, #f042a0, #cd1076);
	border: 1px solid #8e0b52;
	color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f042a0, endColorstr=#cd1076);
	text-shadow: 0 -1px 0 #8e0b52;
}

a.pink:hover {
	background-color: #f471b8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f471b8), to(#cd1076));
	background-image: -webkit-linear-gradient(top, #f471b8, #cd1076);
	background-image: -moz-linear-gradient(top, #f471b8, #cd1076);
	background-image: -ms-linear-gradient(top, #f471b8, #cd1076);
	background-image: -o-linear-gradient(top, #f471b8, #cd1076);
	background-image: linear-gradient(top, #f471b8, #cd1076);
	border: 1px solid #8e0b52;
	color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f471b8, endColorstr=#cd1076);
	text-shadow: 0 -1px 0 #8e0b52;
}


/* =Instructors=Lessons
-------------------------------------------------------------- */
#inst { color:#333; }
.instructors {float:right; max-width:260px; margin:0 0 10px 10px;}
.instructors img {float:right; max-width:260px; margin:0 0 10px 10px;}
.tt_pink { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #e46281; clear: both; margin: 0 0 10px 0; padding: 4px 8px; position: relative; color:#fff; font-weight:bold; font-size:80%;}
#inst h1.post-title, #lsn h1.post-title { color:#000; font-size:150%; margin:15px 0 10px; border-bottom:1px solid #ddd; padding-bottom:5px; }
#lsn { color:#333; }
.tt_grn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #b3845e; clear: both; margin: 0 0 10px 0; padding: 4px 8px; position: relative; color:#fff; font-weight:bold; font-size:80%;}

/* =Info Boxes
-------------------------------------------------------------- */
.info-box { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block; margin: 20px 0; padding: 15px; text-align: left; }
.alert { background-color: #ff0000; border: 1px solid #dc7070; color: #fff; font-weight:bold; padding:10px 0;}

.address { background-color: #f6f5ef; border: 1px solid #cdc9a5; color: #212121; }
.notice { background-color: #fbf9e9; border: 1px solid #e3cf57; color: #212121; }
.success { background-color: #f9fde8; border: 1px solid #a2bc13; color: #212121; }
.download { background-color: #fff4e5; border: 1px solid #ff9912; color: #212121; }
.information { background-color: #eef3f6; border: 1px solid #6ca6cd; color: #212121; }
.required { color: #d5243f; }

/* =IE6 Notice
-------------------------------------------------------------- */
.msie-box {
	background-color: #f9edbe;
	border: 1px solid #f0c36d;
	color: #212121;
	display: block;
	margin: 0 auto;
	max-width: 960px;
	padding: 10px;
	position: absolute;
	top: 60px;
	text-align: center;
	width: 100%;
}

.msie-box a {
	color: #212121;
}

/* =Tables
-------------------------------------------------------------- */
th, 
td,
table {
	border: 1px solid #ddd;
}

table {
	border-collapse: collapse;
	width: 100%;
}

/* =Lists
-------------------------------------------------------------- */
ul { list-style-type: disc; margin: 0; padding: 0; }

ol { line-height: 22px; list-style-position: outside; list-style-type: decimal; margin: 0; padding: 0; }

dt { font-weight: 400; }

/* =Blockquote
-------------------------------------------------------------- */
blockquote { background: #f9f9f9; border: none; border-left: 4px solid #d6d6d6; margin: 20px; overflow: auto; padding: 0 0 10px 12px; }

blockquote p { font-family: 'Georgia', 'Times New Roman', Times, serif; font-style: italic; font-size: 18px; line-height: 26px; }

/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 700;
	line-height: 1.0em;
	word-wrap: break-word;
}

h1 { font-size: 1.312em; /* = 21px */ margin-bottom: .3em; margin-top: .5em; line-height:1.5; }
h2 { font-size: 1.500em; /* = 24px */ margin-bottom: .75em; margin-top: .75em; }
h3 { font-size: 1.875em; /* = 30px */ margin-bottom: .857em; margin-top: .857em; }
h4 { font-size: 1.500em; /* = 24px */ margin-bottom: 1em; margin-top: 1em; }
h5 { font-size: 1.125em; /* = 18px */ margin-bottom: 1.125em; margin-top: 1.125em; }
h6 { font-size: 1.000em; /* = 16px */ margin-bottom: 1.285em; margin-top: 1.285em; }

h3.bb { background:#eee; color:#333; padding:8px 5px; margin-bottom:5px; border-bottom:1px dotted #ccc; border-left:5px solid #2170c0; font-weight:bold; font-size:90%; line-height:1.5;}

h3.collab { clear:both; font-size:120%; border-bottom:1px solid #8bd0d4; padding:10px 0; color:#4c999d; margin-top:15px;}

h4.instrctors { font-size:94%; margin:0; border-bottom:1px dotted #ccc; padding-bottom:10px; }

/* =Margins & Paddings
-------------------------------------------------------------- */
p, 
hr, 
dl, 
pre,
form,
table,
address, 
blockquote {
	margin: 0.8em 0;
}

th, td { padding: .8em; }
caption { padding-bottom: .8em; }
blockquote { padding: 0 1em; }
blockquote:first-child { margin: .8em 0; }
fieldset { margin: 1.6em 0; padding: 0 1em 1em; }
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; }
input, textarea { padding: 0; xline-height:0; }
select { padding: .1em .2em 0; }
option { padding: 0 .4em; }
dt { margin-bottom: .4em; margin-top: .8em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
ul,
ol { margin: 0 1.5em 1.5em 0; padding-left: 2.0em; }
li ul,
li ol { margin: 0; }
form div { margin-bottom: .8em; }

table.formtable input { height:1.6em; line-height:1.6em; width:30px; padding:0; text-align:center; }

/* =Globals
-------------------------------------------------------------- */
#container {
	margin: 0 auto;
	max-width: 960px;
	padding: 10px 25px 0 25px;
}

#wrapper {
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	background-color: #fff;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	clear: both;
	margin: 0px auto 20px auto;
	padding: 0 20px 20px 20px;
	position: relative;
}

#wraptop {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #fff;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-radius: 4px;
	clear: both;
	margin: 0px auto 0px auto;
	padding: 10px 10px 10px 20px;
	position: relative;
	min-height:200px;
	-webkit-box-shadow: 1px 1px 8px 8px rgba(66, 66, 66, 0.2);
	box-shadow: 1px 1px 8px 8px rgba(66, 66, 66, 0.2);
}

#wraptop ul.update, #widgets ul.update { clear:both; width:98%; list-style:none; padding:0; margin:0;}

.update li { border-bottom:1px dotted #ddd; padding:5px 0; width:285px; float:left; margin:0 0px 10px 10px; line-height:1.3; min-height:72px; }
#wraptop li img, #widgets li img {width:60px; margin:0 5px 0 0; float:left;}
#wraptop .date, #widgets .date { color:#999; font-size:90%; margin-left:2px; font-weight:bold; }

#wraptop .excerpt, #widgets .excerpt { font-size:86%; line-height:1.3;}

#wraptop .news { width:68%; float:left; }

.widget-wrapper .news { xbackground:#eee;}

#widgets h2.newstitle {font-size:14px; background: url(images/tt_top_news.png) no-repeat; height:28px; padding:5px 0 0 0px; float:left; border-bottom:3px solid #cadc7f; width:100%; text-align:right;}

.news .top_title { font-weight:bold; font-size:90%; }

.mlogin { float:right; width:30%; margin-top:10px;}

.front-page #wrapper {
	background-color: transparent;
	border: none;
	margin: 0px auto 20px auto;
	padding: 0;
}

/* =Topics
-------------------------------------------------------------- */
#text-12 h2.widget-title {padding:0; line-height:0;}

#text-12.widget-wrapper { 
-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	background-color: #none;
	border: 0px;
	border-radius: 0px;
	margin: 0 0 10px;
	padding: 5px 0 10px 0;
	-webkit-box-shadow: none ;
	box-shadow: none;}

#header { margin: 0; }

.10thbadge {position:absolute; z-index: 10; left: 78%;}

#header-top { }
#header-top .toplogo { max-width:960px; margin:0 auto; display: block;}
#footer { clear: both; margin: 0 auto; max-width: 960px; padding: 0 25px 0 25px; }
#footer-wrapper { margin: 0; padding: 0; }

.footer_bn { text-align:left; font-size:90%; font-weight:bold;  }
.footer_bn img { margin:3px 7px 3px 0; }

/* =Header
-------------------------------------------------------------- */
#logo { float: left; margin: 0 0 10px 0; }
.site-name { display: block; font-size: 2.063em; /* = 33px */ line-height: 1.0em; padding-top: 20px; }
.site-name a { color: #333; font-weight: 700; }
.site-description { color: #afafaf; display: block; font-size: 0.875em; /* = 14px */ margin: 10px 0; }

/* =Content
-------------------------------------------------------------- */
#content { margin-top: 20px; margin-bottom: 20px; }
#content p{ font-size:96%; }
#content-full { margin-top: 20px; margin-bottom: 20px; }
#content-blog { margin-top: 40px; margin-bottom: 20px; }
#content-images { margin-bottom: 20px; }
#content-search { margin-bottom: 20px; margin-top: 20px; }
#content-archive { margin-top: 15px; margin-bottom: 20px; }
#content-sitemap { margin-bottom: 20px; }
#content-sitemap a { font-size: 12px; }
#content .sticky { clear: both; }
#content .sticky p {}

/* =Templates (Landing Page)
-------------------------------------------------------------- */
.page-template-landing-page-php .menu, 
.page-template-landing-page-php .top-menu,
.page-template-landing-page-php .tinynav,
.page-template-landing-page-php .sb-holder ,
.page-template-landing-page-php .footer-menu, 
.page-template-landing-page-php .sub-header-menu {
	display: none;
}

/* =Author Meta (Author's Box)
-------------------------------------------------------------- */
#author-meta {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #f9f9f9;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	clear: both;
	display: block;
	margin: 30px 0 40px 0;
	padding: 10px;
	overflow: hidden;
}

#author-meta img { float: left; padding: 10px 15px 0 5px; }
#author-meta p { margin: 0; padding: 5px; }
#author-meta .about-author { font-weight: 700; margin: 10px 0 0 0; }



/* =Featured Content
-------------------------------------------------------------- */
#featured {
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px  0px  4px 4px;
	border-radius: 0px 0px 4px 4px;
	background-color: #fff;
	padding-bottom: 20px;
	width: 99.893617021277%;
	-webkit-box-shadow: 1px 1px 8px 8px rgba(66, 66, 66, 0.2);
	box-shadow: 1px 1px 8px 8px rgba(66, 66, 66, 0.2);
}

#featured p {
	font-size: 15px;
	font-weight: 200;
	line-height: 24px;
	padding: 0 40px 0 40px;
	text-align: center;
	line-height:1.4;
}

#featured-image { margin: 40px 0 0 0; }
#featured-image .fluid-width-video-wrapper { margin-left: -40px; }
.featured-image img { margin-top: 44px; }

/* =Post
-------------------------------------------------------------- */
.comments-link {
	font-size: 12px;
}

#cancel-comment-reply-link {
	color: #900;
}

.post-data {
	clear: both;
	font-size: 12px;
	font-weight: 700;
	margin-top: 20px;
}

.post-data a {
	color: #111;
}

.post-entry {
	clear: both;
	line-height:1.8;
}

.post-meta {
	clear: both;
	color: #9f9f9f;
	font-size: 12px;
	margin-bottom: 3px;
}

.post-edit {
	clear: both;
	display: block;
	font-size: 12px;
	margin: 1.5em 0;
}

.post-search-terms {
	clear: both;
}

.read-more {
	clear: both;
	font-weight: 700;
}

.attachment-entry {
	clear: both;
	text-align: center;
}

/* =bbPress
    bbPress has its own breadcrumb lists
-------------------------------------------------------------- */
.bbPress .breadcrumb-list {
	display: none;
}

/* =Symbols
-------------------------------------------------------------- */
.ellipsis {
	color: #aaa;
	font-size: 18px;
	margin-left: 5px;
}

.form-allowed-tags {
    display: none;
	font-size: 10px;
}

/* =Widgets
-------------------------------------------------------------- */
.widget-wrapper {
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin: 0 0 10px;
	padding: 10px;
	-webkit-box-shadow: 1px 1px 8px 6px rgba(66, 66, 66, 0.1);
	box-shadow: 1px 1px 8px 6px rgba(66, 66, 66, 0.1);
}

.widget-wrapper-ft{
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin: 0 0 10px;
	padding: 10px;
	-webkit-box-shadow: 1px 1px 8px 6px rgba(66, 66, 66, 0.1);
	box-shadow: 1px 1px 8px 6px rgba(66, 66, 66, 0.1);
}


#text-4.widget-wrapper {
	-webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
	xbackground-color: #f9f9f9;
	border: 0px solid #e5e5e5;
	border-radius: 0px;
	margin: 0 0 10px;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(66, 66, 66, 0.1);
	box-shadow: 0px 0px 0px 0px rgba(66, 66, 66, 0.1);
}

#text-6.widget-wrapper {
	-webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
	background-color: #fff;
	border: 0px solid #e5e5e5;
	border-radius: 0px;
	margin: 0 0 10px;
	padding: 0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(66, 66, 66, 0.1);
	box-shadow: 0px 0px 0px 0px rgba(66, 66, 66, 0.1);
}

#text-3.widget-wrapper, #text-9.widget-wrapper {
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin: 0 0 20px;
	padding: 5px;
}
.fb-like-box { border:0px ; }


.widget-wrapper select,
.widget-wrapper input[type="text"], 
.widget-wrapper input[type="password"],
.widget-wrapper  input[type="email"] {
	width: 75%;
}

#widgets {
	margin-top: 20px;
}

#widgets a {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#widgets form {
    margin: 0;
}

#widgets ul,
#widgets ol {
    padding: 0 0 0 20px;
}

#widgets ul li a {
	display: inline;
	text-decoration: none;
}

#widgets .widget-title img {
	float: right;
	height: 11px;
	position: relative;
	top: 4px;
	width: 11px;
}

#widgets .rss-date {
	line-height: 18px;
	padding: 6px 12px;
}

#widgets .rssSummary {
	padding: 10px;
}

#widgets cite {
	font-style: normal;
	line-height: 18px;
	padding: 6px 12px;
}

#widgets .tagcloud,
#widgets .textwidget {
	display: block;
	line-height: 1.5em;
	margin: 0;
	word-wrap: break-word;
}

#widgets .textwidget a {
	display: inline;
}

#widgets ul .children {
	padding: 0 0 0 10px;
}

#widgets .author {
	font-weight: 700;
	padding-top: 4px;
}

.widget_archive select, #cat {
	display: block;
	margin: 0 15px 0 0;
}

#colophon-widget ul {}

.colophon-widget {
	background: none;
	min-height: 0;
}

.colophon-widget select,
.colophon-widget input[type="text"], 
.colophon-widget input[type="password"],
.colophon-widget input[type="email"] {
	width: 100%;
}

#top-widget { }

.top-widget {
    background: none;
    border: none;
    xclear: right;
    float: right;
	min-height:0;
    padding: 0 3px 0 0;
    text-align: right;
    width: 40%;
	xmargin-right:10%;
}
#top-widget {margin-left:-10px;}
.top-widget ul {
    padding: 0;
}

.top-widget select, 
.top-widget input[type="text"], 
.top-widget input[type="password"],
.top-widget input[type="email"] {
    width: 130px;
}

.top-widget #searchform {
    margin: 0;
}



/* =Titles
-------------------------------------------------------------- */
.featured-title {
	font-size:  26px;
	xletter-spacing: -1px;
	margin: 0 0 0 0;
	padding-top: 25px;
	text-align: center;
	line-height:1.3;
}

.featured-subtitle {
	font-size:120%;
	margin:0;
	padding: 0 10px;
	text-align: center;
	color:#999;
}

.widget-title, 
.widget-title-home h3 {
	display: block;
	font-size: 24px;
	font-weight: 700;
	line-height: 23px;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: left;
}

#text-3 h3, #text-9 h3 {
	background: url(images/tt_fb.png) no-repeat; width:112px; height:19px;
	font-size: 10px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 5px 0 5px 10px;
	padding: 0;
}

#categoryposts-2 .widget-title {
	background: url(images/tt_recentnews.png) no-repeat; width:197px; height:23px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 5px 0 5px 5px;
}

/* Pickup instructor */
.pickupinst { clear:both; }

.pickupinst h3 { background: url(images/tt_pickupinst.png) no-repeat; width:229px; height:25px;
	text-indent:-9999px;
	white-space:nowrap;
	overflow:hidden;
	margin: 0px 0 5px 5px;}
.pickupinst table {border-bottom:1px dotted #ccc; border-top:0px; border-left:0px; border-right:0; margin:0; }
.pickupinst td { padding:3px; border:0px; margin:0; }
.pickupinst img { max-width:50px; margin:0;}
.pickupinst td.name { font-size:90%; vertical-align:top;}
.pickupinst .lesson { font-size:86%; line-height:1.3;}

.cat-post-item { color:#999; }
u. .cat-post-item { border-bottom:none; }
li.cat-post-item { width:auto; list-style:none; border-bottom:none; margin:0;}
.cat-post-item a.post-title { font-weight:bold; font-size:90%;}

/* Facebook Like Box width:100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100%! important;
}

#twitter_themes_widget-2 h3 {
	background: url(images/tt_twitter.png) no-repeat; width:92px; height:19px;
	font-size: 10px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin: 1px 0 8px 5px;
	padding: 0;
}

.top-widget .widget-title {
    font-size: 14px;
    padding: 0;
    text-align: right;
}

.widget-title a {
	border-bottom: none;
	padding: 0 !important;
}

.title-404 {
	color: #933;
}

/* =404 Page 
-------------------------------------------------------------- */
.error404 select, 
.error404 input[type="text"], 
.error404 input[type="password"],
.error404 input[type="email"] {
	width: auto;
}

/* =Top Menu
-------------------------------------------------------------- */
.top-menu {
	float: right;
	margin: 10px 0;
    padding: 0;
}

.top-menu li {
	display: inline;
	list-style-type: none;
}

.top-menu li a {
	border-left: 1px solid #ccc;
	color: #333;
	font-size: 11px;
	padding: 0 4px 0 8px;
}

.top-menu > li:first-child > a {
	border-left: none;
}

.top-menu li a:hover {
	color: #333;
}

/* =Header Menu (Primary)
-------------------------------------------------------------- */
.menu {
	clear: both;
	margin: 0 auto;
}

.menu, 
.menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}

.menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.menu li li {
	float: none;
}

.menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.menu li:hover > ul {
	top: 100%;
	visibility: visible;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu:after, 
.menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.menu, 
.menu ul {
	min-height: 0;
}

.menu ul,
.menu ul ul {
	margin: 0;
	padding: 0;
}

.menu ul li a:hover, 
.menu li li a:hover {
	background-color: #e7e5e5;
	color: #484848;
	text-decoration: none;
}

.menu ul { margin-top: 1px; min-width: 15em; width: auto; }

.menu li {margin: 0 4px 0 0;}

.menu a {
    background-color: #e7e5e5;
	color: #555;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: 700;
	height: 31px;
	line-height: 31px;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
}

.menu a:hover { background-color: #ddd; color: #555; text-decoration:none; }

ul.menu > li:hover {
	background-color: #ddd;
	color: #fff;
	font-weight:bold;
}

.menu li.menu-item-52 {background:url(images/mic_top.png) no-repeat top left; padding-left:22px;}
.menu li.menu-item-58 {background:url(images/mic_news.png) no-repeat top left; padding-left:22px;}
.menu li.menu-item-59, .menu li.menu-item-7483 {background:url(images/mic_inst.png) no-repeat top left; padding-left:22px;}
.menu li.menu-item-57 {background:url(images/mic_access.png) no-repeat top left; padding-left:22px;}
.menu li.menu-item-190 {background:url(images/mic_login.png) no-repeat top left; padding-left:22px;}
.menu li.menu-item-8922 {background:url(images/mic_feb.png) no-repeat top left; padding-left:22px;}
.menu li.menu-item-11698 {background:url(images/mic_exib.png) no-repeat top left; padding-left:22px;}

.menu .menu-item-home a:hover{ background: #34e82c; color:#fff;}
.menu .menu-item-61 a:hover{ background: #8bd0d4; color:#fff;}
.menu .menu-item-58 a:hover{ background: #cadc7f; color:#fff;}
.menu .menu-item-59 a:hover, .menu .menu-item-7483 a:hover { background: #eabbc6; color:#fff;}
.menu .menu-item-57 a:hover{ background: #dfd676; color:#fff;}
.menu .menu-item-190 a:hover{ background: #eeab63; color:#fff;}
.menu .menu-item-8922 a:hover{ background: #eeab63; color:#fff;}
.menu .menu-item-11698 a:hover{ background: #dcc610; color:#fff;}

.menu .sub-menu a:hover {color: #555;}

/* news */
.menu ul.sub-menu .menu-item-20, .menu ul.sub-menu .menu-item-140
	{ background: #cadc7f; color:#fff; } 

/* event */
.menu li.menu-item-110
	{ background:url(images/mic_info.png) no-repeat top left; padding-left:22px; }
.menu .menu-item-110 a:hover
	{ background: #8bd0d4; color:#fff;}
.menu li li.menu-item-11066 a:hover, .menu li li.menu-item-11698 a:hover
	{ background: #8bd0d4 !important; border: none; color: #fff; font-weight:bold; }

/* timetable */
.menu li.menu-item-62,
.menu li.menu-item-7661
	{background:url(images/mic_timetable.png) no-repeat top left; padding-left:22px; }
.menu .menu-item-62 a:hover,
.menu .menu-item-7661 a:hover
	{ background: #90c0b8; color:#fff;}
.menu li li.menu-item-10916 a:hover,
.menu li li.menu-item-10917 a:hover
	{ background: #90c0b8 !important; border: none; color: #fff; font-weight:bold; }

/* lesson */
.menu li.menu-item-60,
.menu li.menu-item-7482
	{ background:url(images/mic_lesson.png) no-repeat top left; padding-left:22px; }
.menu .menu-item-60 a:hover,
.menu .menu-item-7482 a:hover
 	{ background: #cbb19c; color:#fff; }

.menu li li.menu-item-8919 a:hover,
.menu li li.menu-item-8920 a:hover,
.menu li li.menu-item-8921 a:hover
	{ background: #cbb19c !important; border: none; color: #fff; font-weight:bold; }

/* faq */
.menu li.menu-item-11005
	{ background:url(images/mic_faq.png) no-repeat top left; padding-left:22px; }
.menu .menu-item-11005 a:hover{ background: #a981b6; color:#fff;}
.menu li li.menu-item-11064 a:hover,
.menu li li.menu-item-11065 a:hover,
.menu li li.menu-item-11518 a:hover,
.menu li li.menu-item-11315 a:hover
	{ background: #a981b6 !important; border: none; color: #fff; font-weight:bold; }


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

.front-page .menu .current_page_item a {
	xbackground: #fff;
	xbackground-color: transparent;
	background-image: none;
	filter: none;
}

.menu li li {
	background: #fff;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #444;
	filter: none;
	margin: -1px 0 1px 0;
	width: auto;
}

.menu li li a {
	background: transparent !important;
	border: none;
	color: #444;
	font-size: 12px;
	font-weight: 400;
	height: auto;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	text-shadow: none;
	white-space: nowrap;
}

.menu li li a:hover {
	background: #f5f5f5 !important;
	background-image: none;
	border: none;
	color: #444;
	filter: none;
}

.menu li li:hover {
	background: #f5f5f5 !important;
	filter: none;
}

.menu ul > li + li {
	border-top: 0;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu > li:first-child > a {
	border-left: none;
	
}

.menu a#responsive_menu_button {
	display: none;
}

.main-nav #responsive_current_menu_item {
	display: none;
}

/* =Primary Main Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .menu ul {
	background: url(images/ie7-fix.gif) repeat;
}

.ie7 .menu li li a  {
    min-width: 100%;
}

/* =Responsive Menu
    TinyNav + SelectBox
-------------------------------------------------------------- */
.tinynav { 
	display: none 
}

.sb-holder {
	background-color: #3d3d3d;
	display: none;
	height: 30px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 999;
}

.sb-holder:focus .sb-selector {}

.sb-selector {
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 100%;
}

.sb-selector:link,
.sb-selector:visited,
.sb-selector:hover {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	outline: none;
	text-decoration: none;
	text-shadow: 0 -1px 0 #000;
}

.sb-toggle {
	background: url(images/select-icons.png) 0 6px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}

.sb-toggle-open {
	background: url(images/select-icons.png) 0 -45px no-repeat;
}

.sb-holder-disabled {
	background-color: #3c3c3c;
	border: 1px solid #515151;
}

.sb-holder-disabled .sb-holder {}

.sb-holder-disabled .sb-toggle {}

.sb-options {
	background-color: #fff;
	list-style: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
}

.sb-options li {
	padding: 0;
}

.sb-options a {
	border-bottom: 1px solid #e5e5e5;
	display: block;
	font-size: 11px;
	outline: none;
	padding: 4px;
	text-indent: 4px;
}

.sb-options a:link,
.sb-options a:visited {
	color: #444;
	text-decoration: none;
}

.sb-options a:hover,
.sb-options a:focus,
.sb-options a.sb-focus {
	background-color: #f5f5f5;
	color: #444;
}

.sb-options li.last a {
	border-bottom: none;
}

.sb-options .sb-disabled {
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}

.sb-options .sb-group {
	border-bottom: dotted 1px #515151;
	color: #ebb52d;
	display: block;
	font-weight: 700;
	padding: 7px 0 7px 3px;
}

.sb-options .sb-sub {
	padding-left: 17px;
}

/* =Sub-Header Menu
-------------------------------------------------------------- */
.sub-header-menu {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-top: none;
	clear: both;
	margin: 0 auto;
}

.sub-header-menu, 
.sub-header-menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sub-header-menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}

.sub-header-menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.sub-header-menu li li {
	float: none;
}

.sub-header-menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.sub-header-menu li:hover > ul {
	top: 100%;
	visibility: visible;
}

.sub-header-menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.sub-header-menu:after, 
.sub-header-menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.sub-header-menu, 
.sub-header-menu ul {
	min-height: 0;
}

.sub-header-menu ul,
.sub-header-menu ul ul {
	margin: 0;
	padding: 0;
}

.sub-header-menu ul li a:hover, 
.sub-header-menu li li a:hover {
	color: #484848;
	text-decoration: none;
}

.sub-header-menu ul {
    margin-top: 1px;
	min-width: 15em;
	width: auto;
}

.sub-header-menu a {
	border-left: 1px solid #e5e5e5;
	color: #333;
    cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: 400;
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
	text-shadow: none;
}

.sub-header-menu a:hover {
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-color: #f9f9f9;
	background-clip: padding-box;
}

.sub-header-menu .current_page_item a,
.sub-header-menu .current-menu-item a {
	background-color: #f9f9f9;
}

.sub-header-menu li li {
	background: #fff;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #444;
	filter: none;
    margin: -1px 0 1px 0;
	width: auto;
}

.sub-header-menu li li a {
	border: none;
	color: #444;
	font-size: 12px;
	font-weight: 400;
	height: auto;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	text-shadow: none;
}

.sub-header-menu li li a:hover {
	background: #f9f9f9;
	background-image: none;
	border: none;
	color: #444;
	filter: none;
}

.sub-header-menu ul > li + li {
	border-top: 0;
}

.sub-header-menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.sub-header-menu > li:first-child > a {
	border-left: none;
}

.sub-header-menu ul.children a, 
.sub-header-menu .current_page_ancestor, 
.sub-header-menu .current_page_ancestor ul a {
	background: none;
	background-image: none;
	filter: none;
}

/* =Sub Header Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .sub-header-menu ul { background: url(images/ie7-fix.gif) repeat; }

.ie7 .sub-header-menu li li a  { min-width: 100%; }

/* =Footer Menu
-------------------------------------------------------------- */
.footer-menu { margin-left: 0; padding: 0; }
.footer-menu li { display: inline; list-style-type: none; }
.footer-menu li a { border-left: 1px solid #ccc; color: #333; padding: 0 8px; }
.footer-menu li a:hover { color: #222; }
.footer-menu > li:first-child > a { border-left: none; padding: 0 8px 0 0; }

/* =Navigation
-------------------------------------------------------------- */
.navigation { color: #111; display: block; font-size: 13px; height: 28px; line-height: 28px; margin: 20px 0; padding: 0 5px; }
.navigation a { color: #aaa; padding: 4px 10px; }
.navigation a:hover { color: #111; text-decoration: none; }
.navigation .previous { float: left; }
.navigation .next { float: right; }
.navigation .bracket { font-size: 36px; }

/* =Pagination (pages)
-------------------------------------------------------------- */
.pagination { clear: both; display: block; font-size: 16px; font-weight: 700; margin: 10px 0; padding: 5px 0; }
.pagination a { text-decoration: none; }

/* =Breadcrumb Lists
-------------------------------------------------------------- */
.breadcrumb-list { font-size: 12px; margin-top:5px; }

/* =Comments
-------------------------------------------------------------- */
#commentform { margin: 0; }

.commentlist { border-bottom: 1px solid #e5e5e5; list-style: none; margin: 0; padding: 0; }
.commentlist ol { list-style: decimal; }
.commentlist li { -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #fff; border-radius: 4px; margin: 0; }
.commentlist .bypostauthor {}
.commentlist li cite { color: #111; font-size: 1.1em; font-style: normal; font-weight: 400; }
.commentlist li.alt { background: #f9f9f9; }
.commentlist .children { list-style: none; margin-left: 10px; padding: 10px; }
.commentlist .avatar { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: left; margin-right: 10px; padding: 0; vertical-align: middle; }
.comment-author .fn { }
.comment-author .says { color: #999; }
.comment-body .comment-meta { color: #999; display: inline-block; margin: 0; padding: 0; text-align: left; }
.comment-body .comment-meta a { font-size: 11px; }
.comment-body { clear: both; padding: 10px; }
.comment-body p { clear: both; }
.comment-body .reply { }
.pingback, .trackback { list-style: none; margin: 20px 0; }

.pingback cite, 
.trackback cite {
	font-style: normal;
}

#pings,
#comments {
	text-align: left;
}

#respond {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #eaeaea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -ms-linear-gradient(top, #ffffff, #eaeaea);
	background-image: -o-linear-gradient(top, #ffffff, #eaeaea);
	background-image: linear-gradient(top, #ffffff, #eaeaea);
	border: 1px solid #ccc;
	border-bottom-color: #aaa;
	border-radius: 4px;
	clear: both;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea);
	margin-top: 15px;
	padding: 10px 20px 50px;
}

#respond label { display: inline; }

.reply { margin: 10px 0; }

.comment-form-url input,  
.comment-form-email input,
.comment-form-author input,
.comment-form-comment textarea {
	display: block;
}

.nocomments {
	color: #999;
	font-size: .9em;
	text-align: center;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, 
div.aligncenter { display: block; margin: 5px auto 20px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #f9f9f9; border: 1px solid #f0f0f0; max-width: 96%; padding: 13px 10px 10px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 1.5em; margin: 0; padding: 10px; }

img.wp-smiley { vertical-align: middle; }

/* =WordPress Gallery
-------------------------------------------------------------- */
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item { float: left; margin-top: 0; text-align: center; max-width: 155px; }
.gallery img { border: 1px solid #ddd; }
.gallery .gallery-caption { font-size: 12px; margin: 0 0 12px; }
.gallery dl { margin: 0; }
.gallery br+br { display: none; }

.attachment-gallery img { background: #fff; border: 1px solid #f0f0f0; display: block; height: auto; margin: 15px auto; max-width: 96%; padding: 5px; width: auto; }

.gallery-meta .iso, 
.gallery-meta .camera,
.gallery-meta .shutter,
.gallery-meta .aperture,
.gallery-meta .full-size,  
.gallery-meta .focal-length {
	display: block;
}

/* =Post Thumbnails 
-------------------------------------------------------------- */
img.wp-post-image,
img.attachment-full,
img.attachment-large, 
img.attachment-medium, 
img.attachment-thumbnail {
	display: block;
	margin: 1px auto;
	width: auto;
}

/* =WooCommerce
-------------------------------------------------------------- 
.breadcrumb-current { font-weight:bold; }

#breadcrumb {
	padding: 40px 0 0 0;
}

#breadcrumb a {
	color: #06c;
	font-size: 12px;
	font-weight: 400;
}

#breadcrumb a:hover {
	color: #444;
	text-decoration: none;
}

#content-woocommerce {
	margin-top: 40px;
	margin-bottom: 20px;
}

.products ul, ul.products {
	margin-top: 40px;
}

.cart-collaterals .shipping_calculator {
	width: 100%;
}

table.shop_table {}

table.cart td.actions .coupon .input-text, 
table.cart td.actions .coupon .input-text {
	cursor: text;
}
*/

/* =WPML
-------------------------------------------------------------- */
.icl_languages_selector{
	float: right;
	text-align: left
}
.rtl .icl_languages_selector{
	float: left;
	text-align: right
}

@media screen and (max-width: 650px){
	.icl_languages_selector,
	.rtl .icl_languages_selector {
		float: none;
	}
}

/* =Polylang
-------------------------------------------------------------- */
.widget_polylang li{
	display: inline;
	list-style-type: none;
}

/* =Footer
-------------------------------------------------------------- */
#footer { font-size: 11px; line-height: 1.5em; }
#footer a { color: #333; font-weight: 400; }
#footer a:hover { color: #444; }
#footer-wrapper .grid.col-940 { margin: 0; border-top:1px solid #fff; padding-top:15px; }

.scroll-top { float: right; width:35px; height:35px; background:url(images/ic_totop.png); }
.scroll-top a{ float: right; width:35px; height:35px; background:url(images/ic_totop.png); display:block; }
.scroll-top a:hover{ background:url(images/ic_totop.png); opacity:0.8; }

.copyright { text-align: left; }
.powered { text-align: right; display:none; }

/* =Social Icons
-------------------------------------------------------------- */
#footer .social-icons { list-style: none; line-height: normal; padding: 0; margin: 0; text-align: right; }

#footer .yelp-icon,
#footer .vimeo-icon, 
#footer .youtube-icon, 
#footer .twitter-icon,
#footer .facebook-icon, 
#footer .linkedin-icon, 
#footer .rss-feed-icon, 
#footer .instagram-icon,
#footer .pinterest-icon, 
#footer .foursquare-icon,
#footer .google-plus-icon, 
#footer .stumble-upon-icon {
	display: inline;
	margin: 1px;
	padding-left: 3px;
}

/* =Social bookmarking lignt, SNS
-------------------------------------------------------------- */
.wp_social_bookmarking_light{ border: 0 !important; padding: 0 !important; margin: 5px 0; !important; }
.wp_social_bookmarking_light div{ float: right !important; border: 0 !important; padding: 0 !important; margin: 0 5px 0px 0 !important; height: 23px !important; text-indent: 0 !important; }
.wp_social_bookmarking_light img{ border: 0 !important; padding: 0; margin: 0; vertical-align: top !important; }
.wp_social_bookmarking_light_clear{ clear: both !important; }
.wsbl_twitter{ width: 100px; }
.wsbl_facebook_like{ width: 100px; }

/* =Alignments Extras
-------------------------------------------------------------- */
.left { float: left; }
.right { float: right; }
.center { text-align: center; }

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after,
.clearfix:before,
#container:after,
#container:before,
.widget-wrapper:after,
.widget-wrapper:before {
	content: ' ';
	display: table;
}

.clearfix:after,
#container:after,
.widget-wrapper:after {
	clear: both;
}

.ie7 .clearfix,
.ie7 #container,
.ie7 .widget-wrapper {
	zoom: 1;
}

.clear { clear: both; }

/* Contactform 7*/

.instform select { width:auto; }
.instform button, .instform input, .instform select, .instform textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
}
.sent .form-wrapper { display:none; }

/*Instructor form*/
.instform_title { background:#4d9599; padding:5px; text-align:center; font-weight:bold; color:#fff;}
.instinfo table, .instform table {border:none; font-size:90%;}
.instinfo tr { border-bottom:1px dotted #ddd; }
.instinfo th { width:15%; min-width:80px; padding:3px;  border:none; font-weight:bold; text-align:left; }
.instinfo td { width:85%; padding:5px; border:none; border-left:1px solid #ddd;}

.instform tr { border-bottom:1px dotted #ddd; }
.instform th { width:28%; min-width:80px; padding:3px;  border:none; font-weight:bold; text-align:left; vertical-align:top;}
.instform td { width:72%; padding:5px; border:none; border-left:1px solid #ddd;}
.title_pp {background:#ddd; padding:5px; color:#333;}

/*Yogafest Info*/
.infotb {}
.infotb table { border:0px; }
.infotb tr { border-bottom:1px dotted #ccc; }
.infotb th { text-align:left; font-weight:bold; border:0px; width:20%;}
.infotb td { text-align:left; border:0px; border-left:1px solid #eee; width:80%;}

/*exibitor form*/
table.cf7 {border:0px; font-size:90%;}
.cf7 tr { border-bottom:1px dotted #ccc; }
.cf7 th { text-align:left; font-weight:bold; border:0px; width:20%; font-size:96%;}
.cf7 td { text-align:left; border:0px; border-left:1px solid #eee; width:80%; font-size:96%;}

/* =Archive--full width
-------------------------------------------------------------- */
.archive .category-instructors.hentry .post-title {
	position:absolute;
	bottom: 0;
	background:#eee;
	opacity:0.9;
	z-index:5;
	padding:5px;
	font-size:90%;
	margin:0;
	line-height:1.3;
	width: 210px;
}
.archive .category-instructors.hentry .post-title a { color:#333; }
.archive .category-instructors.hentry .post-title a:hover { color:#099; }

.archive .hentry {
	width:220px;
	float:left;
	height:240px;
	position:relative;
	overflow:hidden;
	margin:0 5px 10px 0px;
}
.archive .hentry img {
	width:220px;
	position:absolute; border:none;	
}

.category-lesson .hentry,
.category-lesson_free .hentry,
.category-lesson_ms .hentry,
.category-lesson_out .hentry {
	width:172px;
	float:left;
	height:250px;
	position:relative;
	overflow:hidden;
	margin:0 3px 10px 0px;
	background:#eee;
}

.category-lesson .hentry img,
.category-lesson_free .hentry img,
.category-lesson_ms .hentry img,
.category-lesson_out .hentry img { width:170px; position:absolute; border:none;	 }

.archive .category-lesson .post-entry,
.archive .category-lesson_free .post-entry,
.archive .category-lesson_ms .post-entry,
.archive .category-lesson_out .post-entry { background:#eee; line-height:1; padding-top:10px; }

.archive .category-lesson .post-entry .les-id,
.archive .category-lesson_free .post-entry .les-id,
.archive .category-lesson_ms .post-entry .les-id,
.archive .category-lesson_out .post-entry .les-id {font-size:130%; text-align:center; color:#555; font-weight:bold; font-family:arial;}

.archive .category-lesson .post-entry .les-date,
.archive .category-lesson_free .post-entry .les-date,
.archive .category-lesson_ms .post-entry .les-date,
.archive .category-lesson_out .post-entry .les-date { font-size:65%; color:#555; }

.category-lesson .post-entry h1.post-title,
.category-lesson_free .post-entry h1.post-title,
.category-lesson_ms .post-entry h1.post-title,
.category-lesson_out .post-entry h1.post-title {font-size:86%; padding:0 3px; text-align:center; line-height:1.4; bottom:0;}

.category-news .hentry { width:95%; margin:0 0 10px 0px; }


/* =Free lesson timetable
-------------------------------------------------------------- */
#tt_freelsn { font-size:94%; }
#tt_freelsn h2 { border-bottom:1px solid #555; padding-bottom:5px;}
#tt_freelsn table { border:0px; color:#333; }
#tt_freelsn th { padding:2px; font-weight:bold; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:0px; border-left:0px; }
#tt_freelsn td { padding:3px; line-height:1.4; border-bottom:1px solid #ddd; border-top:0px; border-left:0px; border-right:1px solid #ddd; }

#tt_freelsn td a { color:#09C; font-weight:bold; line-height:1.2; }
#tt_freelsn td a:hover { color:#555; }

#tt_freelsn td.no {background:#ccc;}
#tt_freelsn th.main {background:#ccdded; width:23%;}
#tt_freelsn th.donation {background:#ebd5c8; width:23%;}
#tt_freelsn th.free {background:#e9ebc8; width:23%;}
#tt_freelsn th.park {background:#c4e2c4; width:23%;}

/* =FAQ
-------------------------------------------------------------- */
.page-id-10985 {}
h2.faq-catname { border-bottom:1px dotted #ccc; padding:0 0 8px 0; font-size:110%; }
h3.qa-faq-title { font-size:90%; }

.st_box { font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; }
.st_box h3 { font-size:130%; border-bottom:1px dotted #a479b2; padding-bottom:7px; padding-top:15px;}
.st_box h4 { background:#666; padding:5px; width:40%; color:#fff; font-size:100%; }
.st_box h5 { padding:15px 0 4px 0; font-size:100%; line-height:1.5; margin-bottom:3px;}
.st_box .num { background:#a479b2; text-align:centre; color:#fff; font-size:110%; font-weight:bold; margin-right:5px; padding:1px 3px; }
.st_box p { color:#333; line-height:1.5; margin:0 0 10px 20px; padding:0px; }
.30p { padding-bottom:30px; background:#ff0000;}

/* =BM Shot
-------------------------------------------------------------- */
.browser-shot { padding:0; margin:0; }
.browser-shot img { border:1px solid #eee; }
.bm-supporters { font-size:90%; width:185px; float:left; margin:0 8px 10px 7px; line-height:1.4; min-height:350px; }
.bm-title { border-bottom:3px; color:#25566d; }

/* =yogarave
-------------------------------------------------------------- */
.rave_program {padding:10px; background:#f5fdfc; float:left; width:170px; margin:0 10px; border-right:1px solid #eee; border-bottom:1px solid #eee; font-size:12px; min-height:170px;}
.rave_title {font-weight:bold; padding-bottom:5px; border-bottom:1px dotted #ddd; margin-bottom:5px;}
table.rave  { width:420px; font-size:13px; border-top:0px; border-left:0px; border-bottom:0px; border-right:0px;}
.rave th { width:60px; border:0px; color:#666; padding:3px 10px; margin-bottom:8px; text-align:right; }
.rave td { border-left:3px solid #ccc;  margin-bottom:8px; border-top:0px; border-bottom:0px; padding:3px; border-right:0px;}


/* =Begin bidirectionality settings (do not change)
-------------------------------------------------------------- */
BDO[DIR="ltr"] {
	direction: ltr;
	unicode-bidi: bidi-override;
}

BDO[DIR="rtl"] {
	direction: rtl;
	unicode-bidi: bidi-override;
}

[DIR="ltr"] {
	direction: ltr;
	unicode-bidi: embed;
}

[DIR="rtl"] {
	direction: rtl;
	unicode-bidi: embed;
}

/* =Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media print {
	h1 { page-break-before: always; }
	h1,  h2,  h3,  h4,  h5,  h6 { page-break-after: avoid; }
	ul,  ol,  dl { page-break-before: avoid; }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
	only screen and (-moz-min-device-pixel-ratio:1.5), 
	only screen and (-o-min-device-pixel-ratio:3/2), 
	only screen and (-webkit-min-device-pixel-ratio:1.5), 
	only screen and (min-device-pixel-ratio:1.5) {

	body {}
}


@media only screen and (max-width: 768px)  {
	#container { margin: 0 auto; max-width: 97%; padding: 0px 5px; }

	body {}
	.alignright {
	float: right;
	margin: 5px 0 20px 20px;
	width:40%;
	}
	
#container { margin: 0 auto; max-width: 97%; padding: 0px 5px; }
	#logo {
		float: left;
		margin:0;
		width:60%;
	}

	#header-top .toplogo { width:100%; margin:0 auto; display: block;}

	.grid, 
	.grid-right {
		float: none;
	}
	
	#featured-image .fluid-width-video-wrapper { margin: 20px 0 0 0; }
	.featured-title { font-size: 18px; padding: 20px 20px 0 20px }
	.featured-subtitle { font-size: 16px; }
	#featured p { font-size: 14px; line-height: 1.5em; padding: 0 25px; }
	
	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
	.menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
		float: none;
		text-align: center;
		text-rendering: optimizeSpeed;
	}
	
	.hide-480 { display: none; }
	.show-480 { display: block; }
	#footer { text-align: center; }
	#footer .social-icons { text-align: center; }
	.js .sub-header-menu { display: none; }
	
	.js .main-nav {
		position: relative;
		height: 30px;
		background-color: #585858;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
		background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
		background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
		background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
		background-image: -o-linear-gradient(top, #585858, #3d3d3d);
		background-image: linear-gradient(top, #585858, #3d3d3d);
		clear: both;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
		margin: 0 auto;
	}
	
	.js .main-nav .menu { display: none; position: absolute; width: 100%; top: 30px; z-index: 1000; }
	.js .main-nav .menu ul { margin-top: 1px; }
	.js .main-nav .menu li { float: none; background-color: #fff; border: none; }
	.js .main-nav .menu li a { color: #444; font-size: 13px; font-weight: normal; height: 30px; line-height: 30px; padding: 0 15px; border: none; border-bottom: 1px solid #f5f5f5; text-shadow: none; text-align: left; }
	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a { background-color: #f5f5f5; }
	.js .main-nav .menu li li:hover { background: none!important; }
	.js .main-nav .menu li li a { position: relative; padding: 0 10px 0 30px; }
	.js .main-nav .menu li li li a { position: relative; padding: 0 10px 0 40px; }
	.js .main-nav .menu li a:hover,
	.js .main-nav .menu li li a:hover { background-image: none; filter: none; background-color: #f5f5f5!important; }
	.js .main-nav .menu li li a::before { content: '\2013'; position: absolute; top: 0; left: 20px; }
	.js .main-nav .menu li li li a::before { content: '\2013'; position: absolute; top: 0; left: 20px; }
	.js .main-nav .menu li li li a::after { content: '\2013'; position: absolute; top: 0; left: 30px; }
	.js .main-nav .menu li ul { position: static; visibility: visible; background-color: #fff; }
	.js .main-nav #responsive_current_menu_item { position: absolute; display: block; top: 5px; left: 15px; color: #fff; font-weight: 700; }
	.js .main-nav a#responsive_menu_button { position: absolute; display: block; top: 0; left: 100%; height: 30px; width: 23px; margin-left: -30px; background: url('images/select-icons.png') 0 5px no-repeat; }
	.js .main-nav a#responsive_menu_button.responsive-toggle-open { background: url('images/select-icons.png') 0 -46px no-repeat; }

	#widgets ul.update { clear:both; width:98%; list-style:none; padding:0 0 0 5px; }
	#widgets .update li { border-bottom:1px dotted #ddd; padding-bottom:5px; width:100%; margin:0 10px 10px 5px;}
	#widgets .update li img {width:50px; margin:0 5px 0 0; float:left;}
	
	.menu li li.menu-item-11066 a:hover,
	.menu li li.menu-item-10916 a:hover,
	.menu li li.menu-item-10917 a:hover,
	.menu li li.menu-item-8919 a:hover,
	.menu li li.menu-item-8920 a:hover,
	.menu li li.menu-item-8921 a:hover,
	.menu li li.menu-item-11064 a:hover,
	.menu li li.menu-item-11065 a:hover,
	.menu li li.menu-item-11518 a:hover
	{ border: none; color: #555; font-weight:normal; }

@media screen and (max-width: 320px) {
	.category-lesson .hentry { width:270px; float:left; height:140px; position:relative; overflow:hidden; margin:0 3px 10px 0px; }
.category-lesson .hentry img { width:150px; position:absolute; border:none;	 }

	body {}

	.alignright { float: right; margin: 5px 0 20px 20px; width:40%; }

	#featured p { font-size: 12px; line-height: 1.5em; }
	.featured-title { font-size: 26px; }	
	.featured-subtitle { font-size: 15px; }
	.call-to-action a.button { font-size: 14px; padding: 7px 17px; }
	.hide-320 { display: none; }
	.show-320 { display: block; }
}

@media screen and (max-width: 240px) {
	body {}
	#featured p { font-size: 11px; line-height: 1.5em; }
	.featured-title { font-size: 20px; }	
	.featured-subtitle { font-size: 11px; }
	.call-to-action a.button { font-size: 12px; padding: 5px 15px; }
	
	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"], 
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}
	
	.widget-title,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}
	
	.hide-240 { display: none; }
	.show-240 { display: block; }
}

/*The last 29 days of the month are the hardest."- Nikola Tesla*/