/*-----------------------------------------------------------------------------------------------



	Filename			type.css
	Description			Css for only the typo
	Website				ThijsVisser.nl
	Athor				Thijs Visser	

	
	
-----------------------------------------------------------------------------------------------*/

/*------------------- TYPO -----------------*/

body{
font-family:Arial, Sans-serif;	
font-size:62.5%;
color:#909090;
}

h1, h2{
font-family:Arial, Sans-serif;
width:auto;
font-size:2.8em;
font-weight:normal;
background: url('http://www.thijsvisser.nl/images/website_images/white_hr_dotted.gif') left bottom repeat-x;
padding:0 0 1px 0;			/* Wordt door IE7 geinterpreteerd EN anderde browsers	*/
margin-top:-2px;
margin-bottom:.6em;
color:#414141;
}

* + html h1, 				/* Wordt ALLEEN door IE7 geinterpreteerd	*/
* + html h2{ 
padding:0 0 5px 0;	
border:0px solid gray;
}


.home h1{
background: none;
background: url('http://www.thijsvisser.nl/images/website_images/dit_is_de_portfolio_van_thijs_visser.gif') left 4px no-repeat;
height:61px;
margin-bottom:26px;
text-indent:-9999px;
}

/* -- voorbehouden voor javascript -- */
/* 
.home h1 a{
display:block;
background:gray;
width:20px;
height:20px;
display:absolute;
}
*/


h2{
font-weight:normal;
font-size:2.4em;
color:#606060;
}

.home h2{
font-size:1.8em;
background:none;
padding:0;
margin-bottom:0;	
}

h1 a{
color:#414141;
}

p, span, dl{
font-size:1.2em;	
line-height:1.5em;
margin:0 0 1em 0;
}

.side_main a,
.home_main a{
font-size:1.2em;		
}

a{
color:#de5d01;
text-decoration:none;
border:none;
}

a:hover{
text-decoration:underline;
}



ul, ol, code{
font-size:1.2em;
margin:0 0 1em 0;	
list-style-type:none;
line-height:1.5em;
}

ol{
padding:0;
list-style-type:decimal;	
color:#414141;
}

ol.code{
background:#0e0e0e;
margin:26px 0 26px 0;
padding:26px 44px;
}

ol.code li{
color:#789bc4;	
line-height:1.6em;
}

ol.code .indent{
padding-left:16px;	
}

ol.code .superindent{
padding-left:32px;
}

ol.code code{
color:#666;		
}

.body li{
color:#909090;
background: url('http://www.thijsvisser.nl/images/website_images/list_button.gif') left .5em no-repeat;	
margin-left:-16px;
padding-left:16px;
}

.body ol li{
background:none;
margin-left:0;
padding-left:0;	
}

h3, h4{
font-size:larger;
font-weight:bold;
font-variant:small-caps;
color:#414141;	
margin:.5em 0;
letter-spacing:.1em;
}
.blog h3{
text-transform: uppercase;
font-size:1.2em;
}

.blog h3:first-letter{
text-transform:uppercase;	
}

h4{
font-size:1.1em;
font-weight:bold;
color:#666;
font-family: Georgia;
}

.backside h4{
font-size:1.1em;
font-variant: normal;
font-style: italic;
	
}

.hr {
border: none;
display:block;
width: 100%;
height:2px;
background: url('http://www.thijsvisser.nl/images/website_images/standard_hr.gif') left bottom repeat-x;
position:relative;
margin-bottom:1.2em;
padding-left:0;
clear:both;
}

p.introduction{
font-size:1.4em;
margin-bottom:.4em;
line-height:1.5em;
color:#666;
}

.introduction a{
font-weight:bold;	
}

p.sell, p.leesverder{
color:#606060;
}

/* ------ SPECIALS FOR PORTFOLIO ------*/

.portfolio>h1+p{
padding-top:1em;	
}
.portfolio>p+.hr{
padding-top:1.6em;	
}

.portfolio p{
padding-left:2em;
font-size:1.2em;
}

.portfolio p.sell, p.leesverder{
padding-left:0;
}

.backside{
color:#666;
}

.backside h2{
font-family:Arial, Sans-serif;
width:auto;
font-size:2.6em;
font-weight:normal;
background: url('http://www.thijsvisser.nl/images/website_images/black_hr_dotted.gif') left bottom repeat-x;
padding:0 0 5px 0;
margin-top:-2px;
margin-bottom:.3em;
color:#789bc4;
}

#portfolio_wrapper .backside>h2+dl{
padding-top:1em;	
}

.backside a{
color:#789bc4;	
}

.backside p{
padding-left:10px;	
}

.portfolio dl{
font-size:1.2em;
line-height:1.3em;
letter-spacing:0.1em;
color:#666;	
}

.portfolio dt{
margin-top:1.2em;
color:#414141;
letter-spacing:0.05em;	
}

#portfolio_wrapper dt{
margin-top:0;	
}

.portfolio dd{
color:#909090;	
}

.backside dl{
padding-left:10px; /*needs 10px extra space tot be off 26px*/
font-size:1.1em;
line-height:1.3em;
letter-spacing:0.1em;
color:#666;
}

.backside dt{
color:#789bc4;	
letter-spacing:0.05em;
}

.portfolio dd{
letter-spacing:0.1em;
}

.backside dd a{
color: #909090;
}

.backside em{
font-style: normal;
color:#789bc4;
}

.portfolio dt{
line-height:1.8em;	
font-size:1.2em;
}

/* ------ SPECIALS FOR BLOG ------*/

#blog_sidecolumn>div h2{
font-family:Arial, Sans-serif;
width:auto;
text-transform: uppercase; 
font-size:2em;
font-weight:normal;
background: url('http://www.thijsvisser.nl/images/website_images/black_hr_dotted.gif') left bottom repeat-x;
padding:0 0 6px 0;
margin-top:-2px;
margin-bottom:.6em;
color:#789bc4;
}

.portfolio_body p{
}


#blog_sidecolumn div ul{
padding-left:6px;
margin-bottom:0;
}

#blog_sidecolumn li{
color: #789bc4;	
font-size:1.2em;
}

#blog_sidecolumn li a{
color:#666;	
font-size:0.9em;
}

#blog_sidecolumn li a:hover{
color: #789bc4;
text-decoration:none;	
}	

.date{
font-size:1.2em;
color:#666;
text-transform: uppercase;
}

.date h6{
font-size:14px;
}
	
.date p{
}

.date p a{
font-weight:normal;
color:#789bc4;
font-size:1.9em;
}

.contentwrapper .inleiding{
font-style: italic;
font-size:1.3em;
padding:1.0em 0 .8em 16px;;
font-family: Georgia;
}	

/* ------ SPECIALS FOR OVER ------*/

#ookeensite p{
color:#666;
}

/* ------ SPECIALS FOR SELECTION ------*/

::-moz-selection{
	background:#a1cdff;
	color:#0e0e0e;
}

::selection {
	background:#a1cdff;
	color:#0e0e0e;
}

code::-moz-selection {
	background: #a1cdff;
}

code::selection {
	background: #a1cdff;
}