/*
Theme Name: ABC
Theme URI: http://www.abcdisegno.com/theme/
Description: The design is inspired in a comunity of design and development named <a href="http://www.abcdisegno.com>ABC disegno</a>.
Version: 1
Author: Ricardo Castillo
Author URI: http://www.rcgrafica.com/
Tags: abc, design forum, design blog, red, custom header, fixed width, three columns, widgets, full portal, foro de diseño, blog de diseño

	This theme was designed and built by Ricardo Castillo,
	whose blog you will find at http://www.abcdisegno.com/

	This template respects the web standards and is valid for XHML transitional. 
*/

/* Start cleaning styles default */

html { margin-top: 0 !important; }
body { margin: 0; background: white; }
img { border: 0; }
.salto { overflow: hidden; height: 0; clear: both; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
p { margin: 10px; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
a { outline: none; }

/* General Style */

body { font: 1em/1.2em Arial, Helvetica, sans-serif, sans-serif; color: #444; }
h1, h2, h3, h4 { margin: 0; padding: 0; font-family: Georgia, Arial, Helvetica, sans-serif, sans-serif; font-weight: normal; color: #e00014; }
h2 { font-size: 1.6em; }
h3 a { color: #e00014; }
h3 a:hover { color: #444; }

/* Header */

#menu { background: #444 url(images/header-back-nav.gif); text-align: center; height: 48px; border-bottom: 6px solid #d3d49b; }
#menu ul { width: 1007px; font: 1.2em/1em Georgia, Arial, Helvetica, sans-serif, sans-serif; margin: 0 auto; }
#menu li { display: block; float: left; line-height: 48px; vertical-align: middle; height: 48px; padding: 0 10px; }
#menu ul a { color: white; text-decoration: none; }
#menu ul a:hover { color: #d3d49b; }
#menu .current-cat { background: url(images/header-arrow-nav.gif) no-repeat bottom center; }

#band { width: 100%; background: url(images/header-back.jpg) repeat-x; height: 217px; border-bottom: 6px solid #d3d49b; }
#header-logo { width: 1007px; background: url(images/header-back-main.gif) no-repeat center; height: 217px; margin: 0 auto; }
#description { width: 380px; height: 172px; position: relative; top: 21px; left: 605px; margin: 0; }
#description h1 { font-size: 2em; line-height: 1em;  padding: 10px 5px; padding-top: 20px; }
#description h1 a { color: #e00014; text-decoration: none; }
#description h3, #description h4 { font: 1.2em/1.2em Georgia, Arial, Helvetica, sans-serif, sans-serif; color: #444; padding: 0 10px; }


/* Box Content */

#box_content { width: 1007px; margin: 0 auto; background: url(images/background-content.gif) repeat-y; }

/* Content */

#content { float: left; width: 583px;  }
#content .title h2 { margin-top: 6px; padding: 14px 0; line-height: 1.2em; }
#content .title h2 a { color: #e00014; text-decoration: none; }
#content .title h2 a:hover { color: #444; }
#content .title h2 { padding-top: 15px; line-height: 1.2em; }
#content .post h2 a { color: #e00014; text-decoration: none; }
#content .title { padding-left: 5px; }
#content .title p { float: left; color: #8b8b8b; border-right: solid 1px #8b8b8b; padding-right: 5px; margin-left: 5px; text-align: center; }
#content .title p span { font-size: 1.4em; }
#content .content_post p { clear: both; font-size: 0.8em; }
#content .content_post p a { color: #444; }
#content .content_post p a:hover { color: #e00014; }
#content .content_post h3 { margin: 20px 0 0 10px; }
#content .content_post a.more-link { color: #e00014; font-weight: bold; }
#content .content_post a.more-link:hover { color: #444; }
#content .content_post img { margin: 3px 6px 0 6px; }
#content .content_post .alignright { float: right; }
#content .content_post .alignleft { float: left; }
#content .content_post img .alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
#content .content_post img .alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
#content .content_post ul, #content .content_post ol { font-size: 0.8em; margin: 10px 30px; }
#content .bookmarks, #content .comments { font-size: 0.7em; }
#content .bookmarks img, #content .comments img { vertical-align: middle; margin: 0 3px; }
#content .bookmarks { margin-top: 10px; height: 65px; }
#content .bookmarks .social { width: 100px; float: right; height: 65px; text-align: center; }
#content .comments a { color: #444; }
#content .comments a:hover { color: #e00014; }
#content .comments span a { color: #e00014; }
#content .comments span a:hover { color: #444; }
#content .pagination { text-align: center; font-size: 0.8em; margin: 10px 0; font-weight: bold; }

#content table { font-size: 0.7em; text-align: left; width: 95%; margin-top: 10px; }
#content td { border: solid 1px #999; padding: 5px; }
#content table a { color: #e00014; }
#content table th { border: solid 1px #999; color: #e00014; background: #EEEEC6; padding: 5px; }
/* #content .pagination a { padding: 3px; font-weight: normal; border: solid 1px #e00014; text-decoration: none; color: #e00014; }
#content .pagination a:hover { background: #ddd; border: solid 1px #444; color: #444; } */

/* Comments */

#pagecomments { font-size: 0.8em; }
#pagecomments h3 { margin: 15px 0 0 10px; font-size: 1.4em; }
#pagecomments a { color: #444; }
#pagecomments a:hover { color: #e00014; }
#pagecomments .allowed_tags { margin: 0 10px; background: #f4f4f4; border: dotted 1px #cbcbcb; font-size: 0.8em; }

#pagecomments #related_post_container { background: #fce6e8; margin: 10px; }
#pagecomments #related_post_container ul { list-style: none; padding: 5px 20px; }
#pagecomments #related_post_container ul li { background: url(images/sidebar-icon-item-a.gif) no-repeat 0 5px; padding: 5px 16px; }
#pagecomments #related_post_container h2 { background: #f9ccd0; margin-left: 0; padding: 6px 10px; }

.commentlist { margin: 0 10px; vertical-align: text-top; list-style: none; }
.commentlist li { margin-top: 10px; }
.commentlist li div { margin: 0; overflow: hidden; }
.commentlist .title_bar { height: 42px; background: #d3d49b; }
.commentlist .post_number { width: 42px; height: 42px; text-align: center; line-height: 42px; vertical-align: middle; float: left; background: #c1c282; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; }
.commentlist .comment_text { background: #e1e1b1; }
.commentlist .author_date { line-height: 42px; vertical-align: middle; float: left; padding-left: 10px; }
.commentlist .avatar_block { float: right; }
.commentlist .alt .title_bar { background: #eeeec6; }
.commentlist .alt .post_number { background: #e1e1b1; }
.commentlist .alt .comment_text { background: #f7f7d8; }

.commentlist .title_bar_author { height: 42px; background: #f9ccd0; }
.commentlist .post_number_author { width: 42px; height: 42px; text-align: center; line-height: 42px; vertical-align: middle; float: left; background: #f6b3b9; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; }
.commentlist .comment_text_author { background: #fce6e8; }

/* Sidebar */

#sidebar { float: right; width: 424px; background: #eeeec6; }
#facebook_like { text-align: center; margin: 10px auto 0 auto; }
#facebook_like a { color: red; }
#forum_buttoms { text-align: center; margin: 10px 0 10px 0; }
#forum_buttoms div { width: 320px; margin: 0 auto; overflow: hidden; text-align: center; }
#forum_buttoms div img { margin: 0 5px; }
#social { text-align: center; margin-top: 10px; }
#paypal { width: 150px; float: left; margin-left: 20px; }
#social #social-content { text-align: center; }
#social #social-content img { margin: 5px; }
#rss { text-align: center; margin: 10px 0 20px 0; font-size: 0.7em; }
#rss p { margin: 10px 0; }
#rss img { vertical-align: middle; margin: 0 5px; }
#rss a { color: #444; }
#rss a:hover { color: #e00014; }
#search { margin-top: 20px; text-align: left; color: #e00014; font-family: Georgia, Arial, Helvetica, sans-serif, sans-serif; font-size: 1.2em; padding: 0 15px; }
#search input { margin-left: 10px; }
#google { text-align: center; }
#google iframe { margin: 0 auto; }
#google_adsense { text-align: center; margin-top: 10px; }
#sponsors { margin: 10px auto 0 auto; text-align: center; }
#sponsors h2 { text-align: left; }
#sponsors img { margin: 2px; }
#sponsors p { text-align: center; font-size: 0.7em; margin-top: 0; color: #444; }
#sponsors p a { color: #444; }
#sponsors p a:hover { color: #e00014; }
#banner_gif { text-align: center; margin-top: 10px; }
#banner_flash { margin: 0 auto; text-align: center; font-size: 0.7em; background: #d3d49b; width: 400px; height: 115px; }
#banner_flash p { padding: 10px; margin: 0; }
#banner_flash a { color: #464646; }
#banners_small { margin: 5px auto 0 auto; text-align: center; overflow: hidden; }
#sidebar h2 { margin: 0 15px; padding-bottom: 10px; font-size: 1.2em; }
#sidebar ul { margin: 0 15px 10px 15px; }
#sidebar li { list-style: none; border-bottom: #d3d49b solid 1px; font-size: 0.7em; padding-left: 10px; background: url(images/sidebar-icon-item-b.gif) no-repeat 0 6px; }
#sidebar li a { color: #444; text-decoration: none; }
#sidebar li a:hover { color: #e00014; }
#forum_post { margin-bottom: 15px; }
#forum_post li { background: url(images/sidebar-icon-item-a.gif) no-repeat 0 1px; padding-left: 16px; }
#tag_cloud { margin: 10px; background: #d3d398; padding: 15px; line-height: 1.5em; }
#tag_cloud a { padding: 0 5px; }
#sidebar_left { float: left; width: 50%; }
#sidebar_right { float: right; width: 50%; }
#wallpapers { text-align: center; }
#wallpapers h2 { text-align: left; }
#wallpapers img { border: white solid 3px; }
#wallpapers p { font-size: 0.7em; margin-top: 5px; }
#wallpapers p a { color: #444; }
#wallpapers p a:hover { color: #e00014; }

/* Pages */
/* Contact Form */

#form_error { background: #fce6e8; border: solid 1px #f9ccd0; padding: 10px; margin: 0 10px; text-align: center; color: red; }

/* Footer */

#footer { width: 100%; margin: 0 auto; background: #444; }
#footer_menu { width: 1007px; margin: 0 auto; }
#footer_menu .box_menu { width: 24%; float: right; }
#footer_menu ul { margin: 0 20px 20px 0; }
#footer_menu h2 { color: #d3d49b; font-size: 1.3em; line-height: 2em; }
#footer_menu li { border-bottom: #7c7c7c solid 1px; font-size: 0.7em; padding-left: 10px; background: url(images/sidebar-icon-item-c.gif) no-repeat 0 6px; }
#footer_menu li  a { color: white; text-decoration: none; }
#footer_menu li  a:hover { color: #7c7c7c; }
#footer_below { width: 100%; text-decoration: none; background: #6a6a6a; clear: both; margin-top: 20px; padding: 5px 0; text-align: center; color: white; font: 0.8em/1em Georgia, Arial, Helvetica, sans-serif, sans-serif; clear: both; }


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #e00014;
	color: #e00014;
	background-color: #FFFFFF;	
}

.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #e00014;
	color: #e00014
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	background: #ddd; border: solid 1px #444; color: #444;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #e00014;
	color: #e00014;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #444;
	border: 1px solid #444;
	background-color: #FFFFFF;
}

.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #444;
	color: #444;
	background-color: #FFFFFF;
}


.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #444;
	color: #444;
	background-color: #FFFFFF;
}