/*
Theme Name: Toolbox
Theme URI: http://wordpress.org/extend/themes/toolbox
Author: Automattic
Author URI: http://automattic.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**************************************
				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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

@-moz-document url-prefix() {
 	h1#site-title  { font-weight: 100;}
 	h2 { font-weight: 300; }
   	 h3 { font-weight: 200;}
   	#dl-left1 .dl-left1-text p {
	font-size: 13px;
	line-height: 1.2em;
}
    
 	
}



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;
}


a {
	color: #e08208;
	font-weight: 700;
	text-decoration: none;
}

a:hover {
	color: white;
}

h1, h2, h3, h4, h5, h6 {
	color: white;
	margin: 0px 15px;
	font-family: handtimes, times, serif;
}

p {
	margin: 5px;
	/*line-height: 20px;*/
	font-family: "Century Gothic", Helvetica, sans-serif;
}

strong {
	font-weight: 800;
}

em {
	font-style: italic;
}

h3 {
	font-size: 42px;
}

img {

}
/* =Structure
-------------------------------------------------------------- */
@font-face {font-family: handtimes; src: url('style/handtimes.ttf');  }
@font-face {font-family: fff-tusj; src: url('style/fff-tusj.ttf');  }

body {
		background: url(images/background.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        color: white;
	}


#page {
	display: block;
	margin: 0px auto;
	width: 960px;
}
#primary {
	float: left;
	margin: 0 -260px 0 0;
		height: auto;
	background: url(images/main-bg-tile.png) repeat;
	width: 100%;
}
#content {
	margin: 0 280px 0 0;
}
#main .widget-area {
	float: right;
	overflow: hidden;
	width: 220px;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

#branding {
	position: ;
	width: 960px;
	background:url(http://boruca.org/images/header/header-orange.png);
	height: 180px;
	margin: 0;
	margin-top: 0px;
	padding: 0;
	position: fixed ;
	z-index:1;
	-webkit-box-shadow: 0px 1px 30px 1px #000;
-moz-box-shadow: 0px 1px 30px 1px #000;
box-shadow: 0px 1px 30px 1px #000;
}

#site-title {
	width: 600px;
	float: left;

	font-size: 135px;
	font-weight: bold;
	text-shadow: 2px 2px 3px #444444;
	filter: dropshadow(color=#444444, offx=2, offy=2);
}

h1#site-title a {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-family: fff-tusj, sans-serif;
	color: white;
	text-decoration: none;
	
	
}

#site-description {
	width: 270px;
	font-family: handtimes, serif;
	padding-top: 80px;
	padding-left: 10px;
	padding-bottom: 0px;
	font-weight: normal;
	float: left;
	font-size: 38px;
	text-shadow: 2px 2px 3px #444444;
filter: dropshadow(color=#444444, offx=2, offy=2);
}


/* =Menu
-------------------------------------------------------------- */

#access {
	font-family: handtimes, serif;

	display: block;
	float: left;
	margin: 0 auto 0em;
	width: 100%;
	height: 40px;
	/*text-shadow: 2px 2px 3px #aaa;
	filter: dropshadow(color=#444444, offx=2, offy=2);
*/}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	text-transform: lowercase;
	float: left;
	position: relative;
}
#access a {
	color: #542703;
	display: block;
	font-size: 25px;
	padding: 0 .45em;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-o-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
	display: none;
}
#access ul ul ul {
	left: 100%;
	top: 0;
		display: none;
}
#access ul ul a {
	background: #dedede;
	line-height: 1em;
	width: 10em;
	height: auto;
		display: none;
}
#access li:hover > a,
#access ul ul :hover > a {
	color: white;
}
#access ul ul a:hover {
	color: white;
}
#access ul li:hover > ul {
	display: block;
}

.delimiter {float: right;color: #ccc;padding-left: 10px;}
.sub-menu .delimiter {display: none;}
li.page-item-12 .delimiter {display: none;}

/* =Content
-------------------------------------------------------------- */

.sticky {
}
.entry-meta {
	clear: both;
	display: block;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}


a.post-edit-link {
	font-size: 1px;
}

/* =PAGE STYLES
-------------------------------------------------------------- */
#content {
	width: 960px;
	font-family: "Century Gothic", "Helvetica", sans-serif;
	margin: 0;
	padding: 0;
}

.entry-header {
	width:100px;
	height: 550px;
		float: left;
		position: fixed;
	
	}
	
.entry-header h1 {
	font-family: handtimes;
	font-size: 100px;
	padding:  240px 0px;
	margin: 40px 0px;
	font-variant: small-caps;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	-o-transform: rotate(-90deg);	
	font-family: handtimes, serif;
	text-shadow: 2px 2px 3px #444444;
	filter: dropshadow(color=#444444, offx=2, offy=2);

	

}

h1.entry-title-wider  {
		font-family: handtimes;
	font-size: 80px;
	padding: 240px 0px;
	width: 600px;
	margin-left: -260px;
	font-variant: small-caps;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
	-o-transform: rotate(-90deg);	
	font-family: handtimes, serif;
	text-shadow: 2px 2px 3px #444444;
	filter: dropshadow(color=#444444, offx=2, offy=2);
}

/**************************************************************
						Home
**************************************************************/
#main-content {
	margin-left: 90px;
	margin-top: 190px;
	width: 850px;
	height: 600px;
	font-size: 14px;
	/*overflow:scroll;*/
}

#page-wrap {
	height: 700px;
	width: 960px;
	margin-left: 20px;
}

#page-wrap p {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2em;
}

#page-wrap h3 a {
	color: white;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	}
	
#page-wrap h3 a:hover {
	color: #e08208;
}	

#home-left {
	width: 280px;
	float: left;
	height: 550px;
	padding-top: 200px;
	margin-right: -5px;
	
}

#home-center {
	height: 550px;
	width: 180px;
	margin: 0px 10px;
	padding-top: 200px;
	float: left;
	 
}

#home-right {
	float: left;
	width: 440px;
	padding-top: 200px;
	height: 550px;

}


#home-about {
	width: 275px;
	height: 360px;
	background: url(images/bg-tile.png) repeat;
	float: left;
}

.home-about-image {
	width: 260px;
	margin: 10px;
	float: left;
}

.home-about-image img {
	width: 250px;
	margin-left: 5px;
}

.home-about-title {
	width: 50px;
	height: 160px;
	float: left;
	margin-left: 5px;
	margin-right: 10px;

}

.home-about-title h3 {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);		
	font-size: 50px;
	font-family: handtimes, serif;
	padding: 135px 0px;
}

.home-about-text {
	width: 200px;
	height: 170px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
}

.home-about-text p {
	padding:5px;
}

#home-legends {
	width: 275px;
	height: 170px;
	margin-top: 10px;
	background: url(images/bg-tile.png) repeat;
	float: left;
}

.home-legends-image {
	float: left;
	width: 80px;
	margin: 5px;
	margin-left: 10px;
	float: left;
}


.home-legends-title {
	width: 150px;
	height: 50px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
}

.home-legends-title h3 {
	font-size: 40px;
	margin-left: 0;
	padding-left: 0;
	padding-top: 5px;
	font-family: handtimes, serif;
}

.home-legends-text {
	width: 160px;
	margin-left: 10px;
	height: 100px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
}



#home-crafts {
	height: 540px;
	width: 180px;
	margin-top: 0px;
	background: url(images/bg-tile.png) repeat;
	float: left;
}

.home-crafts-image {
float: left;
margin: 10px;
}


.home-crafts-title {
float: left;
}

.home-crafts-title h3 {
	font-size: 30px;
	padding: 0px 15px;
	font-family: handtimes, serif;
}

.home-crafts-text {
	float: left;
	width: 160px;
	margin: 10px;
	height: 115px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
}




#home-culture {
	width: 440px;
	height: 270px;
	background: url(images/bg-tile.png) repeat;
	float: left;
	
}

.culture-left {

	float: left;
	height: 170px;
	width: 185px;
}

.home-culture-image {
float: left;
width: 170px;

	margin: 10px;
height: 170px;
}


.home-culture-title {
float: left;
margin: 5px;
	margin-top: -10px;
	width: 170px;
	height: 20px;
}

.home-culture-title h3 {
	font-size: 50px;
	font-family: handtimes, serif;
}

.home-culture-text {

	float: left;
	margin: 10px;
	width: 170px;
	height: 205px;
	background: url(images/bg-tile-white.png) repeat;
}

.home-bottom {
	width: 440px;
	float: left; 
	height: 260px;
}


#home-language {
	width: 285px;
	height: 260px;
	margin-top: 10px;
	margin-right: 10px;
	background: url(images/bg-tile.png) repeat;
	float: left;
}

.home-language-image {
	float: left;
	margin: 5px;
	margin-left: 15px;
	}

.home-language-image img {
	width: 210px;
	}

.home-language-title {
float: left;
width: 50px;
height: 250px;
}

.home-language-title h3 {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);	
		-o-transform: rotate(-90deg);
	font-size: 50px;
	font-family: handtimes, serif;
	padding: 205px 0px;
}

.home-language-text {
float: left;
width: 210px;
height: 95px;
margin: 5px;
margin-top: 10px;

margin-left: 15px;
background: url(images/bg-tile-white.png) repeat;
}
.home-language-text p {

margin-top: 2px;
}

#home-visit {
	width: 145px;
	height: 260px;
	margin-top: 10px;
	background: url(images/bg-tile.png) repeat;
	float: left;
	font-size: 10px;
}

.home-visit-image {
float: left;
margin:8px;
}

.home-visit-image img{
float: left;
width: 130px;
margin:0;
}

.home-visit-title {
float: left;

}

.home-visit-title h3 {
	font-size: 33px;
	padding: 0px 0px;
	font-family: handtimes, serif;
}

.home-visit-text {
width: 120px;
height: 80px; 
float: left;
margin: 13px;
margin-top: 5px;
background: url(images/bg-tile-white.png) repeat;
}

.home-visit-text span {
	font-size: 12px;
	}
			

/**************************************************************
							about
***************************************************************/

.about-top {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 810px;
	padding: 0;
	height: 260px;
	background: url(images/bg-tile.png) repeat;
	
}

.about-top-image {
	width: 470px;
	height: 240px;
	margin: 10px;
	float: left;
}

.about-top-text {

	float: left;
background:  url(images/bg-tile-white.png) repeat;
	width: 300px;
	height: 180px;
	margin: 10px;
	margin-bottom: 10px;
	padding: 0;
	
}

.about-top-title {
	float: left;
	width: 290px;
	height: 50px;
	margin-left: 15px;
}

.about-top-title h3 {
	font-size: 55px;
	text-align: right;
	font-family: handtimes, serif;
}


.about-top-text p {
	font-size: 14px;
		padding: 5px;
	
}
	
.about-content {

	float: left;
	margin-left: 20px;
	margin-right: 5px;
	width: 600px;
	height: auto;
	line-height: 1.3em;
	letter-spacing: .1em;
	background: url(images/bg-tile.png) repeat;
}

.about-content h3 {
	padding: 10px;
}

.about-content p {
	padding: 10px;
}

#about-quotes {
	width: 200px;
	height: 600px;
	float: left;
}

#quote-box1 {
	margin: 5px;
	margin-top: 0px;
	width: 200px;
	height: 315px;
	background: url(images/bg-tile.png) repeat;
	float: left;
}

.quote-box1-text {
	width: 180px;
	margin: 10px;
	height: 120px;
	background: url(images/bg-tile-white.png) repeat;
}

.quote-box1-text p {
	padding: 5px;
	font-size:14px;
}

.quote-box1-image {
	margin: 10px;
}

.quote-box1-image img {
	width: 180px; 
}

#about-quotes p {
	font-size:12px;
}

#quote-box2 {
	margin: 5px;
	width: 200px;
	height: 310px;
	background: url(images/bg-tile.png) repeat;
	float: left;
}

.quote-box2-text {
	width: 180px;
	margin: 10px;
	
	height: 130px;
	background: url(images/bg-tile-white.png) repeat;
}

.quote-box2-text p {
	padding: 5px;
	font-size:14px;
}

.quote-box2-image {
	margin: 10px;
	margin-top: 10px;
}

.quote-box2-image img {
	width: 180px;
}

#quote-box3 {
	margin: 5px;
	width: 200px;
	height: 315px;
	background: url(images/bg-tile.png) repeat;
	float: left;
}

.quote-box3-text {
	width: 180px;
	margin: 10px;
	height: 120px;
	background: url(images/bg-tile-white.png) repeat;
}

.quote-box3-text p {
	padding: 5px;
	font-size:14px;
}
.quote-box3-image {
	margin: 10px;
}

.quote-box3-image img {
	width: 180px;
}

/**************************************************************
						culture 
***************************************************************/
	#dl-top {
	width: 830px;
	height: 107px;
	margin: 10px; 
	background: url(images/bg-tile.png) repeat;
	float: left;
}

.dl-top-left {
	width: 540px;
	height: 87px;
	margin: 10px;
	margin-right: 0px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
}

.dl-top-left p {
	font-size: 13px;
	line-height: 1.2em;
}

.dl-top-right {
	width: 250px;
	height: 80px;
	margin: 10px;
	float: left;
}

.dl-top-right img{
	width: 260px;
}
#dl-left1 {
	width: 360px;
	height: 315px;
	float: left;
	margin-left: 10px;
	background: url(images/bg-tile.png) repeat;
	
}

.dl-left1-text {
	float: left;
	width: 220px;
	height: 295px;
	margin: 10px;
	background: url(images/bg-tile-white.png) repeat;
}

.dl-left1-text p {
	font-size: 12px;
	line-height: 1.2em;	
}

.dl-left1-pic {
	width: 110px;
	height: 250px;
	float: left;
	margin: 10px;
	margin-left: 0px;
}

.dl-left1-title {
	width: 100px;
	height: 40px;
	float: left;
	margin: 0px 0px 10px 20px;
}

.dl-left1-title h3 {
	font-size: 40px;
	font-family: handtimes, serif;
	text-align: right;
}

#dl-right1 {
	width: 460px;
	height: 315px;
	margin: 0px 10px;
	float: left;
	background: url(images/bg-tile.png) repeat;
}



.dl-right1-pic {
	width: 385px;
	height: 180px;
	float: left;	
	margin: 10px;
}



.dl-right1-title {
	font-size: 40px;
	font-family: handtimes, serif;
	text-align: right;
	float: left;
	width: 20px;
	margin: 85px 5px;
	height: 300px;
}

.dl-right1-title h3 {

-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);	
	font-size: 40px;
	font-family: handtimes, serif;
}

.dl-right1-text {
	width: 385px;
	height: 105px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
	margin: 0px 10px;
	
}

.dl-right1-text p {
	padding: px;
	font-size: 12px;
	line-height: 1.1em;
}

#dl-mid {
	width: 830px;
	height: 225px;
	margin: 0px; 
	background: url(images/bg-tile.png) repeat;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

.dl-mid-text {
	width: 310px;
	height: 202px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
	margin: 10px;
	
}

.dl-mid-text p {
	font-size: 13px;
	padding: px;
}

.dl-mid-pic {
	width: 265px;
	height: 200px;
	float: left;
	
	margin: 10px;
}

.dl-mid-title {
	font-size: 40px;
	font-family: handtimes, serif;
	padding-top: 130px;
	float: left;
	text-align: left;
	width: 210px;
	height: 180px;
}

.dl-mid-title h3 {
	text-align: left;
}

#dl-bottom {
	width: 800px;
	float: leftl
}

#dl-left2 {
	width: 435px;
	height: 395px;
	float: left;
	margin: 10px 10px 10px 10px;
	background: url(images/bg-tile.png) repeat;
	
}

.dl-left2-text {
	float: left;
	width: 250px;
	height: 130px;
	margin: 10px;
	margin-top: -140px;
	margin-left: 165px;
	background: url(images/bg-tile-white.png) repeat;
}

.dl-left2-text p {
	font-size: 13px;
	line-height: 1.3em;	
	padding: 5px;
}

.dl-left2-pic {
	width: 410px;
	height: 200px;
	float: left;
	margin: 10px;
}

.dl-left2-title {
	width: 140px;
	height: 140px;
	float: left;
	margin: 0px 0px 10px 0px;
}

.dl-left2-title h3 {
	font-size: 40px;
	padding-top: 20px;
	font-family: handtimes, serif;
	text-align: right;
}

#dl-right2 {
	width: 385px;
	height: 395px;
	float: left;
	margin-top: -220px;
	margin-left: 445px; 
	background: url(images/bg-tile.png) repeat;
}

.dl-right2-text {
	width: 310px;
	height: 180px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
	margin: 10px 0px 0px 40px;
	
}

.dl-right2-pic {
	width: 300px;
	height: 185px;
	float: left;
	margin: 10px;
	margin-bottom: 0px;
	margin-left: 40px;
}

.dl-right2-pic img {
	width: 310px;
}

.dl-right2-title {
	font-size: 40px;
	font-family: handtimes, serif;
	text-align: right;
	float: left;
	width: 20px;
	height: 385px;
}

.dl-right2-title h3 {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);	
	font-size: 42px;
	font-family: handtimes, serif;
	margin: 360px 30px;
}

.dl-right2-text p {
	padding: 5px;
	font-size: 13px;
	line-height: 1.3em;
}


/**************************************************************
						crafts
***************************************************************/


#craft-left {
	font-size: 14px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	width: 380px;
	height: 350px;
	background: url(images/bg-tile.png) repeat;

}

.cr-left-title h3 a {
	color: white;
}

h3 a:hover {
	color: #e08208;
}

.cr-left-title {
	width: 30px;
	height: 180px;
	float: left;
}
.cr-left-title h3  {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);	
	font-size: 52px;
	font-family: handtimes, serif;
	margin: 180px 40px;
	
}

.cr-left-pic {
	float: left;
	width: 280px;
	margin: 10px 10px 10px 50px;
}

.cr-left-pic img {
	width: 290px;
}

.cr-right {
	margin: 10px;
	width: 290px;
	height: 215px;
	float: left;
}

.cr-bottom {
	margin: 0px 10px;
	width: 360px;
	height: 113px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
}

.cr-bottom p {
	padding: 3px;
	font-size: 12px;
	line-height: 1.1em;
}

#craft-left img.alignright {
	float: right;
	
}

#craft-right {
	width: 400px;
	height: 350px;
	background: url(images/bg-tile.png) repeat;
	float: left;
	margin: 10px;

}

.cr-left1 {
	font-size: 14px;
	width: 170px;
	height: 238px;
	margin: 10px 10px 0px 10px;
	background: url(images/bg-tile-white.png) repeat;
	float: left;
}

.cr-left1 p {
	padding: 5px;
	font-size: 13px;
	line-height: 1.3em;
}

.cr-right1 {
	width: 185px;
	height: 325px; 
	float: left;
	margin: 10px
}

.cr-right1 img {
	width: 190px;
}

.cr-bottom1 {
	float: left;
	width: 170px;
	margin: -50px 10px;
	height: 50px;
}

.cr-bottom1 h3 {
	font-size: 40px;
	font-family: handtimes, serif;
	float: right;
	color: white;
	padding-bottom: 30px;
}

#craft-down {
	width: 790px;
	height: 150px;
	background: url(images/bg-tile.png) repeat;
	float: left;
	margin: 0px 20px;
}

#craft-down h3 a {
	color: white;
}

#craft-down h3 a:hover {
	color: #e08208;
}

.cr-left2 {
	width: 385px;
	height:100px; 
	float: left;
	margin: 5px;
}

.cr-left2 p {
	font-size: 12px;
	line-height: 1.2em;
	padding: 5px;
	background: url(images/bg-tile-white.png) repeat;
}

.cr-top2 {
	width: 380px;
	height: 90px;
	margin: 10px 0px 0px 0px;
	float: left;
	
}

.cr-bottom2 {
	width: 380px;
	height: 30px;
	margin-top: -10px;
	margin-left: 0px;
	float: left;
	
}

.cr-bottom2 h3 {
	font-size: 50px; 
	font-family: handtimes, serif;
	text-align: right;
}



/**************************************************************
						Language/lengua
***************************************************************/

#ln-top {
	width: 840px;
	height: 150px;
	margin: 0px 10px; 
	background: url(images/bg-tile.png) repeat;
	float: left;
}

.ln-top-pic {
	width: 185px;
	height: 130px;
	margin: 15px 10px 0px 20px;
	float: left;
	/*background: url(images/bg-tile-white.png) repeat; */
}

.ln-top-text {
	width: 610px;
	height: 135px;
	margin: 5px 5px 5px 0px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
}

.ln-top-text p {
	font-size: 14px;
	line-height: 1.2em;
	padding: 5px;
	float: left;
}


#ln-middle-content {
	width: 840px;
	height: 390px;
	margin: 10px; 
	background: url(images/bg-tile.png) repeat;
	float: left;
}

#ln-middle-content p {
	margin-left: 20px;
}

#ln-quote {
	width: 840px;
	height: 60px;
	margin: 0px 10px; 
	background: url(images/bg-tile.png) repeat;
	float: left;
}

#ln-quote p {
	height: 40px;
	padding: 5px;
	background: url(images/bg-tile-white.png) repeat;
}

#audio-content {
	width: 820px;
	height: auto;
	float: left;
	margin-top: 10px;

}

#audio-content a {
	color: white;
	text-decoration: none;
	font-weight: 700;
	margin: 10px 30px;
	
}

#audio-content a:hover {
	color: #e08208;
}

#audio-content h3 {
	font-size: 40px;
	font-family: handtimes;
	padding-bottom: 20px;
}

.english {
		float: left;
		width: 250px;
		height: 280px;
		margin: 0px 20px;
		background: url(images/bg-tile-white.png) repeat;

}


.espanol {
		float: left;
		width: 250px;
		height: 280px;
		margin-right: 20px;
		background: url(images/bg-tile-white.png) repeat;
}

.borucan {
		float: left;
		width: 250px;
		height: 280px;
	margin-right: 10px;
		background: url(images/bg-tile-white.png) repeat;
}

/**************************************************************
						Legends/Leyendas
***************************************************************/

#lg-top {
	width: 805px;
	height: 140px;
	margin: 10px 10px 0px 10px; 
	background: url(images/bg-tile.png) repeat;
	float: left;
}

.lg-top-text {
	width: 580px;
	height: 124px;
	float: right;
	margin: 10px;
	margin-top: 8px;
	background: url(images/bg-tile-white.png) repeat;
}

.lg-top-text p {
	padding: 5px;
	font-size: 12px;
	line-height: 1.2em;
}

.lg-top-image {
	width: 194px;
	height: 124px;
	margin: 10px 0px 10px 10px;
	float: left;
	
}

#lg-middle-left {
	width: 314px;
	height: 360px;
	margin: 10px;
	float: left;
	background: url(images/bg-tile.png) repeat;
}

.lg-middle-left-image {
	width: 290px;
	height: 190px;
	
	margin: 10px 0px 10px 10px;
	
}

.lg-middle-left-image img {
	width: 290px;
}

.lg-middle-left-title {
	width: 298px;
	height: 40px;
	margin: 0px;
	
}

.lg-middle-left-title h3 {
	font-size: 40px;
	font-family: handtimes, serif;
	text-align: left;
}

.lg-middle-left-text {
	width: 290px;
	height: 90px;
	margin: 10px;
	background: url(images/bg-tile-white.png) repeat;
}

.lg-middle-left-text p {
	padding: 5px;
	font-size: 13px;
}

#lg-middle-right {
	width: 480px;
	height: 360px;
	margin: 10px 10px 10px 0px;
	float: left;
	background: url(images/bg-tile.png) repeat;
}

.lg-middle-right-image {
	width: 402px;
	height: 229px;
	margin: 10px 10px 10px 10px;
	float: right;
	
}

.lg-middle-right-title {
	width: 40px;
	height: 250px;
	margin: 10px 0px 10px 10px;
	text-align: right;
	float: left;
}

.lg-middle-right-title h3 {

-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);		
	font-size: 50px;
	font-family: handtimes, serif;
	padding:145px 10px;
}

.lg-middle-right-text {
	width: 400px;
	height: 90px;
	margin: 10px;
	float: right;
	background: url(images/bg-tile-white.png) repeat;
}

.lg-middle-right-text p {
	padding: 5px;
	font-size: 11px;
	line-height: 1.2em;
}


#lg-bottom-left {
	width: 444px;
	height: 330px;
	margin: 0px 0px 10px 10px;
	float: left;
	background: url(images/bg-tile.png) repeat;
}

.lg-bottom-left-image {
	width: 427px;
	height: 167px;
	margin: 10px 0px 10px 10px;
	
	float: left;
	
}

.lg-bottom-left-title {
	width: 400px;
	height: 40px;
	margin: 0px;
	float: left;
}

.lg-bottom-left-title h3 {
	font-size: 40px;
	font-family: handtimes, serif;
	text-align: left;
}


.lg-bottom-left-text {
	width: 427px;
	height: 70px;
	margin: 10px 0px 10px 10px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
}

.lg-bottom-left-text p {
	padding: 5px;
	font-size: 13px;
}


#lg-bottom-right {
	width: 350px;
	height: 330px;
	margin: 0px 0px 10px 10px;
	float: left;
	background: url(images/bg-tile.png) repeat;
}

.lg-bottom-right-image {
	width: 159px;
	height: 249px;
	margin: 10px 0px 10px 10px;
	float: left;
	
}

.lg-bottom-right-title {
	width: 400px;
	height: 40px;
	margin: 10px 0px 0px -5px;
	float: left;
}

.lg-bottom-right-title h3 {
	font-size: 40px;
	font-family: handtimes, serif;
	text-align: left;
}

.lg-bottom-right-text {
	width: 165px;
	height: 250px;
	margin: 10px 0px 10px 10px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
}

.lg-bottom-right-text p {
	padding: 5px;
	font-size: 12px;
}

#lg-quote {
	width: 800px;
	height: 80px;
	margin: 0px 10px; 
	background: url(images/bg-tile.png) repeat;
	float: left;
}

#lg-quote p {
	height: 50px;
	margin: 10px;
	padding: 5px;
	font-size: 14px;
	background: url(images/bg-tile-white.png) repeat;
}





/**************************************************************
						Visit
***************************************************************/
#vi-quote {
	width: 810px;
	height: 60px;
	margin: 10px; 
	background: url(images/bg-tile.png) repeat;
	float: left;
	
}

.vi-quote-text {
	margin: 5px;
	height: 50px;
	width: 800px;
	background: url(images/bg-tile-white.png) repeat;
	float: left;
}

#vi-left-column {
	width: 410px;
	height: 860px;
	margin-left: 10px;
	float: left;
	
}

#vi-right-column {
	width: 420px;
	float: left;
	margin-left: 10px;
	
	
}

 span.byline {
	float: right;
	text-align: right;
	font-weight: 800;
	padding-right: 10px;
	padding-top: 10px;
}

#vi-middle-left {
	width: 420px;
	height: 520px;
	margin: 0px 0px 30px 0px;
	float: left;
	background: url(images/bg-tile.png) repeat;
}

.vi-middle-left-title {
	width: 160px;
	height: 60px;
	float: left;
}

#vi-middle-left .vi-middle-left-title h3 {
	font-size: 50px;
	font-family: handtimes, serif;
	text-align: left;
	margin: 0;
	padding: 0;
}

.vi-middle-left-text {
	width: 280px;
	height: 60px;
	float: left;
	margin: 10px;
	background: url(images/bg-tile-white.png) repeat;
}

.vi-middle-left-text p {
	padding: 5px;
	font-size: 16px;
}

.vi-middle-left-image {
	width: 404px;
	height: 386px;
	margin: 10px 0px 10px 10px;
	float: left;
	
}

.vi-middle-left-title {
	width: 70px;
	float: left;
	padding: 0;
	margin: 0;
	
}

.vi-middle-left-title h3{
	font-size: 62px;
	
}

#vi-bottom-left {
	margin-top: 45px;
	width: 420px;
	height: 305px;
	float: left;
	background: url(images/bg-tile.png) repeat;
}

.vi-bottom-left-title {
	width: 400px;
	height: 40px;
	margin: 10px 0px 10px 10px;
	float: left;
}

.vi-bottom-left-title h3 {
	font-size: 50px;
	font-family: handtimes, serif;
	text-align: left;
	letter-spacing: 2px;
}

.vi-bottom-left-text {
	width: 400px;
	height: 220px;
	float: left;
	margin: 10px;
	background: url(images/bg-tile-white.png) repeat;
}

.vi-bottom-left-text p {
	padding: 5px;
	font-size: 14px;
}

.vi-bottom-left-image {
	width: 194px;
	height: 124px;
	margin: 0px 0px 10px 10px;
	float: left;
	
}



#vi-middle-right {
	width: 380px;
	height: 435px;
	margin: 0px 0px 10px 10px;
	float: left;
	background: url(images/bg-tile.png) repeat;
}

.vi-middle-right-title {
	width: 10px;
	height: 240px;
	float: left;
}

.vi-middle-right-title h3 {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);	
	font-size: 50px;
	font-family: handtimes, serif;
	padding: 100px 20px;
	letter-spacing: 2px;
}

.vi-middle-right-text {
	width: 310px;
	height: 270px;
	float: left;
	margin: 10px;
	background: url(images/bg-tile-white.png) repeat;
}

.vi-middle-right-text p {
	padding: 5px;
	font-size: 12px;
}

.vi-middle-right-text ul {
	padding: 5px 10px;
	font-weight: 700;
}

.vi-middle-right-text li {
	padding: 5px 10px;
	
}
.vi-middle-right-image {
	width: 300px;
	height: 130px;
	margin: 0px 10px 10px 10px;
	float: left;
	
}

#vi-bottom-right {
	width: 380px;
	height: 390px;
	margin: 0px 0px 10px 10px;
	float: left;
	background: url(images/bg-tile.png) repeat;
}

.vi-bottom-right-title {
	width: 48px;
	height: 380px;
	float: left;
	margin-right: 10px;
}

.vi-bottom-right-title h3 {
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);	
	font-size: 50px;
	font-family: handtimes, serif;
	padding: 350px 10px;
	letter-spacing: 2px;
}

.vi-bottom-right-text {
	width: 300px;
	height: 170px;
	float: left;
	margin: 10px;
	background: url(images/bg-tile-white.png) repeat;
}

.vi-bottom-right-text p {
	padding: 5px;
	font-size: 13px;
}

.vi-bottom-right-image {
	width: 300px;
	height: 185px;
	margin: 0px 0px 10px 10px;
	float: left;
	
}

.vi-bottom-right-image img {
	width: 300px;
	
}

/************************************************************
				Masks
************************************************************/
#mask-quote {
	width: 800px;
	height:70px;
	margin: 10px;
	background: url(images/bg-tile.png) repeat;
}
.mask-quote-text {
	width:780px;
	height:52px;
	background: url(images/bg-tile-white.png) repeat;
	float: left;
	margin: 10px;
}

.mask-quote-text p {
	padding: 5px;
	line-height: 1.2em;
}

#mask-left-middle{
	width:410px;
	height:510px;
	margin: 0px 10px;
	float: left;

	background: url(images/bg-tile.png) repeat;
	}
	
.mask-left-middle-title {
	width: 80px;
	height: 380px;
	float: left;
}	
	
.mask-left-middle-title h3 a{
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);		
	font-size: 35px;
	width: 280px;
	height: 10px;
	margin: 210px -130px;
	display: inline;
	float: left;
	color: white;

}

h3 a:hover {
	color: #e08208; 
}

.mask-left-middle-image-left{
	height: 300px;
	width: 120px;
	margin: 10px 0px 10px 10px;
	float: left;
}
.mask-left-middle-image-right{
	width: 150px;
	height: 300px;
	float: left;
	margin: 10px 0px;
}
.mask-left-middle-text{
	width: 390px;
	height: 110px;
	margin: 10px 10px;
	text-align: left;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
}

.mask-left-middle-text p {
	font-size: 13px;
}

#mask-right-middle{
	float: left;
	background: url(images/bg-tile.png) repeat;
	width: 380px;
	margin-top: 0px 10px;
	height: 335px;
}
.mask-right-middle-image{
	width:300px;
	height:253px;
	float: left;
	margin: 10px;
}

.mask-right-middle-title {
		width:40px;
		height:250px;
		float: left;
}

.mask-right-middle-title h3{
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);		
	font-size: 35px;
	width: 280px;
	margin: 80px -110px;
}

.mask-right-middle-text{
	width: 360px;
	margin: 10px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;

}

.mask-right-middle-text p {
font-size: 13px;
}
#mask-right-bottom{
	float: left;
	background: url(images/bg-tile.png) repeat;
	width: 380px;
	height: 165px;
	margin-top: 10px;
}
.mask-right-bottom-text{
	float: left;
	width: 150px;
	height: 107px;
	background: url(images/bg-tile-white.png) repeat;
	margin: 5px 5px 5px 10px;
}
.mask-right-bottom-image{
	width:	121px;
	height:107px;
	float: left;
	margin: 5px;
}
.mask-right-bottom-title {
	width: 400px;
	margin-top: 5px;
	margin-left: 150px;
	float: left;
}

/***************************************************************
				Mask Types
***************************************************************/

#mask-types-left {
	width:400px;
	height:620px;
	float: left;
	background: url(images/bg-tile.png) repeat;
	margin: 0px 10px;
}
.mask-types-left-image {
	width:380px;
	height:280px;
	margin: 10px;
	float: left;
}

.mask-types-left-image img {
margin: 10px 10px 10px 100px;
}
.mask-types-left-text {
	width:380px;
	height:150px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
	margin: 10px;
	margin-top: 100px;
}

.mask-types-left-text p {
	padding: 5px;
	font-size: 13px;
}
.mask-types-left-title {
	width: 100px;
	float: left;
}

.mask-types-left-title h3 {
	padding-left: 140px;
	font-size: 55px;
}

#mask-types-right {
		width:400px;
	height:620px;
	float: left;
	background: url(images/bg-tile.png) repeat;
	margin: 0px 10px;
}
.mask-types-right-image {
	width:280px;
	height:370px;
	margin: 10px;
	float: left;
}

.mask-types-right-image img {
margin: 10px 10px 10px 100px;
}
.mask-types-right-text {
	width:300px;
	height:190px;
	float: left;
	background: url(images/bg-tile-white.png) repeat;
	margin: 10px;
}

.mask-types-right-text p {
	padding: 10px;
}

.mask-types-right-title {
	width: 100px;
	height: 50px;
	float: left;

	}
	
	
	.mask-types-right-title h3 {
	margin: 530px 0px;
	font-size: 55px;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	}			
	
/***************************************************************
				Weaving
***************************************************************/
	
	
	#weaving-left {
	width:395px;
	height:555px;
	float: left;
	background: url(images/bg-tile.png) repeat;
	margin: 10px; 
	}

.weaving-left-image{
	width:385px;
	height:350px;
	float: left;
	margin: 10px;
	
	
}
.weaving-left-title {
	float: left;
	width: 50px;
	
}

.weaving-left-title h3 {
font-size: 55px;
margin: 10px 10px 10px 200px;
float: left;
}
.weaving-left-text{
	width:370px;
	height:95px;
	float: left;
	line-height: 1.2em;
	margin-left: 10px;
	padding: 2px;
	background: url(images/bg-tile-white.png) repeat;
}


#weaving-right{
	width:400px;
	height:555px;
	float: left;
	margin-top: 10px;
	background: url(images/bg-tile.png) repeat;
}
.weaving-right-image{
	float: left;
	height:310px;
	width:310px;
	margin: 10px;
	margin-bottom: 0px;
}
.weaving-right-text{
	float: left;
}

.weaving-right-text p {
	width:300px;
	height:195px;
	float: left;
	padding: 10px;
	margin: 10px;
	line-height: 1.2em;
	background: url(images/bg-tile-white.png) repeat;
}
.weaving-right-title{
	width: 30px;
	float: left;
	
	}		

.weaving-right-title h3 {
	margin: 180px 0px;
	font-size: 50px;
		-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}	
/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}


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

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}



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

#footer {

}

#colophon {
	padding: 1em 0 0;
	width: 960px;
	background: url(images/main-bg-tile.png) repeat;
	padding-bottom: 20px;
}

#colophon a {
	font-size: 18px;
	color: white;
	text-decoration: none;
	
	font-family: century gothic, sans-serif;
	padding-right: 50px;
}

#colophon span {
	padding: 10px;
}  

#site-generator {
padding-left: 200px;
}