/*************************************** Theme Name: VIPJeugd Theme URI: http://www.vipjeugd.be Description: theme for VIPJeugd Version: 2.0.0 Author: ROMENOV Author URI: http://www.romenov.com ***************************************/ /*************************************** General CSS ***************************************/ * {margin: 0; padding: 0;} body {font: 12px "Tahoma"; color: #000000; background: #dddddd URL(images/body_bg.png);} h1,h2,h3,h4,h5 {color: #e64824; font-weight: bold; font-style: italic;} h1 {font-size: 18px; padding: 0 0 20px 0;} h2 {font-size: 18px; padding: 0 0 10px 0;} h3 {font-size: 16px; padding: 0 0 5px 0;} h4 {font-size: 14px;} h5 {font-size: 12px;} .clear {clear: both; height: 0; line-height: 0;} a {color: #000000; outline: none;} a img {border: 0;} .alignleft {float: left;} .alignright {float: right;} img.alignleft {margin: 5px 5px 0 0;} img.alignright {margin: 5px 0 0 5px;} /*************************************** Structure ***************************************/ #container {width: 1000px; margin: 0 auto;} #header {width: 1000px; height: 198px; background: URL(images/header_bg.png) top left no-repeat;} #content_wrap {background: URL(images/content_bg.png) top left repeat-y;} #footer {width: 1000px; height: 42px; background: URL(images/footer_bg.png) top left no-repeat;} #content {width: 660px; padding: 20px 0 10px 0; margin: 0 51px 0 0; float: right; line-height: 18px;} #sidebar {width: 180px; padding: 20px 0 0 0; margin: 0 9px 0 50px; float: left; line-height: 18px;} #spacer {width: 42px; height: 80px; float: left; background: #ffffff URL(images/content_spacer.png) top left no-repeat;} #logo a {width: 362px; height: 60px; display: block; position: absolute; margin: 60px 0 0 119px; text-indent: -9999px; background: URL(images/logo.gif) top left no-repeat;} /*************************************** Content ***************************************/ #content p {padding: 0 0 18px 0;} #content h2 {font: 18px "Tahoma"; color: #e64824; padding: 0 0 10px 0;} #content h3 {font: 16px "Tahoma"; color: #e64824; padding: 10px 0 10px 0;} #content h2 a, #content h3 a {color: #e64824; text-decoration: none;} #content ul, #content ol {padding: 0 0 0 15px;} #content .spacer {width: 660px; margin: 15px 0 10px 0; border-bottom: 1px solid #cccccc;} #content .post-thumb {width: 150px; padding: 3px 0 0 0; float: left;} #content .post-thumb img {border: 1px solid #cccccc; padding: 3px;} #content .content {width: 510px; float: left;} #content .full-content {width: 660px;} #content .post-footer {clear: both; padding: 20px 0 10px 0; font-size: 11px;} #content .post-footer p {line-height: 18px;} #content #postcomment {margin: 15px 0 0 0;} #content .commentable td {vertical-align: top; padding: 10px;} #content .commentable input, #content textarea {padding: 2px 5px 2px 5px; border: 1px solid #c5c5c5;} #content #submit {background: #f5f5f5; margin: 10px 0 0 0; border: 1px solid #c5c5c5;} #commentlist {list-style-type: none;} #commentlist li {margin: 0 0 10px 0; border-bottom: 1px dotted #cccccc;} #commentlist p {padding: 5px 0 0 0;} .enquete strong {color: #e64824; margin: 10px 0 5px 0; display: block;} .enquete .chk {float: left; width: 50px; height: 35px; padding: 20px 0 0 30px; background: #f5f5f5; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;} .enquete label {float: left; width: 564px; height: 40px; padding: 15px 0 0 15px; background: #f5f5f5; border-bottom: 1px solid #ffffff;} #slideshow {width: 660px; height: 173px; margin: 0 0 10px 0; overflow: hidden;} #slideshow img {position: absolute; z-index: 500;} /*************************************** Sidebar ***************************************/ #sidebar ul {list-style-type: none;} #sidebar li {border-bottom: 1px solid #cccccc; padding: 0 0 20px 0; margin: 0 0 20px 0;} #sidebar h3 {font-size: 20px; color: #4d4d4d; padding: 0 0 10px 0;} #sidebar .MailPressFormEmail, #sidebar .MailPressFormName {padding: 5px; border: 1px solid #c5c5c5; width: 168px; margin: 0 0 2px 0;} #sidebar .MailPressFormSubmit{background: #f5f5f5; margin: 5px 0 0 0; border: 1px solid #c5c5c5;} #sidebar #submenu li {border: 0; padding: 0; margin: 0;} #sidebar #submenu li li {border: 0; border-left: 1px dotted #cccccc; padding: 0 0 0 10px;} #sidebar #submenu a:hover {text-decoration: none;} #sidebar #submenu li li:hover{border-left: 1px dotted #888888;} #sidebar #submenu .current_page_item a {font-weight: bold;} #sidebar #submenu .current_page_item li a{font-weight: normal;} /*************************************** Menu ***************************************/ #menu {list-style-type: none; padding: 135px 0 0 285px;} #menu a {font-size: 20px; color: #ffffff; text-decoration: none; display: block; padding: 15px 17px 8px 15px;} #menu a:hover, #menu .current_page_item a {background: URL(images/mnu_hover.png) bottom center no-repeat;} #menu .current_page_item li a, #menu li .current_page_item a{background: none;} #menu li {display: inline-block; float: left; position: relative; z-index: 99999; background: URL(images/mnu_spacer.png) top right no-repeat; margin: 0 1px 0 0;} #menu ul {width: 230px; position: absolute; left: 0; top: 37px; display: none; padding: 10px 15px 0 15px; z-index: 99999; background: #e64824; z-index: 1000; list-style-type: none;} #menu ul li {display: block; float: none !important; padding: 0; background: none; z-index: 99999;} #menu ul li a {font-size: 13px; padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #e64824;} #menu ul li a:hover {border-bottom: 1px dotted #ffffff; background: none;} #menu li:hover ul {display: block;} #menu .page-item-734 {background-image: none !important;} /*************************************** Footer ***************************************/ #page_footer {font-size: 11px; color: #555555; text-align: right;} #page_footer p {padding: 5px 0 5px 0;} #page_footer span {margin: 0 10px 0 0;}