/*-----------------------------------------------------------------------------
version:	1.7
date:		6th February 2010
author:		Sebastian Torresi
email:		hola@sebastiantorresi.com
website:	http://sebastiantorresi.com
-----------------------------------------------------------------------------*/

/* Default styles
-------------------------------------------------------*/
body {
	background-color: #FBFBFB;
	color: #080000;
	font: normal 15px/1.4em "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, h7 { 
	font-family: "qlassikbold", "Helvetica Neue", Arial, Helvetica, sans-serif; 
	font-weight: 300;
	margin: 0 0 10px; 
	text-shadow: 0 1px 0 #fff; 
	text-transform: uppercase; 
}

em { font-style: italic; }
		
@font-face {
	font-family: 'qlassikbold';
	src: url('../fonts/qlassikbold.eot');
	src: local('qlassik bold'), 
		local('qlassik-bold'), 
		url('../fonts/qlassikbold.ttf') format('truetype');
}


/* Forms
-------------------------------------------------------*/

legend { display: none; }

label,
button,
input[type="button"],
input[type="submit"] { cursor: pointer; }

input,
select,
button,
textarea {
	outline: 0;
	font-family: inherit;
	font-size: inherit;
}

input,
select,
textarea {
	color: #343434;
	padding: 4px 5px;
	margin: 0;
	background-color: white;
	border: 1px solid #D3D3D3;
	vertical-align: middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

textarea { resize: vertical; }

button {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.error {
	background: #CC483A;
	border-bottom: 1px solid #B12D13;
	color: #fff;
	font-size: .8em;
	font-weight: 600;
	margin: 20px 0 15px 75px;
	padding: 10px;
	width: 535px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Focused  */

textarea:focus,
input:focus,
select:focus,
button:focus {
	-webkit-box-shadow: 0 0 5px #515151;
	-moz-box-shadow: 0 0 5px #515151;
	box-shadow: 0 0 5px #515151;
}


textarea:focus,
input:focus,
select:focus {
	border-color: #515151;
	background: #fff;
}

/* Nav & Head
-------------------------------------------------------*/

#main-head, 
#main-head-school, 
#main-head-gallery, 
#main-head-about, 
#main-head-testimonials, 
#main-head-blog, 
#main-head-contact {
	border-bottom: #646464 double 1px; 
	height: 280px; 
}

#main-head { background: #58D8DB url(../images/top-img-bg-1.jpg) repeat-x scroll center 0; }

#main-head-school { background: #C89D58 url(../images/top-img-bg-2.jpg) repeat-x scroll center 0; }

#main-head-gallery { background: #EBA90A url(../images/top-img-bg-3.jpg) repeat-x scroll center 0; }

#main-head-about { background: #C2289A url(../images/top-img-bg-4.jpg) repeat-x scroll center 0; }

#main-head-testimonials { background: #9CAB50 url(../images/top-img-bg-5.jpg) repeat-x scroll center 0; }

#main-head-blog { background: #A53205 url(../images/top-img-bg-7.jpg) repeat-x scroll center 0; }

#main-head-contact { background: #F5BDA2 url(../images/top-img-bg-10.jpg) repeat-x scroll center 0; }

#head {
	height: 280px;
	margin: 0 auto;
	position: relative;
	width: 950px;
}

#head .headermenu {
	background: transparent url(../images/nav-bg.png) repeat scroll 0 0;
	border: #000 double 1px; 
	border-width: 1px 1px 0px 1px;
	bottom: 0;
	color: #F3F3F3;
	font-size: .75em;
	padding: 5px;
	position: absolute;
	right: 0;
	border-radius: 5px;
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomleft: 0; 
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 0; 
	-webkit-border-bottom-right-radius: 0; 
}

#head .headermenu a {
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
}

#head h1 { 
	float: left;
	margin: 45px 0 30px; 
}

#head h1 a, 
#head h1 a:hover {
	background: transparent url(../images/logo.png) no-repeat scroll left top;
	display: block;
	height: 61px;
	overflow: hidden;
	text-indent: -9999px;
	width: 200px;
}

#head h1 a:active {
	bottom: -1px;
	position: relative
}

#nav {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav li a {
	color: #E5E7F1;
	cursor: pointer;
	display: block;
	float: left;
	font-size: .8em;
	font-weight: 600;
	margin: -1px 5px 0;
	padding: 100px 10px 10px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #000;
	text-transform: uppercase;
}

#nav li a:hover {
	background: transparent url(../images/nav-hover-bg.png) repeat scroll 0 0; 
	border-radius: 5px;
	-moz-border-radius-topleft: 0; 
	-moz-border-radius-topright: 0; 
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 0; 
	-webkit-border-top-right-radius: 0; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
}

#nav li a:active {
	bottom: -1px;
	position: relative
}

#nav li.nav-current a {
	background: transparent url(../images/nav-bg.png) repeat scroll 0 0;
	border: none;
	opacity: 1;
	text-shadow: none;
	border-radius: 5px;
	-moz-border-radius-topleft: 0; 
	-moz-border-radius-topright: 0; 
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 0; 
	-webkit-border-top-right-radius: 0; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;
}

#slogans h2 {
	clear: both;
	color: #FFFEFE;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.4em;
	padding: 15px 0 0;
	text-shadow: 1px 1px 1px #000;
	text-transform: inherit;
}

/* Container
-------------------------------------------------------*/

#container {
	font-size: .9em;
	margin: 0 auto;
	padding: 25px 0;
	width: 950px;
}

#container a {
	font-weight: 400;
	text-decoration: none;
}

#container a:hover, 
#container a:active { text-decoration: underline; }

#content {
	float: left;
	margin: 0 50px 0 0;
	width: 630px;
}

#content a:active {
	bottom: -1px;
	position: relative
}

.links { color: #3E76B6; }

/* textile */

#content p { margin: 0 0 15px; }

#content h1, #sidebar h1, #out-box h1 { font-size: 1.6em; }

#content h2, .lbox h2, .rbox h2 { font-size: 1.4em; }

#content h3 { font-size: 1.3em; }

#content h4 { font-size: 1.2em; }

#content h5 { font-size: 1em; }

#content h6 { font-size: .9em; }

#content strong { font-weight: 600; }

#content blockquote {  
	background: #F2F2F2;
	border: 1px solid #EDEDED;
	color: #140303;
	font-size: 1.4em;
	font-weight: 200;	
	line-height: 1.3em;
	margin: 15px 0 5px;
	padding: 20px 20px 5px;
	text-shadow: 0 1px 1px #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#content cite { 
	color: #343434;
	display: block;
	font-size: 1em;
	font-style: normal;
	font-weight: 200;
	padding: 0 20px 0 0;
	text-align: right;
}

#content .footnote { color: #BCBEBD; }

#content sup { 
	font-size: .75em; 
	position: relative; 
	top: -2px; 
}

#content sub { 
	font-size: .75em; 
	position: relative; 
	top: 2px; 
}

#content acronym { border-bottom: 1px dotted #3E76B6; }

#content ins { text-decoration: underline; }

#content ul, .article-content ol { margin: 15px 0; }

#content ul li,
#content ol li {
	list-style-image: none; 
	list-style-position: outside; 
	margin: 0 0 5px 15px; 
	padding: 0 0 0 1px;
}

#content ul li { list-style-type: disc; }

#content ol li { list-style-type: decimal; }

/* textile */

.special {
	color: #828282;
	font-weight: 400;
	font-family: "qlassikbold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding: 0 0 15px;
	text-transform: inherit;
}

/* Sidebar */

.split {
	border: 1px dotted #B3A8A9;
	border-width: 0 0 1px 0;
	margin: 25px 0;
}

#sidebar {
	color: #363636;
	float: left;
	width: 270px;
}

#sidebar p { 
	font-size: .8em;
	line-height: 1.4em; 
}

#sidebar a:active {
	bottom: -1px;
	position: relative
}

#sidebar h2 {
	font-size: 1em;
	font-weight: 400;
	margin: 0;
}

/* Sub nav */

#sub-nav {
	margin: 0 0 25px;
	text-align: left;
	width: 268px;
}

#sub-nav li:first-child a {
	background: #1D1D1F;
	border-top: 0;
	border-radius: 5px;
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomleft: 0; 
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 0; 
	-webkit-border-bottom-right-radius: 0; 
}

#sub-nav li:last-child a {
	background: #1D1D1F;
	border-radius: 5px;
	-moz-border-radius-topleft: 0; 
	-moz-border-radius-topright: 0; 
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 0; 
	-webkit-border-top-right-radius: 0; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px;   
}
 
#sub-nav li a {
	background: #1D1D1F;
	border-top: 1px solid #242426;
	color: #BFBFBF;
	display: block;
	font-size: .9em;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	text-decoration: none;
}

#sub-nav li a:hover { 
	background: #18181A; 
	color: #FBFBFB;
	text-decoration: none;
}

#sub-nav li a:active { 
	position: relative; 
	top: 0;
}

#sub-nav li.sub-nav-current a {	
	background: #070707;
	color: #FBFBFB;
	font-weight: 600;
}

/* Sub nav */

#faq img { 
	float: right; 
	margin: 0 0 10px 10px;
}

#faq a { color: #3E76B6; }

#latest-entries { margin: 0; }

.entries-blog { margin: 0; }

.entries-blog a { color: #CC483A; }

/* Network */

.network dd {
	background: #F2F2F2;
	border: 1px solid #EDEDED;
	font-size: .85em;
	height: 20px;
	margin: 0 0 3px;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.network dd a {
	color: #3E76B6;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 25px;
}

.network .feed { background: transparent url(../images/rss_16.png) no-repeat scroll left center; }

.network .facebook { background: transparent url(../images/facebook_16.png) no-repeat scroll left center; }

.network .twitter { background: transparent url(../images/twitter_16.png) no-repeat scroll left center; }

.network .vimeo { background: transparent url(../images/vimeo_16.png) no-repeat scroll left center; }

.network .youtube { background: transparent url(../images/youtube_16.png) no-repeat scroll left center; }

.network .delicious { background: transparent url(../images/delicious_16.png) no-repeat scroll left center; }

/* Network */
/* End Sidebar */

#out-box {
	clear: both;
	font-size: .95em;	
	line-height: 1.3em;
	margin: 25px 0 0;
}

#out-box img {
	float: left;
	height: 150px;
	margin: 0 15px 0 0;
	width: 225px;
	box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
}

.lbox, 
.rbox {
	float: left;
	font-size: .85em;
	margin: 0 0 50px 0;
	position: relative;
	width: 450px;
}

.lbox h2, 
.rbox h2 { margin: 0; }

.lbox a, 
.rbox a { color: #CC483A; }

.lbox { margin: 0 50px 0 0; }

.buttons {
	background: url(../images/button-red.png) no-repeat scroll 0 0;
	bottom: 0;
	color: #000;
	float: right;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: 9999px;
	width: 79px;
}

.buttons:active { background: url(../images/button-red.png) no-repeat scroll 0 -24px; }

/*Section Photos*/

.text-right {
	float: right;
	margin: 8px 0 15px 15px;
	box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
}

.text-left {
	float: left;
	margin: 8px 15px 15px 0;
	box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
}

/*End Section Photos*/

/* Blog
-------------------------------------------------------*/

.article-heading { margin: 0 0 30px; }

.article-heading h1 {
	border-bottom: 1px dotted #B3A8A9;
	margin: 0;
	padding: 0 0 5px;
}

.article-heading h1 a {
	color: #CC483A;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.article-content a { color: #3E76B6;}

.article-info { width: 630px; }

.article-info {
	font-size: .8em;
	font-style: normal;
	margin: 5px 0 0;
	padding: 0;
}

.art-date { 
	color: #878988;
	float: left; 
	font-size: 1em;
	font-weight: 600;
	text-decoration: none; 
}

.art-comment {  float: right; } 

.art-comment h2 a {
	color: #878988;
	font-weight: 600;
	text-decoration: none; 
} 

.article-content {
	clear: both; 
	margin: 0 0 30px; 
}

#article-comments { 
	border-top: 1px dotted #B3A8A9; 
	padding: 30px 0 0;
	width: 630px; 
}

#article-comments h2 {
	color: #CC483A;
	font-size: 1.5em;
	margin: 0 0 20px;
	text-transform: uppercase;
}

#article-comments .even {
	background: #F3F3F3;
	border-bottom: 1px solid #EEEEEE;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#article-comments .odd {
	background: transparent;
	margin: 5px 0 0;
	padding: 10px;	
}

.author-img {
	float: left;
	width: 50px;
}

.author-body { 
	margin: 0 0 0 60px;
	position: relative; 
}

.author-body .ownercom {
	right: 0;
	position: absolute;
	top: 0;
}

.author-body h3 {
	color: #313131;
	font-weight: 400;
	text-transform: uppercase;
}

.author-body h3 a {
	color: #3E76B6;
	text-decoration: none; 
	text-transform: uppercase;
}

.author-date {
	font-size: .8em;
	margin: -13px 0 5px;
	width: 555px;
}

.searchbox, .searchbox:focus {
	background: #fff url(../images/search.png) no-repeat 5px 4px;
	color: #B3B3B3;
	padding: 4px 5px 4px 25px;
	width: 238px;
}

.search-more dd {
	background: #F2F2F2;
	border: 1px solid #EDEDED;
	font-size: .85em;
	height: 20px;
	margin: 3px 0 0;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.search-more dd a {
	color: #3E76B6;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 25px;
}

.search-more .archive { background: transparent url(../images/archive.png)no-repeat scroll left center; }
.search-more .contest { background: transparent url(../images/contest.png)no-repeat scroll left center; }

.comments_error { background: #FBEFF0; }

#article-form {
	border-top: 1px dotted #B3A8A9;
	margin: 0;
	padding: 25px 0 0;
}

#txpCommentInputForm label {
	clear: left;
	color: #313131;
	float: left;
	font-weight: 300;
	margin: 0 20px 0 0;
	padding: 5px 0;
	text-align: right;
	text-transform: uppercase;
	width: 65px;
}

#name, 
#email, 
#web, 
#message {
	float: left;
	margin: 0 0 15px;
	width: 530px;
}

#form-bottom {
	clear: left;
	margin: 0 0 0 75px;
}

#form-bottom label {
	clear: both;
	float: none;
	margin: 0;
	width: 0;
}

#form-bottom .button {
	background: #D1D1D1;
	border: 1px solid #B1B1B1;
	cursor: pointer;
	padding: 5px;
}

#form-bottom .disabled { 
	background: #E3E3E3;
	border: 1px solid #D1D1D1;
	color: #B1B1B1;
	cursor: inherit;
}

#article-form p {
	background: #F3F3F3;
	border-bottom: 1px solid #EEEEEE;
	margin: 20px 0 0 75px;
	font-size: .8em;
	padding: 10px;
	width: 535px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#article-form a { color: #3E76B6; }

.blog-navigation {
	margin: 0 auto;
	width: 630px;
}

.blog-navigation h3 a { 
	color: #CC483A;
	text-decoration: none;
	text-transform: uppercase;
}

.blog-navigation .previous { float: left; }

.blog-navigation .next { float: right; }


.arc-page dt {
	color: #ABABAB;
	font: normal 1.4em "qlassikbold", "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin: 25px 0 5px;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff;
}

.arc-page dt:first-child { margin: 0 0 5px; }

.arc-page dd {
	background: #F2F2F2;
	border: 1px solid #EDEDED;
	clear: both;
	display: block;
	font-size: .85em;
	height: 20px;
	margin: 3px 0 0;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}

.arc-page dd a {
	color: #3E76B6;
	float: left;
}

.arc-page dd span {
	color: #818181;
	float: right;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}

.contest-thumbs a:first-child { margin: 0; }

.contest-thumbs a { margin: 0 0 0 10px; }

.contest-thumbs a img {
	box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
}

/* Testimonials
-------------------------------------------------------*/

.articlecontent { margin: 0 0 15px; }

.articlecontent a { color: #3E76B6; }

#content .articlecontent blockquote {
	font-size: 1em;
	line-height: 16px;
	padding: 5px 5px 0 5px;
}


/* Contact
-------------------------------------------------------*/

.zemContactForm label {
	clear: left;
	color: #313131;
	float: left;
	font-weight: 300;
	margin: 0 20px 0 0;
	padding: 5px 0;
	text-align: right;
	text-transform: uppercase;
	width: 135px;
}

.zemSelect {
	float: left;
	margin: 0 0 15px;
	width: 470px;
}

.zemContactForm #nombre,
.zemContactForm #email,
.zemContactForm #asunto,
.zemContactForm #mensaje {
	float: left;
	margin: 0 0 15px;
	width: 460px;
}

.zemSubmit {
	clear: both;
	cursor: pointer;
	display: block;
	margin: 0 0 0 155px;
}

/* Footer
-------------------------------------------------------*/

#main-footer {
	background: #1D1D1F;
	border-top: 2px double #AFAFB3;
	color: #EAE8E9;
	height: 260px;
	margin: 0;
}

#footer {
	margin: 0 auto;
	font-size: .9em;
	padding: 20px 0 0;
	width: 950px;
}

#footer h2 {
	font-size: 1.4em;
	text-shadow: none;
}

#footer p { margin: 0 0 5px; }

#footer a {
	color: #5A5D66;
	font-weight: 400;
	text-decoration: none;
}

#footer a:hover { text-decoration: underline; }

#footer a:active {
	bottom: -1px;
	position: relative
}

#foot-left, 
#foot-center {
	float: left;
	margin: 0 25px 0 0;
	width: 310px;
}

#foot-left h2 {
	float: left;
}

#gallerysig {
	float: right;
	margin: 3px 8px 0 0;
}

.photo {
	background: #000;
	height: 195px;
	overflow: hidden;
	position: relative;
	width: 300px;
	box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
}

.photo-clip {
	clip: rect(10px 310px 215px 10px);
	margin: 0;
	left: -10px;
	position: absolute;
	top: -10px;
}

#foot-center cite {
	color: #6A6A71;
	display: block;
	font-weight: 600;
	float: right;
}

.foot-button {
	background: url(../images/button-blue.png) no-repeat scroll 0 0;
	color: #fff;
	clear: both;
	float: right;
	font-weight: 600;
	height: 24px;
	line-height: 24px;
	margin: 15px 0 0;
	overflow: hidden;
	text-indent: 9999px;
	width: 115px;
}

.foot-button:active { background: url(../images/button-blue.png) no-repeat scroll 0 -24px; } 

#foot-right {
	color: #9095A3;
	float: left;
	font-size: .9em;
	height: 205px;
	text-align: right;
	padding: 30px 0 0;	
	position: relative;
	width: 280px;
}

.st {
	bottom: 0;
	position: absolute;
	right: 0;
}

/* Sitemap - FAQ - Links
-------------------------------------------------------*/

#sitemap h3 a { color: #CC483A; }

#sitemap a { color: #3E76B6; }

.links-foot a { color: #3E76B6; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
 }

.clearfix {
	display: inline-block;
 }

/* start commented backslash hack \*/

* html .clearfix {
	height: 1%;
 }

.clearfix {
	display: block;
}
/* close commented backslash hack */