/* Theme Name: MODEXS Theme URI: http://www.modexs.com/ Version: 4 Author: MODEXS Edit Date: 22/09/2011 */ html, body {margin: 0!important; padding: 0!important;} body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; font-weight: normal; color: #9fa1a4; background: #f0f0f0 url(images/rotuy-bg.jpg) repeat-y top center;} #fb-linking { width: auto; height:0 !important; overflow:hidden !important; position:absolute !important; } #header {width: 960px; margin: 0 auto 50px auto; padding: 0 0 30px 0; overflow: hidden; border-bottom: 1px solid #dadbdb; position: relative; z-index: 1;} #logo a:link, #logo a:visited {padding: 0; width: 470px; height: 169px; text-indent: -9999px; border: 0; background: url(images/rotuy-logo.png) no-repeat 0 0; float: left; margin: 0; overflow: hidden; display: block; margin: 50px 0 0 0;} #logo a:hover {background: url(images/rotuy-logo.png) no-repeat 0 -169px;} #top-bar {width: 430px; padding: 24px 20px 19px 20px; float: right; background: #333539; overflow: hidden; margin: 0 0 34px 0; color: #4d4f52!important; position: relative; z-index: 1;} #top-bar ul {list-style: none; float: right; margin: 0; padding: 0; position: relative; z-index: 1;} #top-bar ul li {float: right; margin: 0 0 0 20px; padding: 0;} #top-bar ul li a:link, #top-bar ul li a:visited {opacity: 0.5;} #top-bar ul li a:hover {opacity: 1;} #top-bar form {width: 205px; float: left; margin: 0; padding: 0;} #top-bar form .search {width: 171px; float: left; margin: 0; padding: 3px 3px 3px 5px; height: 20px; background: #FFFFFF; border: 0; font-size: 11px; color: #9fa1a4} #top-bar form .submit {color: #FFFFFF; float: right; text-transform: uppercase; background: #dd4510; text-align: center; width: 26px; height: 26px; border: 0; padding: 0; font-family: 'Oswald', sans-serif; font-size: 11px; -webkit-transition: color .2s ease-in, background-color .2s ease-in; -moz-transition: color .2s ease-in, background-color .2s ease-in; -o-transition: color .2s ease-in, background-color .2s ease-in; transition: color .2s ease-in, background-color .2s ease-in;} #top-bar form .submit:hover {color: #dd4510; background: #FFFFFF; cursor: pointer;} #header .col {width: 225px; float: left; margin: 0 0 0 20px; padding: 0;} #header .col-r {width: 225px; float: right; margin: 0; padding: 0;} #header .col h2, #header .col-r h2, #footer .col h4, #footer .col-r h4, #footer .twitter h4 {font-size: 14px; color: #6b6d71; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; font-weight: normal; line-height: normal; font-family: 'Oswald', sans-serif;} #header .rotuy {width: 225px; float: right; background: url(images/rotuy-rotuy.png) no-repeat 0 0; margin: 0; padding: 0; height: 162px; position: absolute; bottom: 0; right: 0; overflow: hidden; z-index: 999;} #header .rotuy:hover {background: url(images/rotuy-rotuy.png) no-repeat 0 0; height: 232px; cursor: help;} #main {width: 960px; margin: 0 auto 50px auto; padding: 0; overflow: hidden; min-height: 100%; height: auto !important; height: 100%;} #main .category {width: 225px; float: left; margin: 0 20px 0 0; padding: 0;} #main .category-r {width: 225px; float: right; margin: 0; padding: 0;} #main .category-r ul li h4 {font-size: 11px; color: #6b6d71; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; font-weight: normal; line-height: normal; font-family: 'Oswald', sans-serif;} #main .category-r ul li h4 span {font-size: 10px; color: #dadbdb; display: block; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; font-weight: normal; line-height: normal; font-family: 'Oswald', sans-serif;} #main ul {list-style: none; margin: 0; padding: 0;} #main ul li {width: 225px; margin: 0 0 20px 0; padding: 0; line-height: 0; background: url(images/rotuy-view.jpg) no-repeat 50% 50%; overflow: hidden;} #main ul li img, #main .col-double img {opacity: 1; filter: alpha(opacity = 100); cursor: pointer; margin: 0!important; padding: 0!important; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; display: block;} #main ul li img:hover {opacity: 0.3; filter: alpha(opacity = 30); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;} #main .col-double img:hover {opacity: 0.3; filter: alpha(opacity = 30); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;} #main .category ul li h3, #main .category-r ul li h3 {margin: 0; padding: 0;} #main .category ul li h3 a:link, #main .category ul li h3 a:visited, #main .category-r ul li h3 a:link, #main .category-r ul li h3 a:visited {margin: 0!important; padding: 16px 7px 16px 7px; width: 225px!important; display: block; text-transform: uppercase; background: #333539; font-weight: normal; color: #FFFFFF; font-family: 'Oswald', sans-serif; font-size: 11px; text-decoration: none; clear: both; -webkit-transition: color .2s ease-in, background-color .2s ease-in; -moz-transition: color .2s ease-in, background-color .2s ease-in; -o-transition: color .2s ease-in, background-color .2s ease-in; transition: color .2s ease-in, background-color .2s ease-in;} #main .category ul li h3 a:hover, #main .category-r ul li h3 a:hover {background: #dd4510;} #main .col-double {width: 470px; float: left; margin: 0 20px 0 0; padding: 0; border-bottom: 33px solid #333539; background: url(images/rotuy-zoom.jpg) no-repeat 50% 50%;} #main .details {width: 225px; float: left; margin: 0; padding: 0; min-height: 200px;} #main .details img {width: 54px; height: 54px; margin: 0 2px 2px 0; padding: 0; opacity: 1; filter: alpha(opacity = 100); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;} #main .details img:hover {opacity: 0.3; filter: alpha(opacity = 30); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;} #main h1 {width: 218px; font-weight: 400; float: left; margin: 0 0 20px 0; padding: 7px 0 8px 7px; background: #333539; color: #FFFFFF; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; line-height: auto;} #main .date {width: 218px; float: right; margin: 0 0 2px 0; padding: 10px 0 11px 7px; background: #6b6d71; font-family: 'Oswald', sans-serif; text-transform: uppercase;} #main .date .month {font-size: 12px; font-weight: 400; color: #FFFFFF; line-height: 12px;} #main .date .day {font-size: 40px; font-weight: 400; color: #FFFFFF; line-height: 40px; display: block;} #main #nav {width: 225px; float: left; margin: 0; padding: 0; clear: right;} #nav ul {list-style: none; margin: 0; padding: 0; clear: both;} #main #nav .previous {width: 111px!important; float: left; margin: 0; padding: 0; border: 0; background-image: none!important; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 10px;} #main #nav .next {width: 112px!important; float: right; margin: 0; padding: 0; border: 0; background-image: none!important; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 10px;} #main #nav .next a:link, #main #nav .next a:visited {width: 90px; padding: 16px 16px 17px 7px; background-color: #6b6d71!important; background-image: none!important; color: #FFFFFF; text-align: right; float: right; text-decoration: none; margin: 0;} #main #nav .previous a:link, #main #nav .previous a:visited {width: 91px; padding: 16px 16px 17px 7px; background-color: #6b6d71!important; background-image: none!important; color: #FFFFFF; text-align: left; float: left; text-decoration: none; margin: 0;} #main #nav .next a:hover, #main #nav .previous a:hover {background-color: #dd4510!important;} #footer {width: 100%; margin: 0!important; padding: 46px 0 35px 0; background: #333539; background: url(images/rotuy-footer-bg.jpg) repeat-y top center; clear: both; overflow: hidden;} #footer-wrap {width: 960px; margin: 0 auto 0 auto; padding: 0!important;} #footer-wrap a:link, #footer-wrap a:visited {color: #FFFFFF; text-decoration: none;} #footer-wrap a:hover {text-decoration: underline;} #footer-wrap .col ul, #footer-wrap .col-r ul {list-style: none; padding: 0; margin: 0;} #footer-wrap .col ul li, #footer-wrap .col-r ul li {display: block; margin: 0 0 5px 0; border-bottom: 1px dotted #6b6c6f; padding: 0 0 5px 0; font-family: 'Oswald', sans-serif; text-transform: uppercase;} #footer-wrap .col ul li a:link, #footer-wrap .col ul li a:visited, #footer-wrap .col-r ul li a:link, #footer-wrap .col-r ul li a:visited {color: #9fa1a4; text-decoration: none; display: block;} #footer-wrap .col ul li a:hover, #footer-wrap .col-r ul li a:hover {color: #FFFFFF;} #footer-wrap .twitter ul {list-style: none; padding: 0; margin: 0 0 20px 0;} #footer-wrap .twitter ul li {background: #3d3f43; display: block; margin: 0 0 5px 0; padding: 10px;} #footer-wrap .twitter ul li a:link, #footer-wrap .twitter ul li a:visited {color: #FFFFFF; text-decoration: none;} #footer-wrap .twitter ul li a:hover {text-decoration: underline;} #footer .col, #footer-wrap .twitter {width: 225px; float: left; margin: 0 20px 0 0; padding: 0;} #footer .col-r {width: 225px; float: right; margin: 0; padding: 0;} #footer p {color: #9fa1a4;} #page-numbers {width: 960px; float: left; margin: 30px 0 0 0; padding: 40px 0 0 0; border-top: 2px dotted #dadbdb;} #page-numbers span {float: left; margin: 0 5px 0 0; font-weight: 400; line-height: 16px; text-align: center; width: 26px; height: 21px; color: #9fa1a4; font-family: 'Oswald', sans-serif; font-size: 11px; border: 0!important; background-image: none!important;} #page-numbers .current {margin: 5px 0 0 0;} #page-numbers a:link, #page-numbers a:visited {font-family: 'Oswald', sans-serif; font-size: 11px; background: #6b6d71; color: #FFFFFF; line-height: normal; float: left; margin: 0 5px 0 0; font-weight: 400; text-align: center; width: 6px; height: 21px; border: 0; padding: 5px 10px 0 10px;} #page-numbers a:hover {background: #333539; text-decoration: none;} .pages {height: 21px; width: auto!important; padding: 5px 5px 0 5px!important; background: #333539!important; text-transform: uppercase; color: #FFFFFF!important;} #other-posts {width: 225px; float: right; margin: 20px 0 20px 0; padding: 0;} #archive {width: 960px; margin: 0 auto 30px auto; padding: 0; overflow: hidden;} #archive ul, #other-posts ul {list-style: none; margin: 0!important; padding: 0!important;} #archive ul li {width: 78px!important; margin: 0; padding: 0; line-height: 0; border-bottom: 5px solid #333539!important; background: url(images/rotuy-view.jpg) no-repeat 50% 50%!important;} #other-posts ul li {width: 51px!important; margin: 0; padding: 0; line-height: 0; border-bottom: 2px solid #333539!important; background: url(images/rotuy-view-2.jpg) no-repeat 50% 50%!important;} #archive .a-left {float: left; margin: 0 20px 20px 0!important;} #archive .a-right {float: right; margin: 0 0 20px 0!important;} #other-posts .a-left {float: left!important; margin: 0 7px 7px 0!important;} #other-posts .a-right {float: right!important; margin: 0 0 7px 0!important;} #archive ul li img, #other-posts ul li img {opacity: 1; filter: alpha(opacity = 100); cursor: pointer; margin: 0!important; padding: 0!important; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;} #archive ul li img:hover, #other-posts ul li img:hover {opacity: 0.3; filter: alpha(opacity = 30); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;} #archive h1 {width: 950px; float: left; margin: 0 0 43px 0; padding: 7px 0 8px 10px; font-weight: 400; background: #333539; color: #FFFFFF; text-align: left; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; line-height: auto;} .flickrGallery {width: 225px; margin: 0 0 20px 0;} #share {width: 211px; margin: 0 0 20px 0; float: left; background-color: #dadbdb; background-image: none!important; padding: 8px 7px 9px 5px;} #share p {float: left; margin: 0 10px 0 0; font-size: 11px; color: #333539; font-weight: 400; padding: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase;} a:link, a:visited, a:visited {color: #dd4510; text-decoration: none} a:hover {color: #dd4510; text-decoration: underline;} #main a.boxlink:link, #main a.boxlink:visited {width: 100%; display: block; padding: 10px 10px 12px 10px; background: #6b6d71; color: #FFFFFF!important; text-align: center; float: left; text-transform: uppercase; text-decoration: none; margin: 40px 0 0 0; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 400; -webkit-transition: color .2s ease-in, background-color .2s ease-in; -moz-transition: color .2s ease-in, background-color .2s ease-in; -o-transition: color .2s ease-in, background-color .2s ease-in; transition: color .2s ease-in, background-color .2s ease-in;} #main a.boxlink:hover {background: #dd4510;} img {border: 0;} p {margin: 0 0 20px 0;} #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;} #jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #jquery-lightbox a img {border: none;} #lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #lightbox-container-image {padding: 10px;} #lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #lightbox-container-image-box > #lightbox-nav {left: 0;} #lightbox-nav a {outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block;} #lightbox-nav-btnPrev {left: 0; float: left;} #lightbox-nav-btnNext {right: 0; float: right;} #lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;} #lightbox-container-image-data {padding: 0 10px; color: #666;} #lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;} #lightbox-image-details-caption {font-weight: bold;} #lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;} #lightbox-secNav-btnClose {width: 26px; margin: 0; float: right; padding-bottom: 0.7em;}