/*
Theme Name: NTH framework
Version: 1.1
Author: Nikolay Gromov
Author URI: http://nicothin.ru
*/

/* HELP 
font-family: YOUR-FONT, Arial, Helvetica, sans-serif;
font-family: YOUR-FONT, "Times New Roman", Times, serif;
font-family: YOUR-FONT, "Courier New", Courier, monospaced;

font-size: 62.5%	1em = 10px
http://riddle.pl/emcalc/
*/


/* BLOCKS */
#page {width: 94%; max-width: 81em; min-width: 750px; margin: 1em auto; background-color: #FFFFFF; border: 1px solid #d4d4d4; position: relative}
#header {background-color: #FFFFFF; border-bottom: 1px solid #d4d4d4}
	.site-logo {}
	.site-description {}

/*	
#nav {border-bottom: 1px solid #d4d4d4;}
	#nav ul {width: 100%; overflow: hidden; margin: 0 !important}
	#nav li {float: left; padding: .5em 1em .5em 0}
	#nav-active {}
*/	
	#nav ul {padding:5px 0 0 1em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(/img/menu/pro_five_0c.gif) repeat-x left bottom; font-size:11px;}
	#nav li {float:left; height:40px; margin-right:1px;}
	#nav li a {display:block; float:left; height:40px; line-height:35px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(/img/menu/pro_five_0a.gif) no-repeat;}
	#nav li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(/img/menu/pro_five_0b.gif) no-repeat right top;}
	#nav li.current a {color:#000; background:url(/img/menu/pro_five_2a.gif) no-repeat;}
	#nav li.current a b {background:url(/img/menu/pro_five_2b.gif) no-repeat right top;}
	#nav li a:hover {color:#000; background: url(/img/menu/pro_five_1a.gif) no-repeat;}
	#nav li a:hover b {background:url(/img/menu/pro_five_1b.gif) no-repeat right top;}
	#nav li.current a:hover {color:#000; background: url(/img/menu/pro_five_2a.gif) no-repeat; cursor:default;}
	#nav li.current a:hover b {background:url(/img/menu/pro_five_2b.gif) no-repeat right top;}	

	
#wrap {}
	#content {width: 100%; float: left}
		#content .padding {padding: 1em 1.5em; overflow: hidden; border-right: 1px solid #d4d4d4; margin-right: 320px}
	#aside {width: 320px; float: left; margin-left: -320px}
		#aside .padding {padding: .1em 1em; border-left: 1px solid #d4d4d4; margin-left: -1px}
		#aside .padding > div {width: 100%; overflow: hidden; margin-bottom: -1em!important}
		.search {}
			.search-text {width: 200px}
			.search-button {width: 70px}
		.login {}
			.password label, .username label, .submit {display: block; width: 40%; float: left; padding: .3em 0 .15em 0}
			#username, #password {width: 53%}
			.submit {clear:left; width: 40%; float: left}
			.submit input {width: 80px}
			.login ul {width: 53%; float: left}
		.contact {}
			.contact ul li {width: 100%; overflow: hidden; margin-bottom: .3em}
			.contact ul li span.contact-type {width: 40%; float: left}
			.contact ul li span.contact-item {width: 60%; float: left}
#footer {border-top: 1px solid #d4d4d4; clear: both; padding: .5em 1.5em}

/* MAIN TYPOGRAPHY */
html {font-size: 62.5%; font-family: "Times New Roman", Times, serif} 
body {font-size: 1.4em; line-height: 1.5em; color: #383838; background-color: #E5E5E5; /*background-image: url(/img/body_fon_3.gif); background-repeat: repeat-x; background-position: top;*/}
strong, b, th, thead td, em {font-weight: bold}
h1, h2, h3, h4, h5, h6 {font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-weight: bold; color: #777777}
h1 {font-size: 1.8em; margin: 1em 0 .6em; color: #383838}
h2 {font-size: 1.6em; margin: 1.07em 0 .5em; color: #626262}
h3 {font-size: 1.4em; margin: 1.14em 0 .5em}
h4 {font-size: 1.3em; margin: 1.23em 0 .5em}
h5 {font-size: 1.2em; margin: 1.33em 0 .5em}
h6 {font-size: 1.0em; margin: 1.6em 0 .5em}
cite, em, dfn, i {font-style: italic}
code, kbd, samp, pre, tt, var {font-size: 80%; font-family: "Lucida Console", "Courier New", Courier, monospaced;}
pre code {font-size: 100%} 
pre {border: 1px solid #d4d4d4; width: 98%!important; overflow: auto; position: relative; padding: .5em; background: #EDEDED}
del, strike, s  {text-decoration: line-through; color: #666}
ins, dfn, u {border-bottom: 1px solid #999}
small {font-size: 85%}
sup, sub {font-size: 80%; font-family: Arial, Helvetica, sans-serif}
big {font-size: 130%}
abbr {text-transform: uppercase; font-size: 85%; letter-spacing: .1em}
a abbr, a acronym {border: none}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc}
sup {vertical-align: super}
sub {vertical-align: sub}
hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none}
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; padding: .5em 1em 0; margin-left: 1.2em}
blockquote > p {margin-bottom: .8em!important}
q {quotes: "\00AB" "\00BB" "\2018" "\2019"}
/* #wrap only */
#wrap hr, #wrap p, #wrap ul, #wrap ol, #wrap dl, #wrap pre, #wrap blockquote, #wrap address, #wrap table, #wrap form, #wrap iframe {margin-bottom: 1.2em}
#wrap p+p, #wrap p+ul, #wrap p+ol, #wrap p+blockquote {margin-top: -0.5em}
#wrap caption {padding-bottom: .8em}
#wrap form div {margin-bottom: .8em}
/* #aside only */
#aside {line-height: 1.3em}

/* LISTS */
/*
#wrap ul {margin-left: 1.5em}
#wrap ul li {text-indent: -.85em; margin-left: .85em}
#wrap ul li:before {content: "\2022\00a0\00a0"}
#wrap ul li li:before {content: ""}
#wrap ul li ul li:before {content: "\2022\00a0\00a0"}
#wrap ul li ul {margin-left: 2.5em}
#wrap ul li ol li {list-style-position: outside; list-style-type: decimal; margin-left: 1.35em; text-indent:0}
#wrap ul li ol li ul li:before {content: "\2022\00a0\00a0"}
#wrap ol {list-style-position: outside; list-style-type: decimal; margin-left: 2.35em}
#wrap dt {font-weight: bold; margin-top: .8em; margin-bottom: 0}
#wrap ol ol, #wrap ul ol {margin-left: 2.5em}
#wrap ul ul, #wrap ol ol, #wrap ul ol, #wrap ol ul {margin-bottom: 0}
*/
/* #aside only */
#wrap #aside ul {margin-left: 0}
#wrap #aside ul li {text-indent: 0; margin-left: 0}
#wrap #aside ul li:before {content: ""}

#wrap form div.inputtext, #wrap form div.inputtextarea { clear:left; margin-bottom:30px; width:100%; border: 1px solid white; }
#wrap form input.work, #wrap form select.work, #wrap form input.iColorPicker  { float:left; width: 150px; display: block; }
#wrap form  div.inputtext label, #wrap form  div.inputtextarea label {float: left; display: block; width: 270px; text-align:left; }
#wrap form  div.inputtext div.error-message{clear:left; float:left; }
#ProfileBirthDayMonth, #ProfileBirthDayDay, #ProfileBirthDayYear{display: inline;}

/* FORMS */
input[type='text'], input[type='password'], input[type='submit'], input[type='button'], textarea, select {font-family: Tahoma, Arial, Helvetica, sans-serif}
fieldset {border: 1px solid #ccc; padding: 0 1em 1em 1em; margin: 1.6em 0}
legend {background: #fff; padding: 0 .8em}
legend+* {margin-top: 1em}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff}
textarea, input {padding: .3em .4em}
input[type='submit'] {padding: .2em .4em}
select {padding: .1em .2em .1em .1em}
option {padding: .1em .4em .1em}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #888; outline: 2px solid #DCDAFC}
input, select {cursor: pointer}
input[type='text'], input[type='password'] {cursor: text}

/* TABLES */
table {border-top: 1px solid #ccc;  border-left: 1px solid #ccc}
th, td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: .4em .6em}
tr:hover, thead th, thead td, .tabletr-act {background-color: #f5f5f5}

/* LINKS */
a:link {text-decoration: underline; color: #36c}
a:visited {text-decoration: underline; color: #99c}
a:hover {text-decoration: none; color: #c33}
a:active, a:focus {text-decoration: underline; color: #000}

/* TOOLBOX */
.hide {display: none}
.show {display: block}
img.alignright {float: right; padding:.2em 0 .2em .8em}
img.alignleft {float: left; padding:.2em .8em .2em 0}
.more {text-align:right}
	#wrap p+p.more {margin-top: -1.2em}
	.more a[href]:after {content: " >>"}

/* CSS from CAKE PHP */
	
/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}	

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 0.8em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}
img.gallery_logo{
	float:left;
	padding-right:3px;
}




div.form #vinyasa {
	//display: inline;
}
div.form #vinyasa li {
	display: inline;
	padding: 3px;
	width: 54px;
	height: 68px; 
	float: left; 
	list-style-type: none;
}
div.form #vinyasa li:before {content: ""}
div.form #asanas_list{
display: inline;
}
div.form #asanas_list li{ 
display: inline;
}
div.form #asanas_list li:before {content: ""}


#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}


#get_api_key_button{
	text-align:center;
	padding:5px 0 5px 0;
}

div.error-message {color: #CD0A0A;}
input.form-error{	border: 1px solid #CD0A0A;}
.for-widget-code {font-size: 0.9em;}

div.photos img{
	padding:2px;
	border:1px solid #D4D4D4;
	background:#FFFFFF;
	margin:2px;
}
div.photos img:hover{
	padding:2px;
	border:1px solid #9D9DA1;
	background:#B9D1FA;
	margin:2px;
}