/* Theme Name: Monotone Description: Simply Beautiful Wordpress Theme Author: iKreativ Author URI: http://ikreativ.com Version: 1.0 */ /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Main body styling ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ html, body { height: 100%; } body { background-color: #FFFFFF; width: 100%; height: 100%; overflow-x: hidden; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Wrappers ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #topWrapper { width: 100%; height: 100px; } #contentWrapper { width: 980px; min-height: 100%; margin: -120px auto; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Logo ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #logo { width: 300px; margin: 30px 0 0 10px; float: left; } #logo a h1 { color: #ffffff; margin: 5px 0 0 0; font-style: italic; float: left; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Top Navigation ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Main navigation wrapper */ #nav { height: 65px; padding: 30px 0 0 0; } /* Less than Wordpress 3 */ #nav ul { margin: 0 -5px 0 0; float: right; } #nav ul li { font-size: 13px; text-shadow: none; margin: 0 10px 0 10px; float: left; } #nav ul li a { color: #ffffff; letter-spacing: 0.8px; position: relative; z-index: 101; text-shadow: none; } #nav ul li a:hover { opacity: .90; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #nav ul li.current_page_item a { background-image: url(../img/nav_active.png); background-repeat: repeat; padding: 5px 8px 5px 9px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Second level dropdown */ #nav ul li ul { width: 150px; display: none; position: absolute; margin: 0 0 0 -10px; padding: 10px 0 0 0; z-index: 10; } #nav ul li ul li { background-color: #000000; min-width: 140px; margin: 0 0 1px 0; padding: 5px 0 5px 10px; position: relative; z-index: 99999; box-shadow: 0px 1px 1px #888888; -moz-box-shadow: 0px 1px 1px #888888; -webkit-box-shadow: 0px 1px 1px #888888; opacity: .90; filter: alpha(opacity=90); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } #nav ul li ul li:nth-last-child(1) { border: none; } #nav ul li ul li a { color: #ffffff; text-shadow: none; padding: 0; line-height: 24px; position: relative; z-index: 102; } /* Third level dropdown */ #nav ul li ul li ul { width: 150px; display: none; position: absolute; top: 0; margin: 0 0 0 140px; padding: 0; z-index: 105; } #nav ul li ul li a { color: #ffffff; background-color: none; border: none; } /* Social Links */ #nav ul li#twitter_nav a, #nav ul li#facebook_nav a, #nav ul li#rss_nav a { width: 16px; height: 16px; margin: 0 -20px 0 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; float: left; text-indent: -9999px; } #nav ul li#twitter_nav a { background-image: url(../img/twitter.png); } #nav ul li#facebook_nav a { background-image: url(../img/facebook.png); } #nav ul li#rss_nav a { background-image: url(../img/feed.png); } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Header Section ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { height: 500px; margin: 0; float: left; } #slogan { width: 1000px; margin: 0 auto; text-align: center; text-shadow: 1px 1px 0px #ffffff; } #slogan h1 { margin: 1px 0 1px 0; } #slogan a:hover { border-bottom: 1px dotted; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Main Content Area ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content { width: 980px; padding: 0 0 5px 0px; float: left; } #content ul { font-size: 13px; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Posts ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .post { width: 625px; border-bottom: 1px solid #e2e2e2; padding: 5px 0 20px 0; margin: 0 0 10px 0; float: left; } .post h1 a, .post h2 a, .post h3 a, .post h4 a, .post h5 a, .post h6 a { font-family: Georgia, Times, sans-serif; color: #000000; } .post:nth-last-child(1) { border: none; } .post img { max-width: 615px; max-height: 200px; background-color: #ffffff; border: 1px solid #e2e2e2; padding: 5px; margin: 0 10px 10px 0; } .post .more-link a, .post a.more-link { margin: 15px 0 -5px 0; } img.attachment-post-thumbnail { max-width: 615px; max-height: 200px; } .postmeta { color: #808080; text-shadow: 1px 1px 0px #ffffff; text-transform: uppercase; font-size: 11px; font-family: Helvetica, Arial, sans-serif; padding: 0 0 15px 3px; border-bottom: 1px dotted #e2e2e2; } .postmeta_img { width: 10px; height: 26px; float: left; margin: -16px 15px 0 -8px; } .postmeta a { font-size: 11px; margin: 0 0 0 20px; } .postmeta img { border: none; background: none; position: absolute; margin: -5px 0 0 0; } .postnavi { width: 625px; margin: 10px 0 10px 0; padding: 0; float: left; } .postnavi a { background-color: #eeeeee; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; padding: 7px 13px 7px 13px; font-size: 12px; font-weight: bold; color: #808080; float: left; margin: 0 8px 0 0; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Comments ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ ul#commentlist { margin: 0; padding: 15px 0 0 0; } ul#commentlist li {min-height: 125px;width: 625px;padding: 10px 0 10px 0;} ul#commentlist li.alt, ul#commentlist li.standard {border-top: 1px solid #e2e2e2;} .singlecomment, .singlecomment-admin { width: 75px; float: left; margin: 0 0 0 10px;} .commenttext, .commenttext-admin { width: 500px; float: left; } #commentsform { float: left; padding: 10px 0 0 0;} #commentform input[type="text"] {width: 609px; color: #757575; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; border: 1px solid #e2e2e2; padding: 8px; margin: 10px 0 15px 0; } #commentform textarea { width: 609px; color: #757575; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; height: 150px; border: 1px solid #e2e2e2; padding: 8px; margin: 10px 0 15px 0;} #commentform input#sbutt { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; background-color: #88bbc8; color: #ffffff; border: none; margin: 10px 0 0 0; padding: 5px 8px 5px 8px; float: right; } #commentform input#sbutt:hover { background-color: #003333; cursor: pointer; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Sidebar ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #aside { width: 300px; padding: 10px 0 0 0; float: right; } #aside ul { font-size: 13px; margin: 0; padding: 10px 0 10px 13px; border-bottom: 1px solid #e2e2e2; } #aside li { color: #888888; font-size: 12px; list-style: none; list-style-image: url(../img/list-style.png); padding: 3px 0 3px 0; } #aside li a { font-size: 13px; } #aside h4 { margin: 15px 0 0 0; } form#searchform input[type="text"] { width: 262px; background-image: url(../img/search.png); background-repeat: no-repeat; color: #808080; font-family: Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 0.5px; padding: 10px 8px 8px 28px; margin: -10px 0 20px 0; border: 1px solid #e2e2e2; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Portfolio Page ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ ul.list { width: 980px; margin: 0; padding: 0; float: left; } ul.list li { border-bottom: 1px solid #e2e2e2; padding: 23px 0 20px 0; width: 980px; float: left; } ul.list li:nth-last-child(1) { border: none; } ul.list li div.item p { width: 400px; display: block; float: left; } ul.list li div.item h3 { margin: 10px 0 10px 0; } ul.list li img { background-color: #ffffff; width: 525px; height: 300px; margin: -45px 0 15px 0; padding: 5px; border: 1px solid #e2e2e2; float: right; } ul.grid { width: 980px; margin: 0; padding: 0; float: left; } ul.grid li { width: 225px; margin: 0 20px 0 0; border: none; } ul.grid li div.item h1, ul.grid li div.item h2, ul.grid li div.item h3, ul.grid li div.item h4, ul.grid li div.item h5 { margin: 0 0 5px 3px; font-size: 14px; } ul.grid li div.item p { display: none; } ul.grid li img { background-color: #ffffff; width: 225px; height: 125px; margin: 0 0 10px; padding: 5px; border: 1px solid #e2e2e2; float: left; } ul.grid li a img:hover, ul.list li a img:hover, .post a img:hover { opacity: .75; filter: alpha(opacity=75); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; cursor: url(../images/zoom.cur), -moz-zoom-in; } div.item p.more-link a { float: right; } a#switch_view img { margin: 5px 0 0 3px; } a#switch_view:hover { border: none; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Contact Page ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #contact ul { padding: 10px 0 10px 0; } #contact .one_quarter { padding: 0 25px 0 2px; } #contact .one_half { width: 500px; padding: 0 0 0 65px; border-left: 1px solid #e2e2e2; float: left; } #contact form { padding: 15px 0 0 0; } #contact form label { font-family: Helvetica, Arial, sans-serif; font-size: 13px; } #contact_form label.error { width: 500px; margin: -5px 0 15px 3px; float: left; } #contact form input[type="text"] { color: #003333; font-family: Helvetica, Arial, sans-serif; font-size: 13px; width: 500px; border: 1px solid #e2e2e2; padding: 8px; margin: 10px 0 15px 0; } #contact form textarea { color: #003333; font-family: Helvetica, Arial, sans-serif; font-size: 13px; width: 500px; height: 150px; border: 1px solid #e2e2e2; padding: 8px; margin: 10px 0 15px 0; } #contact form input[type="submit"] { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; background-color: #88bbc8; color: #ffffff; border: none; margin: 10px -18px 0 0; padding: 5px 8px 5px 8px; float: right; } #contact form input[type="submit"]:hover { background-color: #003333; cursor: pointer; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Twitter Widget ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #twitter { width: 980px; margin: 25px 0 0 0; float: left; } #twitter a img { margin: -15px 10px 0 0; float: left; } #twitter_update_list li { font-size: 12px; margin: 0; } #twitter_update_list li span { font-size: 13px; } #twitter_update_list li a { font-size: 13px; list-style: none; } p.preLoader { font-size: 11px; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Footer ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footerWrapper { background-color: #FFFFFF; width: 100%; margin-top: 0px; padding: 0px 0px 0 0px; float: left; position: relative; clear: both; } #footerWrapper #up { width: 0px; height: 0px; margin: -0px auto 0px auto; position: relative; z-index: 5; } #footer { font-size: 12px; text-shadow: 1px 1px 0px #ffffff; width: 0px; height: 0px; margin: 0 auto; } #footer #about h5 { margin: 5px 0 5px 0; } #footer p { color: #FFFFFF; padding: 0; } #footer ul { margin: 0; min-height: 5px; padding: 0 0 0 3px; } @media screen and (-webkit-min-device-pixel-ratio:0){ #footer ul, #footer p { padding: 0; }} #footer ul li { border-bottom: 1px dotted #e2e2e2; list-style: none; padding: 0.3em 0 0.3em 0; } #footer ul li:nth-last-child(1) { border: none; } #footer ul li a:hover { color: #000000; } #footer .legal { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #808080; width: 980px; margin: 5px auto 5px auto; padding: 5px 0 0 0; border-top: 1px solid #e2e2e2; float: left; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Shortcodes ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .one_full { width: 950px; margin: 0; float: left; } .one_half { width: 460px; margin: 0 15px 0 0; float: left; } .one_half_last { width: 460px; margin: 0; float: right; } .one_third { width: 290px; margin: 0 50px 0 0; float: left; } .one_third_last { width: 290px; margin: 0; float: right; } .two_third { width: 615px; margin: 0 50px 0 0; float: left; } .two_third_last { width: 615px; margin: 0; float: right; } .one_quarter { width: 210px; margin: 0 45px 0 0; float: left; } .one_quarter_last { width: 210px; margin: 0; float: right; } .default_box { background-color: #f7f7f7; border: 1px solid #bcbcbc; color: #808080; padding: 10px; } .notice_box { background-color: #ffffe0; border: 1px solid #e6db55; color: #c7b634; padding: 10px; } .warning_box { background-color: #ffdfdf; border: 1px solid #ff0000; color: #ff0000; padding: 10px; } .success_box { background-color: #e2f3c3; border: 1px solid #7be568; color: #708421; padding: 10px; } .download_box { background-color: #aad0e4; border: 1px solid #0097ce; color: #0097ce; padding: 10px; } .default_box, .notice_box, .warning_box, .success_box, .download_box { font-family: Helvetica, Arial, sans-serif; font-size: 13px; width: 97%; margin: 5px 0 5px 0; float: left; text-shadow: none; line-height: 20px; } .default_box img, .notice_box img, .warning_box img, .success_box img, .download_box img { width: 16px; height: 16px; margin: 0 5px 0 0; padding: 0; border: none; float: left; } .post.default_box, .post.notice_box, .post.warning_box, .post.success_box, .post.download_box { font-family: Helvetica, Arial, sans-serif; font-size: 13px; width: 98%; margin: 5px 0 5px 0; float: left; text-shadow: 1px 1px 0px #ffffff; } .bullet_list li, .arrow_list li, .check_list li { margin: 0 0 0 10px; } .bullet_list li { list-style-image: url(../img/bullet.png); } .arrow_list li { list-style-image: url(../img/arrow.png); } .check_list li { list-style-image: url(../img/check.png); } blockquote { color: #888888; text-shadow: 1px 1px 0px #ffffff; font-size: 14px; margin: 5px 0 25px 25px; border-left: 5px solid #e1e1e1; padding: 0 0 0 5px; line-height: 18px; float: left; } blockquote p { margin: 0; } .highlight { background-color: #ffffe0; padding: 3px; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Wordpress Calendar ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #calendar_wrap { background-color: #dfdfdf; } table#wp-calendar { border-collapse: collapse; margin: 0 0 0.4em; width: 100%; background-color: #808080; margin-bottom:0 !important; border-spacing: 0; text-shadow: 1px 1px 0px #ffffff; } #wp-calendar td { background-color: #ffffff; border: 1px solid #cfcfcf !important; color: #808080; padding: 6px !important; } #wp-calendar th { background-color: #eeeeee; border: 1px solid #cfcfcf !important; color: #808080; padding: 3px 0 !important; font-weight: bold; text-align: center; } #wp-calendar caption { color: #808080; font-weight: bold; text-align: center; padding: 10px; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- End of editable section. Do not edit the values below unless you know what you're doing! ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Clear Fix --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE-mac -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* Generic Classes ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .tiny { font-size: 10px; } .error { color: #ff0000; } .small { font-size: 11px; } .alignleft { float: left; } .alignright: { float: right; } .fadein { visibility: hidden; } .splitter { background-color: #e2e2e2; width: 100%; height: 1px; margin: 15px 0 10px 0; padding: 0; float: left; } .nobox { border: 0; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; } .more-link a, a.more-link { font-size: 12px; color: #808080; margin: 15px 0 10px 0; font-weight: bold; float: right; } .more-link a:hover, a.more-link:hover { color: #000000; } #footer .one_quarter_last { width: 210px; margin: 0; float: left; } /* Plugin Styles ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* The Nivo Slider styles */ .nivoSlider {position:relative;} .nivoSlider img {position:absolute;top:0px;left:0px;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;} /* The slices in the Slider */ .nivo-slice {display:block;position:absolute;z-index:50;height:100%;} /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; padding: 15px 0 15px 0; background:#000; opacity:0.5; /* Overridden by captionOpacity setting */width:100%;z-index:89;} .nivo-caption p { padding: 0; margin: 0 0 0 15px; color: #ffffff; text-shadow: none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a {position:relative; z-index:99; cursor:pointer;} .nivo-controlNav a.active {font-weight:bold;} /* Custom Slider Style */ #slider { width: 100%; height: 300px; position: relative; margin: 15px auto 15px auto; background: #ffffff url(../img/loading.gif) no-repeat 50%; } #slider img { width: 100%; height: 300px;position:absolute;top:0px;left:0px;display:none;} #slider a {border:0;display: block;} .nivo-controlNav {position:absolute;left:45%;bottom:-30px;padding: 15px 0 15px 0;} .nivo-controlNav a {display:block;width:10px;height:10px;background:url(../img/nivo-bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;overflow: hidden; float: left; } .nivo-controlNav a.active {background-position:-10px 0;} .nivo-directionNav a {display:block;width:50px;height:50px; top:125px;background:url(../img/nivo-arrows.png) no-repeat;text-indent:-9999px;border:0;overflow: hidden;} a.nivo-nextNav {background-position:-49px 0;right:-22px;} a.nivo-prevNav {left:-24px;} #slider a:hover { border: none; } .post #slider { width: 100%; } /* Tooltip */ .tipsy { font-family: Helvetica, Arial, sans-serif; color: #ffffff; padding: 5px; font-size: 10px; position: absolute; z-index: 100000; } .tipsy a { font-family: Helvetica, Arial, sans-serif; color: #ffffff; } .tipsy-inner { padding: 5px 8px 6px 8px; background-color: black; color: white; max-width: 200px; text-align: left; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size: 12px; } .tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } /* Colorbox */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:url(../img/overlay.png) 0 0 repeat;} #colorbox{ font-family: Helvetica, Arial, sans-serif; font-size: 13px; } #cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color: #6b747d; text-shadow: 1px 1px 0px #ffffff;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color: #6b747d; text-shadow: 1px 1px 0px #ffffff;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color: #6b747d; text-shadow: 1px 1px 0px #ffffff;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../img/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;}