/*
Theme Name: Door!
Theme URI: http://www.waltervos.com/door/
Description: Hmm...
Author: Walter Vos
Author URI: http://www.waltervos.com
Version: 0.1
*/

/* Colores:
    Grijs: #dbdedd
    Lavendel: #cccccc
    Donkerrood: #c43727
    Rozig: #ff9999 (kan misschien als hover?)
*/

body {
    text-align:center;
    overflow:visible;
    font-size: 62.5%;
    font-family:Arial;
    margin:1em 0;
    padding:0;
    background:url('img/stripe.png') repeat;
}
#header {
    margin:1em auto;
    width:66em;
    overflow:auto;
    font-size:1em;
}
#call-me-form {
    float:right;
    display:inline;
    padding:0;
    margin:1em 0 0 0;
}
#call-me-form text-input {
    padding:0;
    margin:0;
}
form {
    margin:0;
    padding:0;
}
#header-tease {
    display:inline;
    float:left;
    width:20.5em;
    line-height:1.5em;
    text-align:left;
    font-style:italic;
    font-size:1.4em;
    margin:1.5em 0 0 1em;
}
#logo {
    background: url('img/logo_dooradvies.gif') no-repeat 0 4em;
    margin:0;
    display:inline;
    width:41em;
    height:13em;
    float:left;
}
#logo h1 {
    text-align:center;
    text-indent:-999em;
    margin:0;
    padding:0;
}
#wrapper {
    margin:0 auto;
    width:70.6em;
    text-align:left;
    font-size:1.2em;
    line-height:1.3em;
    border:0.1em solid #cccccc;
    background:#fff;
}
p {
    font-size:1em;
    margin:1em 0 0 0;
}

/* Top pane styling */
#top-pane {
    border-top:1em solid #cccccc;
    border-bottom:0.1em solid #cccccc;
}
#top-pane p {
    margin:0;
    padding:0;
}

/* Styles for horizontal navigation */
#horizontal-navigation {
    text-align:left;
    background-color:#cccccc;
    height:auto;
    overflow:visible;
    margin:1em 0 0 0;
    padding:0;
    font-size:1em;
    clear:both;
}
#horizontal-navigation ul {
    margin: 0;
    padding: 1em 0;
    font-size:1em;
}
#horizontal-navigation li {
    display: inline;
    list-style-type: none;
    font-size:1em;
}
#horizontal-navigation li.page_item {
}
#horizontal-navigation li.current_page_item {
}
#horizontal-navigation li.last-navigation-item {
}
#horizontal-navigation li a, #horizontal-navigation li a:visited, #horizontal-navigation li a:link {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    padding:1.05em;
    margin:0;
}
#horizontal-navigation li a:hover {
    color:#fff;
    background-color:#c43727;
    text-decoration:underline;
}
#horizontal-navigation li a:focus, #horizontal-navigation li.current_page_item a:focus {
    color:#fff;
    text-decoration:underline;
}
#horizontal-navigation li.current_page_item a {
    color:#fff;
    background-color:#c43727;
    text-decoration:underline;
}
#horizontal-navigation li.current_page_item a:hover {
    background-color:#c43727;
    color:#fff;
    text-decoration:underline;
}
#horizontal-navigation li.current_page_parent a {
    color:#fff;
    background-color:#c43727;
    text-decoration:underline;
}
#children {
    background: #dbdedd;
    text-align:left;
    height:auto;
    overflow:visible;
    margin:0;
    padding:0 0 0 2em;
    font-size:1em;
    clear:both;
}
#children ul {
    margin: 0;
    padding: 0.5em 0;
    font-size:1em;
}
#children li a, #children li a:visited, #children li a:link {
    padding:0.5em 1.55em;
    color:#c43727;
}
#children li a:hover {
    color:#fff;
}
#children li.current_page_item a, #children li.current_page_item a:visited, #children li.current_page_item a:link {
    padding:0.5em 1.55em;
    color:#fff;
}

/* Main styling */
#main {
    text-align:left;
    padding:1em;
    margin:0 auto;
    overflow:visible;
    font-size:1em;
    line-height:1.4em;
}
#page-inner {
    border:#cccccc 0.1em solid;
    margin: 0;
    padding:3em;
}
#lead {
    border:#cccccc 0.1em solid;
    margin: 0 0 1em 0;
    padding:1em;
}
#follow {
    border:#cccccc 0.1em solid;
    margin: 1em 0 0 0;
    padding:0 1em 1em 1em;
}
#follow p {
    float:left;
    display:inline;
}
h2.lead {
    font-size:2em;
    background:#cccccc;
    padding:0.5em;
    margin:0 1em;
    color:#000;
    line-height:1em;
}

/* Footer */
#footer {
    margin:1em 0 0 0;
    background-color:#fff;
    clear:both;
}
#footer p {
    padding:0.5em 0;
    margin:0;
    font-size:1em;
}

/* Heading texts */
h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
}
h1 {
    color:#c43727;
    font-size:1.8em;
}
h2 {
    font-size:1.5em;
    font-style:italic;
    color:#c43727;
    margin:1em 0 0 0;
}
h3 {
    color:#c43727;
    font-size:1.2em;
    margin:1em 0 0 0;
    clear:both;
}
.dienst-tekst h2 {
    margin:0;
}
#call-me-form h3 {
    margin:0 0 0.5em 0;
    font-size:1.3em;
}
blockquote {
    font-style:italic;
}

/* Get rid of em trouble */
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em}

.dienst-foto {
    padding:0 1em;
    text-align:center;
}
.dienst-tekst {
    padding:1em;
}
.dienst {
    width:22em;
    float:left;
    display:inline;
    overflow:visible;
    margin:0;
    border:#cccccc 0.1em solid;
    padding:1em 0;
}
.dienst2 {
    width:33.5em;
    float:left;
    display:inline;
    overflow:visible;
    margin:0;
    border:#cccccc 0.1em solid;
    padding:1em 0;
}
.mid-dienst {
    margin:0 1em 1em;
}
div.hover {
    background-color:#dbdedd;
}
.floatright {
    float:right;
}
.clear {
    clear:both;
}

/* Form styling */
.text-input-focus {
    border:0.1em solid #c43727;
    width:10em;
}
.text-input {
    border:0.1em solid #cccccc;
    width:10em;
}
.submit-button {
    background:#dbdedd;
    border:0.1em solid #cccccc;
    padding:0.1em;
    width:8em;
}
#contact_tekst {
    width:30em;
    height:15em;
    width:30em;
}
#call-submit, #contact-submit {
    padding:0.8em 0 0 0;
    text-align:center;
}
#contact-form {
    width:35em;
    margin:1em 0 0;
}
a img {
    border:0;
}
img.alignright,img.alignleft {
    display:inline;
}
img.alignleft {
    float:left;
    margin:0 0.5em 0.5em 0;
}
img.alignright {
    float:right;
    margin:0 0 0.5em 0.5em;
}
img.aligncenter {
    text-align:center;
    margin:0 auto;
    display:block;
}

#social-buttons {
    float:right;
    margin:1em 0 0 0;
    display: inline;
}