body {margin: 0 auto;}
table, img { border: 0; }

/* ----- HEADER ----- */
#header {margin:1px auto 0;padding:5px;width:890px;/*background:#FFF url("img/headerbglong.gif") repeat left top;*/ 	border:0px #eee dashed; }
#header p {font: 14px/14px 'Lucida Grande', Verdana, arial, sans-serif;	color: #ccc;	margin: 0 0 2px 1px;}
#header h1{margin:0 0 5px;padding:0;}

/* ----- PAGE NAVIGATION -----*/
#pagenavdiv{background:#cf4529;width:900px;margin:0 auto 15px;background:url('img/headerbglong.gif') bottom left;}
#pagenav{height:50px;padding:0;margin:0 0 0 5px;}
#pagenav li{list-style:none; float:left;}
#pagenav li a{color:#FFF; display:block;margin:12px 0; _margin:12px 0 0 15px; padding:5px 15px; font:18px/18px arial,'Lucida Grande',Verdana,sans-serif;}
#pagenav li a:hover{color:#CC3306;text-decoration:none; background:#EEE;}

/*MAIN AREAS*/

#content {margin:0 auto 24px;width: 880px; _width:800px;background-color: transparent;font: 12px/18px 'Lucida Grande', Verdana, arial, sans-serif;color: #333;}

#content img {	padding: 5px;	border: 1px solid #ccc;	margin: 5px;}

#left {	float: left; margin:0px;width: 600px; _width: 580px;}

#sidebar {width: 255px;	/*margin: 0 0 0 625px;_margin: 0 0 0 630px;*/font-weight:normal; float:right; clear:right;}


/*SIDEBAR*/
.box {	background-color: #fff;	margin:0 0 18px;} 
.box p, .box img, #firstbox p {	margin: 0 10px 8px;} 
.sidebar-meta{	padding: 4px 0px 4px 8px;color:#222; font-size:14px;margin:5px 0 0; background:#DEDEDE; border-top:4px solid #DB492C;}
#souvenirs {margin-top: 35px;text-align: center;} 
#souvenirs img {margin-bottom: 30px;} 
#sidebar img { border: 0; }
#sidebar li ul li{padding:3px 0;}
#menu>ul {margin:0 0 8px 0;	padding:0; }
#menu ul li {list-style: none;}
#menu ul li a {	display: block;	width: 100%;}

/* ----- FORMS ----- */
form {	margin:10px 0;}input, textarea {font: 14px 'Lucida Grande', Verdana, arial, sans-serif;}
#commentform {text-align: left;padding:3px;}
#commentform p {margin-bottom: 4px;}
#commentform input, #commentform textarea {width:575px;height:30px;font:18px/18px 'Lucida Grande', Verdana;  border:1px solid #CCC; line-height:30px;}

#commentform textarea{height:200px;}

#commentform input.field {text-align: left;}

#cfsubmit{width:485px;height:35px;line-height:200%;color:#fff;background:#ccc url('img/headerbglong.gif') top left;}

input#cfsubmit{border:none;}

.post input { /* for password protected posts */font: 14px Verdana, arial, sans-serif;}

label {	letter-spacing: 0;color: #333;}

label small {color: #999;}

.field { /*common to all text fields */	border: 1px solid #ccc;	padding: 2px;background-color: #fafafa;	color: #666;}

.field:hover, .field:focus {border: 1px solid #9c0;background-color: #fff;}

/* search area */
#hdsearchform { margin:-29px 0 0; float:right; }
#searchform { margin:0;}
#s,#sbox {padding:5px 2px; padding:4px 2px\9;/*4ie*/ width:170px;margin:0;border:1px #ddd solid;background:#fff; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #s{padding:5px 2px;}} /*4chrome*/
#searchsubmit {background:#db492c;border:1px #ddd solid;color:#eee;margin:0;padding:5px;}

/* ----- LINKS ----- */
a:link {color:#333; text-decoration: none; }
a:visited {color:#444; text-decoration:none; }
a:hover {text-decoration:underline; color:#db492c; }
a:active {color: #C00; text-decoration: none; }

/* ----- TITLES ----- */
h1 {font: 32px/32px Georgia, Verdana, arial, sans-serif; margin: 0 0 0 24px;	padding-top: 56px;}
h2{font:26px Arial; margin:0 26px 15px 0px;}
h3{font:bold 18px Georgia,serif; }
/*h2 {display: block;	font: normal 9px/10px Georgia, "Times New Roman", serif;	color: #999;	letter-spacing: 3px;	margin: 8px 8px 4px 15px;}*/
h2.xtra {font: bold italic 24px/18px Georgia, "Times New Roman", serif;	text-align: left;	margin:12px 24px 14px 24px;	letter-spacing: -1px;	color: #999;}
h2.xtra span {	color: #999;	font: italic 15px Georgia, "Times New Roman", serif;	letter-spacing: -1px;	padding: 0 20px 0 20px;}

/* ----- LISTS ----- */

/* posts */

.post ul {margin: 0 0 0 10px;}

.post ul li {list-style: url(./img/bullet.gif);} 

.post ol {margin:0;}

.post ol li {list-style: none;} 

/* comments */

div.comments {margin-left:0;}

ol.commentlist {margin:0;padding:0;}

ol.commentlist li {list-style:none;margin: 0 0 8px;padding:10px;border:1px solid #ddd;}

/*ol.commentlist li.bypostauthor{background-image:url('img/authorcomment.gif');background-repeat:no-repeat;background-position:right top;background-color:none;}*/

/*ol.commentlist li:hover {border: 1px solid #AAA;}*/

ol.commentlist li p {color: #555; line-height: 16px;margin: 0 15px 15px 0;word-wrap : break-word ;word-break:normal;}

ol.commentlist li p a{color:#db492c;} /*highlight url in comments*/

ol.commentlist li p.metadate {margin: 0 0 14px 16px;	font-size: 9px;	color: #666;	padding-bottom: 4px;}

ol.commentlist li ul{margin:0; padding:0;}

.commentlist ul{_list-style:none;}

.reply{margin:0 0 5px;padding:0;}

.comment_author {font: 13px Georgia, "Times New Roman", serif;	font-weight: bold;	line-height: 18px;	margin-left: 16px;}

a.commentslink{color:#db492c;}

/* posts, main */

div#pinned{ 	background:#9c0;	margin: 0 0 20px 0;	padding: 0;}

div.post{/*background:#fff;*/margin: 5px 0 15px; padding: 0;border-bottom:2px dashed #ddd;}

div.singlepost{ border:none;}

.post image{margin:5px; border:1px #ddd solid;}

.post hr {	height: 5px;	visibility:hidden;}

.post p {	margin: 0 15px 15px 0px;	padding: 0;}

.post p.fecha {	font: normal 12px/12px arial,Georgia, "Times New Roman", serif;	color: #999;	margin:5px 0 4px;clear:both;}

/* blockquotes */

* html blockquote{height: 1%;} 

/* ie hack */

 * html li{height: 1%;}  

 /* ie hack */

  blockquote {	font: 13px/16px Georgia, "Times New Roman", serif;	display: block;	padding: 0 10px 6px 10px;	border-left: 4px solid #e4e4e4;	color: #888;	margin: 0 10px 15px 10px;} 

.post blockquote p {	margin:0;} 

.footer,#photofooter { clear: both; text-align: center; width:880px; margin:0 auto;color: #808080;padding: 8px 0;border-top: 5px solid #DB492C;} 

.footer a {color:#C3593C;color:#d0492c;}

p.error {margin-top: 16px;font-weight: bold;color: #900;} 

a#totop {display: block;} 

div.post p.nocomments {	margin: 0;color: #666;text-align: center;} 

/*------ Lightbox2.02----*/ 

#lightbox{position: absolute;top: 40px;	left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;} 

#lightbox a img{ border: none; } 

#outerImageContainer{position: relative;background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;	} 

#imageContainer{padding: 10px;	} 

#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;	text-align: center;	line-height: 0;	} 

#hoverNav{position: absolute;	top: 0;	left: 0;height: 100%;	width: 100%;	z-index: 10;	} 

#imageContainer>#hoverNav{ left: 0;} 

#hoverNav a{ outline: none;} 

#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(http://andol.info/js/lightbox/images/lightbox-blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;	} 

#prevLink { left: 0; float: left;} 

#nextLink { right: 0; float: right;} 

#prevLink:hover,  #prevLink:visited:hover { background: url(http://andol.info/js/lightbox/images/lightbox-btn-prev.gif) left 15% no-repeat; } 

#nextLink:hover, #nextLink:visited:hover { background: url(http://andol.info/js/lightbox/images/lightbox-btn-next.gif) right 15% no-repeat; }

 #imageDataContainer{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;}

#imageData{padding:0 10px;} 

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	 

#imageData #caption{ font-weight: bold;	} 

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			 

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}			 

#overlay{position: absolute;top: 0;	left: 0;z-index: 90;width: 100%;height: 500px;	background-color: #000;	filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}	 

.clearfix:after {content: "."; 	display: block; height: 0; clear: both; visibility: hidden;} 

* html>body .clearfix {	display: inline-block; 	width: 100%;} 

* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}	

/*--- added ----*/

.url{font-weight:bold;}

.postmeta{margin:0;padding:0;}

/*-----pagenav function------*/ 

.pagination{line-height:30px;margin:15px 0 0;}

.pagination span, .pagination a{font-size:16px;margin: 2px 6px 2px 0;background:#fff;border:1px solid #e5e5e5; color:#787878;padding:2px 5px 2px 5px;text-decoration:none;}

.pagination a:hover{background: #db492c;border:1px solid #fff;color:#fff;}

.pagination .current{background: #db492c;border:1px solid #dd492c;color:#eee;font-size:16px;padding:2px 5px 2px 5px;

}

/*-----MORE-LINK----*/ 

a.more-link{color:#fff;padding:2px 4px;background:#db492c;}

.meta{border:1px #ddd solid; padding:3px 6px; margin:5px 0;}

.meta p{margin:0;}

/*--CODE STYLE--*/

.code{min-height:100px;overflow:auto;border:1px dashed #999;background:#efefef;color:#333;padding:5px;}

p.code{padding:5px;margin:0;}

a.outlink,.color1{color:#db492c;}

.color2{color:#C00;}

/*align image*/

.alignleft{float:left;} .alignright{float:right;}

/*reply*/

a.comment-reply-link{background:#db492c;color:#eee;padding:2px 5px;}

/* related posts*/
#rltpost{margin:2px 0 10px; _margin:5px 0 0; list-style:none;}
#rltpost p{/*border-top:4px solid #db492c;*/background:#dedede; font-size:14px; padding:4px 0 4px 8px;margin:0 0 3px;}
#rltpost ul{margin:0 0 10px -40px; _margin:0 0 0 5px;}
#rltpost ul li{list-style:none;}
#rltpost ul a{display:block;border-bottom:1px dashed #ddd;line-height:30px;}


/* post comments list background odd/even */
.odd{background:#EFEFEF;}
.even{background:#FFF;}

/* post comments icon style */
.postComicon{border:none; margin:0; padding:0;}

/*-----15 past post-css-----*/
#past-post ul{padding:0; margin:0;}
#past-post li,#popular-posts li{border-bottom:#eee solid 1px;}

/*-----15 past comment-css-----*/
li#past-comment ul{padding:0; margin:0;}
li#past-comment ul li{border-bottom:#ddd solid 1px;}
li#past-comment a{word-wrap:break-word;word-break:break-all;}

/*-----archives-css-----*/
li#archives ul{padding:0; margin:0;}
li#archives ul li{border-bottom:#eee solid 1px;}


/*-----#photoes-css-----*/
li#photoes{_padding:0 0 5px;}
li#photoes ul{list-style:none; margin:0; padding:0; height:332px; _height:325px;}
li#photoes ul li{_width:84px; _height:64px; float:left;}
li#photoes ul li a{_float:left; }

/*-----#links-css-----*/

#links{list-style:none; padding-left:0;}

/*-----#tagcloud-css-----*/

#tagcloud{clear:both; }

#tagcloud a{float:left; padding:3px 2px; _padding:5px 2px;}

/*#menu ul li ul*/

#menu ul li ul{padding:0; margin:0;}

/*------comments navigation------*/

.navigation{display:block;padding:5px 10px;border:1px #ddd solid;}

.navigation a{padding:3px 6px;backgrouond:#ddd;color:#333;}

.navigation span,.navigation a:hover{color:#eee;background:#db492c;padding:3px 6px;}

/*------*/

#suggestionlist{position:absolute;z-index:1;background:#efefef;min-width:200px;font:14px;}

#suggestionlist ul{padding:0;margin:0;list-style:none;padding:5px;}

#suggestionlist a{color:#666;text-decoration:none;font-size:14px;}

#suggestionlist a:hover{color:#db492c;}

/**/

.textunderline{text-decoration:underline;}
.textstrikeline{text-decoration:line-through};

/**/