/*  
Theme Name: Sumo
Theme URI: http://www.otrodiademierda.com
Description: Theme de Otrodiademierda.com, de alto contraste, tres columnas desiguales, basado en ajustes de grilla de 960.gs
Author: Iván Tamayo
Author URI: http://www.ivantamayo.com/
Version: 1.0
*/

/*#wrapper { background:url(images/grid-test.png); }*/

/* =Resets
------------------------------------------------------*/
html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a
{margin:0; padding:0; }  
input, :focus {outline:0;}
ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
li { list-style-type:none; }


/* =Common
------------------------------------------------------*/
body {background:#151712 url(images/bg-page2.jpg) top center no-repeat fixed;  color:#CCC; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; } 
a:link, a:visited, a:active { color:#D9366D; text-decoration:none; }
a:hover { color:#F90; text-decoration:none; }
blockquote {font-style:italic; background:url(images/whitetrans.png); padding:.4em 1em .7em 1em; margin:.7em 0 .3em 0;}
code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;}
kbd, tt {font-size:1.2em;}
hr {border:1px solid #a8ef9d;}
pre {overflow:auto; width:600px; background:url(images/blacktrans.png); padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */}
dl {}
dt {font-weight:bold;}
dd {padding-left:1em;}
p { text-align:justify; }
.clear { clear:both; font-size:1px; line-height:0; }
.salto { margin-bottom:16px; }

/* =Headings
------------------------------------------------------*/
h1 { float:left; height:37px; margin-left:5px; margin-top:11px; width:361px; }
h1 a { background:url(images/logo.png) no-repeat; display:block; height:37px; text-indent:-9000px; width:361px; }
h2 { margin-bottom:16px; min-height:16px; /*max-height:52px;*/ }
h2 a { font-size:20px; font-weight:bold; }
h3 { color:#FFF; font-size:19px; 	margin-bottom:16px; text-shadow:#000 1px 1px; }
h4 { color:#999; font-size:16px; margin-bottom:16px; text-shadow:#000 1px 1px; }

/* =Structure
------------------------------------------------------*/
#wrapper { font-size:12px; line-height:16px; margin:0 auto; padding:0; position:relative; width:940px; }
#header { background:url(images/border-header.png) no-repeat 0 96px; height:141px; padding-top:35px; position:relative; width:940px; }
#main-content { float:left; width:460px; }
#secondary-content { float:right; width:460px; }
	.featured-content { overflow:hidden; width:460px; }
	.additional-content { float:left; width:280px; }
	.related-content { float:right; width:160px; }
.comentarios { margin-left:20px; }

#main-content-error { float:left; width:720px; }
.related-content-error { float:right; margin-top:32px; width:160px; }

.grid { float:left; margin-left:15px; width:305px; }
	#intro .alpha, #fast-content .alpha, .interior-content .alpha { margin-left:8px; }

#footer { background:url(images/bg-footer.png) no-repeat; height:195px; margin-top:35px; position:relative; width:940px; }


/* =Header
------------------------------------------------------*/
.menu-options { float:right; margin-top:32px; width:auto; }
.menu-options li { float:left; margin-left:10px; }
	.menu-options li a { text-transform:uppercase; text-decoration:none; }
	.menu-options li a:link, .menu-options li a:visited, .menu-options li a:active { color:#FFF; }
	.menu-options li a:hover { color:#0CF; text-decoration:none; }
	.menu-options li a[title='RSS'] { background:url(images/icon-rss.png) no-repeat; display:block; height:16px; margin-left:10px; text-indent:-9000px; width:16px; }
	.menu-options li a[title='Flickr'] { background:url(images/icon-flicker.png) no-repeat; display:block; height:16px; text-indent:-9000px; width:16px; }
	.menu-options li a[title='Twitter'] { background:url(images/icon-twitter.png) no-repeat; display:block; height:16px; text-indent:-9000px; width:16px; }
	.menu-options li a[title='Facebook'] { background:url(images/icon-facebook.png) no-repeat; display:block; height:16px; text-indent:-9000px; width:16px; }
	.menu-options li a[title='Lastfm'] { background:url(images/icon-lastfm.png) no-repeat; display:block; height:16px; text-indent:-9000px; width:16px; }
	.menu-options li a[title='Peercouture'] { background:url(images/icon-peercouture.png) no-repeat; display:block; height:16px; text-indent:-9000px; width:16px; }
	
li.search { background:url(images/bg-search-input.png) no-repeat; display:block; height:19px; margin-left:20px; width:160px; }
#searchform { height:17px; margin-left:8px; width:150px; }
#searchform input { background:none; border:0 none; color:#FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; height:17px;  width:145px; }
#searchform input:focus { outline:none; }

.menu-categories { margin:auto; margin-top:27px; width:782px; }
	.menu-categories li { float:left; }
	.menu-categories li a { height:9px; padding:2px 6px 8px 6px; text-shadow:#000 1px 1px; text-transform:uppercase; }
	.menu-categories li a:link, .menu-categories li a:visited, .menu-categories li a:active { color:#FFF; text-decoration:none; }
	.menu-categories li a:hover { background:url(images/bar-hover-mainmenu.png) no-repeat center top; color:#0CF; text-decoration:none; }
	
	.menu-categories .current-cat a { background:url(images/bar-hover-mainmenu.png) no-repeat center top; color:#0CF; text-decoration:none; }
	

/* =Tablas
------------------------------------------------------*/
table {margin:.5em 0;}
table th {color:#a8ef9d;}
table td, table th {padding:.5em .7em;}
table th {background:url(images/whitetrans.png); text-transform:uppercase; border-bottom:1px transparent;}
table td {background:url(images/blacktrans.png);}
table tr.even td {background:url(images/blacktrans2.png);}
table tr:hover td{background:url(images/whitetrans.png);}

fieldset {padding:1.2em; border:1px dashed #a8ef9d;}
legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;}
input, textarea, select { }
input.radio, input.checkbox {background:#fff; padding:2px;}
form label{font-weight:bold; display:block;}

/* =Post
------------------------------------------------------*/
p.content { margin-bottom:12px; margin-top:15px; }
#main-content img.alignnone { color:#151712; height:auto; line-height:0; margin-top:10px; max-width:460px; width:expression(this.width > 460 ? 460: true); }
.additional-content img.alignnone { color:#151712; height:auto; line-height:0; margin-top:10px; max-width:280px; width:expression(this.width > 280 ? 280: true); }
.related-content #post-thumb img { height:auto; line-height:0; margin-top:10px; max-width:160px; width:expression(this.width > 160 ? 160: true); }
.post-data, p.post-tags, p.post-details { font-size:11px; text-align:left; }
.post-data-comments { font-size:11px; margin-bottom:16px; }

/* =Content
------------------------------------------------------*/
#content {float:left; width:460px;}
#contentfull {float:left; width:980px;}

#texto-post p { margin-bottom:16px; }

.post { margin-bottom:32px; }
.post-image { line-height:0; margin-top:12px; text-align:center; }
.post-image a { color:#151712; }

.additional-content .link-more-category { margin-bottom:32px; padding-left:12px; }
/*.related-content .widget_archive li { margin-bottom:16px; }*/
.aktt_tweets { margin-bottom:32px; }

#results { float:left; overflow:hidden; width:780px; }
	#results .post { float:left; height:128px; margin-right:20px; position:relative; width:370px; }
	#results .post h2 { min-height:32px; }
	#results .post a#lnk-leermas { bottom:5px; position:absolute; left:0; }
#results .cat-list-search { float:left; margin-bottom:32px; margin-right:20px; width:370px; }
#results > p { margin-bottom:32px; }


/************************************************
*          Navigation      *
************************************************/
#navigation { }
#navigation a { font-size:16px; font-weight:bold; }
#navigation a:hover { }

#navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;}
#navigation .wp-pagenavi a:hover {color:#a8ef9d;}
#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.current, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#fff; border:none;}



/************************************************
*          Comments      *
************************************************/
#respond > p { margin-bottom:25px; }
#commentform p label { color:#999; font-weight:bold; margin-bottom:4px; }
#commentform p.author, #commentform p.email, #commentform p.web { background:url(images/bg-input-comments.png) no-repeat; line-height:0; }
#commentform input#author, #commentform input#email, #commentform input#url { background:none; border:none; color:#CCC; height:19px; margin-bottom:9px; padding-left:5px; width:220px; } 
#commentform textarea { background:transparent url(images/bg-textarea-comments.png) no-repeat; border:none; color:#CCC; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; height:128px; margin-bottom:5px; padding:5px; width:270px; }
#respond p.btn-enviar { text-align:right; }
#respond .submitbutton { background:url(images/btn-enviar-comments.png) no-repeat; border:none; height:22px; text-indent:-9000px; width:92px;}
#respond .submitbutton:hover { background-position:bottom left; cursor:pointer; }

#commentform label.error{ color:#FF0; float:none !important; font-size:11px; font-weight:normal; }
.wdpajax-error { padding:5px; color:#F30; }
.wdpajax-success {  color:#9F0; font-weight:bold; padding:5px; }


.wpcf7-form input[name="your-name"], .wpcf7-form input[name="your-email"], .wpcf7-form input[name="your-subject"] { background:url(images/bg-input-comments.png) no-repeat; border:0; color:#CCC; height:19px; line-height:0; padding-left:5px; padding-right:7px; width:208px; }
.wpcf7-form textarea { background:transparent url(images/bg-textarea-comments.png) no-repeat; border:none; color:#CCC; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; height:128px; margin-bottom:5px; padding:5px; width:270px; }
.wpcf7-form input[type="submit"] { background:url(images/btn-enviar-comments.png) no-repeat; border:none; height:22px; text-indent:-9000px; width:92px; }


#comments {margin:0 0 15px 0;}
#comments ul.commentlist li {margin:10px 0 0 0; padding:14px; background:url(images/blacktrans.png);}
#comments ul.commentlist li ul.children li {margin:20px 0 0 20px;}
#comments img.avatar {float:left; margin:0 20px 0 0;}
#comments .commentbody .author { color:#eee; font-weight:bold; margin-bottom:10px; }
#comments .commentbody .author a {color:#D9366D; font-weight:bold; }
#comments .commentbody .author a:hover {color:#F90;}
#comments .commentbody .commentmetadata { color:#bbb; margin-bottom:25px;}
#comments .commentbody .commentmetadata a {color:#bbb;}
#comments .commentbody em {margin-bottom:10px; color:#eee; display:block; font-style:normal;}
#comments .commentbody p { padding:5px 0 8px 0; line-height:1.4em;}
#comments .commentbody p a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;}
#comments .commentbody p a:hover {color:#eee; border-bottom:1px dashed #b9ff9d;}
#comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; float:left; background:#ddd; color:#000;}
#comments .reply a:hover {background:#fff; color:#111;}
#comments h3#trackbacktitle {padding-top:10px;}
#comments ul.trackback {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);}
#comments ul.trackback li {margin-bottom:17px; }
#comments ul.trackback li .commentbody .author {margin:0;}
#comments a#cancel-comment-reply-link {display:block; padding:8px 0;}
#comments a#cancel-comment-reply-link:hover {color:#ccc;}



#comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;}

/* =Footer
------------------------------------------------------*/
.intro-text { float:left; padding:15px 0 15px 20px; width:440px; }
	.intro-text p { margin-top:15px; }
	.intro-text span { color:#D9366D; }
#searchform-aux { background:url(images/bg-search-input.png) no-repeat; display:block; height:19px; left:270px; position:absolute; top:143px; width:160px; }
#searchform-aux input { background:none; border:0 none; color:#FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; height:17px; padding-left:8px;  width:145px; }
#searchform-aux input:focus { outline:none; }
.friends-links { float:right; padding:15px 0 15px 0; width:460px; }
#footer p.title { color:#FFF; font-size:19px; font-weight:bold; margin-top:0; }
.friends-links ul { margin-top:16px; }
.friends-links ul li { float:left; height:117px; margin-right:5px; width:145px; }
.friends-links a:link, .friends-links a:visited, .friends-links a:active { display:block; height:117px; text-indent:-9000px; width:145px; }
.friends-links a:hover { background-position:bottom center; }
.btn-paranoid a { background:url(images/btn-paranoid.jpg) no-repeat; }
.btn-mentira a { background:url(images/btn-mentira.jpg) no-repeat; }
.btn-mandarina a { background:url(images/btn-mandarina.jpg) no-repeat; margin-right:0; }


#credits { color:#666; margin:16px 0 32px 0; text-align:center; }
#credits span { color:#FFF; }

/************************************************
*          WP related          *
************************************************/
.alignleft {float:left; margin:5px 15px 7px 0;}
.alignright {float:right; margin:5px 0 7px 15px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:5px 15px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

.wp-caption {text-align:center; background:url(images/blacktrans.png); padding-top:6px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.wp-caption img {padding:0; margin:0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}

/* =Página de error
------------------------------------------------------*/
#main-content-error { margin-top:32px; }
#main-content-error img:first-child { display:block; margin-bottom:32px; }
.categories-errorpage li.box-category-error { float:left; height:144px; margin-right:20px; margin-bottom:32px; position:relative; width:220px; }
.categories-errorpage li.box-category-error .link-more-category { height:16px; margin-top:16px; position:absolute; bottom:0; left:0; }
.related-content-error .widget_archive { margin-bottom:16px; }