/* ----- RESET CSS - The simple way ----- */
* {margin: 0; padding: 0; border: 0; text-decoration: none; outline: none;}

/* ----- RESET CSS - The YUI (Yahoo User Interface) way ----- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;}



.color-zero-bg {background: #3a648c;}   /* background darker blue */
.color-one {color: #5390c9;}   /* background blue */
.color-one-bg {background: #5390c9;}
.color-two {color: #26384a;}   /* left column darker blue */
.color-two-bg {background: #26384a;}
.color-three {color: #cfd9e3;}   /* right column lighter blue */
.color-four {color: #973e66;}   /* dark red */
.color-five {color: #b7c1c9;}   /* tags text color */
.color-six {color: #993;}   /* dark yellow */
.color-seven {color: #a0a8b0;}   /* img border color */



/* ========== Here we go :) ========== */
body {background: #5390c9; font-family: Tahoma, Arial; color: #26384a; font-size: 11px;}

a:link {}
a:visited {}
a:active {}
a:hover {text-decoration: none;}
a {color: #26384a;}



/* ========== HEADER , BODY , FOOTER ========== */
.site-width {width: 990px; margin: auto;}

#top-gradient {background: url(../images/top-gradient-bg.gif) repeat-x top center; width: 100%; height: 200px;}

#header-container {clear: both; background: url(../images/site-bg.gif) repeat-y top center; width: 1000px; margin: auto;}
#header {float: left; background: url(../images/header-bg.gif) repeat-x top center; width: 990px; height: 100px; margin: auto;}
#header-left-shadow {float: left; background: url(../images/all.gif) no-repeat; width: 5px; height: 100px; background-position: -10px -50px;}
#header-right-shadow {float: left; background: url(../images/all.gif) no-repeat; width: 5px; height: 100px; background-position: -30px -50px;}

#body-container {clear: both; background: url(../images/site-bg.gif) repeat-y top center; width: 1000px; margin: auto;}
#body {width: 990px; margin: auto; border-top: 1px solid #26384a;}

#footer {clear: both; background: url(../images/header-bg.gif) repeat-x top center; width: 990px; height: 100px; margin: auto; border-top: 1px solid #26384a;}
#footer-shadow {display: block; background: url(../images/all.gif) no-repeat; width: 1000px; height: 15px; background-position: -10px -10px;}

#top-spots {display: block; background: url(../images/all.gif) no-repeat; width: 670px; height: 26px; background-position: -100px -410px;}
#bottom-spots {display: block; background: url(../images/all.gif) no-repeat; width: 670px; height: 26px; background-position: -100px -440px;}



/* ========== HEADER LOGO ========== */
#logo a {float: left; display: block; background: url(../images/all.gif) no-repeat; width: 320px; height: 100px; background-position: -100px -50px;}



/* ========== FILTERS ========== */
#filters-container {float: left; width: 120px; margin: 22px 0 0 30px; font-family: Arial; font-size: 13px; line-height: 19px;}



/* ========== PAGINATIE ========== */
.paginatie-container {float: left; width: 387px; padding: 30px 20px 0 0; text-align: right; line-height: 20px;}
.paginatie {width: 50px; margin: 0 3px; padding: 2px 0; background: #973e66; color: #b7c1c9; border: 1px solid #26384a; font-size: 11px; text-align: center;}

.buttons-container {float: left; width: 83px; padding-top: 28px;}
.prev-page-button a {display: block; background: url(../images/all.gif) no-repeat; width: 41px; height: 45px; background-position: -900px -50px;}
.prev-page-button a:hover {background-position: -900px -95px;}
.next-page-button a {display: block; background: url(../images/all.gif) no-repeat; width: 42px; height: 45px; background-position: -941px -50px;}
.next-page-button a:hover {background-position: -941px -95px;}



/* ========== BODY = LEFT CONTAINER ========== */
.body-left-container {float: left; background: #26384a; width: 320px; padding-bottom: 13px;}
.body-left-container a {color: #b7c1c9;}

/* ========== BODY = RIGHT CONTAINER ========== */
.body-right-container {float: left; background: #cfd9e3; width: 670px; padding-bottom: 13px;}
.body-right-container a {color: #973e66;}



/* ========== Left column TAGS CONTAINER ========== */
.tags-container {background: url(../images/all.gif) no-repeat; width: 250px; height: 21px; background-position: -470px -180px; margin: auto; text-align: center; color: #b7c1c9;}
.tags-container a {display: block; text-align: center;}

/* ========== Left column TAGS LIST ========== */
.tagsLeft {width: 208px; position: absolute; z-index: 1000; background: #cfd9e3; margin-left: 45px; padding: 10px; border: 1px solid #a0a8b0; border-top: none; line-height: 19px; color: #a0a8b0;}
.tagsLeft a {color: #26384a;}
.tagsLeft a:hover {color: #973e66;}



/* ========== WALLPAPERS LISTING ========== */
.photos-listing {clear: both; width: 670px;}
.photos-listing img {display: block; background: #a0a8b0; border: 1px solid #a0a8b0;}
.photos-listing img:hover {border: 1px solid #26384a;}
.photos-listing a {display: block; margin-left: 28px; padding: 2px;}



/* ========== PHOTO DETAIL ========== */
.photo-detail-author-container {float: left; height: 25px; padding-left: 34px; line-height: 25px;}
.author {font-family: Arial; font-size: 17px; font-weight: bold;}
.author:hover {color: #26384a;}

.photo-detail-download-container {float: right; height: 25px; padding-right: 34px; line-height: 25px;}
.download a {font-family: Arial; color: #973e66; font-size: 17px; font-weight: bold; text-align: right;}
.download a:hover {color: #26384a;}

.photo-detail-img-container {clear: both; width: 600px; margin: 0 34px; border-top: 1px solid #a0a8b0;}
#iphone-container {float: left; background: url(../images/iphone.gif) no-repeat; width: 389px; height: 719px; margin: 9px 0;}
.photo-detail-img-container img {display: block; width: 320px; height: 480px; padding: 120px 36px 0 36px;}
.photo-detail-img-container a {display: block;}



.photo-detail-tags-container {width: 600px; margin: 5px 35px; text-align: center; color: #a0a8b0; line-height: 19px;}
.photo-detail-tags-container a {color: #26384a;}
.photo-detail-tags-container a:hover {color: #973e66;}

.dots-container {background: url(../images/dots-bg.gif) repeat top left; width: 122px; height: 280px;}



/* ========== SUGGEST TAGS ========== */
.suggest-tags-container {text-align: center;}
.suggest-tags-container input {width: 322px; padding: 6px; background: #cfd9e3; border: 1px solid #a0a8b0; color: #a0a8b0; font-size: 13px; text-align: center;}
.suggest-tags-container input:focus {background: #fff; color: #26384a;}



/* ========== TAGS PAGE ========== */
.letters {text-align: center;}
.letters a {color: #973e66; padding: 0 3px; font-size: 17px; font-weight: bold; border: 1px solid #cfd9e3;}
.letters a:hover {border: 1px solid #973e66;}

.tags {color: #a0a8b0; padding: 28px;}
.tags a {color: #26384a; font-size: 13px; line-height: 21px;}
.tags a:hover {color: #973e66;}



/* ========== SEARCH ========== */
.search-box {width: 248px; height: 28px; margin: 36px 0 0 35px; background: #973e66; border: 1px solid #26384a;}
input.search {float: left; background: #973e66; color: #b7c1c9; width: 203px; border: none; margin-top: 8px; margin-left: 10px; font-size: 11px;}
.search-button {float: left; display: block; background: url(../images/all.gif) no-repeat; width: 35px; height: 28px; background-position: -10px -190px;}
.search-button:hover {cursor: pointer;}



/* ========== BOOKMARK ========== */
.bookmark {font-family: Arial; color: #cfd9e3; font-size: 13px;}
.bookmark:hover {color: #cc0;}
.bookmark-separator {font-size: 13px; padding: 0 10px;}
.highlight {font-family: Arial; color: #cc0; font-size: 13px;}



/* ========== THUMBNAILS VIEW ========== */
#thumbnails-view {float: left; display: block; background: url(../images/all.gif) no-repeat; width: 17px; height: 14px; background-position: -10px -240px; margin-left: 13px;}



/* ========== SIDE BACKLINKS ========== */
.side-backlinks-container {width: 262px; margin: auto; color: #b7c1c9; font-family: Verdana; font-size: 11px; line-height: 15px;}
.side-backlinks-container a {color: #993;}
.side-backlinks-container a:hover {color: #b7c1c9;}
.side-backlinks-container h3 {margin-bottom: 3px; color: #3a648c; font-size: 13px; line-height: 19px;}



/* ========== OUR NETWORK ========== */
#our-network-container {background: #3a648c; border-top: 2px solid #33597d;}
#our-network {font-family: Arial; font-size: 21px; color: #20374d; line-height: 27px;}
#our-network #on {border: 1px solid #2e5070;}
#our-network #off-text {border-top: 1px solid #3a648c; border-bottom: 1px solid #3a648c;}
#our-network .off-link {border-top: 1px solid #3a648c; border-bottom: 1px solid #3a648c;}
#our-network .off-link:hover {border-bottom: 1px solid #2e5070;}
#our-network .off-link a {color: #20374d;}



#leduri {background: url(../images/leduri.gif) no-repeat; width: 320px; height: 20px;}