<!--
	/*----------------------------------------------------------------------

		Carlovely v2
		www.carlovely.com

	------------------------------------------------------------------------

		Copyright 2008 Jonic Linley. All rights are reserv'd.

		Basically, don't steal anything, or else I'll have to use
		my kung-fu on you.

		Yeaaah do it up DO IT UP!

	----------------------------------------------------------------------*/


		html {}

			body {
				background:  #FEFEFE url('../images/body.png') left top repeat-y;
				font:        normal normal normal 62.5%/100% Arial, 'Helvetica Neue', Helvetica, sans-serif;
				padding-top: 50px;
			}


		#header {
			background: url('../images/header.png') left top repeat-x;
			height:     50px;
			left:       0;
			position:   fixed;
			top:        0;
			width:      100%;
			z-index:    10;
		}

			#header span {
				position: absolute;
				top:      -100px;
			}

			h1 {
				float: left;
			}

				h1 a {
					background: url('../images/header_elements.png') left top no-repeat;
					display:    block;
					height:     50px;
					width:      220px;
				}

				h1 a:hover {
					background-position: -220px top;
				}

			#header ul {
				float:  left;
				height: 50px;
			}

				#header ul li {
					display: inline;
					float:   left;
					height:  50px;
				}

				#header ul li a {
					background-image: url('../images/header_elements.png');
					display:          block;
					height:           50px;
				}
				
				#header ul li a:hover {
					border-bottom-width: 2px;
					border-style:        solid;
					height:              48px;
				}

				#header ul li.home    a { background-position: -440px top; border-color: #81fa00; width:105px; }
				#header ul li.archive a { background-position: -545px top; border-color: #fae500; width:124px; }
				#header ul li.random  a { background-position: -669px top; border-color: #ff6c13; width:136px; }
				#header ul li.email   a { background-position: -805px top; border-color: #fc0c00; width:95px;  }

				#header ul li.rss     a       { background-position: -900px top; width:50px;  }
				#header ul li.rss     a:hover { background-position: -950px top; border: 0; height: 50px; width: 195px; }




		#content {
			color:       #111;
			float:       left;
			margin-left: 220px;
			padding:     10px 0 25px 10px;
			width:       640px;
		}

			.post {
				border-top:  2px solid #47c1ef;
				float:       left;
				font-size:   13px;
				line-height: 1.5;
				padding:     10px;
				width:       420px;
			}

				.date {
					float:       right;
					clear:       left;
					padding-top: 13px;
					width:       190px;
				}

					.date h3 {
						background:  #47c1ef;
						border-top:  2px solid #3aa6ce;
						color:       #FFF;
						display:     inline;
						font:        22px Arial, 'Helvetica Neue', Helvetica, sans-serif;
						line-height: 1;
						padding:     10px;
					}

				.post a {
					color:           #47c9fa;
					text-decoration: none;
				}

					.post a:hover {
						text-decoration: underline;
					}

				.post blockquote {
					color:       #444;
					font-size:   13px;
					line-height: 1.4;
					padding:     0 15px;
				}

					.post blockquote.quote {
						background:    #e7f7fd;
						color:         #3aa6ce;
						font-size:     20px;
						line-height:   1.4;
						margin:        5px 0;
						padding:       15px 19px;
					}

				.post cite {
					display:        block;
					font-size:      12px;
					letter-spacing: 0.5px;
					margin-bottom:  5px;
					font-style:     normal;
				}

				.post h4 {
					font: 22px Arial, 'Helvetica Neue', Helvetica, sans-serif;
					margin-bottom: 10px;
				}

				.post p {
					color:       #202020;
					font-size:   13px;
					line-height: 1.5;
					margin:      12px 0;
				}

				.post ul {
					margin-left: 15px;
				}
				
					.post ul li {
						font-size: 12px;
						line-height: 16px;
						letter-spacing: 0.5px;
						padding-left: 10px;
						border-left: 2px solid #47c9fa;
						margin: 4px 0;
					}

				.photo {
					margin:     0 auto;
					text-align: center;
				}

					.photo {
						background:     #f0f0f0;
						margin-top:     0;
						padding:        10px 0;
						text-align:     center;
						vertical-align: middle;
					}

					.photo:hover {
						background: #eaeaea;
						padding:    8px 0;
					}

					.photo:hover img {
						border: 2px solid #fff;
					}

					.photo img {
						vertical-align: middle;
					}


				.post_footer {
					background:   #f5ffeb;
					border-width: 1px 0;
					clear:        both;
					margin:       20px 0 30px 0;
					padding:      5px 7px;
					width:        426px;
				}

					.post_footer a {
						color: #7f992b;
						text-decoration: none;
					}
					
					.post_footer a:hover {
						text-decoration: underline;
					}

					.post_footer p {
						color:          #303030;
						font-size:      11px;
						height:         20px;
						letter-spacing: 1px;
						line-height:    20px;
						margin:         0;
						padding:        0;
					}

						p.datetime {
							background:   url('../images/calendar.png') left center no-repeat;
							float:        left;
							padding-left: 21px;
						}					

							p.datetime span {
								display: none;
							}
						
							p.datetime:hover span {
								display: inline;
							}

						p.tools {
							float: right;
							height: 20px;
						}
						
							p.tools a {
								margin-left: 2px;
							}

						p.reblogged {
							background:   left center no-repeat;
							clear:        both;
							padding-left: 21px;
						}

				.clear {
					clear:  both;
					height: 0;
				}

			/*
				Pagination
			------------------------------------------------------------------*/
			#pages {
				background:  #f6fcfe;
				border-top:  2px solid #e7f7fd;
				bottom:      0;
				color:       #999;
				clear:       both;
				font:        22px Arial, 'Helvetica Neue', Helvetica, sans-serif;
				line-height: 1;
				padding:     10px;
				position:    fixed;
				width:       420px;
			}

				#pages a {
					color: #47c9fa;
					text-decoration: none;
				}
				
				#pages a:hover {
					text-decoration: underline;
				}

				#pages div { float: left; }

				#pages .older { width: 90px; }
				#pages .count { text-align: center; width: 240px; }
				#pages .newer { text-align: right; width: 90px; }
				#pages .clear { clear: both; float: none; }



		#sidebar {
			float:    left;
			position: fixed;
			width:    220px;
		}

			h2 {
				background:  #e7f7fd;
				color:       #444;
				font-size:   19px;
				font-weight: normal;
				line-height: 1.2;
				margin:      10px;
				padding:     7px 10px;
			}

			#sidebar h3 {
				clear:       both;
				color:       #5ac7f1;
				font-size:   16px;
				line-height: 1.5;
				margin:      10px 10px 5px 10px;
			}

			#sidebar .clear {
				clear:  both;
				height: 0;
			}

			#sidebar object {}

			#sidebar ul {
				margin:       15px 0 0 -5px;
				padding-left: 10px;
			}

				#sidebar ul li {
					float:  left;
					margin: 0 0 5px 5px;
				}

				#sidebar ul li a {
					background: center center no-repeat;
					display:    block;
				}

				#sidebar ul li img {
					vertical-align: middle;
				}


		#holla {
			bottom:   10px;
			position: fixed;
			right:    10px;
		}

			#holla p {
				color:       #505050;
				font-size:   13px;
				font-weight: normal;
				line-height: 1.4;
				text-align:  right;
			}

			#holla span {
				display: none;
			}

			#holla p:hover {
				color: #202020;
			}

			#holla p:hover span {
				display: inline;
			}

			#holla a {
				color:           #aaa;
				font-weight:     bold;
				text-decoration: none;
			}

			#holla p:hover a {
				color: #47c1ef;
			}

			#holla a:hover {
				text-decoration: underline;
			}

		/*
			Pagination
		------------------------------------------------------------------*/
		#jump {
			background:  #e7f7fd;
			border-top:  2px solid #e7f7fd;
			bottom:      0;
			color:       #999;
			clear:       both;
			font:        22px Arial, 'Helvetica Neue', Helvetica, sans-serif;
			left:        0;
			line-height: 1;
			padding:     10px;
			position:    fixed;
			text-align:  center;
			width:       200px;
		}

			#jump a {
				color: #47c9fa;
				text-decoration: none;
			}
				
			#jump a:hover {
				text-decoration: underline;
			}



		/*
			Tumblr Links
		------------------------------------------------------------------*/
		iframe {
			position:   fixed  !important;
			right:      12px   !important;
			top:        12px   !important;
		}

		iframe#dsq-post-add-iframe {
			position: inherit !important;
			width: 440px !important;
		}



		/*
			Unnecessarily complicated Last.fm Widget ish..
		------------------------------------------------------------------*/
		.lfm {
			margin: 10px 17px;
			width:  184px;
		}

			.lfm a {
				border:          0;
				display:         block;
				height:          20px;
				overflow:        hidden;
				text-decoration: none;
			}

			.lfm thead a {
				background: url('http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_blue.png') left -20px no-repeat ;
				width:      184px;
			}

				.lfm thead a:hover {
					background: url('http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_blue.png') left top no-repeat;
				}

			.lfm_conf {}

				.lfm_conf a {
					background: url('http://cdn.last.fm/widgets/images/en/footer/blue.png') no-repeat 0px -20px;
					width:      85px;
				}

					.lfm_conf a:hover {
						background: url('http://cdn.last.fm/widgets/images/en/footer/blue.png') left   top no-repeat;
					}

			.lfm_view {
				width: 74px;
			}

				.lfm_view a {
					background: url('http://cdn.last.fm/widgets/images/en/footer/blue.png') -85px -20px no-repeat;
					width:      74px;
				}

					.lfm_view a:hover {
						background: url('http://cdn.last.fm/widgets/images/en/footer/blue.png') -85px  top no-repeat;
					}

			.lfm_popu {
				width: 25px;
			}

				.lfm_popu a {
					background: url('http://cdn.last.fm/widgets/images/en/footer/blue.png') -159px -20px no-repeat;
					width:      25px;
				}

					.lfm_popu a:hover {
						background: url('http://cdn.last.fm/widgets/images/en/footer/blue.png') no-repeat -159px top;
					}

			.lfm_footer {
				background: url('http://cdn.last.fm/widgets/images/footer_bg/blue.png') left top repeat-x;
				text-align: right;
			}
-->