@charset "UTF-8";
/* v0 - Thu, 23 Feb 2012 05:46:44 +0100 */

/* layout */
html { font-size:62.5%; }
body { margin:10px auto; padding:2px 10px 10px; max-width:960px; font-family:"Trebuchet MS", Helvetica, sans-serif; line-height:1.4em; font-size:1.6em; color:#111; }
h1 { margin:0 0 0.3em; line-height:1.3em; font-size:4em; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
h2, h3, h4 { margin:1em 0 0.1em; line-height:1.3em; font-family:"Gentium Basic Regular", "Trebuchet MS", Helvetica, sans-serif; font-size-adjust:0.6em; text-shadow:#C66 1px 1px 2px; }
h2 { font-size:2.4em; }
h3 { font-size:1.5em; }
p { margin:0.1em 0 0.5em; }
img { border:0; }
pre { clear:both; overflow:auto; margin:1em 0 1.5em; padding:10px; border:1px solid #666; background:#F3F3F3; font-size:0.9em; }
dl { margin:0 0 10px; }
dt { margin:0 10px 0 0; }
dd { margin:0; padding:0; }
form { margin:20px 0; }
form ul, form li { margin:0; padding:0; list-style:none; }
address { display:inline-block; }

#logo { position:absolute; height:100%; width:70px; }
#logo object { float:right; height:100%; }
h1.home { display:none; }
#content, #footer { padding:0 0 0 87px; }
#footer { margin:20px 0 0; }
#footer .links { margin:0; padding:3px 0 0; list-style:none; display:inline; float:right; }
#footer .links li { display:inline; }
#footer .links a { display:inline-block; overflow:hidden; padding:0 0 0 19px; width:0; height:19px; background-repeat:no-repeat; background-position:center center; opacity:0.7; }
#footer .links a:hover { opacity:1; }
.spotify { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAASdAAAEnQB3mYfeAAAAAd0SU1FB9kLBAAGNpi3cx4AAAP/SURBVDjLXZRbbFRVFIa/vc85M3Pm2pstbSktxQQtTSQlYlVqBWOrEU0UsQR90ERCoomJifHBCKJGRR8k8Y1oohhAEioPSjRgMF6AGKPlYm2FlluRFnqbodMznTmXvX04oOBKVnaykv9f/7rsJbjB3t5bx6a1o2za1ZKx46OdSnndAtqQukopORVo45hGHiiWFv7w/tN9uc17buOtdX/9ixcAr25fwAcbR64RzlsfsSY+VyowhJQapEBLtDDQWuhAB0JpGSh//oY3e4Y+BXjts3beffaXkOy6bd2X/NqQhdUIiRAmYCCEgRASoSUaAyUkSoGvSrhe7OCWtZe7r+PlGzubAHhvX2q/ac6tjkXjJO0EdjSOHbGJWjFiEZt4NEHCTmBbCWJmCjtSRSxC1+be+u8AXt+9PFS2ZVdDTzw5vseUNqfPBAyfdxm77DNX0oDGEoJUyqS2zmZRY4qmhjTRqInrK5xSFsep2fDO+r5PxMvb7krXNJ3IVmTScmfvDKeGivgBWBbYMTCFRCnBXCmg5IM0IRIRpJMWK9prWNqaYXRqTOUnl1Sb6erhVRHLloEfp6szSsuiEgubUlSWR5GiiOvPUHAdZpw5xibg/CUYPKUZHHYZ7L/I0rYsT64pk07i7AOmVmaXZUS1FLaoqZTU3iIZHZ/hcN85ZmYVSkMsBpk0VJZD3TzoaIe8A71fQvm8WSbys5RKlY+Y0lDLDGkLSQTP99j68Z8EgUIKMK1weVwfPB+EhFgUmhvh7jZ4qge8IHTXzy0xvSCoEMLADRxyzhm6OzSpFGRSYEXCRXT9UMmVaRg6BycHoH8AHn0YMmWgFAQ6yJhuUU57gcu0M4wEFjSA60G+CG4elAZpQCwCjfVwaxOsaIfvfw6HpBQowCuRN4tFdWwiP3ynEAjDgNMXIOdANAKmGSrzA5grhaUmbaivhZX3ga8g0KA1FBz6zYmp7MGyWjaqAFwNC+vCTJYBhgQlQjLPh0IJxrMwMAQti0ETKtcCigW+EfXLKVvzPFPJDNIQYAgouDCZhVwepITydDhNwwwTuV74Kh26M4s+sItq89Kv5I638ty9D7IjW4Av9kN2CpRxw6dVIBXMb4DHHgp7qHTYLz+A/qO8dOUIk8Y9z8DhHZxwJB1fHaV5rgj6OpFHWIsRlnJ1Gn77HTLlUFERqjv3Bz8d2c4Ld6zj5qthLuaQX80qIaG6AmrrIQhg7G+YnALkNfIiPN4DM2P8eGgb9990z6qaYfJsGEg08GJnDx+1LEN6KsRaFly8BHt3gzaBHDpR4BXnAh8C3P4EDO77n7JELThjsHQtlekMK+MpVhsWrVKSQXD1ZB8DI8f5NuFyaDbLeHIBzI78h/8Hc1KtOR6FuogAAAAASUVORK5CYII='); }
.last-fm { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAAXNSR0IArs4c6QAAAP9QTFRF9isA9iwA9i0A9i8A9jAA9zAA9jEA9jIA9jMA9zMA9jQA9zQA9jUA9zUA9zYA9zgD9zsG9z0J90EO90IP90MR+EMQ90YU90cW+EgW90sa+FAh+FYp+Fwv+Fww+GE3+WQ7+WhA+WlB+WpD+XFL+XNN+XZR+XdS+n1a+odn+oxs+5Bz+5V4+5Z5+pd7+pt/+puA+6OL+6aO+6qU+6uV+62X/LKd/Lej/Lyq/MGx/ca4/ce3/Mi6/cq8/Mu9/c2//c3A/dHF/dLH/dTI/dfM/dfN/dnO/dvR/eLa/ubf/urk/uzn/u7p/vLv/vPw/vb0/vj2/vz7//39/v79//7+////MOwwiwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sDARYKBzcR+RIAAACySURBVBjTrZDFEsJAEEQDCQmEZXF3d3eH4G79/98C2QoXOEJfuurVTI9w9Fvcj4wwaa4xqTAZlSRKzPVZL2xUGTGtMB3j4LIfz90dIkRlFRR5IYqW/56TTIOUyqhyEQi17s+266kW4gjLW+9FSuUm4tkFsHGxujle42QfljKvL6PN8vJQRLHh6T+qOn0AHcb4Nl6KOYbADVsv66WCM50wGCnvTmaCuvdt2v6qWf7wl089Aa5TIleHTxv4AAAAAElFTkSuQmCC'); }
.flickr { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAAXNSR0IArs4c6QAAAF1QTFRF/fj8/9Lq/67Y/wiGs9L1VZfo/CeX/liu/5DKAGDbcartAFvaOIjl1ef6/2q4/Dug/wB+/+v16vL8kLrwxNv3GnPgKXvh/xKLD2ve2hKTnsTy/4DBAGPc/wCE/////lS7GQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sDARYrGtiIgCgAAABkSURBVBjTtdDdCoAgDIDRzchYKxhWN6J7/8fMX4jq1u/OwxhD0G8wwIj5cvlhRQSyuVDyirGEybgaq1QTBR9aW2wtMHcL3SwcP3N9Hz326V5tVVPN5PscE9GZzsMp3Ydj/uDdDZsRJmdvOtMNAAAAAElFTkSuQmCC'); }
.xbox-live { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sDARYkFlam0MwAAAO0SURBVDjLNdTZTpxlHIDx/7t9M982CzALQ1uoBGwdTBlrNbZ2apuaNGI97SV4DZp44nVorKcceGA8aWKIJKgkopGl2IklgtABZvn2fXlfD1ov4Dn8PUgIAQAgBCAEAAAQRqHnenGcZFmKECKUlEtlTdMQQgDQ6/XCMGwvLdFXJUJIiBNzMDo9LbOqVGQZj8IUpUkgIvL84CCBdH5xYa5xsd/vx3G8uPg64pwLIYQQZ+enn69+dl42mvTCnZn3H7S7GqsfmUcbT9d/Hv9mZANljL94+OXF1qUoChuNBsrynGB8eHgkKCQiXT38qufvGxGuxpPd+s1f+5umMlAU1ErrC+Z14fHbt7vtdhtAIM75cDgcDAbTjaZcxByxJwdf75lrL3Lc96Cl4ZqUN7P2bN51Rr5rDKSCtLKy0mg2MRfQ6/2t6WVMsBASR/Th4qez7Oo7qrRcheu6NAuXlukK5aRIECI0TdPt7d08y/CLk5MojtM0C7I8RSATurrz/e/OqFO7eWvywtu1G/9E7vpgXUY0hZwQknMYjcemadPj45M0zVzPlShFmG4cb/1w8l2nxUu4rqnXKIym9c1fgj+qdrMmqrnggIAQPDbGeDAchkHgOo7tm31z+M3u4/mp8N1Kuyh1Kvq1KJ5bLnfemMx/Sp/Y0ZAgRAhBGMdRjJMwthPL9pzUSb/deqxUvBuluQb7GKBiWSOeaYr/3pvyfL0ebEY7IiOUYpmqCANO4jQPeOqnW8d7R4X9qxXWRB9lkTI2ho7luK7t+0wy712R5bB2dAb/MlpkRUwJw1pZje3E9Z0NY61RZbP+h5mj26Ztm47vhYEX+rEZWkLvd6er8jP+VNbVospUvYTnXpsNEu+58SzSjAXrLe5NGY7teI7v+77ve4Hv2FGceMKemjc6Uck34nNVnSiVZDp/+fKGpPwZbDWiJg0bVsFijFDEACDLMyEE54LzDDNW51eWZG/vfPu+/kBVZaxq2t27dxI3qVgt17A8w7LGjmGalm15rhcGQRxHCLAiF1VNvT/zSWQEE02FYokiQEuddnfng2xIMuHHYQYSxxhRgjHGlLECkxRF0TRd07SJSu3RrUcluQwAiPNMCJFmfO3Htf2jHosLOQoREEqpJBWKsqwqiqqquq5rmt5oTtUma1zkFBPEOX9JOs/F7t7e/v5fnudSygghUkEqFIq6qiqKUq1OtGZa5ZL2Uj8CQK9kA3DOEUJhFJ+envX7/SAMGaGFYmGiUq036yVdp5Sg/78BAP8Beg8B7SYev54AAAAASUVORK5CYII='); }
.github { background-image:url('data:images/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB9sFERMuCxbdNEsAAALySURBVDjLhZRbaFRnEMd/c85es7smMa4bjTEqGm3xsljxwaAWpYhvkqcimmIoIoI++SAiSCEtVKMPvggiKbSItqUKoqBVA8ULxlqKQc32Rsnu6m4So2tMXPdyzvjgWVmXZP3D8J1vvjM/mG9mPnhfAeAP4CzQCtQBjUATMAuoB1YAl4ArgI8qqgW0zGKAVbaPl30PAcFqMB8wXAGcyh4D3mqwL5wf7Q+ASudflwdLBWwYCAM6s36a+Dxusrk8+UIRt8vE7/Wgtk3yaWZSRiVMAe36sl0+/6wNl8tN/tUERdvGNAzcpoERquO3m33sPPaD5goFcQqTBnBV5rl2Wavsad9IviGK9SxNSyQLxQKoTbFhAf/c+5eOjq38eu8hp6/3AbwuxRqA3zGA/hm1QULhRv37/DkGr14Fbw2IgAjPE0MMnDqBWiZN4fpSVpkSwwVEHGcR6HoUT/2USack2r4JO5eF3Bgj/yUJL5rD9AYv67q+gokR/SuRFuAkMNOBiemQM8AYEBt9MV4YiKfWb1m1wAi5C6hlkR2bwHSZuA2LGnlFz4VeOfrj5RsK24AXjmXeFWDa/Na1zU11bQ9u9B0WkY+BbasWz9vUUBuM+n1erKLN60J+KDaYvpIYHr0I/Dxlg3X8by2dHpmxd9EnK06Xuc84FS5NwYhzz9W1a0wFCPhDwf45ixe+bFm65CWQcnrve+cqxoHoVAyZxNcI7AZCwBqnia8Bm53zLc5jUF2rD3ZXunqBQdPnPwUkEXnivCbV1ZnUt2tMpTOhW7cPZC7VLVySD8xutpbt2pfzR2Zbgaa52tZ9MrbzqR7ZMWi3AHQm7MnT3JGwGwW5bXqZf/fwcTwBP8lrv+j649/J798cILxynabu/imfHuvG9HgA9vc0y7eTwjrjugbRWwBWUXjSb6tIQSIfeXket5kYzTNruU99QURtRUTu9zRLtHycyqZc76jKRlV6DUPVXWOIipfxEchnDdw1PlymCkpakEPAhvL4N4qOJjHZeYAFAAAAAElFTkSuQmCC'); }


.current-listening { margin:0.5em 0 0 -8px; padding:0; list-style:none; }
.current-listening li { display:inline; }
.current-listening a { display:inline-block; margin:0 0 8px 8px; width:117px; height:117px; }

.flickr-photos { margin:0; padding:0; list-style:none; line-height:0; }
.flickr-photos li { display:inline; }
.flickr-photos a { display:inline-block; opacity:0.9; }
.flickr-photos a:hover { opacity:1; }
.flickr-photos img { margin:0 10px 10px 0; box-shadow:4px 4px 9px #CCC; }

dl.friends { overflow:hidden; }
dl.friends dt { float:left; clear:both; }
dl.friends dd { float:left; }


dl.password dt { display:inline; }
dl.password dd { display:inline; padding:1px 5px; background:#FF0; }
form.password { max-width:650px; }
form.password label { width:150px; }
form.password li { width:280px; float:left; margin:0 10px; line-height:1.8em; }


.open-popup, .new-popup, .css-popup { padding:5px; display:inline; background:#CCC; cursor:pointer; }
.alert { font-size:1em; }
#styled.alert {
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	-moz-box-shadow:5px 5px 10px #CCC; -webkit-box-shadow:5px 5px 10px #CCC; box-shadow:5px 5px 10px #CCC; 
	background:rgba(240, 240, 240, 0.6);
	padding-right:16px !important;
}
#styled.alert .close { overflow:hidden; padding:0 0 0 8px; width:0; height:8px; top:4px !important; right:4px !important; border:1px solid #666; background:#FCC; }
#styled.alert .close:hover { background:#F33; }
dl.options {  }
dl.options dt { margin:0 0 0 10px; font-weight:bold; }
dl.options dd { margin:0 0 15px 20px; }


.ticker { padding:0 10px; border:1px solid #000; border-radius:4px; width:280px; height:90px; line-height:1.5em; font-size:12px; font-family:"Trebuchet MS"; }


.menu.shopping-list {  }
.shopping-list span { margin:0 0 0 10px; }
.shopping-list span.success { color:#090; }
.shopping-list span.fail { color:#900; }

/* enhanced */
@font-face {
	font-family: 'Gentium Basic Regular';
	src: url('../fonts/genbasr-webfont.woff') format('woff'), url('../fonts/genbasr-webfont.svg') format('svg'), url('../fonts/genbasr-webfont.ttf') format('truetype');
}

/* mobile */
@media screen and (max-width: 400px) {
	body { font-size:1.2em; }
	h1 { font-size:1.5em; }
	#logo { width:40px; }
	#content, #footer { padding-left:50px; }
	.flickr-photos li { display:inline; width:auto; }
	.flickr-photos img { margin:0 5px 5px 0; }
	.cat-popup { display:none !important; }
}

/* ikj */
html { font-size:62.5%; }
body.ikj { margin:0 auto; padding:1em; max-width:776px; color:#333; font:1.3em/1.3em "Trebuchet MS", sans-serif; }

.ikj #page { overflow:hidden; padding:2em; background:#DDD; border-radius:5px; box-shadow:4px 4px 9px 0 rgba(0, 0, 0, 0.3);  }
.ikj h1 { float:left; margin:0 0 0.5em; font:normal 2em/1em "Gentium Basic Regular", "Trebuchet MS", Helvetica, sans-serif; font-size-adjust:0.6; text-shadow:0.05em 0.05em 0.1em rgba(0, 0, 0, 0.5); color:#000; }


.ikj form { clear:both; width:100%; }
.ikj fieldset { margin:0; border:0; padding:0; }
.ikj form ul { margin:0; padding:0; list-style:none; }
.ikj form li { margin:0.5em 0; }
.ikj label { display:inline-block; width:300px; max-width:99%; line-height:1.5em; vertical-align:top; }
.ikj label input { float:right; width:200px; max-width:99%; }
.ikj textarea { padding:0; width:100%; }
.ikj input[type="submit"] { border:0; border-radius:2px; padding:0.25em 1em; background:rgba(51, 0, 0, 0.9);  box-shadow:0.2em 0.2em 0.2em rgba(0, 0, 0, 0.2); color:#FFF; text-shadow:0.1em 0.1em 0.1em #999; cursor:pointer; }
.ikj input[type="submit"]:hover { background:rgba(51, 0, 0, 1); }


.ikj table { border-collapse:collapse; width:100%; }
.ikj th, .ikj td { padding:0.25em 0.5em; }
.ikj th { text-align:left; background:#CCC; }


ul.messages { clear:both; margin:1em 0; padding:0; list-style:none; }
ul.messages li { padding:0.5em 1em; }
ul.messages .error { background:#F66; background:rgba(255, 0, 0, 0.3); }
ul.messages .message { background:#66F; background:rgba(0, 0, 255, 0.3); }


.gravatar { position:fixed; z-index:1; left:1%; top:0; }
.gravatar img { opacity:0.8; border:0; }
.gravatar img:hover { opacity:1; }
.menu.user { position:fixed; z-index:1; right:1%; top:0; float:right; margin:0; padding:0; list-style:none; font:normal 2em/1em "Trebuchet MS", Helvetica, sans-serif; }
.menu.user li { display:inline; }
.menu.user a { display:inline-block; margin:0 2px; padding:2px 5px; background:#FFF; background:rgba(255, 255, 255, 0.7); box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.4); border-bottom-right-radius:2px; border-bottom-left-radius:2px; color:#000; font-size:10px; line-height:1.5em; text-decoration:none; vertical-align:top; }
.menu.user a:hover { background:#000; background:rgba(0, 0, 0, 0.8); color:#FFF; }
.menu.user a.selected { background:rgba(255, 210, 210, 0.5); color:#000; cursor:default; }

/* ikj_mobile */
@media all and (max-width: 800px) {
	.gravatar, .menu.user { position:absolute; }
}

@media all and (max-width: 320px) {
	.ikj label input { display:block; float:none; }
}