/* AUTHOR : LAURE BOUTMY - loupyestu.tumblr.com - www.augustuswaterscom 
Please don't take my theme, that's rude! */

/* @group Global */
	body{
		color:#666666;
		background: #fff;
		text-align: justify;
		font: 9pt "Lora", serif;
	}
	
	@font-face {
		font-family: "Lora";
		src: @import url(http://fonts.googleapis.com/css?family=Lora:400italic,400);
		font-weight: 400;
	}
	
	strong, b {
		font-weight: bold;
	}
	
	em, i {
		font-style: italic;
	}
	
	u {
		text-decoration: underline;
	}
	
	a:link, a:active, a:visited {
		color: #fff;
		text-decoration: none;
		background-color: #ff99b3;
		padding: 1px 5px;
		font-size: 8pt;
		display: inline-block;
		-webkit-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
		   -moz-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
		    -ms-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
		     -o-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
				transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
	}
	
	a:hover, a:focus {
		color: #ff99b3;
		background-color: #fff;
		text-decoration: none;
	}

	#container {
		width: 800px;
		margin: 0 auto;
		position: relative;
	}
	
	/* @group Header */
		h1 {
			color: #fff;
			text-decoration: none;
			background-color: #ed1f5e;
			padding: 1px 5px;
			display: inline-block;
			margin: 10px 20px;
			font: 8pt;
		}
		
		#header {
			width: 245px;
			height: 300px;
			color: #fff;
			position: relative;
			display: inline-block;
			overflow: hidden;
		}
	
		#header .description {
			display: block;
			position: absolute;
			-webkit-transition: all .4s ease-in-out;
			   -moz-transition: all .4s ease-in-out;
			     -o-transition: all .4s ease-in-out;
			        transition: all .4s ease-in-out;
			opacity: 0;
			width: 205px;
			height: 260px;
			background: url(img/header-bg.png);
			padding: 20px;
			color: #666;
		}
	
		#header:hover .description, #hover:focus .description {
			opacity: 0.9;
			bottom: 0;
			background: url(img/header-bg.png);
		}
		
		#sidebar {
			position: fixed;
			width: 245px;
			padding: 0 20px;
		}
		
		ul#navigation {
			text-align: center;
		}
		
		ul#navigation li {
			display: inline-block;
			margin: 1px 1px;
		}
		
		ul#navigation a:link, ul#navigation a:active, ul#navigation a:visited {
			background: #f00854;
			-webkit-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			   -moz-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			    -ms-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			     -o-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
					transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
		}
		
		ul#navigation a:hover, ul#navigation a:focus {
			color: #fff;
			background-color: #f33a77;
			-webkit-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
 			   -moz-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			    -ms-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			     -o-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
					transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
		}
		
		ul#pagination {
			font-size: 9pt;
			text-align: center;
		}
		
		ul#pagination li{
			display: inline;
		}
		
		ul#pagination a:link, ul#pagination a:active, ul#pagination a:visited {
			background: #fff;
			font-size: 12pt;
			color: #666;
			-webkit-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			   -moz-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			    -ms-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			     -o-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
					transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
		}
		
		ul#pagination a:hover, ul#pagination a:focus {
			color: #f00854;
			background: #fff;
			-webkit-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			   -moz-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			    -ms-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			     -o-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
					transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
		}
		
		.lostboys { 
			text-align: center; 
			display: block;
			margin: 2px;
		}
		
		.lostboys a:link, .lostboys a:active, .lostboys a:visited {
			background-color: #f33a77;
		}
		
		.lostboys a:hover, .lostboys a:focus {
			background-color: #fff;
			color: #f33a77;
		}
	/* @end of Header */
	
	/* @group Main */
	
		#main {
			width: 600px;
			background-color: #fff;
			display: block;
			margin: 20px 0 0 275px;
		}
		
		.post, #notes {
			width: 500px;
			margin: 10px 10px 15px 10px;
			position: relative;
		}
		
		h2, h3 {
			color: #fff;
			text-decoration: none;
			background-color: #f00854; /*513939*/
			padding: 1px 5px;
			font-size: 9pt;
			display: inline-block;
			-webkit-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
			   -moz-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
			    -ms-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
			     -o-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
					transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
			margin-left: 50px;
		}
		
		h2 a:link, h2 a:active, h2 a:visited, h3 a:link, h3 a:active, h3 a:visited {
			-webkit-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
			   -moz-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
			    -ms-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
			     -o-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
					transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
			background-color: #f00854;
			color: #fff;
			padding: 1px;
			font-size: 9pt;
		}
		
		h2 a:hover, h3 a:hover, h2 a:focus, h3 a:focus {
			background: #fff;
			color: #f00854;
			font-size: 9pt;
		}
		
		/* @group Photo/Photoset */
		
			.caption {

			}
			
		/* @end of Photo/Photoset */
		
		/* @group Quote */
			
			blockquote {
				margin:  10px;
				padding: 10px;
				border: 1px solid #ffcdd6;
				font-style: italic;
				font-size: 10pt;
			}
			
		/* @end of Quote */
		
		/* @group Answer */
			
			img.asker {
				padding: 3px;
				background-color: #fff;
				border: 1px solid #eee;
				border-radius: 3px;
				float: left;
			}
			
			.question {
				margin: 0 0 5px 61px;
				border: 1px solid #ffcdd6;
				min-height: 44px;
				border-radius: 3px;
				padding: 5px;
				font-size: 9pt;
				color: #999;
			}
			
			.question span {
				float: right;
				background-color: #ffcdd6;
				color: #fff;
				font-size: 8pt;
				padding: 1px 5px;
			}
			
			.question span a:link, .question span a:active, .question span a:visited {
				background-color: #ffcdd6;
				padding: 0;
				-webkit-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				   -moz-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				    -ms-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				     -o-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
						transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
			}
		
			.question span a:hover, .question span a:focus {
				background: #fff;
			}
		/* @end of Answer */
		
		/* @group Tags */
		
			ul.tags {

			}
			
			ul.tags li {
				display:  inline;
				padding: 0 1px;
			}
			
			.tags a:link, .tags a:visited, .tags a:active {
				color: #fff;
				text-decoration: none;
				background-color: #ffcdd6; /*ef4765*/
				padding: 1px 5px;
				margin-bottom: 3px;
				font-size: 8pt;
				display: inline-block;
				-webkit-transform: scale(01) rotate(-1deg) translate(0px, 0px) skew(0deg, 0deg);
				   -moz-transform: scale(01) rotate(-1deg) translate(0px, 0px) skew(0deg, 0deg);
				    -ms-transform: scale(01) rotate(-1deg) translate(0px, 0px) skew(0deg, 0deg);
				     -o-transform: scale(01) rotate(-1deg) translate(0px, 0px) skew(0deg, 0deg);
						transform: scale(01) rotate(-1deg) translate(0px, 0px) skew(0deg, 0deg);
			}
			
			.tags a:hover, .tags a:focus {
				opacity: 0.9;
				-webkit-transform: scale(01) rotate(2deg) translate(0px, 0px) skew(0deg, 0deg);
				   -moz-transform: scale(01) rotate(2deg) translate(0px, 0px) skew(0deg, 0deg);
				    -ms-transform: scale(01) rotate(2deg) translate(0px, 0px) skew(0deg, 0deg);
				     -o-transform: scale(01) rotate(2deg) translate(0px, 0px) skew(0deg, 0deg);
						transform: scale(01) rotate(2deg) translate(0px, 0px) skew(0deg, 0deg);
			}
		
		/* @end of Tags */
		
		/* @group Notes */
			
			.post .notes{
				position: absolute;
				-webkit-transition: all .4s ease-in-out;
				   -moz-transition: all .4s ease-in-out;
				     -o-transition: all .4s ease-in-out;
				        transition: all .4s ease-in-out;
				padding: 1px 5px;
				opacity: 0;
				top: 25px;
				left: 420px;
				background-color: #ef4765;
				color: #fff;
				-webkit-transform: scale(01) rotate(4deg) translate(0px, 0px) skew(0deg, 0deg);
				   -moz-transform: scale(01) rotate(4deg) translate(0px, 0px) skew(0deg, 0deg);
				    -ms-transform: scale(01) rotate(4deg) translate(0px, 0px) skew(0deg, 0deg);
				     -o-transform: scale(01) rotate(4deg) translate(0px, 0px) skew(0deg, 0deg);
						transform: scale(01) rotate(4deg) translate(0px, 0px) skew(0deg, 0deg);
				display: block;
			}
			
			.post:hover .notes, .post:focus .notes {
				opacity: 0.9;
			}
			
			.notes a:link, .notes a:active, .notes a:visited {
				font-size: 9pt;
				padding: 0;
				background-color: #ef4765;
				color: #fff;
			}
			
			.notes a:hover, .notes a:focus {
				background-color: #fff;
				color: #ef4765;
			}
			
			#notes {
				text-align: center;
			}
			
			#notes a:link, #notes a:active, #notes a:visited {
				-webkit-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				   -moz-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				    -ms-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				     -o-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
						transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				background: #fff;
				font-size: 9pt;
				color: #ef4765;	
			}
			
			#notes a:hover, #notes a:focus{
				text-decoration: underline;
			}
			
		/* @end of Notes */
			
		/* @group Time */
		
			.post .time {
				position: absolute;
				-webkit-transition: all .4s ease-in-out;
				   -moz-transition: all .4s ease-in-out;
				     -o-transition: all .4s ease-in-out;
				        transition: all .4s ease-in-out;
				padding: 1px 5px;
				opacity: 0;
				top: 40px;
				left: 410px;
				background-color: #fff;
				color: #ef4765;
				font: 9pt;
				-webkit-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
				   -moz-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
				    -ms-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
				     -o-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
						transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
				display: block;
			}
			
			.post:hover .time, .post:focus .time {
				opacity: 0.9;
			}
			
			.time a:link, .time a:active, .time a:visited {
				font-size: 9pt;
				padding: 0;
				background-color: #fff;
				color: #ef4765;
			}
			
			.time a:hover, .time a:focus {
				background-color: #ffcdd6;
				color: #fff;
			}
		
		/* @end of Time */
		
		/* @group Source */
			.post .source {
				position: absolute;
				-webkit-transition: all .4s ease-in-out;
				   -moz-transition: all .4s ease-in-out;
				     -o-transition: all .4s ease-in-out;
				        transition: all .4s ease-in-out;
				padding: 1px 5px;
				opacity: 0;
				background-color: #ffcdd6;
				color: #fff;
				-webkit-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
				   -moz-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
				    -ms-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
				     -o-transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
						transform: scale(01) rotate(1deg) translate(0px, 0px) skew(0deg, 0deg);
				display: block;
				font-size: 9pt;
				top: 80%;
				left: 10px;
			}
			
			.post:hover .source, .post:focus .source {
				opacity: 0.9;
			}
		
		
			.source a:link, .source a:active, .source a:visited {
				-webkit-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				   -moz-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				    -ms-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				     -o-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
						transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				font-size: 9pt;
				padding: 0;
				background-color: #ffcdd6;
				color: #fff;
			}
			
			.source a:hover, .source a:focus {
				background: #fff;
				color: #ffcdd6;
			}
		
		/* @end of Source */
		
		/* @group Rebloggedfrom */
			.post .rebloggedfrom {
					position: absolute;
					-webkit-transition: all .4s ease-in-out;
					   -moz-transition: all .4s ease-in-out;
					     -o-transition: all .4s ease-in-out;
					        transition: all .4s ease-in-out;
					padding: 1px 5px;
					opacity: 0;
					background-color: #f33a77;
					color: #fff;
					-webkit-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
					   -moz-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
					    -ms-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
					     -o-transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
							transform: scale(01) rotate(-2deg) translate(0px, 0px) skew(0deg, 0deg);
					display: block;
					font-size: 9pt;
					top: 80%;
					margin-top: 15px;
					left: 5px;
				}
				
			.post:hover .rebloggedfrom, .post:focus .rebloggedfrom {
				opacity: 0.9;
			}
			
			
			.rebloggedfrom a:link, .rebloggedfrom a:active, .rebloggedfrom a:visited {
				-webkit-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				   -moz-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				    -ms-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				     -o-transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
						transform: scale(01) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
				font-size: 9pt;
				padding: 0;
				background-color: #f33a77;
				color: #fff;
			}
				
			.rebloggedfrom a:hover, .rebloggedfrom a:focus {
				background: #fff;
				color: #f33a77;
			}
		
		/* @end of Rebloggedfrom */
		
	/* @end of Main */
	
	
	/* @group Footer */
	
		#footer {
			text-align: center;
		}
	
	/* @end of Footer */
	
/* @end of Global*/