﻿/*  
Site Name: Poolga.com
Site URI: http://www.poolga.com
Description: Poolga. iPhone and iPod Touch wallpapers for the rest of us.
Version: 2.0
CSS author: arturo martín
CSS author URI: http://arturomartin.es
*/

/*  Colors
---------------------------------------------------
	Body Background: #white & #edeae2
	Main Text: #373023
	Links: #ec5b43
*/

body {
	color: #353535;
	font: 1em/1.4em Helvetica, Arial;
	background: #ffffff;
}

a,
a:link,
a:visited {
	color: #999999;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

::selection {
	background: #dbdbdb;
}

::-moz-selection {
	background: #dbdbdb;
}

/* elementos comunes */

.helv {
	font: 0.7em/1.3em Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#wrapper {
	width: 1005px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
}

/* A partir de aquí es el bloque de navegación e información */

#info {
	float: right;
	width: 235px;
	padding-top: 58px;
	padding-left: 25px;
	text-shadow: white 0 1px 0;
	padding-bottom: 25px;
}

h1 a {
	display: block;
	text-indent: -9999px;
	width: 171px;
	height: 75px;
	background: url(../img/poolga-sprite.gif) no-repeat left top;
	position: relative;
	left: 0px;
}

p#promo-text {
	font-size: 0.9em;
	color: #333333;
	margin-top: 30px;
	margin-bottom: 20px;
}

/* navegación */

ul#main-nav {
	font-size: 0.7em;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #ffffff;
	line-height: 2.4em;
	margin-top: 1.2em;
	margin-bottom: 2.2em;
}

ul#main-nav li {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e2e2e2;
}

ul#main-nav li a,
ul#main-nav li a:visited,
ul#social li a,
ul#social li a:visited {
	color: #333333;
	text-decoration: none;
	display: block;
}

ul#main-nav li a:hover,
ul#main-nav li a:active,
ul#main-nav li a.current,
ul#social li a:hover,
ul#social li a:active {
	color: #ec5b43;
}

ul#social {
	border-top: 1px solid #e2e2e2;
	margin-top: 2em;
	padding-top: 2em;
}

ul#social li {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

ul#social li a,
ul#social li#newsletter {
	padding-left: 25px;
	height: 18px;
}

ul#social li#twitter a {
	background: url(../img/poolga-sprite.gif) no-repeat -175px -97px;
}

ul#social li#rssfeed a {
	background: url(../img/poolga-sprite.gif) no-repeat -175px -127px;
}

ul#social li#contact a {
	background: url(../img/poolga-sprite.gif) no-repeat -175px -157px;
}

ul#social li#newsletter {
	background: url(../img/poolga-sprite.gif) no-repeat -175px -182px;
}

form#subscribe {
	margin-bottom: 1.8em;
}

form#subscribe input {
	width: 138px;
	background-color: #f5f3ef;
	border: 1px solid #d5d1c4;
	color: #9f9a8f;
	padding: 5px;
	height: 15px;
}

form#subscribe button {
	background: #edeae2 url(../img/overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: white 0 1px 0;
	position: relative;
	cursor: pointer;
	border: 1px solid #c3bfaf;
	color: #6d675c;
}

form#subscribe button:hover {
	background-color: #dad7d0;
}

/* sponsors */

h2 {
	font-weight: normal;
	font-style: normal;
	border-top: 5px solid white;
	font-size: 0.9em;
	color: #333333;
	margin-bottom: 0.8em;
	padding-top: 0.9em;
}

#sponsors p {
	margin-top: 1em;
	color: #000000;
	margin-bottom: 1.4em;
}

#sponsors img {
	padding: 1px;
	background-color: white;
	border: 1px solid #e2e2e2;
}

a#advertise-here,
a#advertise-visited {
	color: #333333;
}

a#advertise-here:hover,
a#advertise-here:active {
	color: #333333;
}

.sep {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 1.2em;
}

/* brought-by */

ul#brought-by {
	border-top: 1px solid #e2e2e2;
	margin-top: 2em;
	margin-bottom: 1.5em;
	padding-top: 2em;
	color: #757165;
	font-size: 0.7em;
	text-align: center;
}

ul#brought-by li {
	padding-bottom: 1.8em;
}

ul#brought-by li a {
	display: block;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0.8em;
}

ul#brought-by li#ce a {
	width: 40px;
	height: 40px;
	background: url(../img/poolga-sprite.gif) no-repeat -1px -76px;
}

ul#brought-by li#amd a {
	width: 43px;
	height: 24px;
	background: url(../img/poolga-sprite.gif) no-repeat -41px -76px;
}

ul#brought-by li#endtopic a {
	width: 102px;
	height: 43px;
	background: url(../img/logo_endtopic.png) no-repeat 0 0;
}
ul#brought-by li#poolga a {
	width: 84px;
	height: 34px;
	background: url(../img/logo_poolga.png) no-repeat 0 0;
}
ul#brought-by li#arturo a {
	width: 70px;
	height: 35px;
	background: url(../img/logo_arturo.png) no-repeat 0 0;
}
ul#brought-by li#diseco  a {
	width: 99px;
	height: 56px;
	background: url(../img/logo_diseco.png) no-repeat 0 0;
}
ul#brought-by li#emeype a {
	width: 77px;
	height: 16px;
	background: url(../img/poolga-sprite.gif) no-repeat -87px -76px;
}

/* A partir de aquí es el bloque de las poolgas */

#poolgas, #more_poolgas {
	float: left;
	width: 745px;
	background-color: white;
	padding-top: 58px;
	font-size: 0.7em;
	line-height: 1.3em;
	overflow: hidden;
	padding-bottom: 75px;
}

.poolga {
	margin-bottom: 30px;
	float: left;
	position: relative;
}

.big {
	margin-right: 38px;
}

.mini {
	margin-right: 37px;
}

.poolga p {
	margin-top: 3px;
}

.poolga a.platform {
	background: #333;
	background: rgba(0,0,0,.4);
	color: white;
	width: 100%;
	display: none;
	position: absolute;
	bottom: 31px;
	font-size: 1em;
	padding-bottom: 5px;
	padding-top: 10px;
}

.poolga:hover a.platform {
	display: block;
}

.poolga:hover a.platform:hover {
	text-decoration: none;
}

span.iphone,
span.ipad,
span.iphone4 {
	display: block;
	margin-left: 10px;
}

span.iphone {
	width: 27px;
	height: 7px;
	text-indent: -9999px;
	background: url(../img/poolga-sprite.gif) no-repeat 0 -193px;
	margin-bottom: 5px;
}

span.iphone4 {
	/*width: 27px; */
	width: 37px; /** Modificado por Albert (no aparecia el no 4) */
	height: 7px;
	text-indent: -9999px;
	background: url(../img/poolga-sprite.gif) no-repeat -48px -193px;
	margin-bottom: 5px;
}

span.ipad {
	width: 17px;
	height: 7px;
	text-indent: -9999px;
	background: url(../img/poolga-sprite.gif) no-repeat -29px -193px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.poolga img {
	display: block;
	padding: 1px;
	background-color: white;
	border: 1px solid #e8e7e4;
}

.poolga a:hover img {
	border-color: #c9c6bc;
}

#footer {
	width: 684px;
	border-top: 5px solid #e2e2e2;
	clear: left;
}

#pagination {
	text-align: center;
	font-size: 1.1em;
	padding-top: 30px;
	color: #d9d7ce;
}

#pagination a,
#pagination a:visited {
	padding: 3px;
	color: #7a786e;
}

#pagination a:hover,
#pagination a:active {
	color: #ec5b43;
}

#pagination a#current {
	color: #ec5b43;
	font-weight: bold;
}

#pagination a.arrow-right {
	background: #edeae2 url(../img/arrow-overlay.png) no-repeat -305px center;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: white 0 1px 0;
	cursor: pointer;
	border: 1px solid #c3bfaf;
	color: #6d675c;
	display: inline-block;
	margin-left: 10px;
	width: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 30px;
}

#pagination a.arrow-left {
	background: #edeae2 url(../img/arrow-overlay.png) no-repeat -3px center;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: white 0 1px 0;
	cursor: pointer;
	border: 1px solid #c3bfaf;
	color: #6d675c;
	display: inline-block;
	width: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	margin-right: 10px;
}

#pagination a.arrow-right:hover {
	background-color: #dad7d0;
}

#pagination a.arrow-left:hover {
	background-color: #dad7d0;
}

/* about */

#about,
#artists {
	padding-top: 58px;
	padding-bottom: 75px;
	width: 685px;
	padding-right: 60px;
	font-size: 0.8em;
	line-height: 2em;
	float: left;
}

#about h2,
#artists h2 {
	margin-top: 0;
	padding-top: 0;
	font-size: 1.6em;
}

#about h3 {
	font-size: 1.3em;
	border-top: 5px solid #e2e1d9;
	font-weight: normal;
	font-style: normal;
	padding-top: 1em;
	padding-bottom: 1em;
}

#about h4,
#artists h4 {
	font-size: 1em;
	padding-top: 1.2em;
	padding-bottom: 0.5em;
}

#about p {
	margin-bottom: 1.5em;
}

#about ul {
	margin-bottom: 1em;
}

#about ol {
	margin-bottom: 1em;
	list-style-type: decimal;
	padding-left: 2em;
}

#about ol ul {
	margin-bottom: 1em;
	list-style-type: disc;
	padding-left: 2em;
}

/* poolga sola */

#poolga-post {
	padding-top: 58px;
	padding-bottom: 75px;
	width: 685px;
	padding-right: 60px;
	font-size: 0.8em;
	line-height: 2em;
	float: left;
}

#poolga-post #poolgas,  #poolga-post #more_poolgas{
	font-size: 0.85em;
	padding-bottom: 10px;
	padding-top: 0;
}

#poolga-post #poolgas h3,#poolga-post  #more_poolgas h3  {
	font-weight: normal;
	font-style: normal;
	font-size: 1.5em;
	margin-bottom: 25px;
	border-top: 5px solid #e2e1d9;
	padding-top: 35px;
	width: 685px;
}

#poolga-post .big {
	margin-right: 40px;
	margin-bottom: 40px;
}

#poolga-post h2 {
	margin-top: 0;
	padding-top: 0;
	font-size: 1.6em;
	margin-bottom: 0;
}

#poolga-post h2#author {
	color: #ec5b43;
}

#poolga-info {
	float: left;
	width: 320px;
}

#promo-space {
	border-top: 5px solid #e2e1d9;
	margin-top: 1em;
	clear: left;
	padding-top: 3em;
}

#promo-space .container h3 {
	font-weight: normal;
	font-style: normal;
	margin-top: 0;
	padding: 0;
	margin-bottom: 0.5em;
	font-size: 1.3em;
}

#promo-space .container p {
	font-size: 0.85em;
	line-height: 1.7em;
	margin-bottom: 0.8em;
}

#promo-space .container {
	clear: left;
	background: #edeae2 0 center;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: white 0 1px 0;
	color: #6d675c;
	padding: 12px 18px 18px;
}

a#author-url {
	margin-top: 1em;
	margin-bottom: 0.8em;
	background: url(../img/artistSite.gif) no-repeat;
	padding-top: 2px;
}

a#author-shop {
	background: url(../img/artistShop.gif) no-repeat;
	padding-top: 2px;
}

a#author-url, a#author-shop {
	color: #918d82;
	display: block;
	font-size: 0.85em;
	padding-left: 20px;
}

#artistSites {
	border-bottom: 5px solid #e2e1d9;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

#poolga-post h3 {
	font-weight: normal;
	font-style: normal;
	font-size: 1.3em;
	margin-bottom: 0.5em;
}

ul#downloads {
	border-bottom: 1px solid #e2e1d9;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
}

ul#downloads li {
	
}

ul#downloads li a,
ul#downloads li a:visited {
	background: url(../img/poolga-sprite.gif) no-repeat -180px -69px;
	padding-left: 18px;
	color: #4b4230;
}

ul#downloads li a:hover,
ul#downloads li a:active {
	color: #eb5b43;
	text-decoration: none;
}

#pDescription {
	border-bottom: 1px solid #e2e1d9;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
	line-height: 1.65em;
	color: #918d82;
}

ul#share {
	font: 0.85em/2.2em "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #918d82;
	/*border-bottom: 1px solid #e2e1d9;*/
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
}

a.ilikeit {
	background: #d4cfc3 url(../img/poolga-sprite.gif) no-repeat 2px -120px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 3px 8px 3px 22px;
	color: white;
	margin-right: 5px;
}

a.ilikeit:hover {
	background: #ec5b43 url(../img/poolga-sprite.gif) no-repeat 2px -145px;
	color: white;
	text-decoration: none;
}

a.ialreadylikeit {
	background: #ec5b43 url(../img/poolga-sprite.gif) no-repeat 2px -145px;
	color: white;
	text-decoration: none;
}

ul#stars {
	color: #918d82;
	font-size: 0.9em;
	padding-bottom: 1.5em;
}

ul#stars li {
	padding-left: 22px;
}

ul#stars li#sponsored {
	background: url(../img/poolga-sprite.gif) no-repeat -179px -43px;
}

ul#stars li#featured {
	background: url(../img/poolga-sprite.gif) no-repeat -179px -19px;
}

ul#stars li#listed {
	background: url(../img/poolga-sprite.gif) no-repeat -179px 4px;
}

ul#stars li a,
ul#stars li a:visited {
	color: #918d82;
}

ul#stars li a:hover,
ul#stars li a:active {
	color: #ec5b43;
	text-decoration: none;
}

/* artists */

#artists {
	overflow: hidden;
}

#artists ol {
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 25px;
}

#artists ol li {
	float: left;
	width: 30%;
}

#artists ol li.border {
	border-left: 1px solid #e2e0d9;
	padding-left: 20px;
}

#artists ol li a {
	
}

#artists ol li a:visited {
	color: #ecaba1;
}

/* filter */

#filter {
	width: 303px;
	font-size: 0.7em;
	padding-top: 3px;
	position: absolute;
	left: 190px;
	background: url(../img/filter-base.gif) no-repeat center bottom;
	height: 25px;
}

#filter ul {
	padding-bottom: 12px;
	position: absolute;
	left: 62px;
}

#filter ul li {
	float: left;
}

#filter ul li a {
	display: block;
	padding-left: 12px;
	color: #cccccc;
	padding-right: 12px;
	background: url(../img/filter-radio.gif) no-repeat 0 -15px;
}

#filter ul li a:hover {
	color: #b2b2b2;
	text-decoration: none;
}

#filter ul li a.current {
	background: url(../img/filter-radio.gif) no-repeat 0 2px;
}

#filter ul li a.current:hover {
	color: #cccccc;
}

/* ----- Carbon Styles --------------------------------------- */

.carbonad
        {
            background: none !important;
            border: none !important;
        }

.carbonad-image
        {
            margin-left: 0 !important;
        }

.carbonad-text
        {
            margin-left: 3px !important;
            width: 150px !important;
        }

.carbonad-tag
    {
        margin-top: 10px !important;
        margin-left: 3px !important;
    }
