@import 'reset.css';
@import '960_24_col.css';
@import 'fonts-lightbox.css';


/* General Standards */
html {position: relative; width: 100%; height: 100%;}
body {position: relative; width: 100%; height: 100%; background: #252525 url(/images/patterns/__patterns-noisy__V4.png) 0 0 repeat; font-family: Arial; font-weight: normal; font-size: 13px; color: #bdac98; -webkit-overflow-scrolling: auto; -webkit-text-size-adjust: auto; font-smooth: always; -webkit-font-smoothing: antialiased; overflow: hidden;}

::selection {background: #ee0000; color: #f5f5f5; /* WebKit */}
::-moz-selection {background: #ee0000; color: #f5f5f5; /* Firefox */}

.preloader {background: #f3ede6 url(/images/general/loader.gif) center center no-repeat;}
.clear {clear: both;}

div, input, textarea, a, img {outline: none;}

b, strong {font-weight: bold;}
i, em {font-style: italic;}

a {padding-bottom: 1px; color: #ccc; text-decoration: none; border-bottom: 1px solid transparent;}
a:hover {color: #600e02;}
img {max-width: 100%; max-height: 100%; /*visibility: hidden; visibility: visible\9;*/}


#lightbox-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.lightbox-content {z-index: 1; position: absolute; top: 0; left: 150%; width: 100%; height: 100%; text-align: center;}
.lightbox-content .image {z-index: 1; position: absolute; width: 100%; height: 100%;}
.lightbox-content img {z-index: 1; position: absolute; /*margin-top: 10%; max-width: 92%; max-height: 80%;*/}



.icon {z-index: 999; position: absolute; top: 0; width: 50px; height: 50px; background: url(/images/icons/mobile-lightbox__54x54.png) 0 0 no-repeat;}

.icon-close {top: 2%; right: 2%; background-position: -2px -2px;}
.icon-info {z-index: 999; width: 30px; height: 30px; background: url(/images/icons/mobile-lightbox__34x34.png) -2px -2px no-repeat;}

.icon-left {display: none; top: 50%; left: 0; margin-top: -25px; background-position: -2px -110px;}
.icon-right {display: none; top: 50%; right: 0; margin-top: -25px; background-position: -2px -56px;}

.pagination {display: none; z-index: 999; position: absolute; bottom: 0;}
.pagination li {float: left; width: 36px; height: 36px; background: url(/images/topnews/pagination.png) 0 0 no-repeat;}
.pagination li.selected {background-position: 0 -72px;}

.pagination-num {display: none; z-index: 999; position: absolute; bottom: 0; padding: 4% 0; width: 100%; font-family: 'Anton Regular', Arial; font-size: 1.3em; color: #bdac98; text-align: center;}
.pagination-num span {font-weight: bold; color: #bdac98;}


.image-info {display: none; z-index: 999; position: absolute; top: 0; left: 0; width: 100%; background: url(/images/patterns/mobile-lightbox-info.png) 0 0 repeat; text-align: left;}
.image-info p {padding: 4% 4% 3% 4%; font-size: 1.2em; color: #f3ece5; line-height: 150%;}
.image-info p.source {font-size: 1em; color: #bdac98;}