/*
Theme Name: wpClassifieds
Theme URI: http://theme.anunciamex.com/
Description:  Wordpress Classified Ads Theme. Developed by <a href="http://mx.anunciamex.com/">Anunciamex anuncios clasificados</a> based on <a href="http://www.open-classifieds.com/">Open Classifieds</a>.
Version: 1.1.1
Author: Anunciamex
Author URI: http://mx.anunciamex.com/

	Theme released under GPL.
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url("css/reset.css");
@import url("css/960.css");
body {font: 12px/1.5 Arial, Helvetica, sans-serif;color: #333;background:url(img/main-bg.png) repeat;}
a {color:#3756a4;text-decoration: none;}
a:hover {text-decoration:underline;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;color: #333;line-height:1.1;margin:0 0 15px 0;}
h1 {font-size:24px;}
h2 {font-size: 18px;}
h3 {font-size: 16px; font-weight:bold;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}

form p {margin-bottom:10px;}
label {font-size:12px; color:#444}
input, textarea, select {font:12px Arial, Helvetica, sans-serif; color:#444;width:70%; margin:0 0 5px 0;background-color:#F9F9F9;border:1px #ccc solid;padding:5px;}
select {width:74%;}
textarea {width:90%; height:250px; padding:6px; overflow:auto;}

#wrap {background:#FFF;}

#logo img {padding: 15px 0 0 10px;}
#logo p {color: #555;font-size: 12px;padding-left:10px;}
#logo p span {color:#5C8F47;font-weight:bold;font-size: 14px;}

#pages a {padding: 0px 10px;color:#FFF; font-weight:bold;}

#categories {margin-top:15px;border-bottom: 1px solid #F3F6F2;background:#F3F6F2;}
#categories ul {height: 40px;}
#categories ul li {display:inline;border-right: 1px solid #F3F6F2;font-weight:bold;padding: 0 10px;text-transform:capitalize;}
#categories ul li a {color: #466898;line-height:40px}

#pop_cats {background:#FFF;border-bottom:1px solid #DDD;font-size:20px;line-height:26px;color:#ddd;font-weight:bold;}
#pop_cats a {color:#666;text-transform:lowercase;font-size:11px;font-weight:normal;}
#pop_cats span {background:url(img/crumb.gif) no-repeat right center;padding:0 20px 0 10px;margin-right:10px;font-weight:bold;color:#466898;font-size:11px;}

#cumb {background:#FFF;border-bottom:1px solid #DDD;}
#cumb ul {height:30px;margin:0 10px;}
#cumb ul li {display:inline;color:#444;font-size:11px;line-height:30px;margin:0 10px 0 0;color:#666;}
#cumb ul li a {background:url(img/crumb.gif) no-repeat right center;padding:0 20px 0 0;color:#466898;font-weight:bold;}
#cumb ul li.selected a {background:none;color:#666}

#wrap_content {padding-top:10px;}

#content {padding:0px 10px 10px 10px;margin-bottom:20px;}

.date_title {background:#F3F6F2; font-size:14px; color:#444; border-bottom:1px solid #eee; padding:8px 10px; margin:0 -10px; line-height:14px; position:relative; font-weight:bold;}

.post {color:#333;padding:10px 10px 6px 10px; border-bottom:1px solid #eee; margin:0 -10px;}
.post p{margin:0 0 15px 0;line-height:1.6;}
.post img{margin:0 0 0 10px;}
.post-title {font-size:16px;padding-bottom:3px;line-height:16px;}
.post-desc {font-size:13px;}
.post-detail {color:#999;font-size:11px;}
.post-place {color:#666;}
.post-img {margin:5px;float:right;}
.post-cat a {color:#666;background:url(img/ico_folder.gif) no-repeat 5px 0px;padding-left:18px;}
.post-date {color:#666;}
.post-price {color:#555;font-weight:bold;}
.post-hover:hover {background-color: #FFFCEF;}


#sidebar {padding:0}
#sidebar .box {margin-bottom:15px;position:relative;}
#sidebar .box .h {font-size:15px;color:#777;padding:6px 0;border-bottom: 1px solid #F3F6F2;border-top:5px solid #F3F6F2;line-height:15px;text-transform:lowercase;margin-bottom:10px;}
#sidebar .box .h em {color:#3756a4;font-weight:bold;font-size:12px;font-style:normal;}
#sidebar .listings {}
#sidebar .listings ul {list-style:decimal;margin-left: 25px;font-size: 12px;line-height: 12px;color:#777}
#sidebar .listings ul li {padding: 0px 0px 10px 0px;}
#sidebar .categories ul li {padding: 0px 0px 3px 10px;background:url("img/bullet_1.gif") no-repeat left 6px;}
#sidebar .columns { float:left; width:45%; margin-right:15px;}
#sidebar .columns ul li {padding: 0px 0px 3px 10px;background:url("img/bullet_1.gif") no-repeat left 6px;}

#side_search {background:#F3F6F2; padding:10px;}
#side_search .searchtext{width:268px;font-size:13px;}
#side_search .select{width:200px;font-size:11px;}
#side_search .button{width:71px;font-size:11px;margin:0 0 0 5px;}

#footer {padding:10px 0;font-size:11px;border-top:1px solid #DDD;background:#E0E5EF;}
#footer ul li {display:inline;margin-right:10px;}
#footer span {font-size:12px;text-transform:uppercase;font-weight:bold;color:#666;}
#footer .credits {border-left:1px solid #DDD; padding-left:10px; text-align:right;color:#666;}
#footer .credits a {color:#666;}

.topr_box a {padding: 0px 10px;color:#FFF;}
.topr_box {background: #5877A2;float:right;}
.topr_bottom div {background: url(img/topr_bl.png) no-repeat bottom left;}
.topr_bottom {background: url(img/topr_br.png) no-repeat bottom right;clear:both;}
.topr_bottom div, .topr_bottom {padding-top:3px;font-size: 1px;}
.topr_content {margin:5px 10px 0 10px;}

.pagination {margin:15px 0;}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #ddd;color: #3756a4;background-color: transparent;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #ddd;color: #3756a4;background-color: transparent;}
.wp-pagenavi a:hover {border: 1px solid #333;color: #333;background-color: transparent;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #ddd;color: #3756a4;background-color: transparent;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px;margin: 2px 2px 2px 0px;color: #333;border: 1px solid #ddd;background-color: #F3F6F2;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px;margin: 2px;font-weight: bold;border: 1px solid #ddd;color: #333;background-color: #F3F6F2;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px;margin: 2px;border: 1px solid #333;color: #333;background-color: transparent;}

.error-msg {padding:10px;background:#FEF5BE;margin-bottom:15px;}

#index_cats .cats_col1{width: 197px;float:left;margin-right:15px;}
#index_cats .cats_col2{width: 196px;float:left;}
#index_cats .cats_colums ul{list-style-type: none;margin-bottom: 15px;padding: 0px;border: none; padding:5px 8px;}
#index_cats .cats_colums ul li {line-height:20px;padding:0 0 2px 10px;background:url("img/bullet_1.gif") no-repeat left 8px; text-transform:lowercase;}
#index_cats .cats_colums ul li.cathead {font-weight:bold; padding:0; background:none;}
#index_cats .cats_colums ul li.cathead a {color:#5C8F47}
#index_cats .cats_colums ul li.cathead a:hover { color:#EB3321}

/* Ad form */

input.person, .person input {background:#F9F9F9 url(img/ico_person.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input.index, .index input {background:#F9F9F9 url(img/ico_index.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input.input, .input input {background:#F9F9F9 url(img/ico_input.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input.globe, .globe input {background:#F9F9F9 url(img/ico_globe.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input.mail, .mail input {background:#F9F9F9 url(img/ico_mail.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input.home, .home input {background:#F9F9F9 url(img/ico_home.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input.mobile, .mobile input {background:#F9F9F9 url(img/ico_mobile.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input.tag, .tag input {background:#F9F9F9 url(img/ico_tag.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input.text, .text input {background:#F9F9F9 url(img/ico_text.gif) no-repeat 2% 50%; padding:6px 0px 6px 25px;}
input.price, .price input { width:15%;}
input.submit, .submit input {background-color:#F3F6F2; color:#444; padding:6px; cursor:pointer; width:auto;}
input.submit:hover, .submit:hover input {background-color:#F3F6F2; color:#444; padding:6px; cursor:pointer;}

#comments, #respond {clear: both;}
.commentlist {margin: 10px 0px;padding-left: 20px;line-height: 12px;list-style-type:decimal;}
.commentlist li{padding: 5px 10px;}
.commentlist .alt {background: #F3F6F2;}
.commentlist cite {font-weight: bold;font-style: normal;font-size: 12px;color: #5C8F47;}
.commentlist cite a, .commentlist cite a:visited {color: #5C8F47;}
.commentlist small {margin-bottom: 5px;display: block;font-size: 11px;}