/*  
Theme Name: Locative
Description: Just right
Version: 1.0
Author: Ludmil Trenkov
Author URI: http://www.ludmil.com
*/

/*-----------------------------------
 +Containers
 ------------------------------------*/

body{
	width: 892px;
	height: auto;
	/*background-color: #eef5ee;*/
	background-image: url(images/backTile.gif);
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size:72.5%;
	line-height:1.5;
	margin:auto;
	padding:0;
	text-align:left;
}
blockquote {
	color: #333;
	background-color: #fafaf7;
	border-top: 1px dashed #df8858;
	border-bottom: 1px dashed #df8858;
	margin: 1px 4px 0px 0px;
	padding: 0em;
}
#wrap{
	margin:0 auto;
	text-align:left;
	width: auto;
	height: auto;
	background-color: #fff;
}
#header{
	height: auto;
	width: 892px;
}
#sub_header{
	height: 117px;
	background-color: #000;
	border-bottom: 2px solid #222;
}
#content{
	float:left;
	padding:.5em 1.5em .5em 1.5em;
	border-right: 1px dotted #222;
	width: 508px;
	height: 100%;
	background-color: #fff;
}
#sidebar{
	padding-top: 0em;
	text-align: left;
	width: 346px;
	height: auto;
	/*background-color: #fff;
	background-image: url(images/W_tile.gif);*/
	float: right;
}
#footer{
	border-top:1px solid #777;
	background-color: #ebe8c8;
	color: #707176;
	font-size:0.9em;
	padding:0.5em;
	text-align:center;
	clear: both;
}
/*------------------------------------
Main (Top) Navigation (pages)
------------------------------------*/
#navBlock{
	width: auto;
	height: 24px;
	margin: 0;
	padding-left: 1.6em;
	background-color: #ebe8c8;
	border-bottom: 1px solid #222;
}
.navSingle{
	margin: .4em 0 .2em 0;
	padding: 0;
	width: auto;
	height: auto;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	letter-spacing: .2em;
	text-transform: uppercase;
	float: left;
}
.navSingle a{
	margin-right: .3em;
	padding: 0 .8em;
	color: #312e9b;
	border-left: 1px dotted #222;
	border-right: 1px dotted #222;
	text-decoration: none;
}
.navSingle a:hover{
	margin-right: .3em;
	padding: 0 .8em;
	color:#f6f6d9;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background-color: #19195b;
	text-decoration:none;
}
/*---------------------------------------
Map page - formating
---------------------------------------*/
/*Map styling*/
#geoMashup{/*controls the map block (div)*/
	float:left;
	width:540px;
	height:500px;
	background-color: 99b3cc;
	border-right:1px dotted #222;
}
/*All styles for map baloons*/
h2{/*controls the title*/
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height: 1.4em;
}
.locationinfo {/*controls the info window*/
	overflow:auto;
	height: 220px;
	width: 280px;
}
.storycontent {/*controls the copy of the entry*/
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
}
.meta{/*controls the categories, also seen as keywords, of the entry*/
	display:none;
}
.blogdate{/*controls the date of the entry*/
	display:none;
}
/*Search Styling*/
.search{
	padding-left: .1em;
	margin-left: 1em;
	margin-bottom: 1.5em;
}
/*Current Posts Styling*/
.headList{
	font-size: 1.2em;
	float: right;
	width: 346px;
	height: auto;
	/*background-color: #fff;*/
}
.headList ul{
	padding-left: 1em;
	padding-right: 1em;
}
.headList ul li{
	padding: 0em;
	list-style-type: none;
	border-bottom: 1px dotted #666;
}
.headList ul a{
	text-decoration: none;
}
.h_recent{    <!-- styles head for resent posts and highlights on map page -->
	font: normal normal normal 1em Trebuchet, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #b12727;
	background: url('images/mapTitle_bl.gif') no-repeat center right;
	padding: 0;
	margin-left: 1em;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}
/*---------------------------------------
Highlights - content formatting
---------------------------------------*/
.hLightsPage{
	width: 508px;
	height: auto;
	margins: 0px;
	padding:.5em 1.5em .5em 1.5em;




	float: left;
	background-color: white;
	border-right: 1px dotted #222;
}
/*---------------------------------------
About page - content formatting
---------------------------------------*/
#contentAbout{
	background-color: white;
	padding:.5em 1.5em .5em 1.5em;
}
/*---------------------------------------
Single listing format
---------------------------------------*/
.contentSingle{
	float: left;
	padding:.5em;
	width: 528px;
	background-color: white;
	border-right: 1px dotted #222;
	/*border-bottom: 1px dotted #222;*/
}
.postSingle{
	padding: .5em;
}
.navigationSingleT{
	font-size: 1em;
	text-align: center;
	letter-spacing: .1em;
	padding:0em;
	margin:0em;
	border-bottom: 1px solid #222;
}
.navigationSingleT a{
	text-decoration: none;
}
.navigationSingleB{
	font-size: 1em;
	text-align: center;
	letter-spacing: 0.1em;
	padding:0em;
	margin:0em;
}
.navigationSingleB a{
	text-decoration: none;
}
/*************************************
 +Entry
 *************************************/
.entry{/*Styles all body copy of entries and pages*/
	font: normal normal normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #413a3a;
	margin: 0em;
	padding-left: 0.5em;
	border-bottom: 1px dotted #444;
}
.nofound{ /*no found message style*/
	margin: 0em;
	padding: 3em;
	font: normal normal normal 2em/1.2em Trebuchet, Arial, Helvetica, sans-serif;
	background-color: #fff;
}

/*Styles images included with posts*/
#imgSec {
	font: normal normal bold 1em Trebuchet, Helvetica, Arial, sans-serif;
	letter-spacing: 0.4em;
	color:#312e9b;
    width: 99%;
	text-transform: uppercase;
	border-top: 1px dotted #312e9b;
	border-bottom: 1px dotted #312e9b;
	margin-top: 1em;
	padding: .3em 0 .3em 0;
}
#imgName {
	font: normal normal normal 1em Trebuchet, Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
	color: #15135a;
	text-transform: capitalize;
	margin-top: 1em;
}
#img {/* class for images in posts */
	border: 1px #f00 dashed;
	width: 500px;
	padding: 4px;
	margin-bottom: 1em;
}
.img {/* class for images in pages */
	border: 1px dashed #f00;
	width: 484px;
	padding: 0px;
	margin: 1em 0em;
	border: 6px solid #555;
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
	margin:0em;
	padding:1em;
}
.commentsblock textarea{
	width: 500px;
	height:  8em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	font: normal normal normal 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #969696;
	letter-space: 3px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.commentlist li{
	margin-bottom: 0.5em;
	padding-left: 1.4em;
	border-bottom: 1px solid #ede7e7;
}
h4#comments{
	font: normal normal normal 1.6em Trebuchet, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #888;
	margin: 0em;
	padding: .6em 0 .4em 0;	
}
.postedby{
	/*background:#fff url(./images/information.png) no-repeat;*/
	padding:3px;
	padding-left:20px;
}
.author{
	font: normal normal normal 1em "Trebuchet MS", Verdana, SansSerif;
	background-color:#FAF9C4;
	padding: .2em;
}
.filedto{
	/*background:#fff url(./images/attach.png) no-repeat;*/
	padding:3px;
	padding-left:20px;
}
.commentslink{
	/*background:#fff url(./images/comment_add.png) no-repeat;*/
	padding: 3px;
	padding-left: 20px;
}
.more-link {
	font-family: Trebuchet, Helvetica, Arial, sans-serif;
	font-size: .9em;
	letter-spacing: 1.8px;
	font-style: normal;
	text-align: left;
}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
#sidebar ul a{
	text-decoration: none;
}
#sidebar ul li{
	padding:0;
}
#sidebar-izquierda{
	float: left;
}
.links{
padding-left: 1.3em;
}
/*************************************
 +Heads all (h)
 *************************************/
h1{
	font: normal normal normal 2.2em Trebuchet, Helvetica, Arial, sans-serif;
	letter-spacing: .1em;
	color: #413a3a;
	margin-bottom: .2em;
	padding-left: .3em;
	border-bottom: 1px dotted #413a3a;
}
h2{
	font: normal normal normal 1.6em Verdana, Helvetica, Arial, sans-serif;
	margin-bottom: .2em;
	letter-spacing: 0em;
	padding-left: .4em;
}
h2 a{
	color:#FF0000;
	text-decoration:none;
}
h2 a:hover{
	color:#0000FF;
}
h3{/*categories title*/
	font: normal normal normal 1.3em Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: .1em;
	color: black;
	margin-bottom: .4em;
	padding-left: 1.3em;
}
/*************************************
 +Misc - for list of recent posts
 *************************************/
a{
	color:#0066CC;
	text-decoration:none;
}
a:hover{
	color:#CC0000;
}
/*************************************
 MKTree - sidebar collapsibles
 *************************************/
	/* Turn off list bullets */
	ul.mktree  li {
	list-style: none; 
	line-height: 2em;} 

	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:0px; padding:0px; }

	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }

	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../../../mktree/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../../../mktree/plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../../../mktree/bullet.gif) center left no-repeat; }

	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }

	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
	letter-spacing: 1.5px;
	color: #b52626;
	text-transform:uppercase;
	border-top: 1px dotted #222;
}
	ul.mktree  li ul li {
	font-size: 1em;
	text-transform:capitalize;
	border-top: none;
}