/*

Theme name: waywayway

Theme URL: http://www.waywayway.nl/

Description: Ontwerp website www.waywayway.nl

Version: 1.0

Author: Herman van der Maas

Author URL: http://www.waywayway.nl/

*/





/* algemene tags */





html {

font-size: 12px;

background-color: white;

background-image: url(images/raster_aubergine.gif);

}



body {

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 1em;

background-color: white;

margin: 0px auto;

clear: both;

width: 950px;

}



h3 {

font-family: Georgia, Georgia, serif;

font-size: 21px;

font-style: italic;

font-weight: normal;

line-height: 1.5em;

color: #43595e;

margin-top: 0em;

margin-bottom: 0em;

padding: 0px;

}



h4 {

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 12px;

line-height: 1.5em;

color: #43595E;

margin: 0;

padding-top: 0.3em;

margin-bottom: 0.2em;

}



p {

font-family: Verdana, Verdana, Geneva, sans-serif;

font-size: 12px;

line-height: 1.5em;

margin: 0;

padding-top: 0.3em;

padding-bottom: 0.6em;

}



a, a:link, a:visited, a:active {

text-decoration: underline;

color: #43595e;

margin: 0px;

border: 0px;

padding: 0px;

outline: none;

}



a:hover {

color: #43595e;

}



ul {

margin: 0px;

border: 0px;

padding: 0px;

}



li {

list-style-image: url(images/rightdoubleanglequote.png);

list-style-position: inside;

margin: 0.4em 0em;

border: 0px;

padding: 0px;

}



li a, li a:link, li a:active, li a:visited, li a:hover {

}



a img {

border: 0px;

}



img {

float: left;

margin-right: 15px;

margin-bottom: 15px;

}



code {

font: 1.1em/1.25em Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

margin: 5px 0px 5px 0px;

background-color: #ebebeb;

display: block;

padding: 5px;

border-top: 2px solid #ccc;

border-bottom: 2px solid #ccc;

}



pre {

font: 1.1em/1.25em Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

margin: 5px 0px 5px 0px;

background-color: #ebebeb;

display: block;

padding: 5px;

border-top: 2px solid #ccc;

border-bottom: 2px solid #ccc;

word-wrap: break-word;

}



code.bak {

font-family: Consolas, Monaco, "Courier New", Courier, monospace;

font-size: 12px;

background: #F0F0F0;

padding: 0em;

margin: 0em;

}



code p {

padding: 0em;

margin: 0em;

display: inline;

}



pre p {

padding: 0em;

margin: 0em;

display: inline;

}



strong {

color: #43595E;

margin-bottom: 1em;

}



/* ... */



#logo {

position: absolute;

top: 9px;

left: 15px;

}



#home {

position: absolute;

top: 15px;

left: 202px;

}



#portfolio {

position: absolute;

top: 15px;

left: 389px;

}



#profiel {

position: absolute;

top: 15px;

left: 576px;

}



#contact {

position: absolute;

top: 15px;

left: 763px;

}



#wrapper {

position: absolute;

background-color: white;

margin-bottom: 15px;

}



#nav {

top: 0px;

left: 0px;

width: 950px;

height: 180px;

background-color: white;

}



#tekstwrapper {

position: relative;

}



#tekst {

top: 180px;

left: 0px;

width: 645px;

background-color: white;

padding: 0px 20px;

clear: right;

}



.dagenjaar {

font-family: Georgia, Georgia, serif;

font-size: 12px;

margin-bottom: -5px;

}



.maand {



font-family: Verdana, Verdana, Geneva, sans-serif;



font-size: 9px;



text-transform: uppercase;



margin-bottom: -5px;



}







#zijbalk {



position: absolute;



top: 180px;



left: 700px;



width: 210px;



height: 265px;



background-color: white;



padding: 0px 20px;



}







#sidebarlist li, #sidebarlist li a, #sidebarlist li a:link, #sidebarlist li a:active, #sidebarlist li a:visited, #sidebarlist li a:hover {



text-decoration: none;



color: black;



}







#footwrapper {



position: absolute;



}







#footer {



float: left;



width: 950px;



height: 190px;



background-image: url(images/footer.png);



}







.foottxt {



position: absolute;



top: 144px;



left: 34px;



font-family: Georgia, Georgia, serif;



font-size: 14px;



font-style: italic;



font-weight: normal;



text-decoration: none;



color: white;



}







.foottxt a, .foottxt a:link, .foottxt a:visited, .foottxt a:active, .foottxt a:hover {



position: relative;



text-decoration: none;



color: white;



}







.crighttxt {



position: absolute;



top: 144px;



left: 775px;



font-family: Georgia, Georgia, serif;



font-size: 14px;



font-style: italic;



font-weight: normal;



color: #69512b;



}







#portfoliobackground {



width: 659px;



height: 266px;



background: url(http://www.waywayway.nl/bin/wp-content/themes/waywayway/images/portfolio2.png) center top no-repeat;



}







#maskdiv {



position: absolute;



top: 50px;



left: 20px;



width: 655px;



height: 216px;



overflow: hidden;



border: 0px;



}







#containertable {



position: absolute;



top: 0px;



left: 0px;



border: 0px;



padding: 0px;



margin: 0px;



}







.contentdiv {



width: 655px;



height: 216px;



border: 0px;



padding: 0px;



background-color: white;



overflow: hidden;



}







.contentcell {



border: 0px;



padding: 0px;



margin: 0px;



}







#slideleft {



position: absolute;



top: 278px;



left: 48px;



width: 19px;



height: 25px;



cursor: pointer;



background: url(http://www.waywayway.nl/bin/wp-content/themes/waywayway/images/left.png) center top no-repeat;



}







#slideright {



position: absolute;



z-index: 100;



top: 278px;



left: 73px;



width: 18px;

height: 25px;

cursor: pointer;

background: url(http://www.waywayway.nl/bin/wp-content/themes/waywayway/images/right.png) center top no-repeat;

}

/* Dock */

#dock {
/* position must be set to "fixed" to always stick it to the bottom of the viewport (a trick with position:absolute is also possible...) */
position: fixed;
z-index: 10;
/* let the <div id="dock"> appear a little bit above the bottom of the viewport */
bottom: -36px;
/* width must be "auto" */
width: auto;
height: 42px;
/* set "margin-left" to half the width of <div id="dock">, calculate the width of this <div> by adding up the widths of the <img>'s plus paddings and margins */
margin-left: -184px;
/* setting a negative "margin-left" and "left" to 50% always centers the <div id="dock"> */
left: 50%;
padding: 2px 4px;
border: 0px;
background-color: gray;
}

#dock img {
/* "float" must be set to "left" */
float: left;
height: 32px;
width: 32px;
/* a "margin-top" value must be set for internet explorer */
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
border: 0px;
padding: 0px;
}