html, body {
	font-family: verdana;
	font-size: small;
	color: #333333;
	line-height: 1.3;
	margin:0px;
	padding:0px;
	text-align:center;
}

body { 
	background: url('/img/header_bg.jpg') center top no-repeat; 
	text-align: center; 
	line-height: 21px; 
	font-family: 'Droid Sans', Arial, Verdana, sans-serif; 
	font-size: 12px; 
	color: #201f1f; 
	min-height: 25px; 
	background-color: #dddddd; 
}



a {
	outline: none;
}

/*
@font-face {
	font-family: 'JesterRegular';
	src: url('/css/jester-webfont.eot');
	src: local('Jester'), local('Jester Regular'), url('/css/jester-webfont.ttf') format('truetype'), url('/css/jester-webfont.svg#webfontbBmCagca') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

.ie { 
	display: inline; float: left;
	width:950px;
	clear:both;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}




p {
	margin: 20px;
}



#top {
	width:100%;
	background:#ffffff;
	height:68px;
}


.topcenter {
	width:950px;
	background:#ffffff;
	margin:auto;
	height:68px;
	text-align:left;
/*	background: url('/hyveslogo.gif') #FFFFFF top right no-repeat;*/
}

.topbanner {
	margin:4px;
	width:468px; 
	height:60px;
	float:right;
}


.userinfo {
	float:left;
	top:20px;
	width:375px;
}

.userinfo a, .userinfo a:visited {
	color: #333;
}

h1{ 
	font-family: /*JesterRegular, verdana*/ Times New Roman, serif;
	font-weight: normal;
	font-size: 24px;
	/*color: #FCC355;*/ color: #528BC5;
	margin-top:0px;
	margin-left: 20px;
}

h2 { 
	font-family: verdana;
	font-weight: normal;
	font-size: 20px;
	color: #FCC355;
	margin-top:0px;
	margin-left: 20px;
}


h3 { 
	font-family: verdana;
	font-weight: normal;
	font-size: 16px;
	clear: both;
	color: #FCC355;
	margin-top:0px;
	margin-left: 20px;
}

.container {
	text-align: left;
	width: 950px;
	margin: auto;
}




.ie {
	width:950px;
	clear:both;
	margin:0;
	padding:0;
}

.userThumb, .ut {
	margin-right:10px;
	width:100px;
	float:left;
	height:110px;
	align: center;
	text-align:center;
}

.mediaThumb {
	margin-right:10px;
	width:120px;
	float:left;
	height:120px;
	align: center;
	margin-bottom:10px;
}

.userThumbLabel, .utl {
	font-size: x-small; 
	clear:both; 
	margin-top:0px;
	text-align:center;
	width:100px;
	margin-left:0px;
	margin-right:0px;
	margin-top:3px;
}

.userThumbLabel a, .userThumbLabel a:visited, .utl a, .utl a:visited {
	color: #333333; 
	text-decoration:none;
}


.userThumbImgDiv, .utid {
	width:75px;
	height:75px;
	align: center;
	text-align:center;
	vertical-align:bottom;
	margin-left:auto;
	margin-right:auto;
}
.userThumbImg, .uti {
	border: 1px solid #999999;
	margin-top: 0px;
}


.album {
	margin-left: 20px;
	clear: both;
}

.album h2 {
	margin-left: 0px;
}
.mediathumb {
	width:120px;
	height:120px;
	text-align:center;
	vertical-align:bottom;
	margin-left:4px;
	float: left;
	display: inline;
}



.icon {
	width:100px;
	float:left;
}

.sub {
	width:100%;
	margin-top:10px;
	background: url('/images/subtop.jpg') #C8DEFF top repeat-x;
	height:100px;
}

.subbottom {
	width:100%;
	margin-top:0px;
	background: url('/images/subbottom.jpg') #C8DEFF top repeat-x;
	height:6px;
}

/***************** menu ***************/

.menu {
	background-color: #fff;
	height: 40px;
}

.menu form {
	margin: 0;
	padding: 0;
}
.nav {
	height: 36px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
	background: url(/images/krabl_menubar_new.gif) no-repeat #fff; 
}

.navspan {
	display: inline;
	float: left;
	margin: 0px;
}

.nav li { 
	float: left; 
}

.nav li a, .nav li a:visited { 
	float: left;
	display: inline;
	height: 23px;
	padding: 5px 0px 0px 8px;
	margin-right: 2px;
	text-indent: -10000px;
	margin-top: 3px;
}

.nav li a:hover {
	background: url(/images/krabl_menubar_down_new.gif) no-repeat;
}

#menu-home a {
	margin-left: 8px;
	width: 60px;
}
#menu-home a:hover {
	background-position: -8px -3px;
}
#menu-mypage a {
	width: 92px;
}
#menu-mypage a:hover {
	background-position: -78px -3px;
}
#menu-picedit a {
	width: 89px;
}
#menu-picedit a:hover {
	background-position: -180px -3px;
}
#menu-picdetective a {
	width: 112px;
}
#menu-picdetective a:hover {
	background-position: -279px -3px;
}
#menu-birthdays a {
	width: 106px;
}
#menu-birthdays a:hover {
	background-position: -401px -3px;
}
#menu-hyves a {
	width: 104px;
}
#menu-hyves a:hover {
	background-position: -517px -3px;
}

#menu-search {
	margin: 10px 0px 0px 110px;
}
#menu-search input {
	font-size: 8pt;
	height: 13px;
	border: 1px solid red;
	width: 175px;
	border: none;
	background-color: transparent;
}

/************** new box for sections *******************/

.box {
	float: left;
	background:#fff;
	width: 936px;
	border:2px solid #528bc5;
	margin: 5px 7px;
	clear:both; 
}

/************* krabbelbox ***************/

.halfbox { 
	background:#fff;
	width: 450px;
	border:2px solid #528bc5;
	margin: 5px 7px;
	clear:both; 
}

.boxleft {
	float: left;
}

.boxright {
	float: right;
}

p.date {
	border-bottom: 1px dotted #444;	
}

	/* to make sure images in krabbels stay within the box (at least a bit)*/
	/* ARGH http://krabl.odekerken.net/krabbelgesprek/gert-1947/antjedeboer50/ */
.halfbox img, .halfbox a img { 
	display: inline; 
	float: left;
	margin:  5px; 
}

/* block with user pictures, used on friends, last viewed etc */
/* usercontainer is voor search results */
.userlistblock, .usercontainer {
	width:910px;
	margin-left:20px;
	margin-bottom: 20px;
}

.userlistblock {
	max-height: 260px;
	overflow:auto;
}

.usercontainer {
	width: 950px;
	max-height: 500px;
}
/* zelfde maar voor search */
.usercontainer {
	text-align:left;
	width:950px;
	margin: auto;
	padding-top:14px;
	padding-left:8px;
}


/* logo */

.logo {
	float: left; 
	margin-left: 5px; 
	border:0;
}


/************ pings *************/
.pinghead {
	width:445px;
	margin-left:20px;
	float:left;
}

.pings {
	width:445px;
	margin-left:20px;
	overflow: auto;
	max-height:200px;
	float:left;
}

.tik {
	clear: both; 
	display:block; 
	border-bottom: 1px solid #cccccc; 
	padding-top:5px; 
	padding-bottom:5px;
}