/* ____________________________ Reset */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-style: inherit;
font-size: 100%;
font-weight: inherit;
margin: 0;
padding: 0;
outline: 0;
vertical-align: baseline;
}

:focus {outline: 0;}

body {
background: white;
color: black;
line-height: 1;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
font-weight: normal;
text-align: left;
}

blockquote, q {quotes: "" "";}
blockquote:before, blockquote:after, q:before, q:after {content: "";}

/* ____________________________ General */

body {
font: normal 11px/16px Helvetica, Arial, Sans Serif;
height: 100%;
overflow-x: hidden;
-webkit-text-stroke: 1px transparent;
word-wrap: break-word;
}

/* ____________________________ Fixed Sidebar Module */

#sidebarbg {
bottom: 0;
display: block;
height: 100%;
left: 0;
padding: 15px;
position: fixed;
width: 272px;
z-index: 2;
}

/* ____________________________ Sidebar */

#container #sidebar {
display: block;
padding: 15px;
position: relative;
width: 272px;
z-index: 9;
}

	/* ____________________________ Sidebar header */
	
	#container #sidebar img.sidebarheader {
	margin: 0 0 15px 0;
	max-width: 262px;
	padding: 5px;
	}

	/* ____________________________ Main Navigation */
	
	#container #sidebar #mainnavigation {
	display: block;
	list-style: none;
	margin-bottom: 15px;
	text-align: center;
	width: 280px;
	}

		#container #sidebar #mainnavigation a {
		display: inline-block;
		margin: 0 0 0 3px;
		-moz-transition: background-color 0.2s linear;
		-o-transition: background-color 0.2s linear;
		padding: 5px 8px 5px 8px;
		transition: background-color 0.2s linear;
		-webkit-transition: background-color 0.2s linear;
		}

	/* ____________________________ Blog Title */
	
	#container #sidebar #title {
	font: bold 20px/20px Helvetica, Arial, Sans Serif;
	margin: 0 0 12px 0;
	text-align: center;
	text-transform: uppercase;
	}

	/* ____________________________ Sub Navigation */
	
	#container #sidebar ul#subnavigation {
	display: block;
	list-style: none;
	padding: 0;
	}

		#container #sidebar ul#subnavigation li {
		display: block;
		margin: 0 0 3px 0;
		}

			#container #sidebar ul#subnavigation li a {
			display: block;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			padding: 5px 8px 5px 8px;
			transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			}

				#container #sidebar ul#subnavigation li a:hover {padding: 5px 7px 5px 14px;}

	/* ____________________________ Blog Description */
	
	#container #sidebar #description {
	display: block;
	margin: 0 0 13px 0;
	}

		#container #sidebar #description img.myicon {
		margin: 4px 9px 2px 0;
		padding: 5px;
		width: 45px;
		}

	/* ____________________________ Search Bar */
	
	#container #sidebar form#search {
	display: block;
	margin: 0 0 15px 0;
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {#container #sidebar form#search {margin: 0 0 13px 0;}} 

		#container #sidebar form#search input {
		border: none;
		font: normal 11px/16px Helvetica, Arial, Sans Serif;
		padding: 10px 8px 10px 8px;
		width: 256px;
		}
		
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			#container #sidebar form#search input {
			padding: 10px 7px 10px 7px;
			width: 258px;
			}
		}

	/* ____________________________ Who I Follow */
	
	#container #sidebar #following {
	display: block;
	margin: 0 0 11px 0;
	width: 276px;
	}

		#container #sidebar #following img {
		margin: 0 4px 4px 0;
		-moz-transition: background-color 0.2s linear;
		-o-transition: background-color 0.2s linear;
		padding: 2px;
		transition: background-color 0.2s linear;
		-webkit-transition: background-color 0.2s linear;
		width: 15px;
		}

	/* ____________________________ Social Networking */
	
	#container #sidebar .social {margin: 0 0 15px 0;}

		#container #sidebar .social a.socialheader, #container #sidebar .social .membersheader {
		display: block;
		margin: 0 0 3px 0;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		padding: 5px 8px 5px 8px;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		}

		#container #sidebar .social a.socialheader:hover {padding: 5px 7px 5px 14px;}

		#container #sidebar .social #tweet ul, #container #sidebar #flickr ul#flickrimages, #container #sidebar .social ul#lastfmfeed {
		list-style: none;
		margin: 0;
		padding: 0;
		}

			/* ____________________________ Twitter */

			#container #sidebar .social #tweet ul li, #container #sidebar .social ul#lastfmfeed li, #container #sidebar .social .member {
			margin: 0 0 3px 0;
			padding: 5px 8px 5px 8px;
			}

			#container #sidebar .social #tweet {
			display: block;
			margin: 0;
			}

				#container #sidebar .social #tweet ul li a {text-transform: lowercase;}

	/* ____________________________ Flickr */
	
	#container #sidebar #flickr {
	display: block;
	margin: 0 0 11px 0;
	width: 276px;
	}

		#container #sidebar #flickr ul#flickrimages li img {
		float: left;
		height: 36px;
		-moz-transition: background-color 0.2s linear;
		-o-transition: background-color 0.2s linear;
		margin: 0 4px 4px 0;
		padding: 3px;
		transition: background-color 0.2s linear;
		-webkit-transition: background-color 0.2s linear;
		width: 36px!important;
		}

		/* ____________________________ Last Fm */
		
		#container #sidebar .social ul#lastfmfeed {
		display: block;
		margin: 0;
		}

			#container #sidebar .social ul#lastfmfeed li a {
			text-transform: lowercase;
			}

		/* ____________________________ Blog Contributors */
		
		#container #sidebar .social .member:first-letter {text-transform: uppercase!important;}

	/* ____________________________ Credit Links */
	
	#container #sidebar a.anthagio {float: left;}
	#container #sidebar a.themplicity {float: right;}

	#container #sidebar a.anthagio, #container #sidebar a.themplicity {
	display: inline-block;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	padding: 5px 8px 5px 8px;
	transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	}

/* ____________________________ Content */

#container #content {
left: 302px;
position: absolute;
top: 15px;
}

	/* ____________________________ Loading Posts */
	
	#container #content #loading {
	display: block;
	height: 100%;
	padding: 0 15px 15px 15px;
	position: fixed;
	width: 100%;
	z-index: 999;
	}

		#container #content #loading #loadingtext {
		display: inline-block;
		padding: 5px 8px 5px 8px;
		position: absolute;
		}

	/* ____________________________ Permalink Meta Information */
	
	#container #content .permameta {
	display: block;
	margin: 0 0 15px 15px;
	padding: 3px 12px 10px 12px;
	width: 496px;
	}

		#container #content .permameta span.tagcomma:last-child {display: none;}

	/* ____________________________ Posts */
	
	#container #content .post {
	display: block;
	margin: 0 0 15px 15px;
	overflow: hidden;
	width: 520px;
	z-index: 9;
	}

	/* ____________________________ Search and Tag Page Header */
	
	#container #content #tagsearch {padding: 0 0 15px 0!important;}
		#container #content #tagsearch .body span.tag, #container #content #tagsearch .body span.search_query {font-weight: bold;}

	/* ____________________________ Post Body */
	
	#container #content .post .body {
	display: block;
	padding: 3px 10px 10px 10px;
	}

		#container #content .post .body h1 {
		font: normal 12px/17px Helvetica, Arial, Sans Serif;
		margin-top: 5px;
		}

		#container #content .post .body img {margin: 2px 0 0 0;}

	/* ____________________________ Media Posts */
	
	#container #content .post .photos, #container #content .post .photosett, #container #content .post .html_photoset, #container #content .post .videos {
	padding: 10px;
	position: relative;
	text-align: center;
	}

		/* ____________________________ Photo Posts */
		
		#container #content .post .photos a.zoom, #container #content .post .photos a.camerainfoo, #container #content .post .photosett .photosetphoto a.zoom {
		-moz-transition: all 0.2s;
		opacity: 0;
		-o-transition: all 0.2s;
		padding: 3px 8px 3px 8px;
		position: absolute;
		transition: all 0.2s;
		-webkit-transition: all 0.2s;
		}

		#container #content .post .photos a.zoom {
		right: 20px;
		top: 20px;
		}

		#container #content .post .photos a.camerainfoo {
		bottom: 20px;
		left: 20px;
		}

			#container #content .post .photos:hover a.zoom, #container #content .post .photosett .photosetphoto:hover a.zoom, #container #content .post .photos:hover a.camerainfoo {opacity: 1.0;}

	/* ____________________________ Photoset Posts */
	
	#container #content .post .photosett, #container #content .post .html_photoset {text-align: center;}

		#container #content .post .photosett .photosetphoto {position: relative;}
			#container #content .post .photosett .photosetphoto img {margin: 10px 0 0 0;}

			#container #content .post .photosett .photosetphoto a.zoom {
			right: 10px;
			top: 20px;
			}

	/* ____________________________ Quote Posts */
	
	#container #content .post .quote {
	font: normal 12px/17px Helvetica, Arial, Sans Serif;
	padding: 8px 10px 10px 10px;
	position: relative;
	text-indent: 19px;
	}

		#container #content .post .quote  span {
		font: bold 38px/33px Helvetica, Arial, Sans Serif;
		left: 0;
		margin-left: -12px;
		position: absolute;
		top: 7px;
		}

	/* ____________________________ Link Posts */
	
	#container #content .post .link {
	font: normal 12px/17px Helvetica, Arial, Sans Serif;
	padding: 8px 10px 10px 10px;
	}

	/* ____________________________ Chat Posts */
	
	#container #content .post .odd, #container #content .post .even {padding: 7px 10px 7px 10px;}

	/* ____________________________ Audio Posts */
	
	#container #content .post .audio {
	padding: 10px;
	position: relative;
	}

		#container #content .post .audio .plays {
		height: 48px;
		-moz-transition: all 0.2s;
		opacity: 0; -o-transition: all 0.2s;
		padding: 14px 0 0 0;
		position: absolute;
		text-align: center;
		transition : 0.2s;
		-webkit-transition : 0.2s;
		width: 62px;
		}

			#container #content .post .audio:hover .plays {opacity: 1.0;}

		#container #content .post .audio .artwork {
		display: block;
		position: absolute;
		top: 10px;
		}

		#container #content .post .audio .songspecific {
		display: block;
		height: 23px;
		line-height: 20px;
		margin: 0 0 10px 0;
		overflow: hidden;
		padding: 3px 5px 0 8px;
		}

		#container #content .post .audio .player {display: block;}

			#container #content .post .audio .player .box {
			overflow: hidden;
			width: 210px;
			}

				#container #content .post .audio .player .box embed, #container #content .post .audio .player .box object {max-width: 500px!important;}

	/* ____________________________ Video Posts */
		
	#container #content .post .videos embed, #container #content .post .videos object, #container #content .post .videos iframe {
	margin: 0;
	min-height: 81px;
	padding: 0;
	}

	/* ____________________________ Question Posts */
	
	#container #content .post .questionn {
	font: normal 12px/17px Helvetica, Arial, Sans Serif;
	padding: 8px 10px 10px 10px;
	}

		#container #content .post .questionn br {display: none;}

	/* ____________________________ Front Page Post Tags */
	
	#container #content .post .tags {
	display: block;
	padding: 5px 12px 5px 12px;
	}

		#container #content .post .tags span.comma:last-child {display: none;}

		#container #content .post .tags a {
		display: inline-block;
		font-size: 9px;
		}

	/* ____________________________ Front Page Meta Information */
	
	#container #content .post .meta {
	font-size: 9px;
	margin: 3px 0 0 0;
	}

		#container #content .post .meta .credit {
		float: right;
		margin: 0 3px 0 0;
		}

		#container #content .post .meta .notes {
		float: left;
		margin: 0 0 0 3px;
		}

	/* ____________________________ Permalink Credits */
	
	#container #content #permalinksources {
	display: block;
	margin: 0 0 0 15px;
	width: 520px;
	}

		#container #content #permalinksources .rebloggedfrom, #container #content #permalinksources .sourced {
		display: inline-block;
		margin-bottom: 15px;
		padding: 8px 11px 8px 11px;
		}

		#container #content #permalinksources .rebloggedfrom {float: left;}

		#container #content #permalinksources .sourced {
		float: right;
		margin-left: 15px;
		}

	/* ____________________________ Disqus Comment Widget */
	
	#container #content #disqus {
	margin: 0 0 15px 15px;
	padding: 12px;
	width: 496px;
	}

		#container #content #disqus #disqus_thread {margin: 0!important;}
		#container #content #disqus #dsq-content #dsq-global-toolbar a, #container #content #disqus #dsq-subscribe a, #container #content #disqus #dsq-subscribe em, #container #content #disqus #dsq-account-dropdown a, #container #content #disqus a.dsq-commenter-name {text-decoration: none!important;}

		#container #content #disqus #dsq-content #dsq-global-toolbar {
		margin-bottom: -10px;
		margin-top: 0;
		}

		#container #content ul#dsq-footer {margin-bottom: -3px!important;}

		#container #content #disqus #dsq-content h3 {
		font: normal 12px/17px Helvetica, Arial, Sans Serif;
		margin: 0 0 10px 0;
		}

		#container #content #disqus #dsq-content #dsq-footer {margin: 0;}

	/* ____________________________ Post Notes */
	
	#container #content ol.notes {
	list-style: none;
	margin: 0 0 15px 15px;
	width: 520px;
	}

		#container #content ol.notes li {
		margin: 0 0 3px 0;
		padding: 5px 8px 5px 8px;
		}

			#container #content ol.notes li blockquote {
			margin: 2px 0 4px 0;
			padding: 0 0 0 8px;
			}

				#container #content ol.notes li blockquote img {
				max-width: 495!important;
				width: auto!important;
				}

					#container #content ol.notes li img.avatar {
					height: 8px;
					margin: 0 2px 0 0;
					width: 8px!important;
					}

	/* ____________________________ Navigation */
	
	#top {right: 15px;}

	#top, #pagination {
	position: fixed;
	z-index: 9;
	}

	#pagination {
	right: 15px;
	text-align: right;
	width: 99px;
	}

		#top a, #pagination a {
		display: inline-block;
		margin: 6px 0 0 0px;
		-moz-transition: background-color 0.2s linear;
		-o-transition: background-color 0.2s linear;
		padding: 5px 8px 5px 8px;
		transition: background-color 0.2s linear;
		-webkit-transition: background-color 0.2s linear;
		}

	/* ____________________________ Extra */
	
	a, em {
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	text-decoration: none;
	transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	}

	big {font: normal 12px/17px Helvetica, Arial, Sans Serif;}
		big big {font: normal 13px/18px Helvetica, Arial, Sans Serif;}
			big big big {font: normal 14px/19px Helvetica, Arial, Sans Serif;}
				big big big big {font: normal 15px/20px Helvetica, Arial, Sans Serif;}
					big big big big big {font: normal 16px/21px Helvetica, Arial, Sans Serif;}
						big big big big big big {font: normal 17px/22px Helvetica, Arial, Sans Serif;}
							big big big big big big big {font: normal 18px/23px Helvetica, Arial, Sans Serif;}
								big big big big big big big big {font: normal 19px/24px Helvetica, Arial, Sans Serif;}
									big big big big big big big big big {font: normal 20px/25px Helvetica, Arial, Sans Serif;}

	i, em {font-style: italic;}
	p {margin: 5px 0 0 0;}
	b, strong {font-weight: bold;}
	sup, sub, small {font: normal 9px/14px Helvetica, Arial, Sans Serif;}	
	ul, ol {margin: 5px 0 0 30px;}
	.clear {clear: both;}
	#ask_form {margin: 0 0 2px 0;}

	#container #content .post .body blockquote {
	margin: 7px 0 0 7px;
	padding: 0 0 2px 10px;
	}

		#container #content .post .body blockquote img {
		margin-bottom: -2px!important;
		margin-top: 0px!important;
		}

	/* ____________________________ Infinite Scroll Loading */
	
	#infscr-loading {
	position: fixed;
	padding: 5px 8px 5px 8px;
	right: 15px;
	top: 15px;
	}

		#infscr-loading img {display: none;}

/* ____________________________ Adjusting Transitions */

.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
-webkit-transition-property: height, width;
}

.masonry, .masonry .masonry-brick {
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
}

.masonry .masonry-brick {
-moz-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
-webkit-transition-property: left, right, top;
}