/*  
Theme Name: Giel van Dam
Author: Winy Schalke
Author URL: http://www.alva-design.com/
*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td,img 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{ font-style : normal; font-weight : normal; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }
 
/* layout en kleuren */

html 	{ text-align : center;  
background-color: #600;}

body { 
position: relative; width : 770px; 
text-align : left; 
font : 80%/1.5 "Lucida Grande", Verdana, sans-serif;
}

body#home {
background: url(images/logo-home-gielvandam.gif) 10px 0 no-repeat;}

div#branding {
height : 65px;
position: relative;}

div#branding img {display: none;}

body#home div#branding img {position: absolute; top: 0; left: 10px;}

h1 { 
text-indent: 0; 
}

/* bovenste rij tabs */

ul#nav_tabs {
display: none;
}



/* tweede rij onder tabs */

ul#nav_tools {
display: none;
}






/* content */

div#container { 
position : relative;
}




/* witte gedeelte van de pagina */


 
 
 div#content_main {
position: relative;
margin: 0 0 0 130px;
}

body#vervolg div#content_main {
position: relative;
padding: 1em 10px .5em 170px;
background: #fff url(images/bg-gielvandam.gif) 0 -1px no-repeat; 
min-height: 419px;
}



/* baan met foto's aan linkerkant, 10px marge onder elke foto */


#kaderlinksboven {position: absolute;
top: -4.5em; left: -170px;
width: 160px;
}

#kaderlinksboven img {margin-bottom: 10px;
}


/* broodkruimels */

ul#breadcrumbs {
margin-left: -160px;
}


ul#breadcrumbs li {
display: inline; padding :0; 
font-weight: bold;
}

ul#breadcrumbs li a:hover {
text-decoration: underline;
 }

ul#breadcrumbs li a:link, ul#breadcrumbs li a:visited, ul#breadcrumbs li a:active {
color: #000;
font-weight: normal;
}


/* content */


.entry {
position: relative;
}

 td {
vertical-align: top;
}




/* typography.css */

body { 
font : 80%/1.5 "Lucida Grande", Verdana, sans-serif; color : #000; }


h2, h3 { 
font-weight : bold; 
padding-right: 10px;
}

h2 { 
font-size: 160% ; 
margin-top: 1em;
margin-bottom: 1em;
}


h3 { 
font-size: 110% ;
margin-top: 1em;
margin-bottom: 0;}

h4 {
font-size: 100%;
margin-top: 1em;
margin-bottom: 0;
}

h5 {
font-size: 100%;
margin-top: 1em;
font-weight: normal;
font-style: italic;
margin-bottom: 0;
}

p { 
font-size : 100%; 
margin-bottom: 1em;
padding-right: 10px;
}

p.edit_post_link {

}

p.intro-groot {
font-size: 120%;
}

p.intro-vet {
font-size: 100%;
font-weight: bold;
}


body#home h2, body#home p.intro {
margin-right: 160px;
margin-left: 170px;
}

address {
font-weight: bold;
}

body#vervolg div.post ul {
list-style-type: square;
margin-left: 2em;
margin-bottom: 1em;
}

body#vervolg div.post ol {
margin-left: 2em; 
margin-bottom: 1em; 
}


embed { 
display: block;
margin-top: 1em;
margin-bottom: 1em;
}



/* hyperlinks */

a:link, a:visited, a:active, a:hover { 
text-decoration : none;
}

body#home a:active, body#home a:hover, body#home a:link, body#home a:visited { 
text-decoration: none;
}

div.post a:link, div.post a:visited { 
text-decoration : none;
color : #f00;
font-weight: bold;
}

div.post a:active, div.post a:hover { 
text-decoration : underline;
}

div.post a.zwart, div.post a.zwart:visited, div.post a.zwart:active { 
color : #000;
}

div.post a.zwart:hover { 
text-decoration : underline;
}




/* Giel van Dam */

td#gielvandam {
background: #fff;
color: #000;
width: 326px;
}

td#gielvandam h2 {
font-size: 120%;
margin: 10px;
}

td#gielvandam p {
margin: 0 10px 10px 10px;
}

/* Aanmelden */

td#aanmelden {
background: #ff9;
color: #000;
width: 154px;
text-align: center;
}

td#aanmelden h3 {
font-size: 120%;
margin: 2em 10px 0 10px;
}

td#aanmelden h3 a:active, td#aanmelden h3 a:hover, td#aanmelden h3 a:link, div#aanmelden  h3 a:visited {
color: #000; 
}

td#aanmelden img{ margin-top: 0; 
}

/* Telefoon, e-mail, info */

td#naw {
background: #000;
color: #fff;
width: 160px;
}

td#naw ul a:active, td#naw ul a:hover, td#naw ul a:link, td#naw ul a:visited {
color: #fff;
}

td#naw ul a:active, td#naw ul a:hover {
text-decoration: underline;
}

td#naw ul li {
padding-left: 35px;
font-weight: bold;
font-size: 80%;
line-height: 4em;
}

td#naw ul li#telefoon {
background: url(images/naw-icon-telefoon.gif) center left no-repeat; 
margin-top: 15px;}

td#naw ul li#email {
background: url(images/naw-icon-email.gif) center left no-repeat; 
}

td#naw ul li#info {
background: url(images/naw-icon-info.gif) center left no-repeat; 
}

/* Spot */


td#spot {
background: #600 url(images/bg-spot.gif) top left no-repeat;
width: 320px;}

td#spot h3 {
color: #fff;
font-size: 130%;
margin: 10px;
}

td#spot h3 strong {
font-size: 100%;
}

td#spot a:active, td#spot a:hover, td#spot a:link, td#spot a:visited {
color: #fff;
}

td#spot img.pijl-r {
vertical-align: middle; margin-left: 10px;
}

/* Circus */

td#slideshow {
border-top: 12px solid #600;
}

td#circus {
background: #f60 url(images/bg-circus.gif) top left no-repeat;
width: 320px;}

td#circus h3 {
color: #fff;
margin: 10px 10px 10px 16px;
font-size: 130%;
}

td#circus h4 {
font-size: 80%;
margin: .5em 10px .5em 16px;
font-weight: normal;}

td#circus a:active, td#circus a:hover, td#circus a:link, td#circus a:visited {
color: #fff;
text-decoration: none;
}

td#circus img.pijl-r {
vertical-align: middle; margin-left: 10px;
}


/* copyright */

div#copyright {
display: block;
color: #fff;
text-align: left;
font-size: 85%;
margin-top: 0.5em;
margin-left: 130px;}

div#copyright a:link, div#copyright a:visited { 
color: #fff;
text-decoration: none;}


div#copyright a:active, div#copyright a:hover { 
text-decoration: underline;
}


