/* ----- 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-three-bg {background: #cfd9e3;}   /* used on zoom page */
.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.jpg) no-repeat; width: 5px; height: 100px; background-position: -10px -50px;}
#header-right-shadow {float: left; background: url(../images/all.jpg) 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.jpg) no-repeat; width: 1000px; height: 15px; background-position: -10px -10px;}

#powered-by-dawn a {display: block; background: url(../images/all.jpg) no-repeat; width: 120px; height: 45px; background-position: -470px -250px;}
#powered-by-dawn a:hover {background-position: -470px -295px;}
#valid-html-css {display: block; background: url(../images/all.jpg) no-repeat; width: 120px; height: 45px; background-position: -600px -250px;}

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



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



/* ========== BANNERS ========== */
.header-banner {display: block; width: 466px; height: 58px; background: #26384a; text-align: center; border-top: 1px solid #26384a; border-right: 1px solid #26384a; border-bottom: 1px solid #5390c9; border-left: 1px solid #26384a;}
.header-banner a {display: block; margin-top: 22px; color: #5390c9; font-size: 11px;}
.header-banner a:hover {color: #cfd9e3;}

.header-banner-paid {display: block; width: 459px; height: 58px; padding-left: 7px; background: #26384a; color: #abaeb0; border-top: 1px solid #26384a; border-right: 1px solid #26384a; border-bottom: 1px solid #5390c9; border-left: 1px solid #26384a; font-size: 10px; line-height: 13px;}
.header-banner-paid a {color: #cfd9e3; font-size: 10px;}
.header-banner-paid a:hover {color: #eee;}

.footer-banner {display: block; width: 466px; height: 58px; background: #26384a; text-align: center; border: 1px solid #26384a;}
.footer-banner a {display: block; margin-top: 22px; color: #5390c9; font-size: 11px;}
.footer-banner a:hover {color: #cfd9e3;}



/* ========== FILTERS ========== */
#filters-container {float: left; width: 190px; margin-left: 30px; padding-top: 15px;}
#newest a {display: block; background: url(../images/newest-button.gif) no-repeat; width: 90px; height: 24px;}
#newest a:hover {background-position: 0 -24px;}
#most-downloaded a {display: block; background: url(../images/most-downloaded-button.gif) no-repeat; width: 180px; height: 24px;}
#most-downloaded a:hover {background-position: 0 -24px;}
#random a {display: block; background: url(../images/random-button.gif) no-repeat; width: 90px; height: 24px;}
#random a:hover {background-position: 0 -24px;}



/* ========== PAGINATIE ========== */
.paginatie-container {float: left; width: 312px; padding: 30px 15px 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: 95px; padding-top: 30px;}
.prev-page-button a {display: block; background: url(../images/all.jpg) no-repeat; width: 40px; height: 41px; background-position: -900px -50px; margin-right: 15px;}
.prev-page-button a:hover {background-position: -900px -91px;}
.next-page-button a {display: block; background: url(../images/all.jpg) no-repeat; width: 40px; height: 41px; background-position: -940px -50px;}
.next-page-button a:hover {background-position: -940px -91px;}



/* ========== 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 ANUNT ========== */
#anunt {display: block; background: url(../images/all.jpg) no-repeat; width: 300px; height: 177px; background-position: -100px -190px; margin: 0 10px;}



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

/* ========== Left column RESOLUTIONS & TAGS LIST ========== */
.resolutionsLeft {width: 178px; position: absolute; z-index: 1; background: #cfd9e3; margin-left: 65px; padding: 5px; border: 1px solid #fff; border-top: none;}
.resolutionsLeft a {color: #26384a; padding: 0 3px;}
.tagsLeft {width: 218px; position: absolute; z-index: 1000; background: #cfd9e3; margin-left: 45px; padding: 5px; border: 1px solid #fff; border-top: none;}
.tagsLeft a {color: #26384a; padding: 0 3px; border: 1px solid #cfd9e3;}
.resolutionsLeft a:hover, .tagsLeft a:hover {border: 1px solid #5390c9;}



/* ========== Right column RESOLUTIONS LIST ========== */
.resolutionsList {width: 150px; position: absolute; z-index: 1; background: #973e66; border: 1px solid #973e66; text-align: right;}
.resolutionsListBorder {border: 6px solid #cfd9e3; padding: 10px; color: #b7c1c9;}

#availableResPic a {color: #b7c1c9; line-height: 21px;}
#availableResPic a:hover {color: #5390c9;}



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



/* ========== PHOTO DETAIL ========== */
.photo-detail-author-container {float: left; margin-left: 28px;}
.photo-detail-author-container a:hover {color: #26384a;}
.author {font-size: 17px; font-weight: bold;}

.photo-detail-download-container {float: right; margin-right: 28px; line-height: 23px;}
.download a {color: #973e66; font-size: 17px; font-weight: bold; text-align: right;}
.download a:hover {color: #26384a;}

.photo-detail-img-container {clear: both; width: 612px; margin-left: 28px; border: 1px solid #a0a8b0;}
.photo-detail-img-container img {display: block; margin: auto; padding: 6px;}
.photo-detail-img-container a {display: block;}
.photo-detail-img-container a:hover {background: #5390c9;}

.photo-zoom-img-container {text-align: center;}
.photo-zoom-img-container img {margin: 10px 0; padding: 6px; border: 1px solid #a0a8b0;}

.photo-detail-tags-container {width: 614px; margin: 6px 0 6px 28px; line-height: 19px; text-align: center;}
.photo-detail-tags-container a {color: #26384a; font-weight: bold;}
.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 {margin-bottom: 13px; line-height: 23px; text-align: center;}
.suggest-tags-container input {width: 322px; padding: 6px; background: #e6f1fc; border: 1px solid #a0a8b0; color: #a0a8b0; font-size: 11px; font-family: Verdana, Tahoma, Arial; text-align: center;}
.suggest-tags-container input:focus {background: #fff;}



/* ========== 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: #26384a; 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: 35px 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; font-family: Verdana, Tahoma, Arial;}
.search-button {float: left; display: block; background: url(../images/all.jpg) no-repeat; width: 35px; height: 28px; background-position: -10px -190px;}
.search-box-border-bottom {width: 250px; height: 1px; margin-left: 35px; background: #fff;}



/* ========== COPYRIGHTS ========== */
#copyrights {float: left; width: 190px; margin-left: 65px; padding-top: 35px;}
#copyrights #text {padding-top: 1px;}



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



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



/* ========== SHARE ========== */
#become-a-fan {display: block; margin: 0 90px; background: url(../images/all.jpg) no-repeat; width: 140px; height: 19px; background-position: -710px -140px;}

#stumbleupon {display: block; background: url(../images/all.jpg) no-repeat; width: 138px; height: 91px; background-position: -840px -180px;}
#myspace {display: block; background: url(../images/all.jpg) no-repeat; width: 132px; height: 87px; background-position: -840px -280px;}
#facebook {display: block; background: url(../images/all.jpg) no-repeat; width: 130px; height: 87px; background-position: -840px -380px;}