/* Theme Name: DDG Description: DDG Wordpress theme Author: DDG */ *{ margin: 0; padding: 0; border: 0; } html, body { height: 100%; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; background: #000000; overflow: scroll; } .clear { clear: both; } .tooltip { padding-bottom: 4px; vertical-align: middle; } /* --------------------------- NEWS --------------------------- */ #news { height: 200px; background: url(im/bgr_news.png) #000000 repeat-x left top; } #news a, #news a:hover { color: #ffffff; text-decoration: underline; } #news .inner { width: 950px; margin: auto; } #news .inner #links { height: 30px; margin-bottom: 10px; background: url(im/bgr_news_inner.gif) no-repeat center bottom; } #news .inner #links ul { padding-top: 16px; float: right; } #news .inner #links ul li { padding-left: 19px; background: url(im/li_news_inner.gif) no-repeat left top; float: left; list-style-type: none; } #news .inner #links ul li.first { padding-left: 0 !important; background: none !important; } #news .inner #links ul li a { color: #999999; text-decoration: none; } #news .inner #links ul li a:hover { color: #ffffff; text-decoration: none; } #news .inner .post-edit-link, #news .inner .post-edit-link:hover { margin-top: 5px; font-size: 9px; font-weight: bold; color: #ff0000; text-decoration: underline; } /* -------------------------------- THE PAGE -------------------------------- */ .page { min-height: 100%; background: url(im/bgr_body.jpg) no-repeat center top; } .page .inner { width: 950px; margin: auto; } /* ---------------------------- HEADER ---------------------------- */ #header { height: 91px; text-align: center; } /* -------------------------------- CONTENT -------------------------------- */ #content { width: 950px; } #content #left_panel { width: 382px; height: 230px; padding: 10px 9px 10px 9px; float: left; } #content #left_panel #aboutus { min-height: 217px; margin-bottom: 12px; padding-top: 18px; } #content #left_panel #contact { width: 150px; text-align: right; float: left; } #content #left_panel #fg { width: 215px; float: right; } #content #right_panel { width: 380px; padding: 10px; float: right; } #content #right_panel .image { width: 300px; height: 200px; margin-left: 40px; position: relative; cursor: pointer; } #content #right_panel .image .title { width: 284px; height: 174px; left: 0; margin: 3px; padding: 20px 0 0 10px; font-size: 17px; color: #ffffff; text-align: left; background: #000000; position: absolute; filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0; } #content #right_panel .image .title:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; } #content #right_panel .image .title span { font-size: 9px; color: #999999; } #content #right_panel .image .thumb { left: 0; position: absolute; } #content #right_panel .image .thumb img { width: 294px; height: 194px; padding: 3px; background: url(im/bgr_thumb.png) no-repeat center center; } #content #right_panel .info { width: 300px; margin: auto; } #content #right_panel .info .left { width: 50%; text-align: left; text-transform: uppercase; float: left; } #content #right_panel .info .right { width: 50%; text-align: right; float: right; } #content #right_panel .info .right a { font-size: 9px; color: #6dc6e7; text-decoration: none; } #content #right_panel .info .right a:hover { color: #ffffff; text-decoration: underline; } /* ------------------------------------- E-MAIL FORM ------------------------------------- */ #email-form { margin-top: 10px; } #email-form .name { width: 50px; margin-bottom: 10px; padding-top: 3px; color: #dfcbca; float: left; } #email-form .value { width: 100px; margin-bottom: 10px; float: left; } #email-form .value input, #email-form .value textarea { width: 88px; padding: 1px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; color: #cccccc; background: none; border: 2px solid #1c1c1a; } #email-form .value input:focus, #email-form .value textarea:focus { border: 2px solid #666666; } #email-form .value textarea { height: 58px; } #email-form #submit { width: 42px; height: 15px; font-size: 0px; background: url(im/btn_submit.jpg) no-repeat center center; border: none; cursor: pointer; float: right; } .wpcf7-not-valid-tip-no-ajax { font-size: 9px !important; } /* ------------------------------------------ Vertical Carousel ------------------------------------------ */ #vertical_carousel { width: 380px; height: 480px; position: relative !important; } #vertical_carousel .container { width: 380px; height: 440px; overflow: hidden; position: relative; } #vertical_carousel ul { height: 100000px; margin: 0; padding: 0; position: relative; top: 0; left: 0; } #vertical_carousel ul li { width: 380px; height: 215px; padding-top: 4px; text-align: center; border-bottom: 1px dotted #a0dae8; list-style: none; } #vertical_carousel .previous_button, #vertical_carousel .next_button { width: 32px; height: 20px; margin-left: 174px; cursor: pointer; } #vertical_carousel .previous_button { background: url(im/btn_updown.png) no-repeat; } #vertical_carousel .previous_button_over { } #vertical_carousel .previous_button_disabled { background-position: 0 -20px; cursor: default; } #vertical_carousel .next_button { margin-top: 2px; background: url(im/btn_updown.png) no-repeat; background-position: -34px 0; } #vertical_carousel .next_button_over { } #vertical_carousel .next_button_disabled { background-position: -34px -21px; cursor: default; } /* --------------------------------------------- Horizontal Carousel --------------------------------------------- */ #horizontal_carousel { width: 950px; height: 140px; } #horizontal_carousel .container { width: 880px; height: 140px; overflow: hidden; position: relative; float: left; } #horizontal_carousel ul { width: 100000px; height: 140px; top: 0; left: 0; position: relative; } #horizontal_carousel ul li { width: 200px; height: 140px; padding-right: 20px; list-style: none; background: url(im/bgr_news_post.gif) repeat-y right top; float: left; } #horizontal_carousel ul li .date { margin-bottom: 5px; color: #4dc5e2; display: block; } #horizontal_carousel .previous_button, #horizontal_carousel .next_button { width: 25px; height: 140px; background: url(im/btn_leftright.gif) no-repeat; z-index: 100; cursor: pointer; float: left; } #horizontal_carousel .previous_button { width: 45px; background-position: -45px 0; } #horizontal_carousel .next_button { background-position: -90px 0; } #horizontal_carousel .previous_button_disabled { background-position: 0 0; cursor: default; } #horizontal_carousel .next_button_disabled { background: none; cursor: default; }