/* 
  main stylesheet www.toly.nl 
*/

@import url(navigation.css);
@import url(weblog.css);
@import url(jquery.lightbox-0.5.css);

body { font-size: small; }
html>body { font-size: small; }

body
{
	font-family: "Lucida Grande", Helvetica, sans-serif;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

a:link { color: #006; }
a:visited { color: #306; }
a:hover { color: #C00; }
a:active { color: #F00; }

h1, h2, h3, h4, h5, h6, h3 a:link, h3 a:visited
{
	color: #333;
	margin: 0 0 0.1em 0;
	border: 0;
	text-decoration: none;
}

h3 a:hover
{
	color: #C00;
	text-decoration: underline;
}

h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }
h5 { font-size: 100%; }

blockquote
{
	margin: 14pt 24pt 14pt 24pt;
	font-family: Georgia, "Times New Roman", serif;
	text-align: center;
	font-size: 1.2em;
}

ul
{
	list-style-type: disc;
	padding: 0;
	margin-left: 1.4em;
}

ul ul { list-style-type: circle; }
ul ul ul { list-style-type: disc; }

/* ###### forms ###### */
form
{
	background-image: url(images/bg-grey-hor.png);
	background-repeat: repeat-y;
	background-position: -200px 0;
	padding: 12px;
	margin-top: 1em;
}

fieldset
{
	border: 0;
	padding: 0;
	margin: 12px 0;
}

legend
{
	font-size: 1.6em;
	font-weight: bold;
	color: #333;
	margin-bottom: 0.7em;
	margin-left: 0;
}

label
{
	font-weight: bold;
	display: block;
}

.formtxt
{
	width: 400px;
	font-family: "Courier New", Courier, monospaced;
	font-size: 1.1em;
}

.warning, .message
{
	width: auto;
	margin: 1em 0;
	padding: 8px;
	text-align: center;
}

.message
{
	border: 2px solid #679911;
	background-color: #CEFFCD;
}

.warning
{
	border: 2px solid #F93537;
	background-color: #FDD3C7;
}

/* 
	############ page division ############
*/

#header
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #000;
	background-image: url("../img/kolen.jpg");
	border-bottom: 2px solid #660;
	height: 25px;
	z-index: 98;
}

body.article #header
{
	background-image: url("../img/grijs.jpg");
	background-color: #ccc;
}

body.contact #header, body.weblog #header
{
	background-image: url("../img/schelpen.gif");
	background-color: #e9dbc3;
}

body.error #header
{
	background-image: url("images/bg-error.png");
	background-color: #C30;
}

body.error div#kolommidden { width: auto; }
body.error div#error {
	background-color: #cf9;
	padding: 8px;
	font-family: Monaco, monospace;
	border: 1px solid #030;
}

body.links #header
{
	background-image: url("../img/water.gif");
	background-color: #36C;
}

body.mmbase #header
{
	background-image: url("../img/kunstgras2.jpg");
	background-color: #090;
}

body.werk #header
{
	background-image: url("../img/wood.jpg");
	background-color: #090;
}


#logootje
{
	position: fixed;
	top: 14px;
	left: 10px;
	border: 0;
	z-index: 99;
}

#logootje a
{
	border: 0;
	text-decoration: none;
}

#logootje img { border: 0; }
#frame { margin: 0 5% 0 5%; }
#openWindow { margin: 0 25px 0 25px; }

.closeWindow
{
	width: 100%;
	text-align: right;
	margin: 4px 40px 10px 0;
}

#footer
{
	clear: both;
	border-top: 1px solid #ccc;
	font-size: 0.85em;
	padding: 3px 0 0 0;
	margin: 40px 0 35px 0;
}

#footer a:link, #footer a:visited
{
	border: 0;
	color: #000;
	text-decoration: none;
}

#footer a:hover
{
	color: #C00;
	border-bottom: 1px solid #C00;
	text-decoration: none;
}

body.home #logootje { display: none; }
body.home #pagetitle { margin: 62px 0 0 205px; }

#pagetitle
{
	margin: 108px 0 0 205px;
	line-height: 1.4em;
	color: #000;
	font-weight: lighter;
	font-size: 2.8em;
}

#logoweb
{
	position: absolute;
	top: 60px;
	left: 80px;
}

#logoweb img { border: 0; }

/* columns */
div#kolomlinks
{
	position: fixed;
	top: 200px;
	left: 0;
	width: 160px;
	margin-left: 20px;
}

div#wrap
{
	position: absolute;
	top: 200px;
	left: 180px;
	width: auto;
}

div#kolommidden
{
	width: 63%;
	float: left;
}

#kolommidden div.padder
{
	margin-left: 20px;
	margin-right: 20px;
}

div#kolomrechts
{
	float: left;
	width: 37%;
}

#kolomrechts div.padder { margin-right: 30px; }

/* text styles */
.text { margin: 0 0 2em 0; }
.text p { margin: 0 0 1em 0; }

/* entry styles */
.entry
{
	margin: 0 0 1.6em 0;
	clear: both;
}

div.article {	
	margin: 0 0 1em 0;
	clear: both;
}

div.article .comments { margin-bottom: 1em; }

.entry p, div.article p { margin: 0 0 1em 0; }

.paragraph { clear: both; }
.paragraph h4
{
	margin-top: 1.5em;
	font-size: 1.05em;
	margin-bottom: 0;
}
body.werk div.paragraph { margin-top: 3em; }
body.werk div.paragraph h4 { font-size: 1.2em; }

p.intro
{
	font-weight: bold;
	margin: 1em 0 0 0;
}

.comments
{
	color: #999;
	margin: 0.2em 0 0 0;
	border-top: 1px solid #ccc;
	width: 80%;
	font-style: normal;
}

.comments a:link, .comments a:visited
{
	border: 0;
	color: #999;
	text-decoration: none;
}

.comments a:hover, .comments a:active
{
	color: #c00;
	border-bottom: #c00;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

em.comments
{
	display: block;
	clear: both;
}

/* 
	img styles 
*/

.imgLeft
{
	float: left;
	text-align: right;
	border-color: #e4ecec;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	margin: 12px 6px 1em 2px;
	width: 212px;
	/* width for IE5 Windows */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
	/* actual value for other browsers */
}

.imgLeft img
{
	display: block;
	border: 0;
}

.imgRight
{
	float: right;
	text-align: right;
	font-size: 0.9em;
	border-color: #e4ecec;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	margin: 2px 2px 1em 8px;
	width: 210px;
	/* width for IE5 Windows */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
	/* actual value for other browsers */
}

.imgRight img
{
	display: block;
	border: 0;
}

.imgSmRight
{
	float: right;
	text-align: right;
	font-size: 0.9em;
	border-color: #e4ecec;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	margin: 12px 2px 2px 4px;
	width: 130px;
	/* width for IE5 Windows */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 120px;
	/* actual value for other browsers */
}

.imgSmRight img { display: block; }

/* related */
.related strong { display: block; }

.related img
{
	float: left;
	border: 0;
	padding: 2px 6px 0 0;
}

.related p
{
	padding-left: 24px;
	margin: 0 0 2px 0;
}

/* some other styles */
.google
{
	background-color: #FF9;
	border-color: #FC0;
	border-width: 1px;
	border-style: dotted;
}

.rellinks { display: block; }


div.tip
{
	padding: 8px;
	background: #FEF7B5 url("../img/tip_top.gif") top right no-repeat;
	margin-bottom: 1em;
	font-size: 0.9em;
}

body.home div.tip { margin-bottom: 2em; }
body.home div.tip p { margin: 0; }

div.tip h3 { font-size: 1.2em; }
div.tip h4 { font-size: 1em; }

body.mmbase div.tip h3 { font-size: 1.1em; } 

body.mmbase div.tip h3, div.tip h4
{
	border-top: 1px solid #999;
	margin: 0.2em 0 0 0;
	font-weight: normal;
	display: block;
	white-space: nowrap;
	color: #666;
	width: 88%;
}

body.mmbase div.tip h3 a:link,
body.mmbase div.tip h3 a:visited, 
div.tip h4 a:link,
div.tip h4 a:visited
{
	text-decoration: none;
	color: #666;
}

body.mmbase div.tip h3 a:hover,
body.mmbase div.tip h3 a:active, 
div.tip h4 a:hover,
div.tip h4 a:active
{
	text-decoration: underline;
	color: #c00;
}

pre {
	font-size: 0.9em;
	background-color: #efefef;
	font-family: Monaco, "Courier New", Courier, monospaced;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	overflow: auto;
	width: auto;
}

/* target IE7 and IE6 */
*:first-child+html pre {
	padding-bottom: 1em;
	overflow-y: hidden;
	overflow: visible;
	overflow-x: auto; 
}
* html pre { 
	padding-bottom: 1em;
	overflow: visible;
	overflow-x: auto;
}

ul.others
{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

/* specific page styles */
/*body.home div#kolommidden h3 { margin-top: 24px; }*/
div#kolommidden p { margin-top: 0; }
div#kolommidden p.message, div#kolommidden p.error { margin-top: 2em; }

div#kolommidden em.comments { margin-bottom: 2em; }

a.readmore { display: block; }

/* changing lightbox defaults */
#lightbox-container-image-data-box
{
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 1em;
}

#lightbox-container-image-box
{
	border-width: 2px 2px 0 2px;
	border-color: #660;
	border-style: solid;
}
#lightbox-container-image-data-box
{
	border-width: 0 2px 2px 2px;
	border-color: #660;
	border-style: solid;
}

video, audio, #bbwidget
{
	display: block;
	margin: 0.7em 0;
}

video, audio { border: 1px #660 solid; }

div.oip_media {
	margin: 0 0 1em 0;
	max-width: 60%;
}
div.oip_media div.player {
	width: 512px;
	background-color: #111;
}
div.oip_media span.license {
	font-size: 0.85em;
	font-style: italic;
	width: 512px;
	display: block;
}

div.tweets h4 a
{
	color: #000;
	text-decoration: none;
	font-size: 0.9em;
	background-image: url(images/twitter-bird.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 0 21px;
	margin-left: 1px;
}

div.tweets h4 a:link, div.tweets h4 a:visited { text-decoration: none; }
div.tweets h4 a:hover, div.tweets h4 a:active { text-decoration: underline; }

div.tweets ul
{
	font-size: 0.85em;
	margin: 0;
	list-style: none;
}