/*
Theme Name: Co|Mateus
Theme URI: http://coma.nl/
Description: This theme is custom made for <a href="http://www.coma.nl/" title="Co|Ma">www.coma.nl</a>
Author: Cor Jan van Zwol
Version: 2.2
Author: Cor Jan van Zwol
*/


	/* Achtergronden */
body		{background: #ACBDC4 url(images/bg.jpg) repeat-y center;}
#pagina		{background: transparent;}
#head		{background: transparent url(images/head.gif) no-repeat;}
.topbar		{background: transparent;}
#content	{background: #FFFFFF; border: 1px solid #417AA5;}
#content-2	{background: #FFFFFF url(images/co_column.gif) no-repeat left bottom; border: 1px solid #417AA5;}
#content-3	{background: #FFFFFF url(images/ma_column.gif) no-repeat left bottom; border: 1px solid #417AA5;}
#foto		{background: #ACC5D8; border: 1px solid #417AA5;}
#bio		{background: #FFFFFF; border: 1px solid #417AA5;}
#copyrights	{background: transparent url(images/copyrights.gif) no-repeat;}
#prev-2		{background: #ACC5D8 url(images/co_prev.gif) no-repeat left bottom; border: 1px solid #417AA5;}
#prev-3		{background: #ACC5D8 url(images/ma_prev.gif) no-repeat left bottom; border: 1px solid #417AA5;}
#random-2	{background: #ACC5D8 url(images/co_prev.gif) no-repeat left bottom; border: 1px solid #417AA5;}
#random-3	{background: #ACC5D8 url(images/ma_prev.gif) no-repeat left bottom; border: 1px solid #417AA5;}
#prevbio	{background: #ACC5D8; border: 1px solid #417AA5;}
#prevbio-2	{background: url(images/co_prev.gif) no-repeat left bottom;}
#prevbio-3	{background: url(images/ma_prev.gif) no-repeat left bottom;}
#searchprev	{background: #ACC5D8; border: 1px solid #417AA5;}
#side,
#sidearchief,
#sidema,
#sideco,
#sidebio	{background: #8DB5CA; border: 1px solid #417AA5;}
.commentbox	{background: #ACC5D8; border: 1px solid #417AA5;}
#co-archief	{background: #FFFFFF url(images/co_archief.gif) no-repeat left bottom; border: 1px solid #417AA5;}
#ma-archief	{background: #FFFFFF url(images/Ma_archief.gif) no-repeat left bottom; border: 1px solid #417AA5;}
#zoek		{background: #E7EEF0; border: 1px solid #417AA5;}



	/* Structuur */
#midden		{position: absolute;
		left: 50%;
		top: 5%;
		width: 0;
		}

#pagina		{position: absolute;

		left: -466px;
		width:935px;
	
	height:782px;
		}

#head		{position: absolute;
		top: 0px;
		width: 625px;
		height: 150px;
		}

.topbar		{position: relative;
		top: 111px;
		height: 30px;
		width: 625px;
		}

#content-2,
#content-3,
#content,
#co-archief,
#ma-archief	{position: absolute;
		top: 160px;
		padding: 0 10px;
		height: 590px;
		overflow: auto;
		}

#content-2,
#content-3,
#content	{width: 603px;
		}

#co-archief	{width: 286px;
		}

#ma-archief	{left: 317px;
		width: 286px;
		}

#copyrights	{position: absolute;
		top: 762px;
		width: 625px;
		height: 20px;
		}

#prev-2,
#prev-3,
#random-2,
#random-3,
#prevbio	{position: absolute;
		left: 635px;
		overflow: auto;
top: 0;
		}

#prev-2,
#prev-3,
#prevbio	{width: 278px;
		padding: 0 10px 0 10px;
		}

#prev-2,
#prev-3		{height: 208px;
		}

#random-2,
#random-3,
#searchprev	{width: 298px;
		height: 252px;
		}

#prevbio	{height: 402px;
		}

#prevbio-2,
#prevbio-3	{border-bottom: 1px solid #417AA5;
		margin-bottom: 10px;
		}

#side,
#sidearchief,
#sidema,
#sideco,
#sidebio,
#zoek,
#searchprev	{position: absolute;
		left: 635px;
		width: 298px;
		overflow: auto;
		}

#side,
#sidema,
#sideco			{top: 220px;
		height: 560px;
		}

#sidearchief	{top: 321px;
		height: 459px;
		}

#sidebio	{top: 414px;
		height: 367px;
		}

#zoek	{top: 264px;
	height: 25px;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	overflow: hidden;
	}

.commentbox	{position: absolute;
		left: 635px;
		width: 278px;
		height: 780px;
		}

.links	{float: left;
	}

.rechts	{float: right;
	}


	/*Body*/
body	{font-size: 15px; 
	font-family: Calibri,"Segoe UI",Arial,Verdana,sans-serif;
	text-align: justify;
	}

a	{color: #0F3461;
	text-decoration: none;
	}

a:hover	{text-decoration: underline;
	color: #0F3461;
	}

h3	{background: #417AA5;
	text-align: center;
	margin: 0;
	}


	/* Topbar */
.topbar 	{text-align: center;
		} 

.topbar ul li	{margin: 0 32px 0 0;
		}

.topbar ul,
.topbar ul li	{list-style-type: none;	
		display: inline;}

.topbar a,
.layout		{font-family: sans-serif;
		font-variant: small-caps;
		font-size: 21px;
		text-decoration: none;
		color: #232323;
		}

.layout	a	{font-variant: normal;
		font-size: 15px;
		}

.topbar a:hover {text-decoration: none;
		color: white;
		}

.topbar a:active	{color: red;
			}


	/*Column*/
.date		{position: relative;
		text-align: right;
		font-size: 13px;
		color: #284650;
		top: 30px;
		width: 209px;
		left: 378px;
		}

.title		{position: relative;
		top: -20px;
		padding: 0 0 0 0;
		text-align: left;
		font-size: 13px;
		color: #284650;
		}

.title a	{font-size: 20px;
		font-weight: bold;
		color: black;
		}

.title h2	{font-size: 20px;
		font-weight: bold;
		color: black;
		margin: 30px 0 0 0;
		}

.author		{position: relative;
		top: -20px;
		text-align: left;
		font-size: 13px;
		color: rgb(125,125,125);
		}

.column		{position: relative;
		top: -20px;
		}

.columnsingle	{position: relative;
		top: 0px;
		}

.comments	{position: relative;
		text-align: right;
		top: -30px;
		font-size: 18px;
		font-weight: bold;
		padding: 0 10px 0 0;
		}


	/*Prev & Random*/
#prev-2,
#prev-3,
#random-2,
#random-3,
#prevbio-2,
#prevbio-3,
#zoekresultaten	{font-family: "Arial Narrow","Times New Roman","Franklin Gothic Book";
		}

#prev-2 .author,
#prev-3 .author,
#prevbio-2 .author,
#prevbio-3 .author	{position: relative;
			top: 0px;
			text-align: right;
			font-size: 13px;
			color: rgb(40,70,80);
			text-decoration: underline;
			}

#prev-2 .title a,
#prev-3 .title a,
#prevbio-2 .title a,
#prevbio-3 .title a	{position: relative;
			top: 30px;
			}

#prev-2 .title a:hover,
#prev-3 .title a:hover,
#prevbio-2 .title a:hover,
#prevbio-3 .title a:hover	{text-decoration: none;
				color: rgb(65,122,165);
				}

.excerpt	{position: relative;
		font-style: italic;
		text-align: justify;
		}

.reacties	{position: relative;
		top:-15px;
		padding: 0 25px;
		text-align: right;
		font-size: 16px;
		font-weight: bold;
		}

.ververs	{text-align: center;
		font-size: 13px;
		color: rgb(40,70,80);
		margin: 0;
		}

#random-2 .title a,
#random-3 .title a	{position: relative;
			top: 30px;
			}

#random-2 .title a:hover,
#random-3 .title a:hover	{text-decoration: none;
				color: rgb(65,122,165);
				}

#random-2 .author,
#random-3 .author	{position: relative;
			top: 0px;
			text-align: right;
			font-size: 13px;
			color: rgb(40,70,80);
			text-decoration: underline;
			}

.tekst	{margin: 0 10px;
	}


	/*Copyrights*/
#copyrights p		{margin: 0;
			padding: 7px 20px 0px 0px;
			text-align: right;
			font-family: "High Tower Text";
			font-variant: small-caps;
			font-size: 10px;}

#copyrights a		{color: #0F3461;
			text-decoration: underline;
			}

#copyrights a:hover	{text-decoration: underline;
			color: rgb(141,181,202);
			}

	/*Sidebar*/
#side li em,
#searchprev li em,
#sidebio li em	{color: #EEC226;}

#side ul,
#searchprev ul,
#sidebio ul	{list-style-type: none;	
		color: #000000;
		margin: 10px;
		padding: 0;
		text-align: left;
		white-space: nowrap; 
		overflow: hidden;
		}

#sideco ul,
#sidema ul	{margin: 10px;
		}

#side a,
#searchprev a,
#sidebio a	{text-decoration: underline;
		color: #000000;
		margin: 0;
		}

#sideco a,
#sidema a	{text-decoration: none;
		color: #000000;
		margin: 0;
		}

#side ul a:hover,
#searchprev ul a:hover,
#sideco a:hover,
#sidema a:hover,
#sidebio ul a:hover	{text-decoration: underline;
			color: #0F3461;
			}

#co-archief h3,
#ma-archief h3	{background: none;
		}

	/*Comments*/

.commentbox ul  {margin: 5px 15px;
		padding: 0;
		height: 489px;
		overflow: auto;
                }

.commentlist li {list-style-type: none;
                padding: 5px 10px 0 10px;
                }

.commentdatum   {color: #284650;
		font-size: 11px;
		float: right;
		margin-top: -5px;
		}

.commentname	{font-weight: bold;
		}

.commentlist p	{font-family: "Helvetica", "Arial Narrow","Times New Roman","Franklin Gothic Book";
		font-size: 12px;
		font-style: italic;
		}

.alt {background-color: #C8D7E6;
     border-top: 1px solid #417AA5;
     border-bottom: 1px solid #417AA5;
     }

#commentform	{margin: 0 19.9px;
             	}

#commentform p	{margin: 5px 0px 0px 0px;
		}

.invoer		{height: 425px;
		}


	/*Archief & Zoeken*/
.archief-lijst	{color: black;
		margin: 0;
		}

.archief-lijst a	{color: #000000;
			}

.archief-lijst a:hover	{color: #0F3461;
			}

.archief-lijst ul	{margin: 5px 0;
			padding: 0 10px 0 20px;
			text-align: left;
			}

#archief h3	{background: rgb(65,122,165);
		text-align: center;
		margin: 0;
		}

#co-archief h3,
#ma-archief h3	{text-align: center;
		}

#zoeken h2	{text-align: center;
		background: #ACC5D8;
		margin: 0 -10px;
		}

#zoeken .links,
#zoeken .rechts	{position: relative;
		top: 10px;
		}

#zoeken .links a,
#zoeken .rechts a	{font-weight: bold;
			text-decoration: underline;
			}

#zoekresultaten	{clear: left;
		}

#zoekresultaten .author	{text-align: right;
			color: #284650;
			}

#zoekresultaten .title,
#zoekresultaten .author	{top: 0;
			}

#zoekresultaten .title a,
#random .title a	{font-size: 17px;
			font-weight: bold;
			text-decoration: none;
			color: black;
			}

#zoekresultaten .title a:hover,
#random .title a:hover		{text-decoration: underline;
				color: #0F3461;
				}

.resultcount	{text-align: center;
		font-size: 13px;
		color: rgb(40,70,80);
		border-bottom: 1px solid #417AA5;
		background: #ACC5D8;
		margin: 0 -10px 30px -10px;
		}