/*  
Theme Name: Tim Nooteboom Showcase
Theme URI: http://timnooteboom.nl/
Description: The default showcase theme of <a href="http://www.timnooteboom.nl">timnooteboom.nl</a>.
Version: 2.x
Author: Tim Nooteboom

Creme: #d8d878
Oranje: #fd9600

*/
html { background-color:#d8d878; }
body {
	margin:0 auto;
	background:url('images/texture.jpg') repeat-x;
	line-height:1.7em;
	text-align:center;
	font-family:Tahoma, 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;

}
#skills {behavior:url('http://www.timnooteboom.nl/wp-content/themes/grunge/iepngfix.htc');}
#logo {
	background:url('images/logo.png') no-repeat;	
	width:315px;
	height:150px !important;
	height:100px;
	behavior:url('http://www.timnooteboom.nl/wp-content/themes/grunge/iepngfix.htc');
	float:right;
}
#copyright {text-align:center;}
#nav {height:120px;}
#content {width:660px;padding:0px 40px 0px 0px;}
#contentwrapper {padding:0px;}
#sidebar {width:160px;}
#wrapper {margin:0 auto;width:860px;text-align:left;padding:20px;}

/* Tags */
a img {border:0;}
h1 {margin:0;padding:0;font-size:4em;}
h2 {margin:0;padding:0;font-size:2em;}
small {color:#abab5b;}

/* Common classes */
.ac {text-align:center;}
.al {text-align:left;}
.ar {text-align:right;}
.b {font-weight:bold;}
.fl {float:left;}
.fr {float:right;}
.clr {clear:both;}

/* Custom classes */
.width85 {width:85px;}
.width125 {width:125px;}
.box {margin:40px;padding:20px;background:#e2e29a;font-size:0.9em;font-style:italic;border-left:10px #abab5b solid;}
.clearlogo {clear:both;height:0px !important;height:50px;}
.line {background:url('images/afscheiding.jpg') no-repeat;height:3px;width:650px;}
.spacer {height:1em;}
.skills {float:left;}

/* Links */
a:link, a:visited {color:#fff;text-decoration:none;}
a:hover {color:#fd9300;text-decoration:none;}

/* Nav */
#nav ul {margin:0;padding:0;list-style:none;}
#nav li {display:inline;padding:0px 10px 0px 10px;font-size:20px;}
#nav li.active {font-size:12px;border-left:5px #d8d878 solid;}
#nav a:link, #nav a:visited {color:#fff;text-decoration:none;padding:3px;}
#nav a:hover {border-bottom:3px #fd9600 solid;}

/* Sidebar */
#sidebar ul {margin:0;padding:0px 0px 0px 10px;list-style:none;}

#sidebar .resources li {height:30px;;background:url('images/li_orange.png') no-repeat;behavior:url('/wp-content/themes/grunge/iepngfix.htc');}
#sidebar .resources a:link, #sidebar .resources a:visited {color:#ffaa34;font-weight:bold;padding:3px;}
#sidebar .resources a:hover{background-color:#fdbb28;color:#fff;font-weight:bold;}

#sidebar .links li {height:30px;background:url('images/li_pink.png') no-repeat;behavior:url('/wp-content/themes/grunge/iepngfix.htc');}
#sidebar .links a:link, #sidebar .links a:visited {color:#d84878;font-weight:bold;padding:3px;}
#sidebar .links a:hover{background-color:#d84878;color:#fff;font-weight:bold;}

#sidebar .meta li {height:30px;background:url('images/li_green.png') no-repeat;behavior:url('/wp-content/themes/grunge/iepngfix.htc');}
#sidebar .meta a:link, #sidebar .meta a:visited {color:#a7c02e;font-weight:bold;padding:3px;}
#sidebar .meta a:hover{background-color:#a8bf31;color:#fff;font-weight:bold;}

#sidebar .category li {height:30px;background:url('images/li_gray.png') no-repeat;behavior:url('/wp-content/themes/grunge/iepngfix.htc');}
#sidebar .category a:link, #sidebar .category a:visited {color:#404040;font-weight:bold;padding:3px;}
#sidebar .category a:hover{background-color:#353535;color:#fff;font-weight:bold;}