File: D:/HostingSpaces/PDeckers/dcinstal.com/wwwroot/rw_common/themes/Veerle/styles.css
/* @group Meyer's CSS reset */
/* v1.0 | 20080212 */
/* with slight modifications*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
margin: 0;
padding: 0;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
-moz-outline-style:none;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* @end */
/* @group General Styles */
body {
height: 100%;
width: 100%;
border-top: 6px solid #18262c;
color: #41403c;
line-height: 20px;
font-size: 12px;
}
:focus {
-moz-outline-style:none;
}
img {
border: none;
}
.image-left {
float: left;
margin: 3px 12px 3px 0;
}
.image-right {
float: right;
margin: 3px 0 3px 12px;
}
a:link, a:visited {
text-decoration: underline;
}
a:hover, a:active {
text-decoration: none;
}
.clearer {
clear: both;
}
h1 {
margin: 0;
padding: 0;
font-size: 44px;
line-height: 48px;
letter-spacing: -2px;
}
h2 {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 26px;
font-weight: normal;
font-style: normal;
letter-spacing: -1px;
}
h3 {
margin: 0;
padding: 0;
font-size: 18px;
line-height: 22px;
}
h4 {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 16px;
}
hr {
border-top: 1px solid #bfbfbf;
}
/* Main content area unordered list styles */
#contentContainer #content ul,
#contentContainer #content ol {
list-style-position: inside;
}
#contentContainer #content li {
}
ul.disc {
list-style-type: disc;
}
ul.circle {
list-style-type: circle;
}
ul.square {
list-style-type: square;
}
ol.arabic-numbers {
list-style-type: decimal;
}
ol.upper-alpha {
list-style-type: upper-alpha;
}
ol.lower-alpha {
list-style-type: lower-alpha;
}
ol.upper-roman {
list-style-type: upper-roman;
}
ol.lower-roman {
list-style-type: lower-roman;
}
/* Sidebar area unordered list styles */
#sidebar ul {
margin: 5px 0;
padding-left: 20px;
}
#sidebar li {
margin: 5px 0;
list-style-position: outside;
list-style-image: url(images/iconCheckmark.png);
font-size: 12px;
line-height: 14px;
}
/* Table Styles */
table {
}
/* @end */
/* @group Layout */
#container {
margin-top: -6px;
}
#siteHeader {
height: 267px;
width: 860px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
#siteLogo {
float: right;
margin-right: 24px;
margin-top: 16px;
}
#siteHeader h1 {
color: #fff;
margin-left: 20px;
line-height: 48px;
font-size: 48px;
font-weight: bold;
margin-top: 25px;
margin-right: 20px;
}
#siteHeader h2 {
color: #fff;
position: relative;
line-height: 32px;
font-size: 24px;
margin-right: 20px;
margin-left: 20px;
}
#contentContainer {
width: 860px;
margin-right: auto;
margin-left: auto;
padding-bottom: 20px;
background-color: #fff;
padding-top: 20px;
}
#content {
margin-right: 20px;
margin-left: 20px;
color: #41403c;
}
#footer {
width: 860px;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
padding-bottom: 20px;
}
#archives {
width: 260px;
float: right;
display: block;
margin-right: 20px;
padding: 0;
margin-left: 60px;
}
#sidebar {
margin-left: 20px;
margin-right: 20px;
color: #6b6858;
}
#sidebar h3 {
color: #f8ffe2;
letter-spacing: 1px;
font-size: 18px;
font-weight: bold;
}
#copyright {
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto;
margin-left: auto;
width: 860px;
line-height: 13px;
font-size: 11px;
}
#copyright a {
color: #6b6858;
text-decoration: none;
font-weight: bold;
}
#copyright a:hover {
color: #5b594a;
text-decoration: none;
font-weight: bold;
}
.inset {
margin-right: 20px;
margin-left: 20px;
}
/* @end */
/* @group Blog */
/* @group Tag Cloud */
ul.blog-tag-cloud {
margin: 0 0 10px 0;
text-align: left;
}
ul.blog-tag-cloud a {
text-decoration: none;
}
ul.blog-tag-cloud a:hover {
text-decoration: underline;
}
ul.blog-tag-cloud li {
display: inline;
margin-right: 7px;
}
.blog-tag-size-1 {
font-size: 0.8em;
}
.blog-tag-size-2 {
font-size: 0.85em;
}
.blog-tag-size-3 {
font-size: 0.9em;
}
.blog-tag-size-4 {
font-size: 0.95em;
}
.blog-tag-size-5 {
font-size: 1em;
}
.blog-tag-size-6 {
font-size: 1.05em;
}
.blog-tag-size-7 {
font-size: 1.1em;
}
.blog-tag-size-8 {
font-size: 1.15em;
}
.blog-tag-size-9 {
font-size: 1.2em;
}
.blog-tag-size-10 {
font-size: 1.25em;
}
.blog-tag-size-11 {
font-size: 1.3em;
}
.blog-tag-size-12 {
font-size: 1.35em;
}
.blog-tag-size-13 {
font-size: 1.4em;
}
.blog-tag-size-14 {
font-size: 1.45em;
}
.blog-tag-size-15 {
font-size: 1.5em;
}
.blog-tag-size-16 {
font-size: 1.55em;
}
.blog-tag-size-17 {
font-size: 1.6em;
}
.blog-tag-size-18 {
font-size: 1.65em;
}
.blog-tag-size-19 {
font-size: 1.7em;
}
.blog-tag-size-20 {
font-size: 1.75em;
}
/* @end */
/* @group Archive Page */
.blog-archive-background {
background-color: transparent;
}
.blog-archive-headings-wrapper {
margin-bottom: 20px;
}
.blog-archive-entries-wrapper {
}
.blog-archive-entries-wrapper .blog-entry {
}
.blog-archive-month {
margin: 0;
float: none;
}
.blog-archive-link {
}
.blog-archive-link a:link, .blog-archive-link a:visited {
padding: 0 0 15px;
margin: 0;
}
/* @end */
.blog-entry {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e2eec8;
}
.blog-entry .image-left,
.blog-entry .image-right {
text-indent: 0;
}
h1.blog-entry-title {
margin: 0;
float: none;
letter-spacing: -1px;
line-height: 32px;
font-size: 28px;
font-weight: bold;
}
.blog-entry-title a:link, .blog-entry-title a:visited {
text-decoration: none;
}
.blog-entry-title a:hover, .blog-entry-title a:active {
}
.blog-entry-body {
clear: both;
}
.blog-entry-date {
margin-bottom: 15px;
color: #979484;
padding-left: 15px;
background: url(images/iconPersonMale.gif) no-repeat left center;
padding-top: 1px;
letter-spacing: 0;
line-height: 13px;
font-size: 11px;
}
.blog-entry img {
border-style: solid;
border-width: 4px;
}
p.blog-entry-tags {
text-transform:uppercase;
color: #a09c88;
background: url(images/iconTag.gif) no-repeat left 3px;
padding-left: 15px;
margin-top: 10px;
line-height: 14px;
font-size: 10px;
}
p.blog-entry-tags a {
text-decoration: none;
text-transform: capitalize;
line-height: 14px;
font-size: 12px;
}
.blog-entry-comments a {
text-transform:uppercase;
text-decoration: none;
line-height: 14px;
font-size: 10px;
}
/*styles the category link in the main entry */
.blog-entry-category a:link,
.blog-entry-category a:visited {
background: url(images/iconCloud.gif) no-repeat left center;
padding-left: 20px;
margin-right: 5px;
margin-left: 5px;
color: #979484;
text-decoration: none;
text-transform: uppercase;
padding-top: 1px;
line-height: 13px;
font-size: 11px;
}
.blog-entry-category a:hover {
text-decoration: underline;
}
/* styles the archives in the blog sidebar */
#blog-archives {
padding-top: 12px;
padding-bottom: 12px;
float: none;
clear: none;
}
a.blog-archive-link-enabled:link, a.blog-archive-link-enabled:visited {
}
a.blog-archive-link-enabled:hover, a.blog-archive-link-enabled:active {
}
.blog-archive-link-disabled {
}
/* Styles the blog categories in the blog sidebar */
#blog-categories {
margin-bottom: 20px;
clear: none;
border-top-style: solid;
border-top-width: 1px;
}
a:link.blog-category-link-enabled, a:visited.blog-category-link-enabled {
text-decoration: none;
width: 234px;
height: 23px;
padding-top: 6px;
float: left;
background: url(images/iconTree.gif) no-repeat 1px center;
padding-left: 17px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
html>body a:link.blog-category-link-enabled, a:visited.blog-category-link-enabled {
background: url(images/iconTree.png) no-repeat 1px center;
}
a:hover.blog-category-link-enabled, a:active.blog-category-link-enabled {
background: url(images/iconTree.gif) no-repeat 1px center;
}
html>body a:hover.blog-category-link-enabled, a:active.blog-category-link-enabled {
background: url(images/iconTree.png) no-repeat 1px center;
}
.blog-category-link-disabled {
text-decoration: none;
width: 234px;
height: 23px;
float: left;
background: url(images/iconTree.gif) no-repeat 1px center;
padding-left: 17px;
padding-top: 6px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
html>body .blog-category-link-disabled {
text-decoration: none;
width: 234px;
height: 23px;
float: left;
background: url(images/iconTree.png) no-repeat 1px center;
border-bottom: 1px solid #cfcaae;
padding-left: 17px;
border-bottom: 1px solid #cfcaae;
padding-top: 6px;
}
/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
}
a.blog-rss-link {
background-image: url(images/iconRss.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 22px;
height: 17px;
text-decoration: none;
}
html>body a.blog-rss-link {
background-image: url(images/iconRss.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 22px;
height: 17px;
text-decoration: none;
}
a.blog-comments-rss-link {
background-image: url(images/iconRss.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 22px;
height: 17px;
text-decoration: none;
}
html>body a.blog-comments-rss-link {
background-image: url(images/iconRss.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 22px;
height: 17px;
text-decoration: none;
}
a:hover.blog-rss-link, a:hover.blog-comments-rss-link {
}
.blog-read-more a:link, .blog-read-more a:visited {
float: right;
font-weight: bold;
text-decoration: none;
}
.blog-read-more a:hover
{
text-decoration: underline;
}
/* @end */
/* @group File Sharing */
.filesharing-description {
color: #41403c;
margin-bottom: 12px;
}
.filesharing-item {
margin: 15px 20px;
}
.filesharing-item-title a:link {
padding-left: 20px;
margin-bottom: 5px;
background: url(images/iconCloud.gif) no-repeat left center;
text-decoration: none;
font-size: 18px;
line-height: 22px;
color: #458b89;
}
.filesharing-item-title a:hover {
text-decoration: underline;
}
.filesharing-item-title a:visited {
}
.filesharing-item-description {
}
/* @end */
/* @group Photo Album */
/* @group Index Page View */
.album-title {
margin: 0 0 5px 0;
padding: 0;
letter-spacing: -1px;
font-style: normal;
line-height: 34px;
font-size: 30px;
}
.album-description {
margin: 10px 0 20px 0;
}
.album-wrapper {
}
.thumbnail-wrap {
display: block;
float: left;
border: 4px solid #e9efdd;
margin-right: 32px;
margin-bottom: 32px;
}
.thumbnail-frame {
}
.thumbnail-frame:hover {
}
.thumbnail-frame a {
}
.thumbnail-frame a:hover {
}
.thumbnail-frame a img {
}
.thumbnail-frame a img:hover {
}
.thumbnail-caption {
padding: 0 0 10px;
margin: 0;
font-size: 10px;
text-align: center;
line-height: 12px;
height: 30px;
}
/* @end */
/* @group Single View */
.photo-background {
text-align: center;
}
.photo-background p{
text-align: left;
margin: 0;
}
.photo-navigation {
width: 860px;
margin: 0 auto;
padding: 20px;
border-top: none;
background: url(images/navigationBackground.jpg) repeat-x;
height: 102px;
position: relative;
top: -6px;
text-align: left;
}
.photo-links {
position: absolute;
top: 77px;
}
.photo-navigation a:link, .photo-navigation a:visited {
color: #a5fefd;
text-decoration: none;
text-align: left;
line-height: 18px;
font-size: 16px;
}
.photo-navigation a:hover {
text-decoration: none;
color: #fff;
}
.photo-frame{
border: 8px solid #e9efdd;
margin-top: 30px;
}
.photo-background p.photo-title {
padding-bottom: 2px;
color: #fff;
line-height: 22px;
font-size: 20px;
}
.photo-background p.photo-caption {
font-size: 12px;
line-height: 16px;
color: #f0f0f0;
}
/* @group EXIF data */
/* Data wrapper */
.exif-data {
margin-top: 12px;
margin-bottom: 24px;
}
.exif-data p {
text-align: center;
}
/* p tag classes for all exif data */
p.exif-version {
}
p.exif-colour-space {
}
p.exif-focal-length {
}
p.exif-dimensions {
}
p.exif-pixel-y-dimension {
}
p.exif-pixel-x-dimension {
}
p.exif-oecf-value {
}
p.exif-subsec-time-original {
}
p.exif-exposure-mode {
}
p.exif-spatial-frequency-response {
}
p.exif-scene-capture-type {
}
p.exif-subject-location {
}
p.exif-shutter-speed {
}
p.exif-datetime-original {
}
p.exif-subsec-time {
}
p.exif-compressed-bits-per-pixel {
}
p.exif-flash-energy {
}
p.exif-saturation {
}
p.exif-brightness {
}
p.exif-exposure-time {
}
p.exif-f-number {
}
p.exif-file-source {
}
p.exif-gain-control {
}
p.exif-subject-area {
}
p.exif-cfa-pattern {
}
p.exif-scene-type {
}
p.exif-white-balance {
}
p.exif-flash {
}
p.exif-exposure-index {
}
p.exif-flashpix-version {
}
p.exif-device-setting-description {
}
p.exif-focalplane-x-resolution {
}
p.exif-image-uniqueid {
}
p.exif-components-configuration {
}
p.exif-light-source {
}
p.exif-sensing-method {
}
p.exif-aperture {
}
p.exif-sharpness {
}
p.exif-exposure-program {
}
p.exif-subject-distance {
}
p.exif-subsec-time-digitized {
}
p.exif-contrast {
}
p.exif-focalplane-resolution-unit {
}
p.exif-gamma {
}
p.exif-35mm-focal-length {
}
p.exif-datetime-digitized {
}
p.exif-subject-distance-range {
}
p.exif-custom-rendered {
}
p.exif-max-aperture {
}
p.exif-sound-file {
}
p.exif-metering-mode {
}
p.exif-spectral-sensitivity {
}
p.exif-exposure-bias {
}
p.exif-focalplane-y-resolution {
}
p.exif-iso-rating {
}
p.exif-maker-note {
}
p.exif-digital-zoom-ratio {
}
p.exif-user-comment {
}
/* @end */
/* @end */
/* @end */
/* @group Quicktime Page */
.movie-description {
margin-top: 20px;
margin-bottom: 20px;
}
/* @end */
/* @group Quicktime Album */
/* @group Index Page View */
.movie-page-title {
margin: 0 0 5px 0;
padding: 0;
font-weight: normal;
font-size: 2em;
}
.movie-page-description {
margin: 10px 0 20px 0;
}
.movie-thumbnail-frame {
display: block;
float: left;
margin-right: 43px;
margin-bottom: 0px;
}
.movie-thumbnail-caption {
display: block;
width: 138px;
padding: 0 0 10px 0;
margin: 0;
text-align: center;
}
/* @end */
/* @group Single Page View */
.movie-background {
font-size: 1.2em;
text-align: center;
}
.movie-title {
color: #aad0d0;
}
.movie-frame {
padding: 5px;
padding-bottom: 11px;
}
/* @end */
/* @end */
/* @group Contact Form */
form {
}
label {
font-size: 14px;
line-height: 16px;
color: #a2a2a2;
}
.message-text {
color: #a2a2a2;
}
.required-text {
padding: 10px;
color: #a2a2a2;
}
.form-input-field {
width: 400px;
color: #919191;
line-height: 22px;
font-size: 18px;
}
.form-input-button {
}
/* @end */
/* @group Breadcrumb Trail */
#breadcrumb {
width: 860px;
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
}
#breadcrumb ul {
display: inline;
list-style-type: none;
padding: 0;
margin: 0 20px;
}
#breadcrumb li {
list-style-type: none;
display: inline;
}
#breadcrumb a {
display: inline;
color: #979797;
color: #f8ffe2;
text-decoration: none;
}
#breadcrumb a:hover {
display: inline;
color: #fff;
text-decoration: underline;
}
.bcitem {
float: left;
display: inline;
margin-right: 4px;
}
/* @end */
/* @group JS-Kit Override */
.js-singleCommentBodyT {
display: block;
margin: 0;
padding: 17px 0 0;
}
.js-singleCommentHeader {
margin-right: 10px;
margin-left: 10px;
padding: 0;
}
.js-OldComments,
.js-commentFieldLabel,
.js-pmFieldLabel,
.js-singleCommentBody,
.js-singleCommentKarmaComMod,
.js-commentBodyLabel,
.js-commentCmtTextarea,
.js-commentAvatarArea,
.js-OldCommentsWrap,
.js-OldComments,
.js-CreateCommentFieldsWrap,
.js-CreateCommentFields,
.js-commentCmtTextarea,
.js-kit-comments div {
clear: none !important;
}
.js-singleCommentText {
display: block !important;
clear: both !important;
}
.js-kit-comments br {
display: none !important;
}
.js-singleCommentBody br {
display: block !important;
}
/* @end */
/* @group Navigation */
/* Toolbar Styles */
#navcontainer {
position: relative;
background: url(images/navigationBackground.jpg) repeat-x;
margin-right: auto;
margin-left: auto;
letter-spacing: -1px;
height: 102px;
line-height: 24px;
font-size: 18px;
}
/* Parent - Level 0 */
#navcontainer ul{
margin: 0;
list-style-type: none;
height: 102px;
background-repeat: repeat-x;
position: relative;
}
#navcontainer li {
float: left;
height: 69px;
border-width: 1px;
border-left: 1px solid #31464e;
border-right: 1px solid #040506;
display: inline;
}
#navcontainer li:first-child {
border-left: none;
}
#navcontainer li:last-child {
border-right: 1px solid #31464e;
}
#navcontainer a {
width: auto;
text-decoration: none;
float: left;
color: #aad0d0;
height: 47px;
padding-top: 22px;
padding-right: 20px;
padding-left: 20px;
background: url(images/navButton.jpg) repeat-x;
}
#navcontainer a:hover {
color: #fff;
background: none;
}
#navcontainer #current, #navcontainer .currentAncestor, #navcontainer .currentAncestor:hover
{
background: url(images/navArrow.gif) no-repeat center bottom;
color: #fff;
}
#navcontainer a:active {
}
/* Child - Level 1 */
#navcontainer ul ul {
height: 33px;
margin: 0 0 0 -3px;
background-image: none;
font-size: 0.78em;
position: absolute;
left: 0;
top: 69px;
}
#navcontainer ul ul li {
margin-bottom: 4px;
height: 14px;
background: none;
padding-left: 6px;
margin-left: 10px;
margin-right: 10px;
border: none;
top: 9px;
padding-top: 9px;
}
#navcontainer ul ul li:first-child {
margin-bottom: 4px;
height: 14px;
display: block;
float: left;
background: none;
padding-left: 6px;
margin-left: 20px;
margin-right: 10px;
border:none;
}
#navcontainer ul ul li:last-child {
margin-bottom: 4px;
height: 14px;
display: block;
float: left;
background: none;
padding-left: 6px;
margin-left: 10px;
margin-right: 20px;
border: none;
}
#navcontainer ul ul li a {
padding: 1px 0 0 0;
width: 100%;
text-shadow: none;
width: auto;
display: block;
float: left;
color: #a5fefd;
letter-spacing: 0;
border: none;
background-image: none;
height: 23px;
line-height: 13px;
font-size: 11px;
}
#navcontainer ul ul li a:hover{
background: none;
text-decoration: none;
color: #fff;
}
#navcontainer ul ul #current {
text-decoration: none;
color: #fff;
background: url(images/subnavArrow.gif) no-repeat center bottom;
}
#navcontainer ul l .currentAncestor, #navcontainer ul ul .currentAncestor:hover, {
text-decoration: none;
color: #fff;
background: url(images/subnavArrow.gif) no-repeat center bottom;
font-weight: bold;
}
/* Child - Level 2 */
#navcontainer ul ul ul {
height: 33px;
margin: 0;
background-image: none;
font-size: 0.78em;
position: absolute;
left: 0;
top: 28px;
}
#navcontainer ul ul ul li {
margin-bottom: 4px;
height: 14px;
background: none;
padding-left: 6px;
margin-left: 10px;
margin-right: 10px;
border: none;
top: 9px;
padding-top: 9px;
}
#navcontainer ul ul ul li:first-child {
margin-bottom: 4px;
height: 14px;
display: block;
float: left;
background: none;
padding-left: 6px;
margin-left: 20px;
margin-right: 10px;
border:none;
}
#navcontainer ul ul ul li:last-child {
margin-bottom: 4px;
height: 14px;
display: block;
float: left;
background: none;
padding-left: 6px;
margin-left: 10px;
margin-right: 20px;
border: none;
}
#navcontainer ul ul ul li a {
padding: 1px 0 0 0;
width: 100%;
text-shadow: none;
width: auto;
display: block;
float: left;
color: #a5fefd;
letter-spacing: 0;
border: none;
background-image: none;
height: 23px;
line-height: 13px;
font-size: 11px;
}
#navcontainer ul ul ul li a:hover{
background: none;
text-decoration: none;
color: #fff;
}
#navcontainer ul ul ul #current{
text-decoration: none;
color: #fff;
background: none no-repeat center bottom;
}
/* Child Level 3 */
/* Child Level 4 */
#navcontainer ul ul ul ul {
display: none;
}
/* Child Level 5 */
#navcontainer ul ul ul ul ul {
display: none;
}
/* @end */
/* @group Sitemap */
.rw-sitemap ul {
margin: 0;
padding: 0;
list-style-type: disc;
list-style-position: inside;
}
.rw-sitemap ul li {
margin: 0 0 10px 0;
}
.rw-sitemap ul li:last-child {
margin: 0;
}
.rw-sitemap ul li li {
margin: 0 0 5px 0;
}
.rw-sitemap ul li li:last-child {
margin: 0;
}
.rw-sitemap ul ul {
padding: 0 0 0 20px;
list-style-type: square;
}
.rw-sitemap ul ul ul {
list-style-type: circle;
}
/* @end */