/* Profile
---------------------------------------------------------- */
/* Profile block */
div#profile h2 { margin: 0 0 10px 0; }
div#profile { border: 1px solid #96d3ea; width: 320px; padding: 15px; float: left; margin: 10px 25px 0 0; }
div#profile dl dt { font-weight: bold; color: #1382ad; display: block; }
div#profile dl dt.messages { color: #c6c804; }
div#profile dl dd { display: block; margin: 3px 0 10px 0; }
div#profile dl dd a { font-weight: bold; text-decoration: underline; }
div#profile dl dd a:hover { text-decoration: none; }
div#profile img { float: left; margin: 0 15px 15px 0; }

/* Photoalbum block */
div#photoalbum h2 { margin: 0 0 10px 0; }
div#photoalbum { border: 1px solid #96d3ea; width: 320px; padding: 15px; float: left; margin: 10px 0 0 0; }
div#photoalbum div.photoalbum { background: url(../../images/layout/black_dots.png) repeat-x scroll left bottom; padding: 0 0 15px 0; margin: 0 0 10px 0; }
div#photoalbum div.photoalbum ul.photoalbums { display: block; margin: 2px 0 10px 0; overflow: hidden; width: 100%; }
div#photoalbum div.photoalbum ul.photoalbums li { display: block; float: left; margin: 0 8px 0 0; }
div#photoalbum div.photoalbum ul.photoalbums li.last { margin: 0; }
div#photoalbum div.photoalbum ul.photoalbums li img { border: 1px solid #cddbdb; }
div#photoalbum div.friends { background: url(../../images/layout/black_dots.png) repeat-x scroll left bottom; padding: 0 0 15px 0; margin: 0 0 10px 0; }
div#photoalbum div.friends ul.friends li { width: 155px; overflow: hidden; float:left; margin-bottom: 5px; }
div#photoalbum div.friends ul.friends li img { display: block; float: left; margin: 0 10px 0 0; }
div#photoalbum div.friends ul.friends li.nofriend a.textlink { color:#343434; font-weight: normal; }
div#photoalbum div.friends ul.friends li a.textlink { color:#C6C804; font-weight: bold; display: block; float: left; margin: 11px 0 0 0; text-decoration: underline; }
div#photoalbum div.friends ul.friends li a.textlink:hover { text-decoration: none; }
div#photoalbum div.status p { margin: 10px 0; }
div#photoalbum div.status p.status { font-size: 16px; color: #1382ad; }
div#photoalbum div.status form input.text { border: 1px solid #b0d0dd; -moz-border-radius: 2px; width: 200px; height: 20px; padding-top: 2px; display:block; float:left; }
div#photoalbum div.status form button { background: url(../../images/layout/post_button.png) no-repeat; cursor: pointer; width: 59px; height: 21px; border: 0; text-indent: -9999px; display:block; float: left; margin: 1px 0 0 15px; }

/* Find a friend block */
div#find-a-friend { clear: both; border: 1px solid #d5eaf3; background: #f1fbff; width: 695px; padding: 10px 15px; margin: 15px 0 0; }
div#find-a-friend form label { color: #23627a; font-weight: bold; font-size: 14px; padding: 5px 25px 0 0; display:block; float:left; }
div#find-a-friend form input.text { border: 1px solid #b0d0dd; -moz-border-radius: 2px; width: 445px; height: 20px; padding-top: 2px; display:block; float:left; }
div#find-a-friend form button { background: url(../../images/layout/search_button.png) no-repeat; cursor: pointer; width: 81px; height: 21px; border: 0; text-indent: -9999px; display:block; float: left; margin: 1px 0 0 15px; }

/* Friend list */
ul.friendsoverview { margin: 15px 0; overflow: hidden; }
ul.friendsoverview li { width: 211px; padding: 10px; overflow: hidden; height:50px; float:left; position: relative; margin: 0 15px 15px 0; border: 1px solid #d5eaf3; }
ul.friendsoverview li.last { margin-right: 0; }
ul.friendsoverview li div.delete{ width:18px; height: 18px; text-align: right; position:absolute; right:15px; bottom:10px; display: block; }
ul.friendsoverview li img { display: block; float: left; margin: 0 10px 0 0; }
ul.friendsoverview li a.textlink { color:#1382AD; display: block; float: left; margin: 11px 0 0 0; text-decoration: underline; }
ul.friendsoverview li a.textlink:hover { text-decoration: none; }
ul.friendsoverview li.nofriend a.textlink { color:#343434; }

/* Photoalbums
---------------------------------------------------------- */
ul.useralbums { display: block; float: left; margin: 5px 20px 20px 0; overflow: hidden; width: 553px; }
ul.useralbums li { float: left; }
ul.useralbums li a { text-decoration: underline; }
ul.useralbums li a:hover { text-decoration: none; }
ul.useralbums li a.active { color: #51addc; }

/* Images list */
ul.images { width: 100%; overflow: hidden; margin: 0 0 10px 0; }
ul.images li { float: left; margin: 0 10px 10px 0; position: relative; }
ul.images li.last { margin-right: 0; }
ul.images li img { border: 1px solid #cddbdb; }
ul.images li span { position: absolute; bottom: 5px; right: 2px; width: 16px; height: 16px; }
ul.images li span a { display: block; text-indent: -9999px; width: 16px; height: 16px; line-height: 16px; background: url(../../images/layout/delete_icon.png) no-repeat; outline: none; }

/* Photo page */
ul.photonav { display: block; width: 100%; overflow: hidden; }
ul.photonav li.previous a { display: block; float: left; width: 89px; height: 25px; line-height: 25px; text-indent: -9999px; background: url(../../images/layout/button_vorigefoto.png) no-repeat; }
ul.photonav li.next a { display: block; float: right; width: 114px; height: 25px; line-height: 25px; text-indent: -9999px; background: url(../../images/layout/button_volgendefoto.png) no-repeat; }

div.imageplaceholder { width: 100%; text-align: center; margin: 20px 0 10px 0; padding-bottom: 20px; background: url(../../images/layout/black_dots.png) repeat-x scroll left bottom; }

/* 'buttons' (links) */
a.addalbum { display: block; overflow: hidden; line-height: 25px; height: 25px; text-indent: -9999px; width: 156px; background: url(../../images/layout/button_albumtoevoegen.png) no-repeat; text-decoration: none; }
a.addphoto { display: block; float: left; overflow: hidden; line-height: 25px; height: 25px; text-indent: -9999px; width: 156px; background: url(../../images/layout/button_fototoevoegen.png) no-repeat; text-decoration: none; margin: 20px 10px 0 0; }
a.deletealbum { display: block; float: left; overflow: hidden; line-height: 25px; height: 25px; text-indent: -9999px; width: 156px; background: url(../../images/layout/button_albumverwijderen.png) no-repeat; text-decoration: none; margin: 20px 10px 0 0; }
a.editalbum { display: block; float: left; overflow: hidden; line-height: 25px; height: 25px; text-indent: -9999px; width: 156px; background: url(../../images/layout/button_albumbewerken.png) no-repeat; text-decoration: none; margin: 20px 10px 0 0; }