/* SCREEN CSS by Wes Oudshoorn */

body {
background: #1d0f1f url(../img/joeri.jpg) no-repeat center top;
font: 100% Arial;
line-height: 1.4em;
}

h2 {
color: #c33c58;
margin-bottom: 1em;
font-size: 1.2em;
}

#cont a {
color: #c33c58;
text-decoration: none;
}

#cont a:hover {
border-bottom: 1px dotted #c33c58;
color: #5e1222;
}

#cont .project a:hover {border: none;}

p {text-align: justify;}

#cont p.intro {
color: #5e1222;
font-size: .82em;
}

#cont p, #cont ul {
color: #444;
font-size: .9em;
margin-bottom: 1em;
}


.visual, .project {
float: right;
margin-left: 30px;
}

.project {
margin-top: 30px;
}

.nav {
border-top: 1px dotted #999;
padding-top: .7em;
clear: both;
}

#cont ul.nav {
margin-bottom: 0;
}

#cont .nav a {display: block; border: 0;}

.jFlowPrev a {
float: left;
background: url(../img/previous.gif) no-repeat left 9px;
padding: 10px 10px 10px 35px;
}

.jFlowNext a {
background: url(../img/next.gif) no-repeat right  9px;
float: right;
padding: 10px 35px 10px 10px;
}


#side a, #foot a {
color: #fff;
text-decoration: none;
}

#foot a {
border-bottom: 1px dotted #ffdd49;
}

#side a:hover, #side a.active, #foot a:hover {
color: #ffdd49;
}

#wrap {
width: 933px;
position: relative;
margin: 0px auto;
}

#side {
float: left;
width: 210px;
padding-bottom: 25px;
background: url(../img/nav_bottom.png) no-repeat bottom;
}

#side ul {
padding-top: 30px;
background: url(../img/nav_top.png) no-repeat top;
}

#side a {
display: block;
text-align: right;
margin: 0px 25px 10px 0px;
padding-right: 20px;
background: url(../img/nav_bullet.png) no-repeat right 7px;
}

#side h1 {
display: block;
width: 220px;
height: 120px;
text-indent: -9999px;
}

#cont {
margin: 30px 0px 0px 250px;
background: url(../img/cont_top.png) no-repeat top;
padding: 30px 30px 10px 30px;
min-height: 250px;
}

#foot {
background: url(../img/cont_bottom.png) no-repeat top;
margin-left: 250px;
padding-top: 50px;
color: #fff;
}

#foot p, #foot address {
font-size: .9em;
}

#foot h3, #foot strong {
color: #ffdd49;
}

.box, address {
padding-left: 40px;
background: url(../img/foot_line.png) no-repeat left top;
}

.box {
float: left;
width: 300px;
}

address {
margin-left: 400px;
font-style: normal;
}

/* Term cloud */
.h1{
	font-size: 1.4em;
}

.h2{
	font-size: 1.2em;
}

.h3{
	font-size: 1.1em;
}

.h4{
	font-size: 0.9em;
}