/* CSS Document */
/* RULE: Always declare margin on every block element. */
/* Blockelements are: ADDRESS BLOCKQUOTE DD DIV DL DT H1 H2 H3 H4 H5 H6 LI OL P 
PRE UL  */
/* use ems on vertical margins and % on horizontal margins */
/* Avoid using padding (because it does not collapse) except when the element has a border. However, to avoid differences with  browsers/user style sheets that set it instead of margin, set it to 0 on every element.  */

/* Elements font-families */

@font-face {
font-family: ‘Anivers’;
src: url(‘http://www.webtic.nl/webfonts/AniversRegular/Anivers_Regular.otf’);
src: local(‘/webfonts/AniversRegular/Anivers_Regular.otf’),
url(‘http://blog.red7.com/fonts/SF_Cartoonist_Hand.ttf’) format(‘truetype’);
}


body {
	font: 75% Arial, sans-serif;
	font-weight: normal;
	line-height: 1.6em;
  }
 
*, p, ul, table, h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
	} 
p, a, ul, strong, em, textarea, td {
	line-height: 1.6em;
	}		
h1, h2, h4, h6, h3, h5 {
    font-family:Anivers;
		line-height: 1.2em;
		font-weight:900;
		}			
		
		
#menu {
    font-family:Anivers;
    font-size:1.2em;
}		
	
/* Element font-sizes; body in typobig and typonormal defines the size of the bodytag */

p, ul, ol, li, a, textarea {
	font-size: 1em;
	}					
p, ul, table, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}	
h1 { 
	font-size: 2em;
	padding-bottom:0;
	margin-bottom:0;
	color:#666;
	border-bottom:1px dotted;
	text-align:right;
	}	 
h2 { 
	font-size: 1.8em;
	}
h3 {
	font-size: 1.6em;
	padding-bottom:0;
	padding-top:0.2em;
	border-bottom:1px solid;
	}				
h4 {
	font-size: 1.4em;	
	} 
h5 {	
	font-size: 1.2em;
	margin-bottom:0;
	padding-bottom:0;
	} 
h6 {
	text-transform: uppercase;
	font-size: 1em;	
	} 	
a { 
	cursor: auto;
	text-decoration: none;	
	font-weight: bold;
	border-right: 0.2em solid #999;
	border-bottom: 0.2em solid #bfbfbf;
	padding: 0 0.5em;
	}	
a.image { 
	border:0;
	padding:0;
	}		 
a:link {
	color: #000; 
	background-color: #ADFF2F;
	} 
a:visited {
	color: #000; 
	background-color: #cf9;
	} 
a:active {
	color: #fff; 
	background-color: #666;	} 
a:hover {
	color: #fff; 
	background-color: #000;
	}  		
#header a {
	background-color: transparent;
	}	 
textarea {
	cursor: text;
	color: #666;
	} 

	
/* different types of links ie internal external */


ul {
	list-style-type: none; 
	text-decoration: none;
	}		
li, li.externallink {
	margin: 0;
	padding: 0 0 0 20px;
	background-repeat: no-repeat; 
	background-position: 0px 0em; 	
	}	
li, li.externallink:after {
	padding-right: 1em;
	}	
li {	
	background-image:url("/images/extra/link.gif");
	}			
li.externallink {
	background-image: url("/images/extra/extlink.gif"); 
	}		
p + ul {
	/*margin-top: 0em;
	margin-bottom: 0em;	*/
	}	

	
/* classes */

p.small, .small, a.small {
	font-size: 0.85em;
	}	
p span.small {
	font-weight:normal;
	}		
h1 a.syndicate {
	font-size: 0.5em;
	background-color:#ff4500;
	color:#fff;
	padding:0.2em 0.4em;
	}			
.right {
	text-align: right; 
	}
.left {
	text-align: left; 
	}	
.center {
	text-align: center; 
	}						
.date {
	color: #666;
	font-size:0.9em;
	padding:.2em .4em;
	margin:0;
	font-style: italic;
	background-color: #666;
	color:#fff;
	}			
p.posted  {
	display: block;
	padding-bottom: 2em;
	padding-top: 0;
	font-size: 0.9em;
	color: #666;
	font-style: italic;
	}				
p.posted a  {
	font-weight: normal;
	font-style: italic;
	}		
p.breadcrumbs {
	margin: 0 0 0 35px;
	padding: .2em 0;
	border-top: 1px dotted #999;
	border-bottom: 1px solid #999;
	font-size: 0.8em;
	font-weight: normal;
	}	
	
span.archivelist, span.archivelist p, span.archivelist li {
	font-size: 0.9em;
	font-weight: normal;
	}	
.grey {
	color:#999;
	}	
li.syndicate {
	background-color:#ff4500;
	color:#fff;
	font-size:0.8em;
	}	
#submenu li.extra a {
	background-color: #ff4500;
	color:#fff;
	}
#submenu li.extra a:hover {
	background-color: #000;
	color:#fff;
	}	
#submenu li.label {
	padding: 0.1em 0.4em;
	font-size: 0.8em;
	margin:0.2em;
	color: #fff;
	background-color: #333;	
	text-transform:uppercase;	
	font-weight:bold;
	}