/* @override http://spidermac.local:8888/wp-content/themes/rec_overflow/style.css */

/*
Theme Name: Rec_Overflow
Theme URI: http://recoverflow.com
Description:
Version: 1.0
Author: Roberto R. for Digitalina Artworks
Author URI: http://digitalina.es/
Tags: Rec_Overflow, IDM, Electrónica
*/

/* @group RESET */

/*** NEUTRALIZANDO ESTILOS:
                elementos que queremos limpiar completamente: ***/
        * {
                margin: 0;
                padding: 0;
                border: none;
        }
        html {
                font: 62.5% "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
                text-shadow: #000 0px 0px 0px;
        }

        h1, h2, h3, h4, h5, h6, p, pre,
        blockquote, ul, ol, dl, address {
                font-weight: normal;
}

ul, ol {
	list-style-type: none;
}

        sup {
                position: relative;
                bottom: 0.3em;
                vertical-align: baseline;
        }

sub {
                position: relative;
                bottom: -0.2em;
                vertical-align: baseline;
        }
        li, dd, blockquote {
        }

                a, a:link, a:visited, a:hover, a:active {
                
                outline: none;
               
                text-decoration: none;
}
        a img {
                border: none;
                text-decoration: none;
        }
        img {
                border: none;
                text-decoration: none;
        }
        label, button {
        cursor:pointer;
        }
        input, select, textarea {
                font-size: 100%;
        }

input#searchsubmit {
	/*padding: 6px;
	text-transform: uppercase;
	color: #4b4943;
	background-color: #c2bbac;
	border: 1px solid #979286;
	cursor: pointer;*/
}
        input:focus, select:focus, textarea:focus {
                background-color: #FFF;
        }
        fieldset {
                border: none;
        }

        .clearBoth {
                clear: both;
        }
        .floatLeft {
                float: left;
        }
        .floatRight {
                float: right;
        }

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}
        .helvetica {
                font-family: Arial, Helvetica, Geneva, sans-serif;
        }

/* @end */

/* @group POSITIONS */

a:link, a:visited {
                
                outline: none;
	color: #fff;
}

 a:hover, a:active {
                
                outline: none;
	color: #fff;
	text-decoration: underline;
}

html body {
	background-color: #221e17;
}

div#page {
	width: 980px;
	position: relative;
	font-size: 1.1em;
	border: 1px solid #999;
	padding-bottom: 0;
	background: #403c38 url(images/wall.gif) no-repeat center bottom;
	margin: 18px auto;
}

div#header {
	height: 30px;
	background-color: #000;
	width: 980px;
	border-bottom: 1px solid #fff;
}

#headerimg h1, #headerimg h1 a {
	font-size: 1em;
	color: #fff;
	display: block;
	height: 21px;
	background: url(images/rec_logo.gif) no-repeat center center;
	text-indent: -5555px;
	width: 221px;
}

#headerimg h1 {
	float: left;
	position: absolute;
	top: 5px;
	left: 19px;
	font-size: 1.1em;
}

#headerimg div.description {
	float: right;
	color: #fff;
	margin-top: 9px;
	margin-right: 21px;
}

div.back-post {
	border-bottom: 1px solid #fff;
	background: #1e1a16 url(images/wall.png) no-repeat center bottom;
}

div.current-post {
	position: relative;
}

div#columna-a {
	width: 350px;
	float: left;
	margin-top: 20px;
}

div#columna-a h2 {
	color: #fff;
	background-color: #000;
	text-align: right;
	letter-spacing: 1em;
	font-size: 1.2em;
	text-transform: lowercase;
	margin-right: 50px;
}

div#columna-a div#disco-back {
	background: url(images/disco.png) no-repeat 35px 4px;
	width: 350px;
	height: 310px;
	position: relative;
}

div#columna-a div#disco-back img {
	position: absolute;
	top: 28px;
	left: 55px;
	border: 1px solid #999;
}

div#columna-a div#polaroid-back {
	background: url(images/polaroid.png) no-repeat 31px 0;
	width: 350px;
	height: 350px;
	position: relative;
}

div#columna-a div#polaroid-back img {
	position: absolute;
	top: 28px;
	left: 55px;
	border: 1px solid #999;
}

div#columna-a div.luz {
	position: absolute;
	top: 29px;
	left: 56px;
	width: 232px;
	height: 232px;
	z-index: 400;
	display: block;
	background: url(images/luz.png) no-repeat center center;
}

p#enlace-foto {
	position: absolute;
	top: 290px;
	left: 57px;
	width: 230px;
	text-align: right;
}

p#enlace-foto a {
	color: #333;
}

div#columna-b {
	float: left;
	width: 269px;
	margin-top: 40px;
	margin-right: 30px;
	color: #ccc;
}

div#columna-b h3 a:link, div#columna-b h3 a:visited {
	background-color: #e5e5e5;
	margin-top: 14px;
	display: block;
	position: absolute;
	color: #333;
	text-decoration: none;
	width: 580px;
	padding: 1px 4px;
	top: 38px;
	font-size: 1em;
	border-style: none;
}

div#columna-b a:link, div#columna-b a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dashed #9eb3b1;
}

div#columna-b a:hover, div#columna-b a:active {
	color: #fff;
	border-bottom: 1px solid #fff;
}


div#columna-b div#current-content {
	margin-top: 50px;
	margin-bottom: 30px;
	line-height: 1.2em;
}

div#columna-b div#current-content p {
	background-color: #1e1a16;
	padding: 1px 3px;
}

li.widget_links h2.widgettitle, li.widget_archive h2.widgettitle {
	color: #ccc;
	font-size: 1.1em;
	background-color: #666;
	text-transform: lowercase;
	padding: 1px 4px;
	letter-spacing: 0.1em;
}

li.widget_links ul li a, li.widget_archive ul li a {
	color: #ccc;
	font-size: 1em;
	text-transform: lowercase;
	padding: 1px 4px;
	letter-spacing: 0.1em;
	display: block;
	background-color: #35312e;
	border-bottom-width: 1px;
	border-bottom-color: #666;
	margin-bottom: 1px;
}

div#columna-b div#current-content ul li a:link strong, div#columna-b div#current-content ul li a:visited strong {
	background: url(images/mini_rec.png) no-repeat right center;
	padding-right: 19px;
}

div#columna-b div#current-content ul li a:hover strong, div#columna-b div#current-content ul li a:active strong {
	background: url(images/mini_rec.png) no-repeat right center;
	padding-right: 19px;
	text-decoration: underline;
}

div#columna-b div#current-content ul li a:link em, div#columna-b div#current-content ul li a:visited em {
	background: url(images/zip.gif) no-repeat right center;
	padding-right: 19px;
	font-weight: normal;
	font-style: normal;
}

div#columna-b div#current-content ul li a:hover em, div#columna-b div#current-content ul li a:active em {
	background: url(images/zip.gif) no-repeat right center;
	padding-right: 19px;
	text-decoration: underline;
}

div#columna-b div#current-content p, div#columna-b div#current-content ul, div#columna-b div#current-content ol,
div#columna-c div#extracto p, div#columna-c div#extracto ul, div#columna-c div#extracto ol {
	margin-bottom: 10px;
}

div#columna-b div#current-content ul li {
	padding-top: 0;
	margin-bottom: 6px;
	margin-top: 2px;
	background-color: #1e1a16;
}

#archives select {
	width: 100%;
	background-color: #999;
	color: #333;
	border: 1px solid #666;
}

div#columna-c {
	width: 290px;
	float: left;
	margin-top: 40px;
	margin-right: 10px;
	color: #ccc;
}

div#columna-c a:link, div#columna-c a:visited {
	color: #fff;
	border-bottom: 1px dashed #9eb3b1;
}

div#columna-c a:hover, div#columna-c a:active {
	color: #fff;
	border-bottom: 1px solid #fff;
}

div#columna-c div#extracto {
	margin-top: 50px;
	color: #ccc;
	line-height: 1.2em;
}

div#columna-c div#extracto p {
	background-color: #1e1a16;
	padding: 1px 3px;

}

div#columna-c div#extracto strong {
	color: #fff;
	font-style: normal;
	font-weight: normal;
}

div#navegacion {
	position: absolute;
	top: 52px;
	left: 650px;
	text-align: right;
	width: 288px;
}

div#anterior {
	float: right;
}

div#siguiente {
	float: right;
}

div#navegacion div#anterior a:link, div#navegacion div#anterior a:visited, div#navegacion div#siguiente a:link,
div#navegacion div#siguiente a:visited {
	padding: 1px 4px;
	border: 1px solid #fff;
	text-decoration: none;
	margin-left: 3px;
	background-color: #2f261d;
	color: #fff;
	text-transform: lowercase;
	font-weight: normal;
	font-style: normal;
}

div#back-resume {
	padding-top: 48px;
	position: relative;
	margin: 0 0 -12px;
	background: url(images/capas.png) no-repeat center top;
	border-bottom: 1px solid #fff;
}

div#back-resume h2 {
	margin-bottom: 10px;
}

div#more-news {
	width: 277px;
	float: left;
	min-height: 100px;
	margin-left: 44px;
	margin-bottom: 0;
	padding-bottom: 30px;
}

div#more-releases {
	width: 300px;
	float: left;
	margin-left: 17px;
	padding-bottom: 30px;
}

div#more-things {
	width: 287px;
	float: left;
	min-height: 100px;
	margin-left: 14px;
	color: #fff;
	padding-bottom: 30px;
	margin-top: 4px;
}

#more-releases  div.disco-mini {
	width: 84px;
	height: 84px;
	float: left;
	position: relative;
	background-color: #fff;
	margin-left: 10px;
	margin-top: 10px;
}

#more-releases div.disco-mini img.current-image-mini {
	float: left;
	background-color: #fff;
	position: absolute;
	top: 6px;
	left: 6px;
	border: 1px solid #9d9d9d;
}

#more-news div.more-news-item {
	padding-bottom: 10px;
	border-bottom: 1px solid #726d64;
	width: 273px;
	padding-top: 10px;
	background: #333a39 url(images/wall.gif) no-repeat center top;
	position: relative;
}

div.result {
	padding-bottom: 10px;
	border-bottom: 1px solid #726d64;
	width: 20%;
	padding-top: 10px;
	background: #4d4843 url(images/wall.gif) no-repeat center top;
	float: left;
	height: 78px;
	position: relative;
}

div.navigation-result {
	border-bottom: 1px solid #fff;
	background-color: #2d2a27;
}

div.navigation-result div.alignleft {
	float: left;
	margin-left: 196px;
}

div.navigation-result div.alignright {
	float: left;
	margin-left: 196px;
}

div.navigation-result div.alignleft a {
	display: block;
	text-transform: uppercase;
	text-align: center;
	color: #ccc;
	background-color: #4d4843;
	font-size: 1.6em;
	width: 196px;
	height: 20px;
}

div.navigation-result div.alignright a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #ccc;
	background-color: #5f5953;
	font-size: 1.6em;
	width: 196px;
	height: 20px;
}

h2.pagetitle {
	text-align: center;
	text-transform: uppercase;
	font: bold 8em/0.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 30px 20px;
	color: #ccc;
	letter-spacing: -11px;
	word-spacing: 8px;
	background: #1e1a16 url(images/wall.gif) no-repeat center bottom;
	border-bottom: 1px solid #fff;
}

h2.pagetitle em {
	text-transform: lowercase;
	letter-spacing: -8px;
}

div.result div.disco-mini {
	position: absolute;
	top: 6px;
	left: 6px;
	background-color: #fff;
	width: 72px;
	height: 72px;
}

div.result div.disco-mini img {
	position: absolute;
	top: 1px;
	left: 1px;
}

div.result div.txt_breve {
	position: absolute;
	top: 6px;
	left: 83px;
	width: 111px;
}

div.result div.txt_breve p {
	color: #ccc;
	line-height: 1em;
	font-size: 1em;
}

div.result div.txt_breve h3 {
	margin-bottom: 7px;
}

div.result div.txt_breve h3 a {
	background-color: #fff;
	font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
}

div.result.odd {
	background-color: #5f5953;
}

#more-news div.more-news-item div.txt_breve h3 a {
	color: #000;
	font-size: 1em;
	margin-bottom: 10px;
	background-color: #ccc;
	padding: 1px 3px;
	width: 163px;
	display: block;
}

#more-news div.more-news-item div.txt_breve_two h3 a {
	color: #000;
	font-size: 1em;
	margin-bottom: 10px;
	background-color: #ccc;
	padding: 1px 3px;
	display: block;
}

#more-news div.more-news-item div.txt_breve {
	color: #ccc;
	margin-bottom: 10px;
	font-size: 1em;
	line-height: 1.2em;
}

#more-news div.disco-mini {
	width: 84px;
	height: 97px;
	position: relative;
	background-color: #fff;
	float: left;
}

#more-news div.txt_breve {
	float: left;
	width: 168px;
	margin-left: 10px;
}

#more-news div.txt_breve_two {
	float: left;
	color: #fff;
	width: 256px;
}

#more-news div.disco-mini img.current-image-mini {
	float: left;
	background-color: #121312;
	position: absolute;
	top: 6px;
	left: 6px;
	border: 1px solid #9d9d9d;
}

div.textwidget {
	margin-bottom: 20px;
	margin-top: 4px;
}

div.textwidget p {
	margin-bottom: 1em;
	color: #ccc;
}

div.textwidget a {
	text-decoration: underline;
}

#text-148468131 strong {
	margin-bottom: 1em;
	color: #fff;
	font-weight: bold !important;
}

h2.widgettitle {
	clear: both;
	margin-top: 12px;
}

li#text-148557391.widget.widget_text div.textwidget {
	background-color: #fff;
	width: 286px;
	height: 230px;
	position: relative;
}

li#text-148557391.widget.widget_text h2.widgettitle {
	text-indent: -5555px;
	background: url(images/youtube.png) no-repeat left center;
	height: 27px;
}

#lastfm-1 h2.widgettitle {
	text-indent: -5555px;
	background: url(images/lastfm.png) no-repeat left center;
	height: 22px;
}

#flickr-photostream h2.widgettitle {
	text-indent: -5555px;
	background: url(images/flickr.png) no-repeat left center;
	height: 16px;
}

#linkcat-2 h2.widgettitle {
}

li#text-148557391.widget.widget_text div.textwidget object {
	background-color: #fff;
	width: 270px;
	height: 214px;
	position: absolute;
	top: 8px;
	left: 8px;
}

div.current-post.odd {
	
}

div.current-post.even {
	background-color: #35312e;
}

#more-news div.more-news-item.odd {
	background-color: #504b46;
}

#more-news div.more-news-item.even {
	background-color: #35312e;
}

ul.lastfm {
	border-top: 1px solid #666;
	margin-bottom: 20px;
}

ul.lastfm li.lastfm-item {
	border-bottom: 1px solid #666;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul.lastfm li.lastfm-item a{
	color: #ccc;
	font-size: 1em;
}

span.lastfm-timestamp {
	font-size: 0.9em;
	color: #999;
}

div#photoAlbum {
	width: 320px;
	height: 225px;
}

#photoAlbum span.flickrImage a {
	width: 52px;
	height: 62px;
	float: left;
	position: relative;
	background-color: #fff;
	margin-right: 7px;
	margin-top: 7px;
}

#photoAlbum span.flickrImage a img {
	width: 40px;
	height: 40px;
	top: 6px;
	position: absolute;
	left: 5px;
	border: 1px solid #999;
	margin: 0;
	padding: 0;
	background-color: #000;
}

#footer {
	color: #dacdbf;
	padding: 10px 20px 12px;
	background: #2d2a27 0;
	border-top: 1px solid #58544d;
	margin-top: 0;
	position: relative;
	height: 30px;
}



/* @end */

/* @group GRAPHICS */

h2#more-news-title {
	position: absolute;
	top: -15px;
	left: -19px;
	display: block;
	width: 300px;
	height: 64px;
	background: url(images/ndr.png) no-repeat left top;
	text-indent: -5555px;
	z-index: 500;
}

h2#more-releases-title {
	position: absolute;
	top: -15px;
	left: 340px;
	display: block;
	width: 300px;
	height: 64px;
	background: url(images/ndr.png) no-repeat center top;
	text-indent: -5555px;
	z-index: 500;
}

h2#more-things-title {
	position: absolute;
	top: -15px;
	left: 700px;
	display: block;
	width: 300px;
	height: 64px;
	background: url(images/ndr.png) no-repeat right top;
	text-indent: -5555px;
	z-index: 500;
}



/* @end */

.post {
	border-bottom: 1px solid #fff;
}

input#searchsubmit {
	padding: 0 3px;
	color: #ccc;
	background-color: #333;
	border: 1px solid #666;
	text-transform: lowercase;
}

input#s {
	border: 1px solid #666;
	width: 105px;
	background-color: transparent;
	color: #ccc;
}

div.more-news-item div.date-over {
	z-index: 500;
	position: absolute;
	top: 93px;
	left: 6px;
	font-size: 0.8em;
	letter-spacing: 0.2em;
	padding-left: 1px;
	padding-right: 1px;
	color: #666;
}

div.result div.date-over {
	z-index: 500;
	position: absolute;
	top: 82px;
	left: 6px;
	background-color: #333;
	color: #fff;
	font-weight: bold;
	font-size: 0.8em;
	letter-spacing: 0.2em;
	padding-left: 1px;
	padding-right: 1px;
}

a#go-home {
	border-style: solid;
	border-width: 1px;
	background-color: #1e1a16;
	padding-right: 20px;
	padding-left: 9px;
	font-size: 1em;
	letter-spacing: -8px;
}

a#view-archive-button {
	background-color: #666;
	display: block;
	width: 271px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: -2px;
	color: #ccc;
	border: 1px solid #ccc;
	font: bold 2.4em/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 32px;
}

a#view-discography-button {
	width: 70px;
	height: 70px;
	display: block;
	background-color: #666;
	position: absolute;
	top: 6px;
	left: 6px;
	text-transform: uppercase;
	color: #ccc;
	border: 1px solid #999;
	text-align: center;
	font: bold 2.4em/1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#feeds {
	width: 36px;
	height: 64px;
	position: fixed;
	left: 0;
	display: block;
	z-index: 2;
	background: url(images/feed.png) no-repeat right top;
	bottom: 0;
}

a#rss-feed:link, a#rss-feed:visited {
	display: block;
	position: absolute;
	top: 0;
	left: 9px;
	text-indent: -5555px;
	width: 27px;
	height: 28px;
	border-style: none;
	background: url(images/feedeos.png) no-repeat center top;
}

a#rss-feed:hover, a#rss-feed:active {
	display: block;
	position: absolute;
	top: 0;
	left: 9px;
	text-indent: -5555px;
	width: 27px;
	height: 28px;
	border-style: none;
	background: url(images/feedeos.png) no-repeat center -76px;
}

a#email-feed:link, a#email-feed:visited {
	display: block;
	position: absolute;
	top: 28px;
	left: 9px;
	text-indent: -5555px;
	width: 28px;
	height: 21px;
	border-style: none;
	background: url(images/feedeos.png) no-repeat center -28px;
}

a#email-feed:hover, a#email-feed:active {
	display: block;
	position: absolute;
	top: 28px;
	left: 9px;
	text-indent: -5555px;
	width: 28px;
	height: 21px;
	border-style: none;
	background-position: center -104px;
	background-repeat: no-repeat;
}

a#download-things {
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	border: 1px solid #ccc;
	background-color: #666;
	color: #ccc;
	font: bold 1.6em/1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: -0.1em;
	margin-top: 20px;
}

div#icons {
	width: 310px;
	position: absolute;
	height: 30px;
	top: 11px;
	left: 655px;
}

div#icons a {
	margin-right: 17px;
}

a#rec-icon:link, a#rec-icon:visited  {
	display: block;
	width: 44px;
	height: 31px;
	text-indent: -5555px;
	background: url(images/logos.png) no-repeat left bottom;
	float: left;
}

a#rec-icon:hover, a#rec-icon:active  {
	display: block;
	width: 44px;
	height: 31px;
	text-indent: -5555px;
	background: url(images/logos.png) no-repeat left top;
	float: left;
}

a#netlabel-icon:link, a#netlabel-icon:visited  {
	display: block;
	width: 20px;
	height: 31px;
	text-indent: -5555px;
	background: url(images/logos.png) no-repeat -60px bottom;
	float: left;
}

a#netlabel-icon:hover, a#netlabel-icon:active  {
	display: block;
	width: 20px;
	height: 31px;
	text-indent: -5555px;
	background: url(images/logos.png) no-repeat -60px top;
	float: left;
}

a#error-icon:link, a#error-icon:visited  {
	display: block;
	width: 31px;
	height: 31px;
	text-indent: -5555px;
	background: url(images/logos.png) no-repeat -99px bottom;
	float: left;
}

a#error-icon:hover, a#error-icon:active  {
	display: block;
	width: 31px;
	height: 31px;
	text-indent: -5555px;
	background: url(images/logos.png) no-repeat -99px top;
	float: left;
}

a#digitalina-icon:link, a#digitalina-icon:visited  {
	display: block;
	width: 32px;
	height: 31px;
	text-indent: -5555px;
	background: url(images/logos.png) no-repeat -148px bottom;
	float: left;
}

a#digitalina-icon:hover, a#digitalina-icon:active  {
	display: block;
	width: 32px;
	height: 31px;
	text-indent: -5555px;
	background: url(images/logos.png) no-repeat -148px top;
	float: left;
}

a#cc-logo  {
	display: block;
	width: 88px;
	height: 31px;
	background: url(images/logos.png) no-repeat -148px bottom;
	float: left;
}