Tune up your CSS
CSSCruncher.com is your premier ressource for valid, small and fancy CSS code!
» Homepage
» FAQ
» Partner
» Imprint
Last crunched Pages
» rogator.de
» grandeidea.info
» walther-flender-gruppe...
» billigfluege.de
» pregnancymiracle44.com
» More in the ARCHIVE
Tipp
Let's see what we've done for www.mittelalter-browsergames.de
CSSCruncher.com has crunched this CSS to
18.44 %
Less Size!
Woohooo!
Crunched CSS code:
html,body{height:100%} img{margin:0;padding:0;border:none} ul,li{margin:0;padding:0} p{font-size:1em;margin:0 0 1em 0;padding:0;line-height:1.6em} h1{font-size:2em;line-height:1.5em;margin:0 0 0.5em 0;padding:0} h2{font-size:1.5em;line-height:1.5em;margin:0 0 0.5em 0;padding:0} h3{font-size:1.4em;line-height:1.5em;margin:0 0 0.3em 0;padding:0;font-weight:normal} h4{font-size:1.2em;line-height:1.5em;margin:0 0 0.3em 0;padding:0;font-weight:normal} a,a:link,a:active{color:#dd9f00;text-decoration:none} a:hover{color:#dd9f00;text-decoration:underline} a.out{font-size:1.5em;line-height:1.6em;color:#B00000;font-weight:bold;text-decoration:underline} body{margin:0;padding:0;font-family:Georgia,"Times New Roman",Times,serif;text-align:left;font-size:12px;color:#3b3a3a;background:#fff url(images/body-back.gif) repeat-x top left} #wrapper{min-height:100%;position:relative} * html #wrapper{height:100%} #container{margin:0 auto;width:1000px;padding:0px 15px 80px 15px} #header{margin:0;position:relative;height:120px;background:url(images/header-back.gif) no-repeat top left} #header h1{display:block;position:relative;float:left;top:0px;left:0px;height:111px;width:433px;margin:0;overflow:hidden;padding:0;text-decoration:none;text-indent:-9999px;background:url(images/logo.gif) no-repeat center left} #header h1 a{display:block;height:120px;width:350px} ul#main-menu{position:absolute;right:0px;top:46px;color:#ffffff;margin:0 0 0px 0;font-size:1.1em;letter-spacing:1px;padding:0;list-style:none;background:transparent no-repeat scroll 0px 0px} ul#main-menu li{padding:0;float:left;margin:0 0px 0 0px;display:inline;line-height:28px} ul#main-menu li a{float:left;padding:0px 15px 0px 15px;text-decoration:none;color:#4b4b4b} li#current{background:url(images/menu-li.gif) no-repeat top left} li#current a{padding:0px 15px 0px 17px;text-decoration:none;background:url(images/menu-a.gif) no-repeat top right} ul#main-menu li a:hover{text-decoration:none;color:#dd9f00} #mainbar{position:relative;height:178px;background:url(images/mainbar-back.gif) no-repeat top left} #content{margin:0px;padding:20px 0px 20px 0px;background:url(images/content-top-sub.gif) no-repeat top left} #content-home{float:left;width:925px;margin-top:15px;padding:25px 25px 10px 25px;background:#ffffff url(images/content-top-home.gif) no-repeat top left} #main{float:left;padding-top:10px;display:inline;width:645px} .standard h1{padding:0px 0px 5px 0px;margin:0px 0px 20px 0px;line-height:1em;font-size:2.2em;font-weight:bold;text-transform:uppercase;letter-spacing:1px;border-bottom:1px dotted #ccc} .standard h2{clear:both;padding:0px 0px 0px 35px;margin:0px 0px 7px 0px;line-height:1.2em;font-size:2.0em;letter-spacing:1px;font-weight:normal;background:url(images/h2-back.gif) no-repeat center left} .standard h3 a,.standard h2 a,.standard h1 a{color:#464646} .standard h3 a:hover,.standard h2 a:hover,.standard h1 a:hover{color:#dd9f00;text-decoration:none} .standard ul{margin:10px 0px 15px 55px;padding:0px 0px 0px 0px} .standard ul li{padding:0px 0px 0px 0px;margin:0px 0px 10px 0px} .standard ul li a{text-transform:none} .standard ul li a:hover{color:#dd9f00;text-decoration:none} .block{margin-bottom:25px} .team,.work{margin-bottom:30px} .work{margin-bottom:35px} .showcase{float:left;background:url(images/team-frame.png) no-repeat top left;margin-right:20px;margin-top:-5px;overflow:hidden;width:188px;height:146px} .showcase img{float:left;padding:18px 14px 18px 14px} .showcase a{float:left;display:block} .team img{float:left;margin-top:-5px;margin-left:-3px;margin-right:20px;padding:18px 14px 18px 14px;background:url(images/team-frame.png) no-repeat top left} .team h3,.work h3{font-weight:normal} .team h3,.team p{margin-left:0px} ul.project-slide{margin:5px 3px 0px 0px;list-style:none} ul.project-slide li{float:left;display:inline;margin:0} ul.project-slide li a{display:block;overflow:hidden;text-decoration:none;text-indent:-9999px;height:15px;width:15px;margin-right:5px;background:url(images/pslide-off.gif) no-repeat top left} ul.project-slide li a:hover,ul.project-slide li a.activeSlide{text-decoration:none;background:url(images/pslide-on.gif) no-repeat top left} ul.project-slide li a.activeSlide{background:url(images/pslide-on.gif) no-repeat top left} ul.project-slide a:focus{outline-style:none} p.arrow{padding:0px 0px 0px 20px;background:url(images/contact-arrow.gif) no-repeat left center;color:#3b3a3a} .blog h2{padding:0px 0px 0px 0px;margin:0px 0px 0px 58px;line-height:1.2em;font-size:1.7em;letter-spacing:1px;font-weight:normal} .blog h3 a,.blog h2 a,.blog h1 a{color:#464646} .blog h3 a:hover,.blog h2 a:hover,.blog h1 a:hover{color:#dd9f00;text-decoration:none} .post{margin-bottom:25px} .postdate{float:left;display:inline;height:45px;margin-top:2px;width:45px;background:transparent url(images/date-stamp.gif) no-repeat scroll left top} .day,.month{color:#FFFFFF;font-weight:normal;margin:0px 0px 0px 0px;padding:0;text-align:center;text-transform:none} .day{margin-top:4px;font-size:1.2em;line-height:13px} .month{font-size:1.0em;line-height:30px} .meta{font-size:0.9em;margin-top:-2px;margin-left:58px} #sidebar{float:right;display:inline;margin:-15px 0px 0px 0px;width:330px;border-left:1px solid #ffffff;border-right:1px solid #ffffff} .sideblock{width:300px;margin-bottom:0px;padding:0 15px 15px 15px} .sideblock ul{margin:10px 0px 20px 20px} .sideblock li{margin-bottom:5px} .o2g{padding-top:15px;background:#ffa74f;color:#ffffff} .o2g a{color:#ffffff} .g2b{padding:0 15px 20px 15px;background:#d5d9b5 url(images/bot-g2b.gif) no-repeat bottom left} .g2w{background:#d5d9b5 url(images/bot-g2w.gif) no-repeat bottom left} .b2w{background:#4b4b4b;color:#ffffff} .sideblock h2{padding:10px 0px 0px 0px;font-weight:normal;font-size:1.4em;background:url(images/sidebox-h2.gif) no-repeat top left} img.projects{padding:9px;margin-left:-2px;background:url(images/img-frame.gif) no-repeat top left} ul.sidelist,ul.subnavlist{margin:0;list-style:none;padding-bottom:12px} ul.sidelist li,ul.subnavlist li{margin:0;display:inline} ul.sidelist li a,ul.subnavlist li a{border:1px solid #fff;display:block;color:#4b4b4b;font-size:1.1em;background:#e4e8c5;padding:5px 5px 7px 7px;margin-bottom:5px} ul.subnavlist li a{background:#ebb115;border:1px solid #f0bc32;color:#ffffff} ul.sidelist li a:hover{text-decoration:none;background:#ffa74f;border:1px solid #4b4b4b} ul.subnavlist li a:hover,ul.subnavlist li a.current{text-decoration:none;background:#f9c331;border:1px solid #f9cf5c;color:#ffffff} .sidelinks{margin-top:15px;padding-bottom:5px} a.rss{padding:0px 0px 0px 25px;margin-right:15px;float:left;color:#464646;cursor:pointer;background:url(images/rss.gif) no-repeat center left} a.bookmark{padding:0px 0px 0px 25px;margin-right:15px;float:left;color:#464646;cursor:pointer;background:url(images/bookmark.gif) no-repeat center left} #main-sub form{float:left} .sideblock form{padding:10px;margin:0 0 5px 0;border:1px solid #f0f4d3;background:#e4e8c5} ol.forms{float:left;margin:0px 20px 0px 0px;padding:0px;list-style:none} ol.sideforms{margin:0px 0px 0px 0px;padding:0px;list-style:none} ol.forms input{letter-spacing:1px;padding:3px;width:200px;margin:0px 0px 0px 0px} ol.sideforms input{letter-spacing:1px;padding:2px;width:240px;border:1px solid #c5c9a9;margin:0px 0px 0px 0px} ol.forms textarea{letter-spacing:1px;padding:3px 3px 3px 3px;height:140px;width:300px;margin:-1px 0px 0px 0px} ol.sideforms textarea{letter-spacing:1px;padding:2px;height:100px;width:240px;border:1px solid #c5c9a9;margin:-1px 0px 0px 0px} ol.forms li{margin-bottom:10px} ol.sideforms li{margin-bottom:5px} ol.forms label{display:block;padding:5px 0px 5px 0px;margin:0px} ol.sideforms label{display:block;padding:5px 0px 5px 0px;margin:0px} input#submit{padding:0px;margin:5px 0px 0 0;display:block;border:none;cursor:pointer;clear:both;width:117px;height:31px;outline-style:none} input#submit-side{padding:0px;margin:5px 0px 0 0;display:block;border:none;cursor:pointer;clear:both;outline-style:none} span.error{font-size:12px;color:#dd9f00;padding-left:5px} p.javaenabled{color:#dd9f00} .has-script p.javaenabled{display:none} #mapstyle{margin:0px 0px 15px 0px;padding:5px;border:1px solid #f0f4d3;background:#e4e8c5} #map{width:256px;height:160px;border:1px solid #d5d9b5} #footer{position:relative;margin-top:-100px;height:100px;min-width:930px;color:#ffffff;background:#484747 url(images/footer-back.gif) repeat-x top left} .footer-block{clear:both;margin:0 auto;text-align:left;padding:65px 0px 0 0px;width:900px;font-size:0.9em} .footer-block p{float:left;padding:0px;margin:0px;margin-top:-10px} .footer-block ul{padding:0px;float:right;margin:0px;margin-top:-10px;list-style:none} .footer-block ul li{float:left;list-style:none;margin:0;margin-left:1em} .footer-block a{color:#ffffff} .footer-block a:hover{color:#dd9f00;text-decoration:underline} #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%;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:66px;float:right;padding-bottom:0.7em} .hidden{display:none} .center{margin:0 auto} .last{margin:0px;padding:0px} .clear,.clearline{clear:both;height:1px;margin:0;padding:0;font-size:15px;line-height:1px} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:inline-block} * html .clearfix{height:1%} .clearfix{display:block} .margin-bottom{margin-bottom:20px} .left{float:left;display:inline} .right{float:right;display:inline}
» Show original CSS code
« Hide original CSS code
html, body {height:100%;} img {margin:0;padding:0;border: none;} ul, li {margin:0;padding:0;} p {font-size: 1em;margin: 0 0 1em 0;padding: 0;line-height:1.6em;} h1 {font-size: 2em;line-height: 1.5em;margin: 0 0 0.5em 0;padding: 0;} h2 {font-size: 1.5em;line-height: 1.5em;margin: 0 0 0.5em 0;padding: 0;} h3 {font-size: 1.4em;line-height: 1.5em;margin: 0 0 0.3em 0;padding: 0;font-weight:normal;} h4 {font-size: 1.2em;line-height: 1.5em;margin: 0 0 0.3em 0;padding: 0;font-weight:normal;} a, a:link, a:active {color:#dd9f00;text-decoration: none;} a:hover {color:#dd9f00;text-decoration: underline;} a.out {font-size: 1.5em;line-height: 1.6em;color: #B00000; font-weight:bold;text-decoration: underline;} body {margin: 0;padding: 0;font-family: Georgia, "Times New Roman", Times, serif;text-align: left;font-size:12px;color:#3b3a3a;background:#fff url(images/body-back.gif) repeat-x top left;} #wrapper {min-height:100%;position:relative;} * html #wrapper {height:100%} #container{margin:0 auto;width:1000px;padding:0px 15px 80px 15px;} #header{margin:0;position:relative;height:120px;background: url(images/header-back.gif) no-repeat top left;} #header h1 {display:block;position:relative;float:left;top:0px;left:0px;height:111px;width:433px;margin:0;overflow:hidden; padding:0;text-decoration:none;text-indent:-9999px;background: url(images/logo.gif) no-repeat center left;} #header h1 a {display:block;height:120px;width:350px;} ul#main-menu {position:absolute;right:0px;top:46px;color:#ffffff;margin:0 0 0px 0;font-size:1.1em;letter-spacing:1px; padding:0;list-style: none;background:transparent no-repeat scroll 0px 0px;} ul#main-menu li {padding: 0;float: left;margin: 0 0px 0 0px;display: inline;line-height:28px;} ul#main-menu li a{float: left;padding: 0px 15px 0px 15px;text-decoration:none;color:#4b4b4b;} li#current {background:url(images/menu-li.gif) no-repeat top left} li#current a{padding: 0px 15px 0px 17px;text-decoration:none;background:url(images/menu-a.gif) no-repeat top right} ul#main-menu li a:hover {text-decoration:none;color:#dd9f00;} #mainbar { position:relative; height:178px; background:url(images/mainbar-back.gif) no-repeat top left; } /*End Header and menu */ #content {margin:0px;padding:20px 0px 20px 0px;background: url(images/content-top-sub.gif) no-repeat top left;} #content-home {float:left;width:925px;margin-top:15px;padding:25px 25px 10px 25px;background:#ffffff url(images/content-top-home.gif) no-repeat top left;} #main {float:left;padding-top:10px;display:inline;width:645px;} .standard h1 { padding:0px 0px 5px 0px; margin:0px 0px 20px 0px; line-height:1em; font-size:2.2em; font-weight:bold; text-transform:uppercase; letter-spacing:1px; border-bottom:1px dotted #ccc; } .standard h2 { clear:both; padding:0px 0px 0px 35px; margin:0px 0px 7px 0px; line-height:1.2em; font-size:2.0em; letter-spacing:1px; font-weight:normal; background:url(images/h2-back.gif) no-repeat center left; } .standard h3 a, .standard h2 a, .standard h1 a { color:#464646; } .standard h3 a:hover, .standard h2 a:hover, .standard h1 a:hover { color:#dd9f00; text-decoration: none; } .standard ul{ margin:10px 0px 15px 55px; padding:0px 0px 0px 0px; } .standard ul li { padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; } .standard ul li a { text-transform:none; } .standard ul li a:hover { color:#dd9f00; text-decoration:none; } .block { margin-bottom:25px; } .team, .work { margin-bottom:30px; } .work { margin-bottom:35px; } .showcase { float:left; background:url(images/team-frame.png) no-repeat top left; margin-right:20px; margin-top:-5px; overflow:hidden; width:188px; height:146px; } .showcase img{ float:left; padding:18px 14px 18px 14px; } .showcase a{ float:left; display:block; } .team img{ float:left; margin-top:-5px; margin-left:-3px; margin-right:20px; padding:18px 14px 18px 14px; background:url(images/team-frame.png) no-repeat top left; } .team h3, .work h3{ font-weight:normal; } .team h3, .team p{ margin-left:0px; } ul.project-slide { margin:5px 3px 0px 0px; list-style:none; } ul.project-slide li { float:left; display:inline; margin:0; } ul.project-slide li a{ display:block; overflow:hidden; text-decoration:none; text-indent:-9999px; height:15px; width:15px; margin-right:5px; background:url(images/pslide-off.gif) no-repeat top left; } ul.project-slide li a:hover, ul.project-slide li a.activeSlide{ text-decoration:none; background:url(images/pslide-on.gif) no-repeat top left; } ul.project-slide li a.activeSlide{ background:url(images/pslide-on.gif) no-repeat top left; } ul.project-slide a:focus { outline-style:none; } p.arrow { padding:0px 0px 0px 20px; background:url(images/contact-arrow.gif) no-repeat left center; color:#3b3a3a; } /* Blog News */ .blog h2 { padding:0px 0px 0px 0px; margin:0px 0px 0px 58px; line-height:1.2em; font-size:1.7em; letter-spacing:1px; font-weight:normal; } .blog h3 a, .blog h2 a, .blog h1 a { color:#464646; } .blog h3 a:hover, .blog h2 a:hover, .blog h1 a:hover { color:#dd9f00; text-decoration: none; } .post { margin-bottom:25px; } .postdate { float:left; display:inline; height:45px; margin-top:2px; width:45px; background:transparent url(images/date-stamp.gif) no-repeat scroll left top; } .day, .month{ color:#FFFFFF; font-weight:normal; margin:0px 0px 0px 0px; padding:0; text-align:center; text-transform:none; } .day { margin-top:4px; font-size:1.2em; line-height:13px; } .month { font-size:1.0em; line-height:30px; } .meta { font-size:0.9em; margin-top:-2px; margin-left:58px; } /* Sidebar */ #sidebar { float:right; display:inline; margin:-15px 0px 0px 0px; width:330px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; } /* sidebar for main page */ .sideblock {width:300px;margin-bottom:0px;padding:0 15px 15px 15px;} .sideblock ul {margin:10px 0px 20px 20px;} .sideblock li {margin-bottom:5px;} .o2g {padding-top:15px;background:#ffa74f;color:#ffffff;} .o2g a{color:#ffffff;} .g2b {padding:0 15px 20px 15px;background:#d5d9b5 url(images/bot-g2b.gif) no-repeat bottom left;} .g2w {background:#d5d9b5 url(images/bot-g2w.gif) no-repeat bottom left;} .b2w {background:#4b4b4b;color:#ffffff;} .sideblock h2{ padding:10px 0px 0px 0px; font-weight:normal; font-size:1.4em; background: url(images/sidebox-h2.gif) no-repeat top left; } img.projects { padding:9px; margin-left:-2px; background:url(images/img-frame.gif) no-repeat top left; } ul.sidelist, ul.subnavlist {margin:0;list-style:none;padding-bottom:12px;} ul.sidelist li, ul.subnavlist li {margin:0;display:inline;} ul.sidelist li a, ul.subnavlist li a{border:1px solid #fff;display:block;color:#4b4b4b;font-size:1.1em;background: #e4e8c5;padding: 5px 5px 7px 7px;margin-bottom:5px;} ul.subnavlist li a{background:#ebb115;border:1px solid #f0bc32;color:#ffffff;} ul.sidelist li a:hover{text-decoration:none;background:#ffa74f;border:1px solid #4b4b4b;} ul.subnavlist li a:hover, ul.subnavlist li a.current{text-decoration:none;background:#f9c331;border:1px solid #f9cf5c;color:#ffffff;} .sidelinks { margin-top:15px; padding-bottom:5px; } a.rss { padding:0px 0px 0px 25px; margin-right:15px; float:left; color:#464646; cursor:pointer; background: url(images/rss.gif) no-repeat center left; } a.bookmark { padding:0px 0px 0px 25px; margin-right:15px; float:left; color:#464646; cursor:pointer; background: url(images/bookmark.gif) no-repeat center left; } /* end sidebar */ /* Form Styling */ #main-sub form { float:left; } .sideblock form { padding:10px; margin:0 0 5px 0; border:1px solid #f0f4d3; background: #e4e8c5; } ol.forms { float:left; margin:0px 20px 0px 0px; padding:0px; list-style:none; } ol.sideforms { margin:0px 0px 0px 0px; padding:0px; list-style:none; } ol.forms input { letter-spacing:1px; padding:3px; width:200px; margin:0px 0px 0px 0px; } ol.sideforms input { letter-spacing:1px; padding:2px; width:240px; border:1px solid #c5c9a9; margin:0px 0px 0px 0px; } ol.forms textarea{ letter-spacing:1px; padding:3px 3px 3px 3px; height:140px; width:300px; margin:-1px 0px 0px 0px; } ol.sideforms textarea{ letter-spacing:1px; padding:2px; height:100px; width:240px; border:1px solid #c5c9a9; margin:-1px 0px 0px 0px; } ol.forms li{ margin-bottom:10px; } ol.sideforms li{ margin-bottom:5px; } ol.forms label { display:block; padding:5px 0px 5px 0px; margin:0px; } ol.sideforms label { display:block; padding:5px 0px 5px 0px; margin:0px; } input#submit { padding:0px; margin:5px 0px 0 0; display:block; border:none; cursor:pointer; clear:both; width:117px; height:31px; outline-style:none; } input#submit-side { padding:0px; margin:5px 0px 0 0; display:block; border:none; cursor:pointer; clear:both; outline-style:none; } span.error { font-size:12px; color:#dd9f00; padding-left:5px; } p.javaenabled { color:#dd9f00; } .has-script p.javaenabled { display:none; } /* Form Styling */ /* Map Styling */ #mapstyle { margin:0px 0px 15px 0px; padding:5px; border:1px solid #f0f4d3; background: #e4e8c5 } #map { width:256px; height:160px; border:1px solid #d5d9b5; } /*End Content*/ /*Footer */ #footer{ position:relative; margin-top:-100px; height:100px; min-width:930px; color:#ffffff; background:#484747 url(images/footer-back.gif) repeat-x top left; } .footer-block { clear:both; margin:0 auto; text-align:left; padding:65px 0px 0 0px; width:900px; font-size:0.9em; } .footer-block p{ float:left; padding:0px; margin:0px; margin-top:-10px; } .footer-block ul{ padding:0px; float:right; margin:0px; margin-top:-10px; list-style:none; } .footer-block ul li{ float:left; list-style:none; margin:0; margin-left:1em; } .footer-block a { color:#ffffff; } .footer-block a:hover { color:#dd9f00; text-decoration: underline; } /*End Footer */ /* Lightbox */ #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%; 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: 66px; float: right; padding-bottom: 0.7em; } /* End Lightbox */ /*Tools*/ .hidden { display:none; } .center { margin:0 auto; } .last { margin:0px; padding:0px; } .clear, .clearline { clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .margin-bottom { margin-bottom:20px; } .left { float:left; display:inline; } .right { float:right; display:inline; } /* End Tools */ /* End CSS file */