/*
Theme Name: Travel
Description: Travel Wordpress Theme by Gema Gutiérrez
Version: 1.0
Author: Gema Gutiérrez
Author URI: Gema Gutiérrez
Tags: fixed width, two columns, right sidebar, valid XHTML, valid CSS
*/

/* Reset
-------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
ul li, ol li { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }


/* Body
-------------------------------------------------------------------*/
body { 
        margin: 0 auto;
        font: 12px/18px Arial,Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode', Arial, sans-serif; 
	color: #333; 
	background: #797b6e url(images/bg_design.jpg) no-repeat center top; 
        paddingo-bottom:12px;
}



h1, h2, h3, h4, h5, h6 { font-family: Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif; color: #414d4c; }
h1 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }  
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; font-weight: normal; text-transform: uppercase; }
h3 { font-size: 20px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; }

h1 span { color: #999; }

a { color: #948B6C; }
a:hover { color: #C85D07; }
a:visited { color: #3b5a4a; }
a:actived { color: #d1ece3; }
a.tooltip:hover span { display:block; position:absolute; top:1em; left:2em; padding:0.2em 0.6em; border:1px solid #996633; background-color:#ffff66; color:#000;}

p { margin-bottom: 10px; }

input, textarea { font: 12px Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif; }

blockquote { 
	font: italic 12px/18px Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif;
	padding: 5px 10px;
	margin-bottom: 20px;
	background: #e4ede2; 
}

.more-link {color:#538a76;}

/* Header
-------------------------------------------------------------------*/
#header { 
	width: 680px; 
	height: 133px; 
        margin: 0 auto;
	background: url(images/header_bg.gif) no-repeat center bottom; 
	position: relative; 
}

#header h1 { 
        position: relative;
        width: 288px; 
	height: 64px; 
        top: 20px;
        left: 26px;
	font: 20px Verdana; 
	margin-bottom: 0;
        background: url(images/logo.gif) no-repeat right;
	color: #fff; 
}
#header h1 a { 
        color: #333; 
	text-decoration: none;
        border:none;
}
#header span {
        position: relative;
	padding-left: 10px; 
	font-size: 12px; 
	color: #333; 
}

.rss {
        float: right;
	width: 171px; 
        height: 34px;
        padding:4px 0 0 0;
}


/* Container
-------------------------------------------------------------------*/
#wrapper { 
	width: 680px; 
	overflow: hidden; 
	background: url(images/container_bg.jpg) repeat-y center;
        margin: 0 auto; 
}



/* Navigation
-------------------------------------------------------------------*/
#nav { 
	width: 650px; 
	height: 40px; 
	margin-left: 10px;
        top: 30px;
	position: relative;   
}

#nav ul { 
	margin-left: 0px; 
	position: absolute; 
	bottom: -1px; 
	overflow: hidden; 
	height: 45px;
        top: 6px;
        
}

#nav ul li { 
	float: left; 
        text-transform: uppercase;
        font-weight: bold;  
        font-size: 14px;
        font-family: Arial, Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif;   
}



#nav ul li a {
    width: 186px;
    height: 14px;
    text-decoration: none; 
    color: #ffffff; 
    line-height: 45px; 
    text-align: left;
    background: url(images/nav_arrow.gif) no-repeat 18px 3px;
    padding-left:28px; 
}

#nav ul li a:hover { color:#d1ece3; background: url(images/nav_arrow.gif) no-repeat 18px -15px; }


#nav ul li a:active { color:#d1ece3; background: url(images/nav_arrow.gif) no-repeat 18px -15px; }


#nav a.active, #nav li.current_page_item a { 
    width: 186px;
    height: 14px;
    text-decoration: none; 
    color:#d1ece3;
    line-height: 45px; 
    text-align: left;
    background: url(images/nav_arrow.gif) no-repeat 18px -15px;
    padding-left:28px; 
}


/* Content
-------------------------------------------------------------------*/
#content { 
	width: 447px; 
	float: left; 
	padding: 15px 10px 20px 18px;
        min-height:580px;
        border-right:1px solid #d9d9d8;
       
}

#content .post { position:relative; width:100%; padding:0px; font-weight: normal;}

#content .post p { margin-bottom: 20px;  width: 98%;  padding: 0px;}
#content .post h1 { 
        font-family: "Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif"; 
        font-weight: normal; 
        text-decoration: none; 
        font-size: 20px;  
        color:#948b6c;
        background: url(images/bulet_post.gif) no-repeat left;
        padding-left:26px;
}

#content .post h3 a { 
        font-family: "Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif"; 
        font-weight: normal; 
        text-decoration: none; 
        font-size: 20px;  
        color:#948b6c;
        background: url(images/bulet_post.gif) no-repeat left;
        padding-left:26px; 
}
#content .post h3 a:hover { color:##C85D07;  background: url(images/bulet_post_on.gif) no-repeat left;}
#content .post-list li { list-style: none; }

#content .post .post-info { 
	clear: both;
	font-size: 11px; 
	color: #777; 
	padding: 15px 15px 5px 5px; 
	margin-bottom: 20px; 
        text-align: right; 
}
#content .post .post-info a { color: #9b7130; text-decoration:none; }
#content .post .post-info a:hover { color: #C85D07; text-decoration:none; }

#content #pages { text-align: center; }
#content #pages a { font: 16px Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif; color:#c2c6b1; text-decoration: none; }
#content #pages a:hover { color: #C85D07; }

#content ul, ol, dl { margin-bottom: 20px; }
#content ul { 
	list-style: disc;
	list-style-position: inside; 
}
#content ol { 
	list-style: decimal; 
	list-style-position: inside; 
}
#content dl dt { 
	
}
#content dl dd { 
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }


/* Sidebar
-------------------------------------------------------------------*/
#sidebar { 
	width: 200px;
	float: right;
	font-size: 11px; 
	margin: 0 2px 0 0px;
	color: #555;
        min-height:432px;
}

#sidebar h3 { 
        font: normal 20px Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif; 
        color: #797b68; 
        background: url(images/sidetitl.gif) no-repeat;
        padding:16px 0 0 10px;
}

#sidebar a { color: #38463e; text-decoration: none; }
#sidebar a:hover { color: #38463e; }

#sidebar .block {
	width: 200px;
	padding: 0px; 
	border-bottom: 1px solid #bfccbf; 
	overflow: hidden;
	color: #555;
}
#sidebar .block li { 
	background: url(images/arrow.gif) no-repeat 2px 8px; 
	padding-left: 12px;
}
#sidebar .block a:hover { color: #777; }

.followme { 
        width: 205px;
        height: 110px;
        font: normal 20px Georgia, Arial, Sans-Serif; 
        color: #797b68; 
        background: url(images/followme.jpg) no-repeat top;
        padding-left: 0px;
        margin:0px;
}
.followme div{
        padding:10px 0px 10px 5px; 
}

.autor{ 
        width: 200px;
        font: normal 20px Georgia, Arial, Sans-Serif; 
        color: #797b68; 
        background: url(images/followme.jpg) no-repeat top;
        padding: 0px 0 20px 0;
        margin:0px;
}

.autor div{
        padding:10px 15px 10px 30px;
        font: normal 12px Arial, Sans-Serif; 
}

.subscripcion { 
        width: 200px;
        font: normal 20px Georgia, Arial, Sans-Serif; 
        color: #797b68; 
        background: url(images/followme.jpg) no-repeat top;
        padding: 0px 0 20px 0;
        margin:18px 0 0 0px;
}

.subscripcion div {
        padding:10px 15px 10px 15px;
        font: normal 12px Arial, Sans-Serif; 
}

.subscripcion div p {
        padding:0px;
        font: normal 12px Arial, Sans-Serif; 
}




/* Calendar */
#sidebar .block #calendar_wrap a { }
#sidebar .block #calendar_wrap .pad { background: none; }
#sidebar .block #calendar_wrap #prev { background: none; }
#sidebar .block #calendar_wrap #next { background: none; }
#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}
#sidebar .block #calendar_wrap table th { width: 14.2%; }
#sidebar .block #calendar_wrap table td { width: 14.2%; background: #d6ded4; text-align: center; color: #888; }

/* Search
-------------------------------------------------------------------*/
#search {
       width: 200px;
       height: 20px;
       padding: 14px 0 14px 0px;
       background: url(images/search_bg.jpg) repeat-x;
       margin-left:1px solid #fff;
}

#search p {
       padding: 0px 3px 0px 13px;
}

#search input { color: #7e775d; border:1px solid #c9c5b3; width: 150px; height: 20px; vertical-align:center; padding:0;}

#search #searchsubmit { 
	width: 20px; 
	height: 20px;
        text-align: center;
	background: url(images/ico_search.gif) no-repeat;
        border:none;
}

.pointer{
        cursor: pointer;
}


/* Comments
-------------------------------------------------------------------*/
.comments-title { 
	text-align: left; 
	font: 17px "Georgia", Helvetica, Arial, Geneva; 
	color: #7e775d; 
}
#comments .comment { 
	background: #E7E8EB; 
	margin-bottom: 10px; 
	overflow: hidden; 
	width: 100%; 
	padding: 0 0 5px 4px; 
}

#comments .comment .comment-avatar { 
	float: left; 
	width: 50px; 
	padding: 5px 7px; 
}

#comments .comment .comment-content { 
	float: left; 
	padding: 10px 8px 0 8px; 
	margin: 5px 5px 0 0; 
	width: 76%; 
	background: #F7F8F9; 
}

#comments .comment .comment-content a { color: #444; }


#comments .comment .comment-info { 
	font-size: 11px;
	color: #777;
	margin-bottom: 5px; 
}

#comments .comment .comment-info span {
	font: bold 16px "Georgia", Helvetica, Arial, Geneva;  	
	padding-right: 10px; 
	margin-bottom: 5px;
}

#comments .comment .comment-info a { 
	color: #444; 
	text-decoration: none;
}


/* Comment Form
-------------------------------------------------------------------*/
#commentform { 
        float:left;
	background: #F7F8F9; 
	border: 5px solid #E7E8EB; 
	padding: 10px; 
	color: #555;
        width: 94%;
}
#commentform p { margin-bottom: 7px; }
#commentform textarea { 
	width: 98%; 
	border: 1px solid #aaa; 
	height: 120px;
}
#commentform input.text { 
	width: 150px; 
	border: 1px solid #aaa; 
	margin-right: 5px; 
	padding: 3px 3px; 
}



#commentform input#submit {
        float:right;
        width: 148px;
        height: 30px;
        background-color: #7E775D;
        color:#ffffff;
        text-align: center;
        border: none;
        cursor:auto;
}



/* Portfolio
-------------------------------------------------------------------*/
#portfolio {
        float:left;
        width: 100%;
        margin-top:8px;
        margin-bottom:12px;
}

#portfolio H3 {
       color:#C85D07;
       font-family:Trebuchet MS;
       font-size: 1.2em; line-height: 22px; margin-bottom: 5px;
        
}

#portfolio img {
        float:left;
        width: 190px;
        border:1px solid #d6d4c4;
        padding:4px;
}

#portfolio div {
        float:left;
        position:relative;
        width: 218px;
}

#portfolio strong {
        display:block;
        margin-top: 4px;
        margin-right: 4px;
        color:#928869;
}

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

#footer { 
	width: 680px; 
        height: 90px;
	margin: 0 auto;
        padding:20px 0 0 0;
	background: url(images/bg_footer.png) no-repeat;
        position: relative;
        color:#626555; 
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=′bg_footer.png′);
}


#footer-inner {
        clear: both;
        text-align: center; 
	width: 900px; 
	margin: 0 auto;
        padding-top: 10px; 
}
#footer p { 
	font-size: 11px; 
	margin: 0;
        padding:10px 0 0 0;
        text-align: center; 

}
#footer a { color: #c85d07; }

#footer .transp {
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=′bg_footer.png′);
}

/* IE ignores styles with [attributes], so it will skip the following. */
#footer.transp [class] {
background-image:url(′grey.png′);
}

/* Textura final */

.texture{
	margin: 0 auto;
        padding:20px 0 0 0;
	background: url(images/texture.jpg) repeat-y center top;
        position: relative;
}