/*
Theme Name: Mochila
Version: 0.1
Description: Custom wordpress theme for Mochila
*/

.post .entry {
    overflow: hidden;
}
.post .entry h1 { font-size: 20px; }
.post .entry h2 { font-size: 18px; }
.post .entry h3 { font-size: 16px; }
.post .entry h4 { font-size: 14px; }
.post .entry h5 { font-size: 12px; }
.post .entry h6 { font-size: 10px; }
.post .entry ul { margin-left: 15px; }
.post .entry ol { margin-left: 15px; }
.post .entry table { border: solid 1px #000; }
.post .entry a img { border: 0 }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 130%;
    font-family: Verdana, sans-serif;
    color: #000;
    background: #1a1a1a url(images/body.jpg) repeat 0 0;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #a2a1a1; text-decoration: none; }
a:hover { text-decoration: none; }

.shell { margin: 0 auto; width:960px; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.no-text{font-size:0; line-height:0; text-indent:-4000px; display:block}


#header{height:139px; background:url(images/header.jpg) repeat-x 0 0}

h1#logo{font-size:0; line-height:0; width:320px}
h1#logo a{display:block; background:url(images/logo.gif); text-indent:-4000px; height:113px}

#container{position:relative; padding:0 27px 8px 28px}

#footer{font-size:11px; color:#636464; padding:0 37px 0 43px }
#footer span{float:right;}
#footer a:hover{text-decoration:underline;}

#content{background:url(images/content.gif) repeat-y 0 0; margin-top: -7px;}
.content-top{background:url(images/content-top.gif) no-repeat 0 0;}
.content-bottom{background:url(images/content-bottom.gif) no-repeat 0 bottom; height:100%; padding:23px 20px 23px 23px;}

.portfolio{height:100%; overflow:hidden}

#navigation{padding-left:25px; height: 31px; }
#navigation li{display:inline}
#navigation li a{cursor: pointer; float:left; background:url(images/tab-normal.gif) no-repeat 0 0; padding: 0 0 0 16px; margin-bottom:-10px; position:relative; z-index:50}
#navigation li a span{float:left; background:url(images/tab-normal.gif) no-repeat right 0; padding:8px 16px 17px 0; text-transform:uppercase; font-weight:bold; color:#8b8b8b; position:relative; z-index:50}


#navigation li a.active{background:url(images/tab-active.gif) no-repeat 0 0}
#navigation li a.active span{background:url(images/tab-active.gif) no-repeat right 0; color:#d9f0f8}

.img-holder{padding:10px 13px; float:left; position:relative; z-index:20;}
.img-holder a{border:2px solid #739ba5; background:#608a93; padding:8px; float:left}
.img-holder a:hover { border:2px solid #bbd361; }
.img-holder a img{float:left}

.controls{width:960px; position:absolute; left:0; top:0; margin-top:228px;}
.controls a.prev{float:left; background:url(images/prev.jpg) no-repeat 0 0; width:74px; height:149px; margin-left:-5px; position:relative; z-index:10}
.controls a.prev:hover { background:url(images/prev-hover.jpg) no-repeat 0 0; }
.controls a.next{float:right; background:url(images/next.jpg) no-repeat 0 0; width:74px; height:149px; margin-right:-36px; position:relative; z-index:10}
.controls a.next:hover { background:url(images/next-hover.jpg) no-repeat 0 0;}


.map{float:left; display:inline; width:384px; border:2px solid #739ba5; background:#608a93; padding:8px; margin-left:13px; margin-top:10px}

.form{float:right; display:inline; width:412px; padding-right:13px; margin-top:6px}
form label{display:block; background:url(images/bulet.gif) no-repeat 3px 0; padding:1px 0 2px 14px; font-weight:bold; color:#d9f0f7}
form input,
form textarea{text-indent: 15px; border:2px solid #739ba5; padding:6px 10px; width:383px; margin-bottom:9px}
form textarea{height:134px; background:#608a93 url(images/bgr3.gif) no-repeat 0 0}
form p{background:url(images/bulet.gif) no-repeat 3px 0; padding:1px 0 2px 12px; color:#7ba9b7; font-size:11px; margin-top:16px}
form span.name input{background:#608a93 url(images/bgr1.gif) no-repeat 0 0;}
form span.email input{background:#608a93 url(images/bgr2.gif) no-repeat 0 0;}
form input.submit{background:url(images/submit.png); border:0; float:right; width:105px; height:30px; cursor:pointer; margin-right:5px}

/*** SLIDING MARKUP ***/
.slide-shell {
	width: 862px;
	height: 513px;
	overflow: hidden;
	position: relative;
}
.slide-platform {
	position: absolute;
	width: 50000px;
	height: 513px;
}
.slide-page {
	height: 513px;
	width: 862px;
	float: left;
}
/*** END OF SLIDING MARKUP ***/

.map-holder {
	background: #608a93;
	float: left;
	padding: 8px;
	border: 2px solid #739ba5;
	margin: 10px 0px 0px 13px;
	display: inline;
	position: relative;
	z-index: 1;
}
.map-shadow {
	position: absolute;
	left: 8px;
	top: 8px;
	background: url(images/gmap-shadow.png) no-repeat 0 0;
	width: 384px;
	height: 302px;
	z-index: 100;
}
.errors {
	color: red;
	padding-left: 15px;
}