@charset "utf-8";

/* Reset */
* {
	margin: 0;
	padding: 0;
}

/*Main Scaffolding*/

body {
    background: #ececec url(img/hedbck.png) repeat-x top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

#header {
	height: 64px;
	background: url(img/headerbg.png) no-repeat bottom;
	padding: 0 27px 0 32px; 
}


#maincontainer {
	width: 862px;
	margin: 0 auto;
}

#logobox {
    padding: 0 0 0 17px;
	height: 75px;
}

/*Search box*/

#searchbox {
	float: right
	}

#searchform {
	position: relative;
	top: 12px;
}

	#searchform label, #searchform #searchsubmit {
		display: none; 
	}
	
	#searchform #s {
		width: 201px;
		height: 13px;
		padding: 6px 12px; 
		margin-left: 9px;
		background: url(img/searchbox.png) no-repeat;
		border: none;
		color: #808080;
		font-size: 11px;
	}


/*Navigation*/

	#navigation {
		float: right;
		position: relative;
		top: 19px;
		text-align: right;
		z-index: 1;
	} 
	
		#navigation .separator{
			position: relative;
			top: 6px;
		}
		
		#navigation a{
			width: 52px;
			height: 60px;
			display: inline-block;
			text-align: center;
		}
		
		#navigation a img{
			position: relative;
			top: 3px;
		}
		
		#navigation a:hover {
			background: url(img/navbg.png) no-repeat;
		}
		
		#navigation .active{
			background: url(img/navbg.png) no-repeat;
		}
	
	#navigationlife {
		position: relative;
		top: 29px;
		left: 1px;
	}
	
		#navigationlife .separator{
			position: relative;
			top: 2px;
			display: inline-block;
			left: 1px;
		}
		
		#navigationlife a{
			width: 36px;
			height: 41px;
			display: inline-block;
			text-align: center;
			margin: 0 2px 0 3px;
		}
		
		#navigationlife a img{
			position: relative;
			top: 2px;
		}
		
		#navigationlife a:hover {
			background: url(img/navlifebg.png) no-repeat;
		}
		
		#navigationlife .active{
			background: url(img/navlifebg.png) no-repeat;
		}


/*Main Content Container*/
#contentcontainer {
	background: #fdfdfd url(img/footerbg.png) no-repeat bottom;
	margin: 0 6px;
	padding: 8px 25px 30px;
	line-height: normal;
	min-height: 500px;
}

/*General - Typo*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.7em;
}	

h1 {
    font-size: 18px;   
}


/*Boxes*/

#boxes {
	margin-top: 12px;
}

	.box {
		height: 326px;
		width: 242px;
		float: left;
		margin: 12px;
	}

		.edno23 {
			background: url(img/boxes/edno23.png);
		}
		
			.edno23 .content {
				padding: 77px 10px 10px;
			}
			
			.edno23 .content p{
				background: url(img/boxes/edno23-divider.png) no-repeat center bottom;
				padding: 3px 0;
				font-size: 12px;
				font-style: italic;
			}
			
			.edno23 .content img {
				float: right;
				background: url(img/boxes/edno23-imgbg.png);
				height: 35px;
				width: 35px;
				padding: 1px 3px 9px;
			}
			
			.edno23 .content a {
				text-decoration: none;
				color: #646464;
			}
				
		
		.vimeo {
			background: url(img/boxes/vimeo.png);
			position: relative
		}
		
			.vimeo .content {
				padding: 72px 8px 0; 
			}
			
			.vimeo .content p {
				font: Arial, Helvetica, sans-serif;
				font-size: 18px;
				color: #FDFDFD;
				text-align: center;
				text-shadow: #5896bb 0 2px 1px;
				margin-top: 10px;
			}
				
				.vimeo .content .date {
					position: absolute;
					bottom: 10px;
					right: 10px;
					color: #5896bb;
					text-shadow: none;
					font-size: 12px;
				}
			
		
		.flickr {
			background: url(img/boxes/flickr.png);
		}
		
			.flickr .content {
				padding: 60px 28px 10px;
				min-height: 256px;
				position: relative;
			}
			
			.flickr .content p{
				text-align: center;
				margin-top: 2px;
				font-size: 18px;
				color: #FFF;
				text-shadow: #000 0 1px 4px;
				position: absolute;
				bottom: 4px;
				width: 187px;
			}
			
				.flickr .content .imgcontainer {
					height: 187px;
					width: 187px;
					display: table-cell;
					vertical-align: middle;
				}
				
					.flickr .content .imgcontainer img {
						max-width: 187px;
						height: auto;
						vertical-align: middle;
						display: block;
					}
		
		.lastfm {
			background: url(img/boxes/lastfm.png);
			color: #FFF;
		}
		
			.lastfm .content {
				padding: 70px 11px 11px;
			}
	
			
				.lastfm .content .featured {
					text-align: right;
					text-shadow: #d51203 0 3px 3px ;
					display: block;
				}
				
				
				.lastfm .content .featured .artwork {
					width: 113px;
					float: right;
					text-align: left;
					margin-left: 7px;
				}
				
					.lastfm .content .featured .artwork .container {
						background: url(img/boxes/lastfmartwork-def.png) no-repeat;
						height: 100px;
						width: 100px;
					}
					
					.lastfm .content .featured .artwork .container .cover {
						width: 100px;
						height: 100px;
					}
					
					.lastfm .content .featured .artwork .case {
						margin-top: -100px;
					}

				.lastfm .content .featured .artist {
					font-size: 18px;
				}
				
				.lastfm .content .featured .song {
					font-size: 14px;
				}
				
				.lastfm .content .featured .album {
					font-size: 11px;
					margin-top: 5px;
				}
		
			.lastfm .content .songs {
				margin-top: 10px;
			}
			
				.lastfm .content .songs p{
					background: url(img/boxes/lastfmpbg.png);
					line-height: 27px;
					text-align: center;
					color: #4a0100;
					text-shadow: #d00400 0 1px 0;
					margin-top: 4px;
					margin-left: -11px;
					width: 242px;
					
				}
				
					.lastfm .content .songs a{
						color: #4a0100;
						text-shadow: #d00400 0 1px 0;
						text-decoration: none;
					}

		.dailybooth {
			background: url(img/boxes/dailybooth.png);
		}
		
			.dailybooth .content {
				padding: 63px 21px 0;
				height: 220px;
				margin: 0 auto;
				position: relative;
				text-align: center;
			}
			
			.dailybooth .content .imgcontainer {
				width: 200px;
				height: 200px;
				display:table-cell;
				vertical-align: middle;
			}
			
			.dailybooth .content .imgcontainer .img {
	            max-width: 200px;
	            height: auto;
			}
								
			.dailybooth .content .date {
				font-size: 14px;
				color: #5b5b5b;
				text-align: center;
				position: absolute;
				bottom: 0;
				width: 200px;
			}
			

		.reader {
			background: url(img/boxes/reader.png);
		}
		
			.reader .content {
				padding: 60px 10px 10px;
				text-align: center;
				color: #444444
			}
			
				.reader .content li {
					padding-bottom: 6px;
					background: url(img/boxes/reader-li.png) bottom center no-repeat;
					font-size: 13px;
					list-style: none;
				}
				
				.reader .content li a{
					color: #444444;
					text-decoration: none;
				}
				
					.reader .content li a:hover {
						color: #777777;
					}
					
		.deviantart {
			background: url(img/boxes/deviantart.png);
		}
		
			.deviantart .content {
				padding: 65px 20px 0;
			}
			
				.deviantart .content. devpic {
					width: 200px;
					height: 200px;
				}
				
					.deviantart .content .devpic img {
						max-height: 200px;
						max-width: 200px;
						width: auto;
						display: block;
						margin: 0 auto;
					}
				
				.deviantart .content .title {
					margin-top: 15px;
					font-size: 14px;
					text-shadow: #44574d 0 1px;
					color: #FFF;
					text-align: center;
				}
		
		.svejo {
			background: url(img/boxes/svejo.png);
		}
		
			.svejo .content {
				padding: 56px 20px 10px 30px;
				list-style: url(img/boxes/svejo-li.png);
				font-size: 14px;
				text-shadow: #fee304 0 1px 0;
			}
			
			.svejo .content a{
				color: #333333;
				text-decoration: none;
			}
			
				.svejo .content a:hover {
					color: #535353;
				}
			
		.blogs {
			background: url(img/boxes/blogs.png);
		}		
		
			.blogs .content {
				padding: 70px 0 0;
			}
			
				.blogs .content .one {
					padding-left: 20px;
					color: #FFF;
					font-size: 15px;
				}
				
				.blogs .content .two {
					padding-right: 20px;
					text-align: right;
					color: #FFF;
					font-size: 15px;
					margin-top: 10px;
				}

				.blogs .content .left, .blogs .content .right, .blogs .content .left a, .blogs .content .right a {
					list-style: none;
					color: #33b6f2;
					text-decoration: none;
				}
				
					.blogs .content .left li {
						background: url(img/boxes/blogs-li-bg-left.png) bottom left no-repeat;
						padding: 0 0 0 20px;
						margin: 3px 0;
						line-height: 22px;
					}

					.blogs .content .right li {
						background: url(img/boxes/blogs-li-bg-right.png) bottom right no-repeat;
						text-align: right;
						padding: 0 20px 0 0;
						margin: 3px 0;
						line-height: 22px;
					}

#endebox {
	display: block;
	position: relative;
	height: 163px;
}

	#endebox .pic {
		margin: 12px;
		float: left;
	}
	
	#endebox .text1 {
		margin: 12px auto 0;
	}
	
	#endebox .more {
		position: absolute;
		bottom: 12px;
		right: 12px;
	}
	
		#endebox .more img {
			margin: 0 5px;
		}

.clr {
	height: 0;
	clear: both;
}


/*Copyright*/
#copyright {
	font-size: 11px;
	color: #cdcdcd;
	text-shadow: 0px 1px 1px #fff;
	text-align: center;
	margin-bottom: -10px;
}
	

/*The Little Logo*/
#smalllogo {
	margin: 0 auto 5px;
	display: block;
}