@charset "UTF-8";
/* CSS Document */

body {
	background-color:#f8f8f7;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1.4em;
	color: #523411;
	font-weight:bold;
	letter-spacing:-1px;
	margin:30px 0 15px 0;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1.2em;
	color: #770000;
	font-weight:bold;
	letter-spacing:-1px;
	margin:30px 0 10px 0px;
	padding: 0 0 0 25px;
}
h3 {
	width:260px;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1.2em;
	color: #523411;
	font-weight:bold;
	letter-spacing:-1px;
	margin:30px 0 10px 0px;
}


/* icons */

.twitter {
	background:url(img/icons/twitter.png) no-repeat;
	background-position:0 2px;
	height: 20px;
}
.lastfm {
	background:url(img/icons/lastfm.png) no-repeat;
	background-position:0 2px;
	height: 20px;
}
.basecamp {
	background:url(img/icon.basecamp.png) no-repeat;
	background-position:3px 2px;
	height: 20px;
}

/* elements */

#logo {
	padding-top: 10%;
	background:#FFFFFF;
	text-align:center;
	height: 150px;
}
.tagline {
	width:300px;
	margin:0px auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#777777;
	font-size: 0.8em;
	font-style:italic;
	padding-left: 20px;
}
.blackish {
	color:#000000;
	font-weight:bold; 
}
#seperator {
	background:url("img/wideBg.gif") repeat-x;
	width: 100%;
	height: 10px;
	background-color:#f8f8f7;
	margin-bottom: 30px;
	
}
.shadow {
	padding-top: 10px;
	background:url("img/shadow.png") no-repeat;
	background-position:center;
	height: 5px;
}

#content {
	width:800px;
	margin:0px auto;
	padding-bottom: 30px;
}
#main {
	width: 600px;
	float:left;
	margin-bottom:24px;
}
#side {
	width: 200px;
	float:left;
}
/* Items in main */

.item {
	background-color:#FFFFFF;
	display:block;
	width:420px;
	height:190px;
	margin-bottom: 20px;
}
.top {
	height: 149px;
}
.bottom {
	background:white;
	border:1px solid #ddd;
	border-width:0 1px 1px;
	-moz-border-radius:0 0 3px 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;
	height: 36px;
	padding: 10px 0px 3px 0px;
}
.client {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-style:italic;
	text-align:center;
	width: 90px;
	font-weight:bold;
	color: #9b9b9b;
	padding-top: 0.5px;
	line-height:16px;
}
.description {
	display:inline;
	float:left;
	width: 256px;;
	font-family: Lucida Grande;
	font-size:0.7em;
	color: #4a4a4a;
	padding-top: 1px;
	line-height:16px;
}
.deadline {
	display:inline;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:0.8em;
	color: #cccccc;
	padding: 10px 4px 0;
}

.deadline.heavy { font-weight:bold; font-size:1.2em; }



/* Items in side */

.sideitem {
	width: 260px;
	display: block;
}

.sidetop {
	background:url(img/side/sideTop.png) no-repeat;
	width: 100%;
	height: 4px;
}
.sidecontent {
	font-family: Lucida Grande;
	font-size:0.7em;
	padding: 0 7px 10px 7px;
	background:url(img/side/sideTile.png) repeat-y;
}
.sidecontent.basecamp {
	height:52px; padding: 12px 18px;
	color:#666; line-height:18px !important;
}
.sidebottom {
	background:url(img/side/sideBottom.png) no-repeat;
	width: 100%;
	height: 8px;
}

/* footer */

#footer {
	clear:both;
	background-color: #4d5454;
	height: 120px;
	
}
.footershadow {
	padding-top: 10px;
	background:url("img/shadow.png") no-repeat;
	background-position:center;
	height: 5px;
}

#footerwrapper {
	width:800px;
	margin:0px auto;
	color: #333333;
	font-family: "Lucida Sans","Lucida Grande",Lucida,Helvetica,Arial;
	font-size: 0.7em;
	
}
.leftfooter {
	float:left;
}
.rightfooter {
	float:left;
	padding: 10px 0 0 30px;
	line-height:16px;
}
.alternative {
	color: #606060;
}

.footnote {
	float:right;
	color: #808080;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.3em;
}
.star {
	font-size: 1.5em;
}

/* Twitter */

.twit {
	padding: 3px;
	line-height:16px;
	color:#777;
}
.odd {
	background-color: #eeeeff;
	color:#4a4a4a;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.descr {
	text-align:right;
	color:#ccc; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.scrobble { padding: 4px; margin:0px 0px 4px; color:#aaa; }

.scrobble a { text-decoration:none; color:#4a4a4a; }
.scrobble a:hover { text-decoration:none; color:#333; }

.scrobble.odd { background:#eeebe7; }

.klantenwolk { width:272px; position:relative; left:-6px; font-family: "Lucida Sans","Lucida Grande",Lucida,Helvetica,Arial; text-align:center; font-size:0.72em; padding-bottom:32px; }
.klantenwolk a { text-decoration:none; font-weight:bold; }
.klantenwolk a:hover { color:#990000; }
.klantenwolk a, .klantenwolk span { margin:3px 5px; white-space:nowrap; line-height:18px; }
.rank_3 { color:#bbb; font-size:0.72em; }
.rank_4 { color:#999; font-size:0.72em; }
.rank_5 { color:#777; font-size:0.9em; }
.rank_6 { color:#555; font-size:1.1em; }
.rank_7 { color:#333; font-size:1.1em; }
.rank_8 { color:#111; font-size:1.2em; }


#footer a {
	color:#333333;
	text-decoration:none;
}


/* MODULE CLASSES */

/* MODGROUP social */

/* TOOL LASTFM.playlist */