/* --- CSS Design by Doran.be --- */

body {
padding: 0px;
margin: 0px;
text-align: center;
}
form {
margin: 0px;
padding: 0px;
}
#site {
font-family: 'lucida sans', lucida, verdana, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
#header {
padding: 0px;
margin: 0px;
text-align: center;
}
#header .wrapper {
margin-left: auto;
margin-right: auto;
width: 720px;
text-align: left;
margin-top: 40px;
margin-bottom: 40px;
}
#header .wrapper h1 {
font-family: georgia, 'times new roman', times, serif;
font-size: 36px;
line-height: 40px;
margin: 0px;
font-weight: normal;
}
#menu {
padding: 0px;
margin: 0px;
text-align: center;
height: 35px;
}
#menu .wrapper {
margin-left: auto;
margin-right: auto;
width: 720px;
text-align: left;
}
#menu .wrapper div {
float: left;
}
#menu .wrapper div a {
display: block;
margin-right: 10px;
padding: 5px;
text-decoration: none;
}
#content {
padding: 0px;
margin: 0px;
margin-top: 25px;
text-align: center;
}
#content .wrapper {
padding: 0px;
margin: 0px;
text-align: left;
margin-right: auto;
margin-left: auto;
width: 720px;
}
#content #c {
width: 550px;
float: left;
}
#content #c p {
margin-bottom: 10px;
}
#content #c h1 {
font-family: georgia, 'times new roman', times, serif;
font-size: 24px;
font-weight: normal;
}
#content #c h2 {
font-family: georgia, 'times new roman', times, serif;
font-size: 18px;
font-weight: normal;
}
#extra {
position: relative;
float: right;
width: 160px;
padding-top: 100px;
}
#extra .box {
padding: 0px;
margin-bottom: 10px;
}
#extra .box .top {
height: 5px;
margin: 0px;
}
#extra .box .content {
margin: 5px;
padding: 0px;
}
#extra .box .content h1 {
font-family: georgia, 'times new roman', times, serif;
font-size: 16px;
margin: 0px;
font-weight: normal;
margin-bottom: 5px;
}
#extra .box .content h3 {
font-family: georgia, 'times new roman', times, serif;
font-size: 13px;
margin: 0px;
font-weight: normal;
margin-bottom: 5px;
margin-top: 5px;
}
#extra .box .content p {
margin: 0px;
margin-bottom: 5px;
}
#extra .box .bottom {
height: 20px;
margin: 0px;
}
#footer {
float: left;
width: 100%;
font-family: 'lucida sans', lucida, verdana, arial, helvetica, sans-serif;
font-size: 9px;
line-height: 11px;
text-align: center;
}
#footer .wrapper {
margin-left: auto;
margin-right: auto;
padding-top: 10px;
width: 720px;
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
}
#footer .wrapper p {
font-size: 9px;
margin: 0xp;
padding: 0px;
}


.error {
font-family: 'lucida sans', lucida, verdana, arial, helvetica, sans-serif;
font-size: 11px;
padding: 5px;
margin-bottom: 5px;
}


.form table tfoot td {
text-align: right;
}
.textbox {
font-family: 'lucida sans', lucida, verdana, arial, helvetica, sans-serif;
font-size: 11px;
padding: 2px;
background: #ffffff no-repeat;
}
.btn, .btnhot {
padding: 2px;
margin: 2px;
font-family: 'lucida sans', lucida, verdana, arial, helvetica, sans-serif;
font-size: 11px;
}

#extrastuff {
display: none;
}



/* --- MODULE: Photogallery --- */
.photogallery {
}
.photogallery .categories {
padding-bottom: 20px;
}
.photogallery .categories ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.photogallery .categories ul li {
float: left;
display: block;
margin: 0px;
margin-right: 2px;
}
.photogallery .categories ul li a {
display: block;
padding: 5px;
margin-bottom: 2px;
padding: 0px;
text-decoration: none;
}
.photogallery .categories ul li a span {
display: block;
margin: 2px;
}
.photogallery .list {
right: 0px;
margin: 0px;
padding: 0px;
list-style: none;
}
.photogallery .list div {
margin-bottom: 35px;
}
.photogallery .list div h2 {
width: 500px;
font-family: georgia, 'times new roman', times, serif;
font-size: 18px;
margin: 0px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: normal;
}
.photogallery .list div p {
width: 500px;
font-family: 'lucida sans', lucida, verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
margin: 0px;
}
.photogallery .list div img {
border-width: 2px;
border-style: solid;
margin: 1px;
}

/* --- MODULE: Babyinfo --- */
.babyinfo {
height: 300px;
}
.babyinfo .photo {
float: left;
}
.babyinfo .info {
float: left;
margin-left: 10px;
}

/* --- MODULE: Blog (dagboek) --- */
.blog div div {
margin-bottom: 25px;
}
.blog div div h2 {
margin: 0px;
margin-bottom: 5px;
}
.blog div div p.entryinfo {
margin: 0px;
margin-bottom: 5px;
font-size: 10px;
}
.blog div div p.entryinfo a {
text-decoration: none;
}


/* --- MODULE: Guestbook --- */
ul.guestbook {
margin: 0px;
padding: 0px;
}
ul.guestbook li {
margin: 0px;
margin-bottom: 30px;
padding: 0px;
clear: both;
list-style-type: none;
}
ul.guestbook li .date {
margin: 0px;
margin-bottom: 1px;
margin-right: 5px;
padding: 2px;
font-size: 10px;
line-height: 12px;
float: left;
text-align: center;
width: 120px;
}
ul.guestbook li em {
display: block;
text-align: right;
font-style: italic;
font-size: 9px;
}
ul.guestbook li em a {
text-decoration: none;
}
ul.guestbook li em a:hover {
text-decoration: none;
}