body {
color: #e4e4e4;
font-family: Arial, Helvetica, sans-serif;
font-size: 78%;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
height: 100%;
background-color: #898989;
line-height: 1.3em;
background: url(http://katevrijmoet.com/themes/theme_kate/images/pagebg.gif) top left repeat-x;
letter-spacing: 0.01em;
}

html {
margin: 0;
padding: 0;
height: 100%;
background-color: #898989;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix { display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix { height: 1%;}

#maincontent img {max-width: 100%; height: auto;
}

#wrapper{
position: relative;
margin: 0;
padding: 0 0 30px 0;
text-align: center;
width: 100%;
min-height: 100%;		/* Min height for modern Browser */
height: auto !important;	/* !important-Rule for modern Browser */
height: 100%;			/* Min height for IE (<7) */
background: url(http://katevrijmoet.com/themes/theme_kate/images/footerbg.gif) bottom left repeat-x;
}

#container{
margin: 0 auto;
padding: 0;
text-align: left;
width: 950px;
min-height: 100%;		/* Min height for modern Browser */
height: auto !important;	/* !important-Rule for modern Browser */
height: 100%;			/* Min height for IE (<7) */
}

#header {
position: relative;
margin: 0;
padding: 0;
height: 126px;
width: 100%;
}

#social {
position: absolute;
top: 0;
right:0;
height: 32px;
}

#social img a {
margin: 0;
padding: 0;
outline:0;
cursor: pointer;
}

#menu {
margin: 0 0 40px 0;
padding: 0;
width: 100%;
text-align: left;
background: url(http://katevrijmoet.com/themes/theme_kate/images/menubg.gif) top left no-repeat;
}

ul.nav-header {
list-style: none;
margin: 0 0 0 250px;
padding: 12px 100px 0 0;
height: 50px;
}

ul.nav-header li {
float: left;
margin: 0;
padding: 0;
}

ul.nav-header li a {
display: block;
margin: 0 25px 0 0;
padding: 0;
outline: 0;;
text-transform: uppercase;
}

ul.nav-header li a:hover, ul.nav-header li a.nav-selected, ul.nav-header li.nav-selected a, ul.nav-header li a.nav-path-selected, ul.nav-header li.nav-path-selected a {
color: #fff;
text-decoration: none;
}

#maincontent {
margin: 0;
padding: 0;
width: 100%
}

#sidebar {
float: left;
margin: 0 0 20px 0;
padding: 0 30px 20px 5px;
width: 190px;
}

#sidebar ul.subnav, #sidebar ul.nav {
list-style: none;
position: static;
display: block;
margin: 0;
padding: 0;
text-align: left;
}

#sidebar ul.subnav li, #sidebar ul.nav li {
margin: 6px 0;
padding: 0;
line-height: 1.2em;
}

#sidebar ul.subnav li a, #sidebar ul.nav li a {
margin: 0;
padding: 0;
text-decoration: none;
}

#sidebar ul.subnav li a:hover, #sidebar ul.subnav li a.nav-selected, #sidebar ul.subnav li a.nav-path-selected, #sidebar ul.nav li a:hover, #sidebar ul.nav li a.nav-selected, #sidebar ul.nav li a.nav-path-selected {
color: #fff;
}

#sidebar ul.subnav li ul, #sidebar ul.nav li ul {
list-style: none;
margin: 5px 0;
padding: 0;
text-transform: none;
font-size: 1em;
}

#sidebar ul.subnav li ul li, #sidebar ul.nav li ul li {
list-style: none;
margin: 4px 0;
padding: 0;
}

#content a {
text-decoration: underline;
}

#gallery {
margin: 0  0 0 250px;
padding: 0;
width: 700px;
min-height: 500px;
}

#content {
margin: 0 0 100px 250px;
padding: 0;
width: 700px;
}

#gallery p, #content p {
width: 650px;
}

/**Pro Blog Styles**/

#blogcontent {
margin: 0 0 100px 220px;
padding: 0;
width: 700px;
color: #f0f0f0;
}

#blogcontent ul {
list-style-type: square;
margin: 10px 40px 10px 20px;
padding: 0;
font-size: 1em;
font-family: verdana, arial, sans-serif;
}

#blogcontent ul li {
margin: 0;
padding: 5px 0;
}

#blogcontent ol {
margin: 10px 20px 10px 20px;
padding: 0;
font-size: 1em;
}

#content img, #blogcontent img {
margin: 30px 20px 0 0;
}

#content-sbBlog-post {
line-height: 1.7em; font-family: verdana, arial, sans-serif;
}

div.blogpost {
background: #909090;
margin: 0 0 25px 0;
padding: 20px 30px;
width: 670px;
}

.blogpost h1.blogtitle {
color: #fff;
}

div.blogpost a{
text-decoration: underline;
}

.blogpost h4.date {
color: #ebebeb;
font-size: 0.9em;
}

#share {
display: block;
min-height:25px;
float: none;
margin: 20px 0 10px 0;
}

.ccm-page-list h3{
line-height: 1.2em;
margin: 0 0 5px 0;
padding: 0;
font-size: 1em;
}

div.ccmDateNav {
margin: 0;
padding: 0;
}

div.ccm-page-list {
margin-bottom: 20px;
}

#sidebar h2, #sidebar h1 {
color: #fff;
margin: 8px 0 3px 0;
padding-bottom: 0;
}

.atclear {
display: none;
}

.ccm-next-previous-wrapper .spacer {
display: none;
}

.ccm-next-previous-previouslink, .ccm-next-previous-nextlink {
float: none;
display: block;
margin: 0;
padding: 10px 0;
}

/**End ProBlog Styles**/

#content ul {
list-style: none;
margin: 0 0 12px 10px;
padding: 0;
font-size: 1em;
}

#content ul li {
margin: 0;
padding: 0;
}


#content ol {
margin: 0 0 12px 20px;
padding: 0;
font-size: 1em;
}


#gallerynav {
margin: 0;
padding: 0 0 10px 0;
width: 100%;
text-align: center;
}

#galerynav ul {
list-style: none;
width: 800px;
margin: 0;
padding: 0;
}

#gallerynav ul li {
display: inline;
margin: 0 10px 0 0;
padding: 0;
}

#gallerynav ul li a:before {
content: "\00BB \0020";
}

#gallerynav ul li a {
text-decoration: none;
text-transform: uppercase;
margin: 0;
padding: 5px;
}

#gallerynav ul li a:hover, #gallerynav ul li a.nav-selected {
text-decoration: underline;
color: #fff;
}

/**Form styles**/
#search {
float: left;
margin: 0;
padding: 0;
width: 250px;
height: 30px;
text-align: left;
}

#search h3 {
display: none;
}

#search input[type="text"] {
margin: 0;
height: 15px;
width: 130px;
padding: 3px;
color: #fff;
border: solid 2px #818181;
background: #a3a3a3;
}

#search input[type="submit"] {
text-transform: uppercase;
background: url(http://katevrijmoet.com/themes/theme_kate/images/button.gif) bottom left repeat-x;
color: #000;
border: solid 2px #818181;
font-size: 1em;
cursor: pointer;
margin: 0;
padding:  2px 3px 3px 3px;
height: 25px;
vertical-align: bottom;
}

#search input[type="submit"]:hover {
color: #444;
border: solid 2px #666;
}

.searchResult h3 a {
margin-top: 5px;
color: #fff;
}

.searchResult .searchHighlight {
background-color: #696969;
}


#content input[type="text"], .guestBook-formBlock input[type="text"], .guestBook-formBlock input[type="email"] {
margin: 0;
height: 15px;
width: 170px;
padding: 3px;
color: #fff;
border: solid 2px #818181;
background: #a3a3a3;
}

#content textarea, .guestBook-formBlock textarea {
margin: 5px 0;
padding: 3px;
color: #fff;
border: solid 2px #818181;
background: #a3a3a3;
}

#content input[type="submit"], submit.ccm-input-submit, .guestBook-formBlock input[type="submit"] {
text-transform: uppercase;
background: url(http://katevrijmoet.com/themes/theme_kate/images/button.gif) bottom left repeat-x;
color: #000;
border: solid 2px #818181;
font-size: 1em;
cursor: pointer;
margin: 0;
padding:  2px 3px 3px 3px;
height: 25px;
vertical-align: bottom;
}

#content input[type="submit"]:hover, .guestBook-formBlock input[type="submit"]:hover {
color: #444;
border: solid 2px #666;
}

/**Guestbook**/

h4.guestBook-title {
margin-top:30px;
border-bottom: none !important;
}

div.guestBook-entry {
padding:4px 0 4px 0;
margin:6px 0 12px 0;
}

.guestBook-entry div.contentByLine {
color: #fff;
margin-bottom: 4px;
}

.guestBook-entry div.guestBook-manage-links {
font-size:.8em;
color:#333333;
text-align:right;
float:right;
padding-left:8px; 
}
.guestBook-formBlock {
margin:12px 0 12px 0;
}
.guestBook-formBlock label {
margin: 10px 0 -10px 0;
display:block;
}
.guestBook-formBlock textarea {
width:100%;
height: 150px;
margin: 12px 0 12px 0;
}
.guestBook-formBlock .note {
font-size:10px;
}

.guestBook-formBlock label.control-label {
margin-bottom: 10px;
}

#blogcontent img.ccm-captcha-image {
margin: 0;
}

.guestBook-formBlock span.error, div#guestBook-formBlock-<?php echo $controller->bID?> span.error {
color:#990000;
text-align:left;
}

/**End Form styles**/

#footer {
position: absolute;
bottom: 0;
left: auto;
padding: 10px 0 0 0;
height: 36px;
width: 950px;
text-align: left;
background: url(http://katevrijmoet.com/themes/theme_kate/images/footermenubg.gif) bottom right no-repeat;
}

#footer p {
font-size: 0.9em;
}

#footer a {margin: 0; padding: 5px; text-decoration: underline;}

/**Blog Styles**/

#maincontent div.title h3 a {
text-decoration: none;
}

div.title h4 {
color: #fff;
text-transform: none;
margin-top: -10px;
}

hr.blog-entry-divider {
color: #fff;
}

div.ccm-search-block-tag-cloud-wrapper ul.ccm-search-block-tag-cloud, div.ccm-tags-display ul.ccm-tag-list {list-style-type: none; margin: 0px; padding: 0px}
div.ccm-search-block-tag-cloud-wrapper ul.ccm-search-block-tag-cloud li, div.ccm-tags-display ul.ccm-tag-list li {margin: 0; padding: 0; display: inline-block;font-size: 10px;}
div.ccm-search-block-tag-cloud-wrapper ul.ccm-search-block-tag-cloud li a, div.ccm-tags-display ul.ccm-tag-list li a {border: none; background: transparent;padding: 4px; display: inline-block; text-decoration: none; vertical-align: middle;}
div.ccm-search-block-tag-cloud-wrapper ul.ccm-search-block-tag-cloud li a:hover, div.ccm-tags-display ul.ccm-tag-list li a:hover {color:#fff;border:none;background:transparent;}

div.ccm-search-block-tag-cloud-wrapper ul.ccm-search-block-tag-cloud li:first-child, div.ccm-tags-display ul.ccm-tag-list li:first-child {float: left; margin-right: 20px; white-space: nowrap; padding: 0px; margin-left: 0px}
* html ul.ccm-search-block-tag-cloud li {float: left; margin-right: 20px; white-space: nowrap; padding: 0px; margin-left: 0px}

/**End Blog Styles **/