/****************************************
CONTENTS for CSS - underflowersflow.css
***************************************
	1. General Section
	2. Header Section
	3. Sidebar Section
	4. Post Section
	5. Footer Section
****************************************/



/******************
1 GENERAL SECTION
******************/
body {
	margin: 0 auto 0 auto;
	background: #f7f7f7 url('http://static.tumblr.com/axe0xtv/HdOlrji9d/bg.jpg') top left repeat;
	font: 62.5% serif;
	color: #3d3d3d;
}
a {
	color: #cf7659;
	text-decoration: none;
}
a:visited {
	color: #cf7659;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3 {
	font-family: "Lucida Grande";
	color: #1c1c1c;
	margin-top: 0.5em;
	margin-bottom: 1.2em;
}
h1 {
	font-size: 2em;
	text-align: center;
}
blockquote {
	background-color: #ddd;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;	
	border-top: solid 1px #f8f8f8;
	border-bottom: solid 1px #a1a1a1;
	padding: 10px 5px;
}
.circled50px {
	width: 38px;
	height: 38px;
	padding: 12px 6px 0 6px;
	text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	word-wrap: break-word;
}
.rounded {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	word-wrap: break-word;
}
.top-rounded {
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	word-wrap: break-word;
}
.bottom-rounded {
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	word-wrap: break-word;
}
.shadowed, .shadowed-Mon, .shadowed-Tue, .shadowed-Wed, .shadowed-Thu, .shadowed-Fri, .shadowed-Sat, .shadowed-Sun {
	-webkit-box-shadow: 0px 1px 1px #5f5a60;
	-moz-box-shadow: 0px 1px 1px #5f5a60;
	box-shadow: 0px 1px 1px #5f5a60;
}
.shadowed:hover {
	-webkit-box-shadow: 0px 0px 10px #b5b5b5;
	-moz-box-shadow: 0px 0px 10px #b5b5b5;
	box-shadow: 0px 0px 10px #b5b5b5;
}
	.shadowed-Mon:hover {
		-webkit-box-shadow: 0px 0px 10px #ffff5c;
		-moz-box-shadow: 0px 0px 10px #ffff5c;
		box-shadow: 0px 0px 10px #ffff5c;
	}
	.shadowed-Tue:hover {
		-webkit-box-shadow: 0px 0px 10px #ff99ff;
		-moz-box-shadow: 0px 0px 10px #ff99ff;
		box-shadow: 0px 0px 10px #ff99ff;
	}
	.shadowed-Wed:hover {
		-webkit-box-shadow: 0px 0px 10px #ccff99;
		-moz-box-shadow: 0px 0px 10px #ccff99;
		box-shadow: 0px 0px 10px #ccff99;
	}
	.shadowed-Thu:hover {
		-webkit-box-shadow: 0px 0px 10px #ffcc99;
		-moz-box-shadow: 0px 0px 10px #ffcc99;
		box-shadow: 0px 0px 10px #ffcc99;
	}
	.shadowed-Fri:hover {
		-webkit-box-shadow: 0px 0px 10px #99ffff;
		-moz-box-shadow: 0px 0px 10px #99ffff;
		box-shadow: 0px 0px 10px #99ffff;
	}
	.shadowed-Sat:hover {
		-webkit-box-shadow: 0px 0px 10px #9999ff;
		-moz-box-shadow: 0px 0px 10px #9999ff;
		box-shadow: 0px 0px 10px #9999ff;
	}
	.shadowed-Sun:hover {
		-webkit-box-shadow: 0px 0px 10px #ff5252;
		-moz-box-shadow: 0px 0px 10px #ff5252;
		box-shadow: 0px 0px 10px #ff5252;
	}
.bottom-shadowed {
	width: 540px;
	height: 29px;
	background: url('http://static.tumblr.com/axe0xtv/PKulrl7ye/post-shadow.png') 0 0 no-repeat;
	margin-bottom: 20px;
}

/******************
2. HEADER SECTION
******************/
.header {
	background: transparent url('http://static.tumblr.com/axe0xtv/ibXlr5her/banner_top.png') top left no-repeat;
	margin: 0;
	padding: 0;
	height: 250px;
	border-top: dashed 1px #f8f8f8;
}
.elsewhere {
	margin-left: 420px;
	margin-top: 82px;
}
	.elsewhere li.resize input[type="button"] {
		min-width: 24px;
		height: 24px;
		margin: 0 2px 0 1px;
		padding: 0 3px;
		border: solid 1px #a1a1a1;
		background-color: #eee;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		cursor: pointer;
	}
		.elsewhere li.resize input[type="button"]:hover {
			background-color: #ddd;
		}
	.elsewhere ul {
		margin: 0;
		padding: 0;
	}		
	.elsewhere li {
		float: left;
		list-style: none;
		margin: 0 1px 0 1px;
		padding: 0;
	}
	/* ELSEWHERE ROLLOVER BUTTONS */
	span.displaced {
		position: absolute;
		display: none;
	}
		/* FACEBOOK BUTTON */
		a.fb-button {
			display: block;
			width: 24px;
			height: 24px;
			text-decoration: none;
			background: url('http://static.tumblr.com/axe0xtv/eqplq2ndl/facebook.png') 0 0 no-repeat;
		}
		a.fb-button:hover {
			background-position: 0 -24px;
		}
		/* FLICKR BUTTON */
		a.flickr-button {
			display: block;
			width: 24px;
			height: 24px;
			text-decoration: none;
			background: url('http://static.tumblr.com/axe0xtv/wNtlq2j0n/flickr.png') 0 0 no-repeat;
		}
		a.flickr-button:hover {
			background-position: 0 -24px;
		}
		/* MYSPACE BUTTON */
		a.ms-button {
			display: block;
			width: 24px;
			height: 24px;
			text-decoration: none;
			background: url('http://static.tumblr.com/axe0xtv/Lz3lq2nbm/myspace.png') 0 0 no-repeat;
		}
		a.ms-button:hover {
			background-position: 0 -24px;
		}
		/* RSS BUTTON */
		a.rss-button {
			display: block;
			width: 24px;
			height: 24px;
			text-decoration: none;
			background: url('http://static.tumblr.com/axe0xtv/XoYlq2alf/rss.png') 0 0 no-repeat;
		}
		a.rss-button:hover {
			background-position: 0 -24px;
		}
		/* TWITTER BUTTON */
		a.twitter-button {	
			display: block;
			width: 24px;
			height: 24px;
			text-decoration: none;
			background: url('http://static.tumblr.com/axe0xtv/EI9lq2c8m/twitter.png') 0 0 no-repeat;
		}
		a.twitter-button:hover {
			background-position: 0 -24px;
		}
		/* VIMEO BUTTON */
		a.vimeo-button {	
			display: block;
			width: 24px;
			height: 24px;
			text-decoration: none;
			background: url('http://static.tumblr.com/axe0xtv/iCFlqbjsu/vimeo.png') 0 0 no-repeat;
		}
		a.vimeo-button:hover {
			background-position: 0 -24px;
		}
		/* YOUTUBE BUTTON */
		a.youtube-button {	
			display: block;
			width: 24px;
			height: 24px;
			text-decoration: none;
			background: url('http://static.tumblr.com/axe0xtv/SWylqbjuu/youtube.png') 0 0 no-repeat;
		}
		a.youtube-button:hover {
			background-position: 0 -24px;
		}

/*************
3. SIDE MENU
*************/
.sidebar {
	margin-bottom: 20px;
	padding: 10px 0 0 0;
	background: #e6e6e6 url('http://static.tumblr.com/axe0xtv/HmKlqzce9/sidebar_bg.png') top left repeat;
	border-bottom: solid 20px #a1a1a1;
	text-align: center;
}

/* 3.1 First Section of Sidebar */

.title {
	margin: 0;
	padding: 15px 8px 5px 8px;
	font: bold 2.3em/1em Heltivaca;
	border-bottom: solid 1px #a1a1a1;
	text-transform: uppercase;
}
	.title a:hover {
		text-decoration: none;
	}
.description {
	padding: 2px 5px 10px 5px;
	font: 1.3em/1em monospace;
	border-top: solid 1px #f8f8f8
}
.menu-first {
	margin: 55px 0 10px 0;
}
	.menu-first ul {
		margin: 0;
		padding: 0;
		font: 1.5em/1.8em "Lucida Grande";
		text-transform: lowercase;
	}
	.menu-first li {
		margin: 0;
		padding: 0;
		background-color: #ddd;
		list-style: none;
		border-top: solid 1px #f8f8f8;
		border-bottom: solid 1px #a1a1a1;
	}
	.menu-first li a {
		height: 100%;
		width: 100%;
		display: block;
		color: #3d3d3d;
	}
	.menu-first li a:hover {
		background-color: #eee;
		text-decoration: none;
	}
	.menu-first li.search {
		padding: 10px;
		background-color: transparent;
		border: none;
	}
	.menu-first li.search input[type="text"] {
		width: 100%;
		border: dashed 1px #a1a1a1;
		background-color: #e6e6e6;
		font: 1em/1.8em "Lucida Grande";
		color: #1c1c1c;
		text-transform: lowercase;
		text-align: center;
	}
/* 3.2 Second section of Sidebar */
.menu-second {
	margin: 0;
	padding: 0;
}
	.menu-second ul {
		margin: 0;
		padding: 0;
	}
	.menu-second li {
		margin: 0;
		padding: 0;
		background-color: #ddd;
		list-style: none;
		font: 1.5em/1.8em "Lucida Grande";
		text-transform: lowercase;
		border-top: solid 1px #f8f8f8;
		border-bottom: solid 1px #a1a1a1;
	}
		.menu-second li.contributors {
			margin: 10px;
			padding: 4px;
			background-color: #e6e6e6;
			border: dashed 1px #a1a1a1;
			text-align: left;
		}
			.menu-second li.contributors .contributors-wrap {
				background-color: #f7f7f7;
				margin-bottom: 5px;
				padding: 5px;
				float: left;
			}
			.menu-second li.contributors .members-info {
				margin: 5px 0 10px 45px;
				padding: 0;
				font-size: 12px;
				line-height: 13px;
			}
		.menu-second li.follows {
			margin: 10px;
			padding: 4px;
			background-color: #e6e6e6;
			border: dashed 1px #a1a1a1;
		}
			.menu-second li.follows a {
				display: inline;
				background-color: transparent;
			}
			.menu-second li.follows img {
				margin: 0;
				padding: 1px 2px;
			}
		.menu-second li.tweet {
			margin: 10px;
			padding: 8px 4px 4px 4px;
			background-color: #e6e6e6;
			border: dashed 1px #a1a1a1;
			font-size: 1.1em;
			text-align: left;
		}
			.menu-second li.tweet .tweet-content {
				margin: 0 0 5px 0;
				padding: 0 5px;
				background-color: #e6e6e6;
				text-transform: none;
				word-wrap: break-word;
			}
			.menu-second li.tweet .tweet-time {
				margin: 5px 0;
				padding: 0 0 0 20px;
				background: url('http://static.tumblr.com/axe0xtv/5lxlrwvtt/clock.png') top left no-repeat;
				font-size: 10px;
				line-height: 16px;
			}
		.menu-second li.copyright {
			margin: 10px;
			padding: 4px;
			background-color: #e6e6e6;
			border: dashed 1px #a1a1a1;
			font-size: 1.1em;
			text-align: left;
		}
			.menu-second li.copyright a {
				display: inline;
			}
	.menu-second li a {
		height: 100%;
		width: 100%;
		display: block;
		color: #1c1c1c;
	}
	.menu-second li a:hover {
		background-color: #eee;
		text-decoration: none;
	}

/****************
4. POST SECTION
****************/

#post-wrap {
	margin-top: -125px;
	font-size: 1.1em;
	line-height: 1.4em;
}
.search-result {
	margin: 0;
	padding: 40px 0 10px 0;
	background-color: #f8f8f8;
}
.search-info {
	margin: 10px 0 15px 0;
	padding: 5px 15px;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #a1a1a1;
	font: 1.5em monospace;
	word-wrap: break-word;
}
.search-detail {
	padding: 5px;
}
.content {
	margin: 0;
	padding: 50px 0 0 0;
	background-color: #f8f8f8;
	font-size: 1.1em;
	line-height: 1.4em;
}
	.content ul.sign {
		margin: -75px 15px 55px 0;
		padding: 0 0 5px 0;
	}
	.content .sign li {
		float: right;
		list-style: none;
		margin: 0 5px 0 0;
	}
		.content .sign li a {
			text-decoration: none;
		}
	.content .type {
		border: dashed 1px #a1a1a1;
		font-size: 11px;
		line-height: 25px;
	}
	.content .readmore {
		border: dashed 1px #a1a1a1;
		font-size: 12px;
		line-height: 13px;
	}
	.content .detail {
		padding: 10px 20px;
		background-color: #f8f8f8;
	}
	.content .source {
		padding: 15px 10px;
		font-style: italic;
		text-indent: 20px;
	}
	.content .post-caption {
		background-color: #eee;
		padding: 15px;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #a1a1a1;
		word-wrap: break-word;
	}
	.full-width img {
		width: 100% !important;
		border: 0;
	}
	.fixed-width img {
		max-width: 480px !important;
		border: 0;
	}
	/* 4.1 TEXT */
	.content .post {
		padding: 5px 10px 10px 15px;
	}
		.content .post img {
			margin-left: 5px;
			max-width: 480px;
			border: 0;
		}
	/* 4.2 PHOTO & PHOTOSET */
	.img-highres {
		margin: 0;
		padding: 10px 15px;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #a1a1a1;
		word-wrap: break-word;
	}
	.photoset {
		width: 500px;
		margin: 0 auto 0 auto;
	}
	/* 4.3 QUOTE */
	.short, .medium, .long {
		margin: 20px 0 0 0;
		padding: 25px 15px;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #a1a1a1;
		word-wrap: break-word;
	}
	.short {
		font: 2em monospace;
	}
	.medium {
		font: 1.6em monospace;
	}
	.long {
		font: 1.3em monospace;
	}
	
	/* 4.4 LINK */
	.link-url {
		margin: 0;
		padding: 30px 15px;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #a1a1a1;
		font: 2em monospace;
		word-wrap: break-word;
	}
		.link-url a {
			text-decoration: none;
		}
	/* 4.5 CHAT */
	.chat {
		margin: 25px 0 0 0;
		padding: 0;
		word-wrap: break-word;
	}
		.chat ul {
			margin: 0;
			padding: 0;
		}
		.chat li {
			margin: 0;
			padding: 10px 15px;
			list-style: none;
			border-top: solid 1px #f8f8f8;
			border-bottom: solid 1px #a1a1a1;
		}
		.chat li.odd {
			background-color: #ddd;
		}
		.chat li.even {
			background-color: #eee;
		}
	/* 4.6 AUDIO */
	.audio-album {
		margin: 0 auto;
		background: url('http://static.tumblr.com/axe0xtv/kSFlrrplu/audio_bg.png') center center no-repeat;
		min-height: 300px;
	}
	.audio {
		margin: 0;
		padding: 5px 15px;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #a1a1a1;
		text-align: center;
		word-wrap: break-word;
	}
	/* 4.7 VIDEO */
	.video {
		width: 500px;
		margin: 0 auto 0 auto;
	}
	/* 4.8 ANSWER */
	.question {
		margin: 10px 0 15px 0;
		padding: 5px 15px;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #a1a1a1;
		font: 1.3em monospace;
		font-style: italic;
		word-wrap: break-word;
	}		
.metadata {
	margin: 0;
	padding: 5px 15px 5px 15px;
	background-color: #4f4f4f;
	font: 1.1em "Lucida Grande";
	color: #f8f8f8;
	text-transform: lowercase;
}
	.metadata ul {
		margin: 0 0 2px 0;
		padding: 0;	
	}
	.metadata li {
		display: inline;
		list-style: none;
		margin: 0 10px 0 0;
	}
	.metadata li a {
		color: #f8f8f8;
	}
	.metadata li.tagged:before {
		content: "# ";
	}
.metadata-same {
	margin: 0;
	padding: 5px 15px 5px 15px;
	background-color: #696969;
	font: 1.1em "Lucida Grande";
	color: #f8f8f8;
	text-transform: lowercase;
	cursor: pointer;
}
	.metadata-same ul {
		margin: 0 0 2px 0;
		padding: 0;	
	}
	.metadata-same li {
		display: inline;
		list-style: none;
		margin: 0 10px 0 0;
	}
	.metadata-same li a {
		color: #f8f8f8;
	}
	.metadata-same li.tagged:before {
		content: "# ";
	}
.share-this {
	margin: -20px 0 0 0;
	padding: 5px 15px 5px 15px;
	background: #f8f8f8 url('http://static.tumblr.com/axe0xtv/Vghlry3xi/addthis.png') right center no-repeat;
	line-height: 1.6em;
}
.discussion {
	background-color: #e6e6e6;
	padding: 10px;
}
.pagination {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0;
}
	.pagination ul {
		margin: 0;
		padding: 0;
	}
	.pagination li {
		height: auto;
		margin: 0 10px 0 0;
		float: left;
		list-style: none;
		display: block;
		padding: 10px;
		background-color: #ddd;
		font-size: 1.4em;
		text-align: center;
		border-bottom: solid 20px #a1a1a1;
	}
	.pagination li a {
		text-decoration: none;
	}
	.pagination li:last-child {
		margin: 0;
	}
	.pagination .special {
		width: 65px;
	}
		.pagination .special a {
			color: #3d3d3d;
		}
	.pagination .current {
		font-weight: bold;
	}
#notes-area {
	font-size: 1.2em;
}
#disqus {
	padding: 5px;
	border: dashed 1px #a1a1a1;
	font-size: 1.3em;
}

/******************
5. FOOTER SECTION
******************/

.footer {
	background: url('http://static.tumblr.com/axe0xtv/knslr6lf4/banner_bottom.png') bottom right no-repeat;
	min-height: 100px;
	padding-top: 40px;
	padding-bottom: 25px;
}
.flickr {
	margin: 0 182px 0 58px;
	padding: 10px;
	border: dashed 1px #a1a1a1;
	border-left: solid 10px #a1a1a1;
	border-right: solid 10px #a1a1a1;
}
	.flickr img {
		width: 100px;
		height: 100px;
		padding: 5px;
	}
.scroll-up {
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
}
	.scroll-up input[type="button"] {
		min-width: 24px;
		height: 24px;
		margin: 0 2px 0 1px;
		padding: 0 3px;
		border: solid 1px #a1a1a1;
		background-color: #eee;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		cursor: pointer;
	}
		.scroll-up input[type="button"]:hover {
			background-color: #ddd;
		}