/* Theme Name: Stardance Studio's Theme URI: http://www.freekhol.nl/ Description: Theme designed and developed for Stardance Studio's. Version: 1.0 Author: Freek Hol Author URI: http://www.freekhol.nl/ */ /* Import other stylesheets -----------------------------------------------------------------------------*/ @import url("reset.css"); /* Styles for layout -----------------------------------------------------------------------------*/ .clear {clear:both;} .right {float:right;} .left {float:left;} .clearfloat {clear:both; height:0; font-size:1px; line-height:0px;} /* Set up the document -----------------------------------------------------------------------------*/ body { background:#fbd841 url(images/bg-body-rep-x.gif) repeat-x 0 0; font:62.5% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; } #container { background:#f2ce35; border:1px solid #deb116; border-top:none; margin:0 auto; position:relative; text-align:left; width:940px; } #container .inner { background:#000 url(images/bg/bg-main-home.jpg) no-repeat 0 0; min-height:656px; margin:0 4px 4px; position:relative; } #nav { height:45px; } #sidebar { display:inline; float:right; margin-bottom:2em; min-height:566px; padding-top:25px; position:relative; width:255px; } #mainContent { margin:150px 556px 25px 20px; padding-right:15px; position:relative; } #mainContent .entry { overflow:auto; } #footer { margin:0 auto; padding:15px 0; position:relative; text-align:left; width:940px; } #sterren { background:url(images/bg-footer.gif) no-repeat 0 0; position:absolute; top:-1px; right:0; height:126px; width:117px; } #backtotop {background:#000; display:inline; right:0; top:80%; position:fixed; z-index:50;} #backtotop a {border:1px solid #111; border-right:0; color:#ccc; display:block; font-size:1em; padding:5px 10px; text-decoration:none; text-transform:uppercase;} #backtotop a:hover {color:#fff; border-color:#333;} /* Container backgrounds (page-specific) */ .page-id-20 #container .inner, .parent-pageid-20 #container .inner {background-image:url(images/bg/bg-main-contact.jpg);} .page-id-22 #container .inner, .parent-pageid-22 #container .inner, .page-id-769 #container .inner, .nieuwspagina #container .inner {background-image:url(images/bg/bg-main-sitemap.jpg);} .page-id-24 #container .inner, .parent-pageid-24 #container .inner {background-image:url(images/bg/bg-main-proefles.jpg);} .page-id-64 #container .inner, .parent-pageid-64 #container .inner {background-image:url(images/bg/bg-main-docenten.jpg);} .page-id-69 #container .inner, .parent-pageid-69 #container .inner, .page-id-776 #container .inner, .parent-pageid-776 #container .inner, .activiteitenpagina #container .inner {background-image:url(images/bg/bg-main-activiteiten.jpg);} .page-id-71 #container .inner, .parent-pageid-71 #container .inner {background-image:url(images/bg/bg-main-lesinfo.jpg);} .page-id-73 #container .inner, .parent-pageid-73 #container .inner {background-image:url(images/bg/bg-main-stardancers.jpg);} .page-id-75 #container .inner, .parent-pageid-75 #container .inner {background-image:url(images/bg/bg-main-foto-video.jpg);} .page-id-2534 #container .inner, .parent-pageid-2534 #container .inner {background-image:url(images/bg/bg-main-starvoices.jpg);} .page-id-111 #container .inner {background-image:url(images/bg/bg-main-les-adv.jpg);} .page-id-116 #container .inner {background-image:url(images/bg/bg-main-les-hiphop.jpg);} .page-id-134 #container .inner, .page-id-1699 #container .inner {background-image:url(images/bg/bg-main-les-aerobic.jpg);} .page-id-136 #container .inner {background-image:url(images/bg/bg-main-les-dancepower.jpg);} .page-id-138 #container .inner {background-image:url(images/bg/bg-main-les-freestyle-jazz.jpg);} .page-id-140 #container .inner {background-image:url(images/bg/bg-main-les-jazz-showdans.jpg);} .page-id-142 #container .inner {background-image:url(images/bg/bg-main-les-klassiek-2.jpg);} .page-id-144 #container .inner {background-image:url(images/bg/bg-main-les-modern.jpg);} .page-id-146 #container .inner {background-image:url(images/bg/bg-main-les-peuterritmiek.jpg);} .page-id-148 #container .inner {background-image:url(images/bg/bg-main-les-pilates.jpg);} .page-id-150 #container .inner {background-image:url(images/bg/bg-main-les-spitzen.jpg);} .page-id-152 #container .inner {background-image:url(images/bg/bg-main-les-streetdance.jpg);} .page-id-155 #container .inner {background-image:url(images/bg/bg-main-les-tapdance.jpg);} .page-id-157 #container .inner {background-image:url(images/bg/bg-main-les-vbk.jpg);} .page-id-159 #container .inner {background-image:url(images/bg/bg-main-les-musicalles.jpg);} .page-id-161 #container .inner {background-image:url(images/bg/bg-main-les-zang-theater.jpg);} .page-id-163 #container .inner {background-image:url(images/bg/bg-main-les-zang-techniek.jpg);} .page-id-165 #container .inner {background-image:url(images/bg/bg-main-les-zumba.jpg);} .page-id-435 #container .inner {background-image:url(images/bg/bg-main-les-boysonly.jpg);} /* Styling font -----------------------------------------------------------------------------*/ #sidebar h3, #sidebar p, #sidebar ul {margin-right:20px; margin-left:20px;} #sidebar h3 {color:#fbd841; font-size:1.8em; font-weight:normal; line-height:1; margin-bottom:8px;} #sidebar p {color:#fff; font-size:1em; margin-bottom:1em;} #sidebar ul {margin-bottom:1em;} #sidebar li {font-size:1.2em; line-height:1.6; padding-bottom:.8em;} #sidebar li ul {margin-top:.8em; margin-bottom:0;} #sidebar li ul li {font-size:1em;} #sidebar p.nav-link {margin-bottom:30px; text-align:left;} #sidebar li.nav-link {font-size:1em; margin-top:1.5em; margin-bottom:0.5em;} #mainContent {color:#dedede; font-size:1.2em; line-height:1.5;} #mainContent h1, #mainContent h2 {color:#fbd841; font-size:1.5em; font-weight:normal; line-height:1; margin-top:0.5em; margin-bottom:1em;} #mainContent h1 {margin-bottom:0;} #mainContent h2.main-title {margin-top:0; margin-bottom:1.5em;} #mainContent h3 {border-bottom:1px solid #333; color:#fbd841; font-size:1em; font-weight:bold; text-transform:uppercase;} #mainContent h4 {color:#fff;} #mainContent h5 {color:#fbd841;} #mainContent h6 {color:#fbd841; letter-spacing:1px; text-transform:uppercase;} #mainContent p, #mainContent ul, #mainContent ol {margin-bottom:1.2em;} /*#mainContent p {text-align:justify;}*/ #mainContent p strong, #mainContent ul strong, #mainContent ol strong {color:#eee;} #mainContent ul li {background:url(images/bullet-star.gif) no-repeat 0 4px; padding-left:21px;} #mainContent ul li ul {margin-left:16px;} #mainContent ul li ul li {background:none; list-style:disc; padding-left:0;} #mainContent ol {list-style-type:decimal; margin-left:3px; padding-left:20px;} .page-id-201 #mainContent ol li {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #232323;} .page-id-201 #mainContent ol li:last-child {border-bottom:none; padding-bottom:0;} #mainContent .ddsg-pagenav {border-top:1px solid #333; margin-top:1em; padding-top:5px;} #footer p {color:#8d7406; font:1em/1.2 Arial, Verdana, Helvetica, sans-serif; line-height:1.6; margin-bottom:1.2em; padding-left:20px;} #footer .footer-nav {color:#CFAE19;} .footer-nav span {color:#8d7406;} abbr {border-bottom:1px dotted #666; cursor:help;} #mainContent .no-bottom-margin {margin-bottom:0;} /* Styling links -----------------------------------------------------------------------------*/ #sidebar li {color:#fff;} #sidebar li a, #sidebar li a:visited {color:#e7e8d7; display:block; text-decoration:none;} #sidebar li a:hover {color:#fbd841;} #sidebar .current_page_item a, #sidebar .current_page_item a:visited {background:url(images/bullet-triangle.gif) no-repeat 0 4px; color:#fbd841; padding-left:13px;} #sidebar .current_page_item ul li a, #sidebar .current_page_item ul li a:visited {background:none; color:#e7e8d7; padding-left:0;} #sidebar p.nav-link a, #sidebar li.nav-link a {background:#816903; border:1px solid #fbd841; color:#fbd841; display:inline; padding:1px; text-decoration:none; text-transform:uppercase;} #sidebar p.nav-link a:hover, #sidebar li.nav-link a:hover {background:#fbd841; color:#816903;} #mainContent a, #mainContent a:visited {border-bottom:1px dotted #2F290C; color:#fbd841; text-decoration:none;} #mainContent a:visited {border-bottom-style:solid;} #mainContent a:hover {border-bottom-style:solid; border-bottom-color:#fbd841;} #mainContent ul li ul li a, #mainContent ul li ul li a:visited {color:#fff;} #mainContent a.link-video, #mainContent a.link-proefles, a.link-vraagteken {background-repeat:no-repeat; background-position:0 0; display:inline; line-height:2em; padding-left:20px;} #mainContent a.link-video {background-image:url(images/icon-play.gif); margin-bottom:4px;} #mainContent a.link-proefles {background-image:url(images/icon-envelop.gif);} #mainContent a.link-vraagteken {background-image:url(images/icon-question.gif); background-position:0 2px;} #mainContent .ddsg-pagenav a {background:#816903; border:1px solid #fbd841; color:#fbd841; padding:0 3px; text-decoration:none;} #mainContent .ddsg-pagenav a:hover {background:#fbd841; color:#816903;} #mainContent .ddsg-pagenav span {background:#333; border:1px solid #555; color:#fff; padding:0 3px;} #mainContent .h3-link {border-bottom:none;} #footer a, #footer a:visited {border-bottom:1px dotted #8d7406; color:#8d7406; text-decoration:none;} #footer a:hover {border-bottom-style:solid; color:#000;} #footer .footer-nav a {text-transform:uppercase;} #footer a.noBorder, #footer a:visited.noBorder {border-bottom:none;} #footer a:hover.noBorder {border-bottom:none;} /* Header -----------------------------------------------------------------------------*/ #logo {background:url(images/stardance-logo.gif) no-repeat 0 0; position:absolute; top:10px; left:20px; text-indent:-9999px;} #logo a {display:block; height:119px; width:147px;} /* Navigation -----------------------------------------------------------------------------*/ #nav {text-align:right;} #nav a, #nav a:visited {color:#fff; display:inline-block; font-size:1.2em; letter-spacing:-.02em; margin:0 18px 0 0; padding:15px 0; text-decoration:none; text-transform:uppercase;} #nav a:hover {color:#fbd841;} #nav a.btn {background:url(images/bg-button.gif) no-repeat 50% 50%; color:#816903; font-size:1.1em; margin-right:20px; padding:15px 6px;} #nav a.btn:hover {background-image:url(images/bg-button-hover.gif); color:#f2ce35;} /* when using list for navigation, use this #nav {text-align:right;} #nav ul {display:inline; float:right;} #nav li {display:inline; float:left; position:relative;} #nav a, #nav a:visited {color:#fff; display:block; float:left; font-size:1.2em; letter-spacing:-.02em; margin:0 18px 0 0; padding:15px 0; text-decoration:none; text-transform:uppercase;} #nav a:hover {color:#fbd841;} #nav a.btn {background:url(images/bg-button.gif) no-repeat 50% 50%; color:#816903; font-size:1.1em; margin-right:20px; padding:15px 6px;} #nav a.btn:hover {background-image:url(images/bg-button-hover.gif); color:#f2ce35;} */ /* Custom Rules -----------------------------------------------------------------------------*/ .post-list-item {border-bottom:1px solid #333; margin-bottom:2em; padding-bottom:1em;} #inline-popup {display:none;} #sidebar li a img {background:none; border:0; margin:0 0 0 3px; padding:0;} /* Begin images */ img {background:#2F2F2F; border:1px solid #666; line-height:1em; padding:3px} img.centered {display:block; margin-left:auto; margin-right:auto;} img.alignright {margin:0 0 1em 20px; display:inline;} img.alignleft {margin:0 20px 1em 0; display:inline;} .alignright {float:right;} .alignleft {float:left;} img.wp-image-2575 {background:none; border:none;} #footer img {background:none; border:none; line-height:inherit; padding:0; margin:0;} /* End Images */ /* Captions */ .wp-caption {margin:0 20px 20px 0; text-align:center;} .wp-caption p.wp-caption-text {color:#ccc; font-size:0.9em; font-style:italic; line-height:1.5em; padding:4px; margin:0;} /* tables */ table {margin-bottom:1.5em; width:341px} th {background:#333; border:1px solid #000; color:#fff; font-size:0.8em; font-weight:normal; padding:3px 2px; text-align:center; text-transform:uppercase;} td {border-bottom:1px solid #333; border-right:1px solid #111; padding:3px 2px; text-align:left;} td.border-bot {background:#666; border:1px solid #000; text-align:center;} #table-lesgeld td {text-align:center;} #table-lesgeld td.alignleft, #table-lesgeld td.txt-left {float:none; text-align:left;} #table-lesgeld td.alignright, #table-lesgeld td.txt-right {float:none; text-align:right;} #table-lesgeld td.border-bot {color:#fff; font-size:0.8em; padding:3px 0; text-transform:uppercase;}