/*   
Theme Name: Hogar de Avila
Theme URI: http://www.pixelrojo.com/
Description: Premium theme for Wordpress. Made by <a href="http://pixelrojo.com>Pixel Rojo</a>
Author: Antonio Ovejero
Author URI: http://www.pixelrojo.com
Version: 1.0
Tags: Blue, Red, Green, Orange, Gray, 960, Pixel Rojo, Tabs, Twitter, Ads, Fixed Width
*/


/* BODY
-------------------------------------------*/
* { margin: 0; padding: 0; }

body, html {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	line-height: 135%;
	color: #333; background:#f6f5f5;
}

#wrapper { margin: 0 auto; }
#content { width: 960px; margin: 0 auto; padding: 15px 0 15px 0; }

img { border: 0; }


/* HYPERLINKS
-------------------------------------------*/
a 		{ color: #E64E00; text-decoration: none; outline: none; }
a:hover { color: #0A51AC; }



/* NAVIGATION
-------------------------------------------*/
.navigation { height: 25px; font-weight: bold; margin: 15px 15px 0 5px; }
.navigation a { line-height: 35px; height: 25px; padding: 5px 15px; background: #F9A946; border: 1px solid #EE6618; color: #000; }
.navigation a:hover { background: #0D52AB; border: 1px solid #053e87; color: #FFF; }



/* TYPOGRAPHY
-------------------------------------------*/
h1 				{ font-size: 30px; line-height: 100%; font-weight: normal; font-family: Helvetic,Arial,sans-serif; font-weight: bold; }
.align_left 	{ float: left; }
.align_right 	{ float: right; }
.go_back		{ text-align: right; margin-top: 10px; }
blockquote 		{ padding: 15px; margin: 10px; }



/* FORMS AND BUTTONS
-------------------------------------------*/
.contact_submit,
.rss_input,
.respond_input,
.search_input 			{ background: #F8F8F8; border: 1px solid #c1c1c1; color: #E64E00; }

.respond_input			{color: #000; }

.contact_submit,
.rss_submit,
.respond_submit,
.search_submit 			{ background: #F9A946; border: 1px solid #EE6618; color: #000; }

.contact_submit:hover,
.rss_submit:hover,
.respond_submit:hover,
.search_submit:hover  	{ background: #0D52AB; border: 1px solid #053e87; color: #FFF; }

.contact_submit,
.rss_submit,
.respond_submit,
.search_submit 			{ font-weight: bold; float: right; }

.contact_submit,
.rss_submit:hover,
.respond_submit:hover,
.search_submit:hover  	{ cursor: pointer; }


.contact_input			{ width: 300px; margin: 0 0 10px 0; height: 16px; padding: 2px 5px; }
textarea.contact_input	{ height: 170px; }

.respond_input 			{ margin: 10px 10px 0 0; height: 16px; padding: 2px 5px; }
textarea.respond_input  { height: 170px; padding: 8px; }

.search_input 			{ width: 115px; height: 16px; padding: 5px; margin: 4px 10px 0 0; float: left; }
.rss_input 				{ width: 160px; height: 16px; padding: 5px; margin: 1px 10px 0 0; float: left; }


.contact_submit	{ padding: 5px 20px; margin: 10px 165px 0 0; }
.respond_submit { padding: 5px 20px; height: 26px; margin: 20px 40px 0 0; }
.search_submit 	{ width: 65px; padding: 5px; margin: 4px 0 0 0; }
.rss_submit 	{ width: 70px; padding: 5px; margin: 1px 0 0 0; }

a.more-link { background: #E64E00; border: 1px solid #C33900; color: #FFF; padding: 5px 10px; margin-top: 5px; float: right; }
a.more-link:hover  	{ background: #0A51AC; border: 1px solid #053e87; color: #FFF; }

/* HEADER
-------------------------------------------*/
#header_wrapper					{ margin-top: 10px; }
#header 						{ width: 960px; height: 260px; margin: 0 auto; background: url(images/header_2.png) no-repeat; }


.logo h1 a, .logo h2 a { height: 225px; text-indent: -9999px; display: block;  color: #E64E00; }
.logo h1 a:hover 				{ color: #0A51AC; }


#tabs_nav 						{ width: 860px; text-align: center; display: block; text-align: center; padding: 0; margin:0 auto; font-family: Arial; font-weight: bold; font-size: 15px; }
#tabs_nav a 					{ display: block; padding: 5px 17px 8px 8px; color: #FFF; }

#tabs_nav ul 					{ margin: 0px 0px 0 0; padding: 0; }
#tabs_nav li 					{ list-style:none; font-size: .95em; letter-spacing: .02em; }


#tabs_nav .page_item 			{ float:left; margin: 0 3px 0 0; padding: 0 0 0 0px; }


#tabs_nav .current_page_item 	{ margin: 0px 15px 0 15px; padding: 0 0 0 10px; background: url("images/tab_left.png") no-repeat left top; } 
#tabs_nav .current_page_item a 	{ margin: 0; padding: 5px 17px 8px 8px; background: url("images/tab_right.png") no-repeat right top; color:#000; }

#tabs_nav .page_item a:hover 	{ color: #000; }



/* POST, PAGES and ARCHIVES
-------------------------------------------*/
#page_container, 
#archive_container, 
#posts_container 	{ width: 685px; margin: 0 0 20px 0px; float: right; }



.aligncenter, div.aligncenter, img.centered, img.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.alignleft{float:left}
.alignright{float:right;}
.floatLeft{float:left}
.floatRight{float:right}


/* PAGES
-------------------------------------------*/
#page_container 	{ font-size: 15px; line-height: 150%; }
#page_container h1 	{ margin-bottom: 20px; }





/* POST
-------------------------------------------*/
.post 		{ font-size: 15px; line-height:135%; margin-bottom: 20px; }



.post h1, 
.post h2,
.post h3,
.post h4,
.post h5 		{ margin: 15px 0; border: 0; }
.post h1 a 			{ color: #000; }
.post h1 a:hover 	{ color: #0A51AC; }

.post h1.title 	{ font-size: 25px; margin-bottom: 0px; }

.post ul, 
.post ol 	{ padding-left: 40px; margin: 10px 0; }

.post .metadata 				{ font-size: 13px; }
.post .metadata .date,
.post .metadata .categories,
.post .metadata .no_comments 	{  }

#single.post h2.pagetitle, #single.post h1.pagetitle { margin-bottom: 0px; font-size: 30px; }
#single.post .box_top 		{ text-align: center; min-height: 70px; padding: 15px 30px 0 55px; background: url(images/single_top.png) no-repeat left top; }
#single.post .box_middle 	{ padding: 15px 35px 25px 40px; background: url(images/single_middle.png) repeat-y left top; }
#single.post .box_bottom 	{ padding: 20px 10px 10px 25px; background: url(images/single_bottom.png) no-repeat left top; }

#single.post .box_top 		{ _padding: 30px 30px 0 55px; _height: 70px; }

/* HOMEPAGE POSTS
-------------------------------------------*/
#homepage .post 			{ width: 332px; float: left; font-size: 15px; line-height:135%; padding: 0;}

#homepage .row { margin-bottom: 10px; }
#homepage .row:last-child { margin: 0; }

#homepage  .alt { margin-left: 10px; }

#homepage .post .box_top 	{ padding: 14px 10px 0px 25px; background: url(images/box_top.png) no-repeat; }
#homepage .post .box_middle { min-height: 130px; padding: 15px 10px 0 25px; background: url(images/box_middle.png) repeat-y; }
#homepage .post .box_bottom { padding: 10px 5px 5px 25px; background: url(images/box_bottom.png) no-repeat;  }

#homepage .post h1 			{ font-size: 19px; margin: 0 0 0 10px; padding: 0; border: 0; text-align: center; }
#homepage .post .metadata 	{ font-size: 12px; text-align: center; }

#homepage .post .box_bottom .more { text-align: right; font-size: 14px; padding-right: 10px;  padding-bottom: 10px; }


/* STICKY POSTS
-------------------------------------------*/
#sticky { padding: 0px; margin: 0 10px 20px 0px; }

#sticky .box_top 	{ padding: 25px 10px 0 25px; background: url(images/sticky_top.png) no-repeat; }
#sticky .box_middle { padding: 5px 10px 60px 25px; background: url(images/sticky_date_2.png) no-repeat left top; }
#sticky .box_bottom { height: 15px;  background: url(images/sticky_bottom.png) no-repeat left bottom; }

#sticky h2 { text-align: center; font-size: 24px; }

#sticky .date { /* background: url(images/sticky_date.png) -10px 0 no-repeat; /*margin-left: -25px;*/ }

#sticky .date { float: left; width: 180px; font-size: 25px; height: 90px; text-align: center; margin-top: 23px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; margin-left: -27px; }

#sticky .date { _margin-left: -15px; } /* IE6 Hack */
#sticky .date p.month { color: #FFF; padding: 10px 0; text-transform: lowercase; }
#sticky .date p.year { color: #FFF; padding: 7px 0; }


#sticky ul	{ padding: 0px; margin: 20px 0 0 190px; list-style-image: url(images/dot.gif); }
#sticky ul li { font-size: 15px; padding-top: 5px; }

#sticky ul li a 		{ color: #0A51AC; }
#sticky ul li a:hover 	{ color: #E64E00; }


#sticky a.more-link { margin-top: 30px; background: #0A51AC; border: 1px solid #053e87; color: #FFF; padding: 5px 10px; margin-right: 10px; float: right; }
#sticky a.more-link:hover  	{ background: #E64E00; border: 1px solid #C33900;  color: #FFF; }


/* ARCHIVES
-------------------------------------------*/
#archive_container h1 { padding-bottom: 2px; font-size: 25px; }
#archive_container h2 { font-size: 28px; margin-bottom: 30px; line-height: 100%; }
.archive { width: 280px; font-size: 16px; line-height:1.5em; }
#archive_container .archive ul li { padding: 0; margin: 0px; list-style: none; list-style-image: url(images/dot_2.gif); }


/* COMMENTS
---------------------------------------------*/
#comments .box_top 		{ height: 50px; padding: 40px 30px 0 55px; background: url(images/single_top.png) no-repeat left top; }
#comments .box_middle 	{ padding: 15px 40px 25px 40px; background: url(images/single_middle.png) repeat-y left top; }
#comments .box_bottom 	{ padding: 20px 10px 10px 25px; background: url(images/single_bottom.png) no-repeat left top; }

#comments .box_top h2 { font-size: 26px; }



ol.commentlist 								{ list-style:none; padding:0; text-indent:0; margin: 10px 0 10px 0px; }
ol.commentlist li 							{ }
ol.commentlist li.alt 						{ }
ol.commentlist li.byuser 					{ }
ol.commentlist li.comment-author-admin 		{ }
ol.commentlist li.comment 					{ padding: 10px; margin-top: 10px; }
ol.commentlist li div.comment-author 		{ }
ol.commentlist li div.vcard 				{ font: normal 16px; }
ol.commentlist li div.vcard cite.fn 		{ font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url 	{ }
ol.commentlist li div.vcard img.avatar 		{ padding: 3px; float: left; width: 50px; height: 50px; margin:0 10px 0 0; }
ol.commentlist li div.vcard img.avatar-32 	{ }
ol.commentlist li div.vcard img.photo 		{ }
ol.commentlist li div.vcard span.says 		{ }
ol.commentlist li div.commentmetadata 		{ }
ol.commentlist li div.comment-meta 			{ font-size: 12px; margin-bottom: 5px; }
ol.commentlist li div.comment-meta a 		{ }
ol.commentlist li div.comment-meta a:hover 	{ }

ol.commentlist li p 	{ font-size: 14px; margin:0 0 1em; }
ol.commentlist li ul 	{ font-size: 14px; list-style: square; }

ol.commentlist li div.reply 	{ font-size: 11px; }
ol.commentlist li div.reply a 	{ font-weight: bold; }

ol.commentlist li ul.children 							{ list-style: none; text-indent: 0; }
ol.commentlist li ul.children li 						{ }
ol.commentlist li ul.children li.alt 					{ }
ol.commentlist li ul.children li.bypostauthor 			{ }
ol.commentlist li ul.children li.byuser 				{ }
ol.commentlist li ul.children li.comment 				{ }
ol.commentlist li ul.children li.comment-author-admin 	{ }
ol.commentlist li ul.children li.odd 					{ }

ol.commentlist li.even 		{ }
ol.commentlist li.odd 		{ }
ol.commentlist li.parent 	{ }

ol.commentlist li.pingback 					{ padding: 10px; margin: 0; }
ol.commentlist li.pingback .reply,
ol.commentlist li.pingback .comment-meta,
ol.commentlist li.pingback .says,
ol.commentlist li.pingback p 				{ display: none; }

ol.commentlist li.thread-alt 	{ }
ol.commentlist li.thread-even 	{ }
ol.commentlist li.thread-odd 	{ }

ol.commentlist li.bypostauthor 		{ }
ol.commentlist li.bypostauthor pre,
ol.commentlist li.bypostauthor code { }



/* SIDEBAR
-------------------------------------------*/
#sidebar 	{ float: left; width: 250px; margin: 0px 0px 0 0; font-size: 14px; padding-top: 6px; }

#sidebar .box_top 		{ padding: 15px 10px 0 15px; background: url(images/sidebar_top.png) no-repeat top; }
#sidebar .box_middle 	{ padding: 0px 15px 0 25px; background: url(images/sidebar_middle.png) repeat-y; }
#sidebar .box_bottom 	{ padding: 10px 5px 15px 25px; background: url(images/sidebar_bottom.png) no-repeat bottom; }



.sidebox h3 { text-align:center; font-size: 16px; background: url(images/sidebar_title.png) no-repeat; margin: 0 0 5px -25px; padding: 7px 0 15px 10px; color: #FFF; width: 240px; font-weight: normal; font-family: Arial; }
.sidebox h3 { _font-weight: bold; }
.sidebox ul { list-style: none; padding-left: 18px; list-style-image: url(images/dot_2.gif); }

.sidebox li { padding: 2px 0 2px 0; }




/* FOOTER
-------------------------------------------*/
#footer_wrapper 	{ }

#footer 			{ background: url('images/footer_2.png') no-repeat bottom; width: 920px; height: 60px; margin: 0 auto; padding: 15px 20px 0 20px; color: #222; }

#footer .copy { float: left; }

#footer .credits 	{ float: right; }
#footer .credits a 			{ color: #B30612; }
#footer .credits a:hover 	{ color: #3269B0; }

#footer .footer_menu { text-align: center; margin-bottom: 15px; }
#footer .footer_menu li { display: inline; padding: 0 10px; border-right: 1px solid #444;  }
#footer .footer_menu li:last-child { border: 0; }
#footer .footer_menu li a { color: #0A51AC; }
#footer .footer_menu li a:hover { color: #000; }


/* CONTACT
---------------------------------------------------*/
.contact 			{ margin: 30px 0 0 100px; }
.contact_error 		{ border: 1px solid #7f0009; background-color: #FFE3E6; padding: 30px; }
.contact_ok 		{ border: 1px solid #008655; background-color: #D8FFEE; padding: 30px; }
.contact_error p,
.contact_ok p 		{ margin: 0 0 20px 0; }


/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}