@charset "utf-8";

/*  
Theme Name: Jaboo
Theme URI: http://www.jaboo.nl/
Description: Gewoon, Jaboo. Maar dan helemaal 2010.
Version: 6.0
Author: Kevin v/d W.
Author URI: http://www.remixdesign.nl/
*/


/*------------------------------------------------------------------
[Table of Contents]

1. Body
2. Container / #container
	2.1. Top / #top
	2.2. Content / #content
		2.2.1. Main / #main
		2.2.2. Sidebar / #sidebar
	2.3. Footer / #footer
	
X. Misc
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[1. Body]
*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	html {
		background: #dedace url(images/body.png) top center repeat; /* Chrome Bug */
	}
		
	body {
		background: #dedace url(images/body.png) top center repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666;
	}
		
		
	img {
		border: none;
		margin: 0;
		padding: 0;
	}
	
		
	a,
	a:visited {
		color: #000;
		text-decoration: none;
	}
						
		a:hover {
			color: #000;
			text-decoration: underline;
		}
		
			
	ul { list-style-position: inside; }
		ul li { list-style-position: inside; }
	ol { list-style-type: decimal; list-style-position: inside; }
		ol li { list-style-type: decimal; list-style-position: inside; }
			
			
	h1 {
		font-size: 20px;
		font-weight: bold;
		color: #000;
	}
	
		h2 {
			font-family: Arial, sans-serif;
			font-weight: bold;
			font-size: 16px;
			color: #000;
		}
			
			h3 {
				font-weight: bold;
				font-size: 14px;
				color: #555;
			}
		
		
	input {
		background: #fff;
		border: 1px solid #e6e6df;
		font-family: Arial, Helvetica, sans-serif;
		padding: 4px;
		font-size: 12px;
		color: #85858c;
		}
		
	textarea {
		background: #fff;
		border: 1px solid #e6e6df;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #85858c;
		line-height: 17px;
		overflow: auto;
		}
		
		.submit-button { padding: 3px 0 5px; }
		.no-input { background: none; border: none; width: auto; }
		
	
		.left { float: left; display: inline; overflow: hidden; }
		.right { float: right; display: inline; overflow: hidden; }
		.clear { clear: both; font-size: 1px; }
				
				
		.accent { color: #ff0066; }
			
		hr { height: 0; border: none; border-top: 1px solid #e6e6df; margin: 0 0 20px; }



/*------------------------------------------------------------------
[2. Container / #container]
*/

	#container {
		background: #fff;
		width: 960px;
		margin: 0 auto;
		overflow: hidden;
	}


	/*--------------------------------------------------------------
	[2.1. Top / #top]
	*/
	
		#top {
			padding: 20px;
			border-bottom: 1px solid #e2ded4;
			overflow: hidden;
		}
		
			#top #nav {
				width: 80px;
				height: 250px;
				float: left;
				display: inline;
				overflow: hidden;
			}
			
				#nav #logo { width: 80px; height: 125px; }
				
				#nav #navigation { width: 80px; height: 125px; }
					#navigation ul { overflow: hidden; list-style: none; padding: 0; margin: 0; text-align: right; }
						#navigation ul li { list-style: none; font-size: 16px; padding: 3px 0; }
							#navigation ul li a, #navigation ul li a:visited { color: #777; text-decoration: none; }
							#navigation ul li a:hover { background: url(images/heading-hover.png) bottom left repeat-x; color: #000; padding: 0 0 0 2px; text-decoration: none; }
						#navigation ul li.current { list-style: none; }
							#navigation ul li.current a, #navigation ul li.current a:visited { color: #000; text-decoration: none; }
			
			
			#top #header { background: #000; width: 820px; height: 250px; float: right; display: inline; overflow: hidden; }
				#header .block { width: 205px; height: 125px; float: left; display: block; }
					#header .block img { opacity: 0.5; filter: alpha(opacity=50); }


	/*--------------------------------------------------------------
	[2.2. Content / #content]
	*/
	
		#content { padding: 20px 20px 0; overflow: hidden; }

		/*----------------------------------------------------------
		[2.2.1. Main / #main]
		*/
		
			#main { width: 600px; float: left; display: inline; overflow: hidden; }
			
				#main .item { padding: 0 0 20px; overflow: hidden; }
				
					#main .item .meta { width: 100px; float: left; display: inline; overflow: hidden; padding: 59px 0 0 0; text-align: right; }
						#main .item .meta .category { background: #999; display: inline-block; font-size: 13px; color: #fff; padding: 9px 9px 8px 11px; cursor: pointer; }
							#main .item .meta .category a, #main .item .meta .category a:visited { color: #fff; text-decoration: none; }
							#main .item .meta .category a:hover { color: #fff; text-decoration: none; }
							#main .item .meta .category.architecture { background: #ff9f5f; }
								#main .item .meta .category.architecture:hover { background: #ff6b09; }
							#main .item .meta .category.art { background: #62e7cf; }
								#main .item .meta .category.art:hover { background: #0ac9a7; }
							#main .item .meta .category.computers-en-gadgets { background: #fb5977; }
								#main .item .meta .category.computers-en-gadgets:hover { background: #f00833; }
							#main .item .meta .category.design { background: #fc62a6; }
								#main .item .meta .category.design:hover { background: #f0086f; }
							#main .item .meta .category.fashion-en-clothing { background: #7fc5ed; }
								#main .item .meta .category.fashion-en-clothing:hover { background: #137bb6; }
							#main .item .meta .category.films-en-tv { background: #ff8c69; }
								#main .item .meta .category.films-en-tv:hover { background: #ff3c00; }
							#main .item .meta .category.games { background: #688bdc; }
								#maibn .item .blog .category.games:hover { background: #2351b8; }
							#main .item .meta .category.jaboo, #main .item .meta .category.overige { background: #666; }
								#main .item .meta .category.jaboo:hover, #main .item .meta .category.overige:hover { background: #333; }
							#main .item .meta .category.life { background: #c4df57; }
								#main .item .meta .category.life:hover { background: #9ab823; }
							#main .item .meta .category.muziek { background: #87dfd6; }
								#main .item .meta .category.muziek:hover { background: #4bbcb0; }
							#main .item .meta .category.photography { background: #e985e1; }
								#main .item .meta .category.photography:hover { background: #be19b0; }
							#main .item .meta .category.sport { background: #b0e873; }
								#main .item .meta .category.sport:hover { background: #6fbc1c; }
							#main .item .meta .category.video { background: #6fd4c9; }
								#main .item .meta .category.video:hover { background: #1cbcab; }
							#main .item .meta .category.web { background: #f25353; }
								#main .item .meta .category.web:hover { background: #ee0b0b; }
							
					#main .item .blog { background: url(images/main-item-blog.png) bottom left no-repeat; width: 500px; float: right; display: inline; overflow: hidden; padding: 0 0 15px; }
						#main .item .blog.blog-alt { padding: 0 0 15px 100px; }
						#main .item .blog h1 { font-weight: bold; font-size: 22px; min-height: 22px; color: #000; padding: 0 0 5px; }
							#main .item .blog h1 a, #main .item .blog h1 a:visited { color: #000; padding: 0 2px 0 0; text-decoration: none; }
							#main .item .blog h1 a:hover { color: #777; text-decoration: none; }
						#main .item .blog .date { font-size: 11px; color: #999; margin: 0 0 10px; }
						
						#main .item .blog .entry { padding: 0; }
								#main .item .blog .entry .more-link, #main .item .blog .entry .more-link:visited { color: #000; font-size: 14px; text-decoration: none; }
								#main .item .blog .entry .more-link:hover { background: none; color: #777; text-decoration: none; }
							#main .item .blog .entry p { padding: 5px 0 10px; line-height: 23px; color: #666; text-align: justify; }
								#main .item .blog .entry p a, #main .item .blog .entry p a:visited { font-weight: bold; color: #000; text-decoration: none; }
								#main .item .blog .entry p a:hover { background: #fc0; color: #000; text-decoration: none; }
							#main .item .blog .entry hr { margin: 3px 0 10px 100px; }
							#main .item .blog .entry .wordtube { width: 500px; margin: 0 0 25px 100px; }
								#main .item .blog .entry .wordtube object { width: 500px; height: 380px; }
							#main .item .blog .entry ul { list-style: none; list-style-position: inside; padding: 0 0 0 100px; }
								#main .item .blog .entry ul li { background: url(images/ul.png) 0 6px no-repeat; padding: 0 0 0 15px; line-height: 19px; color: #999; }
							#main .item .blog .entry ol { list-style-position: inside; padding: 0 0 0 100px; }
								#main .item .blog .entry ol li { padding: 2px 0 3px; }
							#main .item .blog .entry h2 { padding: 10px 0 2px; }
					#main .item .tags { background: url(images/main-item-blog.png) top left no-repeat; width: 500px; padding: 15px 0; clear: both; float: right; display: inline; overflow: hidden; }
						#main .item .tags ul { overflow: hidden; list-style: none; font-size: 11px; }
							#main .item .tags ul li { background: url(images/main-item-tags.png) top left no-repeat; display: inline-block; float: left; overflow: hidden; 
									margin: 1px 3px; padding: 0 0 0 15px; }
							#main .item .tags ul li:hover { background: url(images/main-item-tags-hover.png) top left no-repeat; }
								#main .item .tags ul li a, #main .item .tags ul li a:visited { background: #666 url(images/alert-overlay.png) repeat-x; border-left: 0;
										padding: 4px 9px 5px 6px; font-weight: bold; color: #fff; display: inline-block; text-decoration: none; }
								#main .item .tags ul li a:hover, #main .item .tags ul li:hover a, #main .item .tags ul li:hover a:visited { background: 
										#fc0 url(images/alert-overlay.png) repeat-x; color: #000; text-decoration: none; }
										
					#main .item.item-alt { position: relative; }
						#main .item.item-alt .meta { float: none; display: block; position: absolute; top: 59px; left: 0; padding: 0; }
						#main .item.item-alt .blog { background: none; width: 600px; float: none; display: block; }
							#main .item.item-alt .blog h1 { padding: 0 0 5px 98px; }
							#main .item.item-alt .blog .date { padding: 0 0 0 99px; }
							#main .item.item-alt .blog .entry { padding: 0; }
								#main .item.item-alt .blog .entry p { padding: 5px 0 10px 100px; }
								#main .item.item-alt .blog .entry h2 { padding: 10px 0 2px 100px; }
								#main .item.item-alt .blog .entry p.image { display: block; padding: 0; }
									#main .item.item-alt .blog .entry p.image img { margin: 0 0 15px; }
							
				#main .gallery { margin: 0 auto; padding: 0 0 0 100px; width: 500px; }
					#main .gallery-item { background: #000; float: left; display: block; text-align: center; width: 125px; height: 125px; margin: 0; }
					#main .gallery img { width: 125px; height: 125px; opacity: 0.5; filter: alpha(opacity=100); margin: 0; border: none; }
					#main .gallery a, #main .gallery a:visited, #main .gallery a:hover { background: none; }
					#main .gallery-caption { margin: 0; }
										
				#main .archief { overflow: hidden; }
					#main .archief .item { padding: 0 0 20px; overflow: hidden; }
						#main .archief .item .meta { overflow: hidden; padding: 0; }
							#main .archief .item .meta .cat { margin: 0 0 8px 26px; }
						#main .archief .item .blog { background: none; padding: 0; overflow: hidden; }
							#main .archief .item .blog .image { width: 205px; height: 125px; float: left; display: inline; overflow: hidden; }
								#main .archief .item .blog .image img { opacity: 1.0; filter: alpha(opacity=100); }
								#main .archief .item .blog .image img:hover { opacity: 0.75; filter: alpha(opacity=75); }
							#main .archief .item .blog .entry { width: 275px; float: right; display: inline; overflow: hidden; padding: 0 0 0 20px; }
								#main .archief .item .blog .entry h1 { font-size: 18px; color: #000; }
									#main .archief .item .blog .entry h1 a, #main .archief .item .blog .entry h1 a:visited { color: #000; padding: 0 2px 0 0; text-decoration: none; }
									#main .archief .item .blog .entry h1 a:hover { background: #fff url(images/heading-hover.png) bottom left repeat-x; color: #000; text-decoration: none; }
								#main .archief .item .blog .entry p { padding: 0 1px; }
					#main .archief .maanden { width: 240px; float: left; display: inline; overflow: hidden; padding: 5px 20px 10px 100px; }
						#main .archief .maanden .block { overflow: hidden; padding: 0 0 20px; }
							#main .archief .maanden .block h1 { padding: 0 0 5px; }
							#main .archief .maanden .block ul { list-style: none; }
								#main .archief .maanden .block ul li { background: url(images/ul.png) 0 6px no-repeat; padding: 0 0 0 15px; line-height: 19px; color: #999; }
									#main .archief .maanden .block ul li a, #main .archief .maanden .block ul li a:visited { border-bottom: 1px solid #fff; display: inline-block; 
											padding: 1px 5px; color: #333; text-decoration: none; }
									#main .archief .maanden .block ul li a:hover { background: #e7f4fb; border-bottom: 1px solid #c6dbe6; color: #000; text-decoration: none; }
					#main .archief .tags { width: 240px; float: right; display: inline; overflow: hidden; padding: 5px 0 0; }
						#main .archief .tags .list { text-align: center; padding: 15px 0 30px; }
						#main .archief .tags a, #main .archief .tags a:visited { border-bottom: 1px solid #fff; font-weight: bold; color: #aaa; padding: 2px 6px 3px; margin: 1px 0; 
								display: inline-block; text-decoration: none; }
						#main .archief .tags a:hover { background: #e7f4fb; border-bottom: 1px solid #c6dbe6; color: #000; text-decoration: none; }
				
				#main .navigation { padding: 0 0 30px 100px; font-size: 14px; overflow: hidden; }
					#main .navigation a, #main .navigation a:visited { background: url(images/gradient.png) repeat-x; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; 
							border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 7px 7px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; 
							color: #555; letter-spacing: 0.9px; cursor: pointer; display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
					#main .navigation a:hover { border: 1px solid #d3d3d3; color: #000; text-decoration: none; }
					
				/*------------------------------------------------------
				[2.2.1.1. Reacties / #comments]
				*/
				
					#main #comments {
						overflow: hidden;
						padding: 10px 0 0;
					}
					
						#main #comments h1 { font-size: 17px; padding: 0 0 10px 100px; }
						
						#main #comments .reactie { overflow: hidden; padding: 10px 0; }
							
							#main #comments .reactie .info { width: 250px; float: left; display: inline; overflow: hidden; padding: 0 20px 0 0; }
								#main #comments .reactie .info .gravatar { width: 54px; height: 54px; float: left; display: inline; overflow: hidden; padding: 0 20px 10px 26px; }
									#main #comments .reactie .info .gravatar .avatar { width: 54px; height: 54px; z-index: 3; }
								#main #comments .reactie .info .user { width: 148px; float: left; display: inline; overflow: hidden; padding: 0 0 0 2px; }
									#main #comments .reactie .info .user h2 { font-size: 12px; padding: 0 0 3px; color: #000; }
										#main #comments .reactie .info .user h2 a, #main #comments .reactie .info .user h2 a:visited { color: #000; text-decoration: underline; }
										#main #comments .reactie .info .user h2 a:hover { background: #fc0; color: #000; text-decoration: none; }
									#main #comments .reactie .info .user p { font-size: 11px; color: #999; line-height: 19px; }
										#main #comments .reactie .info .user p span { color: #bbb; display: block; }
							#main #comments .reactie .entry { width: 330px; float: right; display: inline; overflow: hidden; padding: 12px 0 0; font-size: 11px; color: #777; }
								#main #comments .reactie .entry p { padding: 6px 0; line-height: 19px; }
								
						#main #comments .alert { background: #e5f7ff; padding: 17px 20px 18px; margin: 0 0 10px; }
		
				/*------------------------------------------------------
				[2.2.1.2. Reageren / #respond]
				*/
				
					#main #respond {
						overflow: hidden;
						padding: 10px 0 0;
					}
					
						#main #respond h1 { font-size: 17px; padding: 15px 0 15px 100px; }
						
						#main #respond form { padding: 0 0 25px; margin: 0; width: 600px; overflow: hidden; }
							#main #respond form fieldset { padding: 5px 0; overflow: hidden; }
								#main #respond form fieldset label { width: 80px; padding: 6px 20px 0 0; font-size: 11px; float: left; display: inline; overflow: hidden; cursor: text; text-align: right; }
									#main #respond form fieldset label span { color: #aaa; display: block; padding: 3px 0 0; }
								#main #respond form fieldset input, #main #respond form fieldset select { background: #fff; border: 1px solid #eaeaea; width: 230px; padding: 5px 5px 6px; 
										font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #999; float: left; display: inline; overflow: hidden; margin: 0 0 0 1px; 
										-moz-border-radius: 4px; -webkit-border-radius: 4px; }
									#main #respond form fieldset select { width: 242px; }
								#main #respond form fieldset .textarea { float: left; display: inline; overflow: hidden; }
								#main #respond form fieldset textarea { background: #fff; border: 1px solid #eaeaea; width: 388px; height: 120px; max-height: 200px; 
										margin: 20px 0 0; padding: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
									#main #respond form fieldset input:focus, #main #respond form fieldset textarea:focus { color: #000; border: 1px solid #d3d3d3; outline: none; }
									#main #respond form fieldset textarea.textarea-alt { margin: 0 0 0 101px; }
								#main #respond form fieldset .emoticons { width: 400px; overflow: hidden; line-height: 25px; padding: 10px 0 0 100px; }
									#main #respond form fieldset .emoticons img { padding: 4px; height: 15px; }
										#main #respond form fieldset .emoticons img:hover { padding: 4px; height: 15px; }
									#main #respond form .emoticons a { color: #fff; text-decoration: none; }
									#main #respond form fieldset .emoticons input { display: none; }
								#main #respond form fieldset .button { margin: 0 0 0 100px; }

		/*----------------------------------------------------------
		[2.2.2. Sidebar / #sidebar]
		*/
		
			#sidebar { width: 300px; float: right; display: inline; overflow: hidden; padding: 59px 0 0; }
				#sidebar.sidebar-alt { padding: 0; }
			
				#sidebar .block { background: #ededed; padding: 10px 10px 0; margin: 0 0 20px; }
					#sidebar .block .wrapper { overflow: hidden; }
					#sidebar .block h2 { background: #ededed url(images/sidebar-block.png) top left no-repeat; font-size: 16px; color: #444; padding: 12px 12px 10px; border-bottom: 1px solid #ededed; }
						#sidebar .block .top { background: #ededed url(images/sidebar-block.png) top left no-repeat; width: 280px; height: 10px; display: block; }
						#sidebar .block .title { background: #ededed url(images/sidebar-block.png) top left no-repeat; font-size: 14px; color: #444; height: 40px; border-bottom: 1px solid #ededed; }
							#sidebar .block .title ul { list-style: none; padding: 6px 4px 0; margin: 0; }
								#sidebar .block .title ul li { float: left; display: block; margin: 0 2px; }
									#sidebar .block .title ul li a { display: inline-block; 
											color: #666; height: 14px; padding: 10px 12px; text-decoration: none; border: 1px solid #fff; border-bottom: none; 
											-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
									#sidebar .block .title ul li a:hover { color: #666; text-decoration: none; opacity: 0.75; filter: alpha(opacity=75); }
								#sidebar .block .title ul li.ui-tabs-selected { margin: 0 2px; }
									#sidebar .block .title ul li.ui-tabs-selected a { background: #fff; border: 1px solid #ededed; border-bottom: none; }
					#sidebar .block .item { background: #fff; padding: 20px 20px 10px; overflow: hidden; }
						#sidebar .block .item.hd { padding: 20px; }
						#sidebar .block .item.bd { border-top: 1px solid #ededed; }
						#sidebar .block .item.padding { padding: 10px 10px 0; }
						
						#sidebar .block .item ul.list { list-style: none; }
							#sidebar .block .item ul.list li { background: url(images/ul.png) 0 6px no-repeat; padding: 2px 0 2px 18px; line-height: 19px; color: #999; }
								#sidebar .block .item ul.list li a, #sidebar .block .item ul.list li a:visited { color: #333; text-decoration: none; }
								#sidebar .block .item ul.list li a:hover { color: #000; text-decoration: underline; }
						#sidebar .block .item ul.links { list-style: none; margin: 0; padding: 0; }
							#sidebar .block .item ul.links li { list-style: none; font-family: CourierPS, "Courier New", monospace; font-size: 12px; padding: 0 0 2px; }
								#sidebar .block .item ul.links li a, #sidebar .block .item ul.links li a:visited { background: #eaeaea; color: #666; display: inline-block; 
										padding: 2px 5px 3px; text-decoration: none; }
								#sidebar .block .item ul.links li a:hover { background: #fc0; color: #000; text-decoration: none; }
								
						#sidebar .block .item #tags { overflow: hidden; text-align: center; }
							#sidebar .block .item #tags a, #sidebar .block .item #tags a:visited { border-bottom: 1px solid #fff; font-weight: bold; color: #aaa; padding: 2px 6px 3px; margin: 1px 0; 
									display: inline-block; text-decoration: none; }
							#sidebar .block .item #tags a:hover { background: #e7f4fb; border-bottom: 1px solid #c6dbe6; color: #000; text-decoration: none; }
						#sidebar .block .item #zoeken { overflow: hidden; }
							#sidebar .block .item #zoeken form { overflow: hidden; }
							#sidebar .block .item #zoeken input { background: #fff; border: 1px solid #eaeaea; width: 228px; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; 
									-moz-border-radius: 4px; -webkit-border-radius: 4px; }
							#sidebar .block .item #zoeken .button { margin: 5px 0 0; float: right; display: inline; overflow: hidden; }
								
					#sidebar .block .close { background: #ededed url(images/sidebar-block.png) bottom left no-repeat; width: 280px; height: 20px; clear: both; display: block; }
					
						#sidebar .block .item #twitter_div { background: url(images/loading.gif) top left no-repeat; min-height: 20px; overflow: hidden; }
							#twitter_div #twitter_updates { list-style: none; width: 240px; float: right; display: inline; overflow: hidden; }
								#twitter_updates li { background: #fff url(images/sidebar-twitter-quote-1.png) top left no-repeat; display: block; overflow: hidden; padding: 0 0 0 16px; }
									#twitter_updates li .status { background: url(images/sidebar-twitter-quote-2.png) bottom right no-repeat; display: inline; padding: 0 15px 0 0; 
											font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 21px; }
										#twitter_updates li .status a, #twitter_updates li .status a:visited { color: #000; text-decoration: none; }
										#twitter_updates li .status a:hover { background: #fc0; color: #000; text-decoration: none; }
									#twitter_updates li .tijd { display: block; padding: 2px 0 0; text-align: right; }
										#twitter_updates li .tijd a, #twitter_updates li .tijd a:visited { font-size: 10px; padding: 3px 0 5px; color: #aaa; text-decoration: none; }
										#twitter_updates li .tijd a:hover { color: #555; text-decoration: none; }
						#sidebar .block .item .foot { position: relative; overflow: hidden; height: 45px; }
							#sidebar .block .item .foot p { background: url(images/sidebar-twitter-img.png) top left no-repeat; position: absolute; z-index: 10; top: 0; left: 0; height: 45px; 
									margin: 0; padding: 0; font-size: 13px; }
								#sidebar .block .item .foot p a, #sidebar .block .item .foot p a:visited { display: inline-block; padding: 14px 0 14px 52px; color: #888; text-decoration: none; }
								#sidebar .block .item .foot p a:hover { color: #000; text-decoration: none; }
							#sidebar .block .item .foot img { position: absolute; z-index: 5; top: 0; left: 0; }
							
						#sidebar .block .lastfm { padding: 0; }
							#sidebar .block .lastfm ul { background: #000; list-style: none; }
								#sidebar .block .lastfm ul li { background: #000; width: 80px; height: 80px; float: left; display: block; padding: 0; margin: 0; position: relative; }
									#sidebar .block .lastfm ul li img { width: 80px; height: 80px; opacity: 0.5; filter: alpha(opacity=50); }
									#sidebar .block .lastfm ul li .hover { background: url(images/lastfm-hover.png) top left no-repeat; position: absolute; z-index: 15; 
											top: -10px; left: -10px; height: 103px; width: 110px; padding: 0 0 0 1px; display: none; }
										#sidebar .block .lastfm ul li .hover img { width: 100px; height: 100px; }
										
						#sidebar .block .related { overflow: hidden; padding: 5px 20px 5px; }
							#sidebar .block .related p { font-size: 11px; line-height: 19px; padding: 10px 0 0; }
							#sidebar .block .related ul { list-style: none; overflow: hidden; width: 240px; }
								#sidebar .block .related ul li { list-style: none; width: 240px; padding: 15px 0 5px; display: block; overflow: hidden; }
									#sidebar .block .related ul li .image { width: 90px; height: 55px; float: left; display: inline; overflow: hidden; }
										#sidebar .block .related ul li .image img { opacity: 1.0; filter: alpha(opacity=100); }
										#sidebar .block .related ul li .image img:hover { opacity: 0.75; filter: alpha(opacity=75); }
									#sidebar .block .related ul li .info { width: 140px; float: right; display: inline; overflow: hidden; padding: 0 0 0 10px; }
										#sidebar .block .related ul li .info h3 { font-size: 12px; }
											#sidebar .block .related ul li .info h3 a, #sidebar .block .related ul li .info h3 a:visited { border-bottom: 1px solid #fff; color: #000; padding: 1px 3px 2px; 
													display: inline-block; text-decoration: none; }
											#sidebar .block .related ul li .info h3 a:hover { background: #e7f4fb; border-bottom: 1px solid #c6dbe6; color: #000; text-decoration: none; }
										#sidebar .block .related ul li .info p { font-size: 11px; color: #999; padding: 0 0 0 3px; }
				
				#sidebar .ad { background: #eee; display: block; margin: 0 0 20px; }


	/*----------------------------------------------------------
	[2.3. Footer / #footer]
	*/
	
		#footer { background: #000; padding: 15px 16px 17px; overflow: hidden; }
			#footer p { color: #aaa; }
				#footer .left p { padding: 3px 0 0 3px; }
			#footer strong { color: #fff; }
			
			#footer a, #footer a:visited { background: #000; border: 1px solid #333; margin: 0 0 0 2px; padding: 3px 5px 4px; font-size: 11px; color: #aaa; display: inline-block; text-decoration: none; 
					-moz-border-radius: 4px; -webkit-border-radius: 4px; }
			#footer a:hover { background: #222; border: 1px solid #222; color: #fff; text-decoration: none; }


		

/*------------------------------------------------------------------
[X. Misc]
*/

	@media projection, screen { .ui-tabs-hide { display: none; } }
	@media print { .ui-tabs-nav { display: none; } }

	.ui-tabs-nav { list-style: none; margin: 0; }
		.ui-tabs-nav:after { display: block; clear: both; content: " "; }
		
		.ui-tabs-nav li { float: left; }
		
		.ui-tabs-nav a, .ui-tabs-nav a span { display: block; background: url(tab.png) no-repeat; }
		.ui-tabs-nav a { font-weight: bold;  text-align: center; text-decoration: none; outline: 0; }
		.ui-tabs-nav .ui-tabs-selected a { position: relative; z-index: 2; margin-top: 0; }
		.ui-tabs-nav a span { padding-right: 0; }
		.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position: 100% -150px; }
		.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -100px; }
		.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {  background-position: 0 -50px; }
		.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {  background-position: 0 0; }
		.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { 
				cursor: pointer; }
		
		.ui-tabs-panel { background: #fff; }
		.ui-tabs-loading em {  background: url(images/loading.gif) no-repeat 0 50%; }

		* html .ui-tabs-nav { display: inline-block; }
		*:first-child+html .ui-tabs-nav  { display: inline-block; }
		
				
	::-moz-selection { background: #8c8c8c; color: #fff; }  
   	::selection { background: #8c8c8c; color: #fff; }
	
	
	.button { background: url(images/gradient.png) repeat-x; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; 
			padding: 7px 7px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #555; letter-spacing: 0.8px; cursor: pointer;  
			-moz-border-radius: 5px; -webkit-border-radius: 5px; }
		.button:hover { border: 1px solid #d3d3d3; color: #000; }
	
	img.alignright {
		padding: 4px 0 0;
		margin: 0 0 2px 16px;
		display: inline;
	}
	
	img.alignleft {
		padding: 4px 0 0;
		margin: 0 16px 2px 0;
		display: inline;
	}
	
	.alignright {
		float: right;
	}
	
	.alignleft {
		float: left;
	}