/*
Author: Joost Roelandts
*/

#head
{
  background-image: url(http://www.joostroelandts.be/images/bg.png);
  background-repeat: repeat-x;
  height: 100px;
  font-size: large;
  padding-top: 20px;
  padding-left: 20px;
  color: white;
  text-align: left;
}
#subhead
{
  color: darkgreen;
  font-size: large;
  padding: 20px;
}

body
{
  margin: 0;
  padding: 0;
  font-family: Verdana,sans-serif;
  line-height: 150%;
}

h1
{
  font-size:medium;
}

#content
{
  background:white;
  width:74%;
  position:absolute;
  top:110px;
  padding-left: 1em;
  left:2%;
  font-size: small;
  color: Maroon;
}

#footer
{
  padding: 20px;
  font-size: smaller;
  color: black;
}

/* library */

.popup_effect1
{
	background: #CCCCCC;
	opacity: 0.2;
}
    
#container
{
	padding-left: 20px;
	padding-top: 5px;
}

#loginForm
{
	line-height: 35px;
}

#imdbResults
{
	font-size: 14px;
}

.floatBlock
{
	float: left;
	margin-right: 60px;
}

/* breadcrumbs */

#crumbs
{
  color: gray;
  font-size: x-small;
}

#crumbs a:link {color: gray;}
#crumbs a:visited {color: gray;}
#crumbs a:hover {color: silver; }
#crumbs a:active {color: gray;}

/* navigation bar */

#nav
{
  overflow: hidden;
  width:18%;
  top:110px;
  right:2%;
  font-size: small;
  /* the following lines compensate the fact that
   IE6 doesn't support the fixed position */
  float:right;
  padding-right:10px;
}

#nav h2 {color: Navy; font-size: medium; padding-left: 20px;}
#nav a:link {color: Navy; text-decoration: none;}
#nav a:visited {color: Navy; text-decoration: none;}
#nav a:hover {color: Teal; text-decoration: underline;}
#nav a:active {color: Navy; text-decoration: none;}
#nav ul
{
  list-style: none;
}

#nav li
{
  padding-bottom: 5px;
  list-style-type: none;
}

p.feedText
{
	color: Navy;
	margin-left: 40px;
}

/* quotes */

#quoteBody
{
  padding: 10px;
}

#quoteFootnote
{
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 10px;
  font-style:italic;
  font-size:smaller;
}

/* images portfolio */

#portfolio img
{
  border: 1px solid #000000;
  width: 200px;
}

/* links and emphases */

a
{
  color: Navy;
}

a:hover
{
  color: Teal;
}

em
{
  color: Navy;
}

/*
Table design based on:
Theme: inphecthyuz
Author: Infected-FX
URL: www.infectedfx.net
Country: Mexico
*/

table.data {
	border-spacing:1px;
	font-size:x-small;
	background-color:#E7E7E7;
	color: maroon;
}

table.data td, th {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

table.data thead th {
	text-align: center;
	background: #F5F5F5;
	color: maroon;
	border: 1px solid #FFF;
	text-transform:uppercase;
}

table.data tbody th {
	font-weight: bold;
}

table.data tbody tr	 {
	background-color:#FFF; 
	text-align:left;
	}

table.data tbody tr td { 
	height:30px;
	background: #FFF;
	border: 1px solid #FFF;
	}
	
/* flicr batch */

#flickr_badge_uber_wrapper {width:100%;}

#flickr_badge_wrapper {padding:0;}

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:white;}

.flickr_badge_image {margin: 2px; display: inline;}

/* blog */

.blogFooter
{
	margin-left: 10px;
	margin-bottom: 30px;
	font-size: small;
	font-style: italic;
}

.blogBody
{
	margin-bottom: 15px;
}

.commentBody
{
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
}

.commentFooter
{
	font-size: 12px;
	padding-left: 25px;
	padding-right: 25px;
	font-style: italic;
	margin-bottom: 40px;
}