/*  
Theme Name: Terrawhite
Theme URI: http://andufo.com/
Description: Theme for WordPress 2+
Version: 1.0
Author: Andres Santos Kunze
Author URI: http://andufo.com/bio
*/

/* GENERAL
*******************************************/
* {margin:0;padding:0;}
body {
	font-family: Arial,Helvetica,Sans-Serif;
	background: #7CABD1 url("img/bg.gif") repeat-x top center;
	cursor: default;
}
a:focus,a:active {
	outline: none;
}
a img {
	border: 0;
}

/* PAGE
*******************************************/
#page {
	width: 906px;
	margin: 0 auto;
	background: url("img/page.gif") repeat-y 0px 310px;
}

/* HEADER
*******************************************/
#header {
	padding-top: 145px;
	padding-bottom: 13px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center top;
}
#header h1 {
	display: none;
}
#header #search {
	float: right;
	margin-top: 10px;
	margin-right: 12px;
}
#header #search input {
	padding: 3px;
	width: 180px;
	height: 14px;
	font-size: 11px;
	color: #444;
	background: #FFF url("img/search.gif") no-repeat right bottom;
	border-bottom-width: 0;
	border-right-width: 0;
	border-top: 1px solid #1a4c76;
	border-left: 1px solid #1a4c76;
}

/* BAR
*******************************************/
ul#bar {
	margin-left: 3px;
	list-style-type: none;
	font-size: 12px;
	font-family: "Century Gothic",Arial,Helvetica,sans-serif;
}
ul#bar li {
	float: left;
	width: 109px;
	text-align: center;
	border-right: 1px solid #15446C;
}
ul#bar li a {
	display: block;
	padding-bottom: 2px;
	text-decoration: none;
	font-weight: bold;
	line-height: 38px;
	color: #A9BDCF;
	background-repeat: no-repeat;
	background-position: center right;
}
ul#bar li a.sel,ul#bar li a:hover {
	color: #E3ECF4;
	background-image: url("img/bar.gif");
}
ul#bar li a.sel,ul#bar li a:hover.sel {
	color: #FFF;
	background-position: top right;
}
ul#bar li a:hover {
	background-position: bottom right;
}
ul#bar li a#home.sel,ul#bar li a#home:hover.sel {
	background-position: top left;
}
ul#bar li a#home:hover {
	background-position: bottom left;
}

/* CONTENT
*******************************************/
#content {
	float: left;
	width: 520px;
	padding: 20px;
	font-size: 11px;
	font-family: Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
	color: #333;
	background: url("img/content.gif") no-repeat top;
}
#content a {
	font-weight: bold;
	text-decoration: none;
	color: #285F8D;
}
#content a:hover {
	text-decoration: underline;
}
#content span.edit {
	float: right;
}
#content div.title {
	padding-left: 50px;
	background: url("img/cal.gif") no-repeat left 0;
}
#content h2 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	line-height: 20px;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial,Helvetica,sans-serif;
	background: url("img/h2.gif") repeat-x bottom;
}
#content h2 a {
	color: #285F8D;
}
#content h2 a:hover {
	color: #052138;
	text-decoration: none;
}
#content div.post {
	margin-bottom: 40px;
}
#content div.date {
	float: left;
	width: 44px;
	height: 60px;
	font-family: Arial,Helvetica,sans-serif;
}
#content div.date div.m {
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	color: #FFF;
}
#content div.date div.d {
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
#content div.date div.y {
	line-height: 14px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
}
#content a.cm {
	float: right;
	display: block;
	width: 40px;
	height: 30px;
	font-family: Georgia,"Book Antiqua","Souvenir Lt BT","Times New Roman",serif;
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #999;
	background: url("img/cm.gif") no-repeat center top;
}
#content a.cm:hover {
	color: #444;
	background-position: center bottom;
}
#content div.meta {
	margin-bottom: 15px;
	line-height: 15px;
	font-size: 9px;
	font-family: Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	color: #777;
}
#content div.meta strong {
	color: #555;
}
#content div.meta a {
	padding: 2px;
	font-weight: bold;
	color: #555;
	background-color: #E7E7E7;
}
#content div.meta a:hover {
	text-decoration: none;
	color: #FFF;
	background: #333;
}
#content div.meta span.read {
	padding-left: 14px;
	background: url("img/meta.read.gif") no-repeat left 1px;
}
#content div.entry {
	font-size: 12px;
	line-height: 21px;
}
#content div.entry strong {
	color: #555;
}
#content div.entry a span {
	color: #FF4400;
}
#content div.entry p {
	margin-bottom: 15px;
}
#content div.entry ul {
	list-style-type: square;
}
#content div.entry ul,#content div.entry ol {
	margin-top: 3px;
	margin-bottom: 15px;
	margin-left: 30px;
	line-height: 18px;
}
#content div.entry ul ul,#content div.entry ol ol,#content div.entry ul ol,#content div.entry ol ul {
	margin-top: 3px;
}
#content div.entry li {
	margin-bottom: 3px;
}
#content div.entry ul ul li {
	list-style-type: circle;
}
#content div.entry a.more-link {
	display: block;
	margin-top: 5px;
	height: 20px;
	padding: 0;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #D6E4F1;
	background: #336793 url("img/more.gif") no-repeat top;
}
#content div.entry a.more-link:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #174271;
	background-position: bottom;
}
#content blockquote {
	display: block;
	margin: 0 0 15px 5px;
	padding-left: 32px;
	line-height: 22px;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	color: #666;
	background: url("img/blockquote.gif") no-repeat top left;
}
#content blockquote p {
	margin-bottom: 5px;
}
#content blockquote.alt {
	margin: 0;
	padding-right: 10px;
	background: #F3F9FF url("img/blockquote.gif") no-repeat 2px 2px;
	border: 2px solid #D6E7F6;
}
#content blockquote cite {
	display: block;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: left;
}
#content blockquote cite:before {
	letter-spacing: -1px;
	content: "<< " ;
}
#content blockquote cite:after{
	letter-spacing: -1px;
	content: " >>";
}
#content h3 {
	margin-bottom: 30px;
	font-size: 17px;
	line-height: 40px;
	text-align: center;
	font-family: Arial,Helvetica,Sans-Serif;
	color: #FFF;
	background: #052138 url("img/h3.gif") no-repeat center top;
}
#content div.entry h3 {
	margin-bottom: 10px;
}
#content h3#comments {
	margin-bottom: 10px;
}
#content h3#respond {
	margin-bottom: 10px;
}
#content h3.compact {
	line-height: 30px;
	font-size: 14px;
	background-image: url("img/h3.compact.gif");
	background-position: top;
}
#content h4 {
	margin-top: 5px;
	line-height: auto;
	font-size: 17px;
}
#content div.entry.single {
	font-size: 12px;
	line-height: 21px;
}
#content div.entry.single p {
	margin-bottom: 15px;
}

/* SIDEBAR
*******************************************/
#sidebar {
	float: right;
	width: 310px;
	padding: 13px 13px 0 13px;
	font-family: Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	color: #C3D4E3;
	background: url("img/sidebar.jpg") no-repeat top;
}

/* SIDEBAR: ABOUT
*******************************************/
#sidebar #about {
	margin-bottom: 10px;
	padding: 0 7px;
	line-height: 15px;
	text-align: right;
}
#sidebar #about a {
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}
#sidebar #about a:hover {
	text-decoration: underline;
}

/* SIDEBAR: STRUCTURE
*******************************************/
#sidebar a {
	text-decoration: none;
	color: #AFC6DB;
}
#sidebar a:hover {
	color: #FFF;
}
#sidebar ul {
	list-style-type: none;
}
#sidebar ul li {
	margin-bottom: 10px;
}
#sidebar ul li h2 {
	padding: 0 7px;
	line-height: 25px;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
	color: #DFE6EB;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url("img/sidebar.h2.gif");
}
#sidebar ul li h2 span {
	margin: 0 5px;
	font-weight: normal;
}
#sidebar div.holder {
	padding: 10px;
	background: #171E24 url("img/sidebar.holder.gif") repeat-x top;
	border-width: 0 4px 4px 4px;
	border-style: solid;
	border-color: #4A667E;
}
#sidebar ul li.blocks li {
	margin-bottom: 0;
	border-top: 1px solid #092843;
}
#sidebar ul li.blocks li a {
	overflow: hidden;
	padding: 2px 4px 2px 14px;
	display: block;
	line-height: 18px;
	background-color: #0D3354;
	background-image: url("img/sidebar.li.gif");
	background-repeat: no-repeat;
	background-position: 5px center;
}
#sidebar ul li.blocks li a:hover {
	background-color: #21496C;
}

/* SIDEBAR: CONVERSATION
*******************************************/
#sidebar ul#conversation li a {
	overflow: hidden;
	padding: 4px 42px 4px 6px;
	line-height: 13px;
	background-repeat: no-repeat;
	background-position: right center;
}
#sidebar ul#conversation li a:hover {
}
#sidebar ul#conversation li a span {
	font-weight: normal;
	font-size: 11px;
	font-family: Arial,Helvetica,Sans-Serif;
	color: #82a1bd;
}
#sidebar ul#conversation li a span span.author {
}
#sidebar ul#conversation li a:hover span {
}
#sidebar ul#conversation li a:hover span span.author {
	text-decoration: underline;
	color: #B3CADF;
}

/* SIDEBAR: COLS
*******************************************/
#sidebar li#cols {
	margin-bottom: 0;
}
#sidebar li#cols h2 {
	background-image: url("img/sidebar.h2.cols.gif");
}
#sidebar li#cols ul {
	width: 150px;
}
#sidebar li#cols ul.left {
	float: left;
}
#sidebar li#cols ul.right {
	float: right;
}
#sidebar li#cols div.sep {
	clear: both;
}
#sidebar li#cols li {
	margin-bottom: 10px;
}
#sidebar li#cols li li {
	margin-bottom: 0;
}

/* SIDEBAR: BLOGROLL
*******************************************/
#sidebar ul li.linkcat#linkcat-19 ul li {
}
#sidebar ul li.linkcat#linkcat-19 ul li a {
	background-image: url("img/sidebar.li.friend.gif");
}

/* SIDEBAR: TWITTER
*******************************************/
#twtr-search-widget {
	margin-bottom: 10px;
	height: 180px;
	font-family: Arial,Helvetica,Sans-Serif !important;
	font-size: 11px !important;
	background: url("img/loader.gif") no-repeat center center;
}
.twtr-hd,.twtr-ft {
	display: none !important;
}
.twtr-bd {
	padding: 0 !important;
}

/* SIDEBAR: FLICKR
*******************************************/
#sidebar li#flickr h2 {
	background-image: url("img/sidebar.h2.flickr.gif");
}
#sidebar ul li#flickr div.holder {
	padding: 1px 0 0 1px;
	border-right-width: 5px;
}
#flickr_badge_wrapper a {
	margin: 0 1px 1px 0;
	display: block;
	float: left;
	width: 74px;
	height: 74px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#flickr_badge_wrapper a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#flickr_badge_wrapper .flickr_badge_image {
}
#flickr_badge_wrapper .flickr_badge_image img {
	height: 74px;
	width: 74px;
}

/* SIDEBAR: DOPPLR
*******************************************/
#sidebar li#dopplr h2 {
	background-image: url("img/sidebar.h2.dopplr.gif");
}
#dopplr-blog-badge-for-andufo {
	max-width: none !important;
}
#dopplr-blog-badge-for-andufo div.dopplr-badge {
	padding: 0 !important;
	font-family: inherit !important;
	font-size: inherit !important;
	color: inherit !important;
	background-color: transparent !important;
	border-width: 0 !important;
}
#dopplr-blog-badge-for-andufo #dopplr-logo {
	display: none !important;
}
#dopplr-blog-badge-for-andufo div.dopplr-badge a:link,#dopplr-blog-badge-for-andufo div.dopplr-badge a:visited,#dopplr-blog-badge-for-andufo div.dopplr-badge a:active {
	font-weight: bold;
	text-decoration: none !important;
	color: #FFF !important;
}
#dopplr-blog-badge-for-andufo div.dopplr-badge a:hover {
	text-decoration: underline !important;
	color: #FFF !important;
	background-color: inherit !important;
}
#dopplr-blog-badge-for-andufo div.dopplr-badge,#dopplr-blog-badge-for-andufo div.dopplr-badge p,#dopplr-blog-badge-for-andufo div.dopplr-badge ul.trips,#dopplr-blog-badge-for-andufo div.dopplr-badge ul.trips li {
	display: inline;
	margin: 0;
	padding: 0;
	font-family: inherit !important;
	font-size: inherit !important;
	line-height: 17px !important;
	color: inherit !important;
}
#dopplr-blog-badge-for-andufo div.dopplr-badge ul.trips li {
	margin: 0 !important;
	line-height: inherit !important;
	color: inherit !important;
}
#dopplr-blog-badge-for-andufo div.dopplr-badge ul.trips li span.tripmonth {
	color: inherit !important;
}

/* SIDEBAR: TLA
*******************************************/
#sidebar li#tla {
	margin: 0;
	padding: 0;
}
#sidebar li#tla h2 {
	background-image: url("img/sidebar.h2.tla.gif");
}
#sidebar li#tla ul,#sidebar li#tla li {
	display: inline;
}
#sidebar li#tla li {
	margin-right: 5px;
	line-height: 18px;
}
#sidebar li#tla li a:hover {
	text-decoration: underline;
}

/* SIDEBAR: ADS
*******************************************/
#sidebar table#ads {
	margin: 5px auto 10px auto;
	clear: both;
	width: 280px;
}
#sidebar table#ads td {
	height: 135px;
	vertical-align: center;
	background: url("img/loader.gif") no-repeat center center;
}
#sidebar table#ads td a {
	display: block;
	margin: 0 auto;
	height: 125px;
	width: 125px;
	border-width: 2px;
	border-style: solid;
	border-top-color: #031323;
	border-left-color: #031323;
	border-bottom-color: #103758;
	border-right-color: #103758;
}
#sidebar table#ads td a:hover {
	background-color: #031323;
	border-color: #FFFFFF;
}

/* NAVEGATION
*******************************************/
#content .wp-pagenavi {
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
}
#content .wp-pagenavi span,#content .wp-pagenavi a {
	margin-right: 1px;
	padding: 5px 10px;
}
#content .wp-pagenavi a {
	text-decoration: none;
	font-weight: bold;
	color: #C9DAE9;
	background-color: #336793;
	border: 1px solid #5b85a8;
}
#content .wp-pagenavi a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #174271;
	border: 1px solid #45688d;
}
#content .wp-pagenavi span.current {
	font-weight: bold;
	color: #234663;
	background-color: #DCEFFF;
	border: 1px solid #5B85A8;
}

/* COMENTARIOS
*******************************************/
ol#comment-list {
	margin-bottom: 30px;
	list-style-type: none;
	font-family: Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
	color: #555;
}
ol#comment-list li {
	margin-bottom: 10px;
	padding: 5px;
	background-color: #EEE;
	border: 1px solid #DDD;
}
ol#comment-list li:hover {
	border-color: #BBB;
}
ol#comment-list li.admin {
}
ol#comment-list li.trackback div.comment-meta {
	padding-left: 5px;
}
ol#comment-list div.comment-meta {
	padding: 5px 5px 5px 45px;
	font-family: Arial,Helvetica,Sans-Serif;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #DDD;
}
ol#comment-list li.twitter div.comment-meta {
	background-image: url("img/twitter.png");
}
ol#comment-list div.comment-meta a.permalink {
	float: right;
	line-height: 30px;
}
ol#comment-list div.comment-meta p.comment-author {
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	background: url("img/permalink.gif") no-repeat left center;
}
ol#comment-list div.comment-meta p.comment-author a {
	font-weight: bold;
	text-decoration: none;
	color: #285F8D;
}
ol#comment-list div.comment-meta p.comment-author a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #285F8D;
}
ol#comment-list div.comment-meta p.comment-date {
	font-size: 11px;
	line-height: 14px;
}
ol#comment-list div.comment-meta p.comment-date a {
	font-weight: normal;
	color: #666;
}
ol#comment-list div.comment-meta p.comment-date a:hover {
	text-decoration: underline;
	color: #555;
}
ol#comment-list div.comment-data {
	line-height: 18px;
	font-size: 12px;
}
ol#comment-list div.comment-data p {
	margin: 10px;
}
ol#comment-list span.comment-mod {
	font-size: 16px;
	color: #888;
}
#commentform {
}

/* COMMENTS: THREAD
*******************************************/
ol#comment-list div.comment-childs {
	margin-top: 5px;
	padding: 5px;
	color: #2B4C65;
	background-color: #E0EAF1;
	border: 1px solid #B4CADA;
}
ol#comment-list div.comment-childs:hover {
	border-color: #7C9BB2;
}
ol#comment-list div.comment-childs div.comment-meta {
	padding: 0 5px 0 35px;
	font-size: 11px;
	line-height: 30px;
	background-color: #C5DCED;
}
ol#comment-list div.comment-childs a {
	color: #2B4C65;
}
ol#comment-list div.comment-childs div.comment-meta a.permalink {
	line-height: 30px;
}
ol#comment-list div.comment-childs div.comment-meta span.comment-author {
	font-size: 14px;
	font-weight: bold;
}
ol#comment-list div.comment-childs div.comment-meta span.comment-author a {
	font-weight: bold;
	text-decoration: underline;
}
ol#comment-list div.comment-childs div.comment-meta a {
	font-weight: normal;
}
ol#comment-list div.comment-childs div.comment-childs {
	color: #5F8738;
	background-color: #E8F1E0;
	border: 1px solid #B5CDA0;
}
ol#comment-list div.comment-childs div.comment-childs:hover {
	border-color: #8CAA71;
}
ol#comment-list div.comment-childs div.comment-childs div.comment-meta {
	padding: 0 5px 0 25px;
	line-height: 20px;
	color: #5F8738;
	background-color: #CDE5B5;
}
ol#comment-list div.comment-childs div.comment-childs a {
	color: #5F8738;
}
ol#comment-list div.comment-childs div.comment-childs div.comment-meta a.permalink {
	line-height: 20px;
}
ol#comment-list p.thdrpy {
	margin: 5px 0 0 0 !important;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
}
ol#comment-list p.thdrpy a {
	display: block;
	padding-left: 17px;
	color: #999;
	background-color: #DDD;
	background-image: url("img/respond.gif");
	background-repeat: no-repeat;
	background-position: 1px center;
}
ol#comment-list p.thdrpy a:hover {
	text-decoration: none;
	color: #666;
	background-color: #CFCFCF;
}
ol#comment-list div.comment-childs p.thdrpy a {
	color: #4579A1;
	background-color: #C5DCED;
}
ol#comment-list div.comment-childs p.thdrpy a:hover {
	color: #194567;
	background-color: #96BBD7;
}
ol#comment-list h3 {
	display: none;
}
ol#comment-list form {
	margin-top: 5px;
}
ol#comment-list input {
	width: 152px;
}
ol#comment-list div.comment-childs input {
	width: 148px;
}
ol#comment-list textarea {
	width: 494px;
}
ol#comment-list div.comment-childs textarea {
	width: 483px;
}
ol#comment-list button {
	width: 507px;
}
ol#comment-list div.comment-childs button {
	width: 495px;
}
input#comment_mail_notify {
	margin-right: 3px;
}

/* FORMS
*******************************************/
form p {
	margin: 0 !important;
}
form div {
	margin-bottom: 5px;
}
form div.field {
	float: left;
	margin-right: 5px;
}
label,button,input,select,textarea {
	font-family: Arial,Helvetica,Sans-Serif;
}
label {
	display: block;
	line-height: 18px;
	font-weight: bold;
	cursor: pointer;
}
input,select,textarea {
	padding: 5px;
	letter-spacing: 0px;
	font-size: 12px;
	color: #555;
	background-color: #F6F6F6;
	border: 1px solid #CCC;
	cursor: default;
}
select#archive-dropdown {
	width: 150px;
}
input {
	width: 155px;
}
textarea {
	width: 500px;
	height: 100px;
	overflow: auto;
	font-size: 14px;
}
input:focus,select:focus,textarea:focus {
	color: #333;
	background-color: #FFF;
	border: 1px solid #BBB;
}
span.ob {
	margin-left: 2px;
	font-weight: bold;
	color: #FFA800;
}
button {
	margin: 10px 0 5px 0;
	padding: 5px 0;
	width: 513px;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial,Helvetica,Sans-Serif;
	text-transform: uppercase;
	cursor: pointer;
}

/* FOOTER
*******************************************/
#footer {
	padding: 26px 0 15px 15px;
	height: 38px;
	line-height: 38px;
	text-transform: lowercase;
	font-size: 11px;
	font-family: Arial,Helvetica,Sans-Serif;
	color: #B2CED6;
	background: url("img/footer.gif") no-repeat top;
}
#footer abbr {
	border-color: #B2CED6;
}
#footer a {
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
}
#footer a:hover {
	text-decoration: underline;
}

/* TWITTER FOLLOW
*******************************************/
#twitter-follow {
	border: 0;
	position: fixed;
	top: 0;
	left: 0;
}
#twitter-follow a {
	display: block;
	width: 30px;
	height: 120px;
	background: url("../../../extra/icons/twitter.png") no-repeat left;
}
#twitter-follow a:hover {
	background-position: right;
}

/* MISC
*******************************************/
br.sep {
	clear: both;
}
span.del {
	text-decoration: line-through;
}
acronym,abbr {
	cursor: help;
	border-bottom: 1px dotted #555;
}
acronym:hover,abbr:hover {
	border-bottom-style: solid;
}
code {
	overflow: auto;
	display:block;
	margin: 20px 0;
	padding: 10px 10px 10px 20px;
	font-size: 11px;
	font-family: "Courier New",Courier;
	color: #333;
	background: #F0F0F0 url("img/code.gif") left top repeat-y;
	border-right: 1px solid #ccc;
}
div.center {
	text-align: center;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.right {
	margin: 0 0 5px 5px;
	float: right;
}
img.left {
	margin: 0 5px 5px 0;
	float: left;
}
::-moz-selection {
	background: #D4F699;
	color: #7AA62F;
}