/* Circularity Theme - 45royale */

@import url('http://static.tumblr.com/wassjkj/D2bln3y09/reset.css');
@import url('http://static.tumblr.com/wassjkj/gFBlpu33u/jquery.fancybox.min.css');

/* Structure
--------------------------------------------------- ***/
body {
	color: #7f7f7b;
	font: normal 14px/23px 'Varela',Arial,serif;
}

.page, .container {
	margin: 0 auto;
	width: 1006px;
	position: relative;
}

#content {
	margin: 0 0 0 252px;
	width: 502px;
}

#content.floated {
	margin: 0 0 0 30px;
	float: left;
}

.column { width: 222px; }
#footer .column { width: 229px; }

/* Typography
--------------------------------------------------- ***/
h1 { font-size: 26px }
h2 { font-size: 24px; }
h2 a { color: #4d4d49; }
h3 { font-size: 20px; }
h4 { font-size: 15px; }

.dark { color: #4d4d49; }

a {
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}

a:hover { color: #4d4d49; }

h2.results {
	color: #4d4d49;
	margin: 28px 0 0 0;
}

/* Header
--------------------------------------------------- ***/
#header {
	padding: 39px 0 24px 0;
	border-bottom: 1px solid #d8d8d8;
	background-color: #fff;
}

#header #title { float: left; }
#header #title h3 { font-size: 15px; }
#header h1 a { color: #4d4d49; }

#header #nav {
	padding: 28px 0 0 0;
	float: right;
}

#header #nav a {
	display: block;
	float: right;
	background-repeat: no-repeat;
}

#header #nav a.rss {
	margin: 2px 20px 0 0;
	width: 24px; height: 24px;
	background-image: url(http://static.tumblr.com/wassjkj/eRNlpoqh7/icon_rss.png);
}

#header #nav a.archive {
	margin: 3px 20px 0 0;
	width: 24px; height: 23px;
	background-image: url(http://static.tumblr.com/wassjkj/aVdlpoqfh/icon_archive.png);
}

#header #nav a.random {
	margin: 4px 30px 0 0;
	width: 26px; height: 20px;
	background-image: url(http://static.tumblr.com/wassjkj/Vs0lpoqgt/icon_random.png);
}

#header #nav a:hover { background-color: #4d4d49; }

#header #searchform {
	height: 28px;
	display: block;
	float: right;
}

#header #searchform input#q {
	color: #bdbdbc;
	font: normal 13px 'Varela',Arial,serif;
	padding: 5px 10px 6px 30px;
	width: 182px;
	outline: none;
	background: url(http://static.tumblr.com/wassjkj/XW1lpoqdq/bg_search.png) no-repeat;
}

/* Posts
--------------------------------------------------- ***/
.post { margin: 30px 0 0 0; }
.post .body { padding: 20px; }
.post.answer .body { padding: 3px; }

/* Text
--------------------------------------------------- ***/
.post .body h2 { padding: 0 0 6px 0; }
.post.text .body p { margin: 0 0 23px 0; }
.post .body ul { list-style-type: disc; margin: 0 0 23px 15px; }
.post .body ol { list-style-type: decimal; margin: 0 0 23px 20px; }

.post .body blockquote {
	margin: 15px 0; padding: 0 0 0 20px;
	border-left: 5px solid #4d4d49;
}

/* Photo / Photoset
--------------------------------------------------- ***/
.post .frame img, .post .frame iframe { width: 500px !important; }

.post .frame img.first, .post .frame iframe {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

iframe.photoset {
	margin: 0;
	display: block;
}

.dark .default-set, .dark .photoset { background-color: #414b4d; }
.light .default-set, .light .photoset { background-color: #eeeded; }

.photoset {
	display: none;
	position: relative;
	text-align: center;
}

.photo-block {
	text-align: center;
	width: 500px;
	display: block;
}

.photo-block img {
	margin: 0 auto;
	display: block;
	max-width: 500px;
}

.post.photo .photoset .frame { margin: 0; }

a.set-prev, a.set-next {
	display: none;
	cursor: pointer;
	position: absolute;
	z-index: 1000;
	width: 57px; height: 67px;
	top: 38%;
	z-index: 900;
}

.photoset a.set-prev { left: 0; }
.photoset a.set-next { right: 0; }

a.set-prev { background: url(http://static.tumblr.com/wassjkj/qvClszf3q/btn-prev.png) no-repeat; }
a.set-next { background: url(http://static.tumblr.com/wassjkj/GKBlszf3a/btn-next.png) no-repeat; }

.photoset span.count {
	color: #fff;
	font-size: 12px; font-weight: bold;
	text-align: center;
	padding: 5px 0 0;
	width: 92px; height: 27px;
	display: none;
	position: absolute;
	left: 43%; bottom: 25px;
	z-index: 1100;
	background: url("http://static.tumblr.com/lbg8i7h/a8Ulhuvpe/bg_pscount.png") no-repeat;
}

/* Quote / Link
--------------------------------------------------- ***/
.post.quote blockquote {
	color: #4d4d49;
	font: italic 24px/32px 'Droid Serif', serif;
	margin: 0 !important; padding: 4px 0 10px 0;
	border: none;
}

.post.quote p, .post.link p { margin: 0; }

/* Chat
--------------------------------------------------- ***/
.post.chat .chatstream { padding: 3px 0 0 0; }

.post.chat p {
	margin: 10px 0 0 0; padding: 0 0 10px 0;
	border-bottom: 1px solid #eaeae8;
}

.post.chat p.last {
	padding: 0;
	border-bottom: none;
}

.post.chat strong {
	color: #4d4d49;
	font-weight: normal;
}

/* Audio
--------------------------------------------------- ***/
.post.audio .album {
	margin: 10px 0 0 20px;
	width: 132px; height: 117px;
	float: left;
	position: relative;
}

.post.audio .cover {
	width: 132px; height: 117px;
	background: url(http://static.tumblr.com/wassjkj/5aslpp62n/bg_album.png) no-repeat;
}

.post.audio .album img { width: 117px; height: 117px; }

.post.audio .overlay {
	width: 117px;
	display: block;
	position: absolute;
	top: 0; left: 0;
}

.post.audio .cover .overlay { height: 117px; background: url(http://static.tumblr.com/wassjkj/1Jvlpp6d6/bg_overlay.png) no-repeat; }
.post.audio .reflection .overlay { height: 25px; background: url(http://static.tumblr.com/wassjkj/sLslpp62b/bg_reflection.png) no-repeat; }

.post.audio .player {
	width: 45px; height: 45px;
	display: block;
	position: absolute;
	left: 58px; bottom: 35px;
	background: url(http://static.tumblr.com/u0gywlo/YLTlexcog/bg_audio_circle.png) no-repeat;
}

.post.audio .audio_player {
	width: 26px; height: 26px;
	margin: 9px;
	overflow: hidden;
}

.post.audio .reflection {
	height: 25px;
	overflow: hidden;
	position: relative;
}

.post.audio .reflection img {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}

.post.audio .albummeta {
	padding: 14px 10px 0 0;
	width: 248px;
	float: right;
}

/* Video
--------------------------------------------------- ***/
.videocontainer object, .videocontainer embed, .videocontainer iframe {
	width: 500px !important;
	display: block;
}

/* Answer
--------------------------------------------------- ***/
.post.answer .askedby {
	padding: 17px;
	overflow: hidden;
}

.post.answer .askedby .ask-user {
	margin: 10px 0 0 0;
	display: block;
	float: left;
}

.asker-img {
	margin: 2px 15px 0 0;
	float: left;
	position: relative;
}

.asker-img, .asker-img span, .asker-img img { width: 40px; height: 40px; }

.asker-img span {
	display: block;
	position: absolute;
	top: 0; left: 0;
	background: url(http://static.tumblr.com/wassjkj/4iulsi2v5/bg_asker.png) no-repeat;
}

.post.answer .question-body {
	padding: 27px 17px 14px 17px;
	background: #f1f1f1 url(http://static.tumblr.com/wassjkj/9hwlsi2vp/bg_question.png) no-repeat;
}

.post.answer .answer-body { padding: 17px 17px 10px 17px; }

/* Meta
--------------------------------------------------- ***/
.post .meta {
	padding: 10px 20px 17px 20px;
	border-bottom: 1px solid #d9d9d7;
	overflow: hidden;
}

.post .meta, .post .meta a { color: #a3a3a0; }

.post .meta .date {
	padding: 0 0 0 24px;
	float: left;
	background: url(http://static.tumblr.com/wassjkj/Pe4ls96m3/icon_date.png) no-repeat 0 4px;
}

.post .meta .bookmarks {
	text-align: right;
	width: 290px;
	float: right
}

.post .meta span.comments { text-transform: lowercase; }

.post .base {
	margin: 0 3px 3px 3px; padding: 12px 17px 10px 17px;
	overflow: hidden;
	background-color: #f1f1f1;
}

.post .tags {
	padding: 0 0 5px 0;
	overflow: hidden;
}

.post .tags span, .post .tags a { margin: 0 5px 0 0; float: left; }

.post .tags span.dark {
	font-size: 13px;
	text-transform: uppercase;
	margin: 0 5px 0 0;
}

.post .tags a {
	color: #787878;
	font-size: 13px;
}

.post .share {
	padding: 5px 0 0 0;
	overflow: hidden;
}

.post .share .twitter-share-button, .post .share .fb-share-button, .post .share .plus_share_button { float: left; }
.post .share .fb-share-button { margin: 0 0 0 10px; }
.post .share .plus_share_button { width: 70px; }

/* Permalink
--------------------------------------------------- ***/
#disqus { margin: 40px 0; }
#disqus h3 { padding: 10px 0; }

#notes { margin: 26px 0 0 0; }

#notes h4 {
	color: #4d4d4d;
	padding: 0 0 16px 0;
	border-bottom: 1px dotted #d7d7d7;
}

#notes .notes li {
	padding: 12px 0;
	border-bottom: 1px dotted #d7d7d7;
}

#notes .notes li img {
	width: 24px; height: 24px;
	float: left;
}

#notes .notes li .action {
	margin: 0 0 0 11px; padding: 2px 0 0 0;
	float: left;
}

#notes .notes li .action a { text-decoration: underline; }

/* Pagination
--------------------------------------------------- ***/
#pagination {
	margin: 40px auto 30px auto;
	width: 260px;
	overflow: hidden;
}

.prev, .next, .active a {
	width: 42px; height: 24px;
	display: block;
}

.prev.active a, .prev { float: left; background: url(http://static.tumblr.com/wassjkj/jZ9lpsrw5/btn_prev.png) no-repeat; }
.next.active a, .next { float: right; background: url(http://static.tumblr.com/wassjkj/o9alpsrvh/btn_next.png) no-repeat; }
.prev.active a, .next.active a { background-position: 0 -24px; }
.prev.active a:hover, .next.active a:hover { background-position: 0 -48px; }

#pagination .pages {
	text-align: center;
	margin: -4px 0 0 0;
	width: 175px;
	float: left;
}

/* Sidebar
--------------------------------------------------- ***/
.sidebar {
	font-size: 13px;
	line-height: 21px;
	position: absolute;
	top: 0;
}

.sidebar.floated {
	margin: 30px 0 0 0;
	position: static;
}

.sidebar.left.floated { float: left; }
.sidebar.right.floated { float: right; }

.sidebar.left { left: 0; }
.sidebar.right { right: 0; }

.sidebar a:hover { color: #4d4d49; }

.sidebar h4, .sidebar h4 a {
	color: #4d4d49;
	text-transform: uppercase;
	margin: 0 0 9px 0;
}

/* About Sidebar
--------------------------------------------------- ***/
.sidebar .about { margin: 0 0 40px 0; }
.sidebar .connect { padding: 0 0 34px 0; }

.sidebar .connect a {
	margin: 0 8px 10px 0;
	width: 31px; height: 31px;
	display: block;
	position: relative;
	float: left;
}

.sidebar .connect a.delicious { background: url(http://static.tumblr.com/wassjkj/kkrls9611/icon_delicious.png) no-repeat; }
.sidebar .connect a.digg { background: url(http://static.tumblr.com/wassjkj/Curls9635/icon_digg.png) no-repeat; }
.sidebar .connect a.dribbble { background: url(http://static.tumblr.com/wassjkj/dgUlpzntz/icon_dribbble.png) no-repeat; }
.sidebar .connect a.facebook { background: url(http://static.tumblr.com/wassjkj/1lPlpznto/icon_facebook.png) no-repeat; }
.sidebar .connect a.flickr { background: url(http://static.tumblr.com/wassjkj/GuRlpznt2/icon_flickr.png) no-repeat; }
.sidebar .connect a.forrst { background: url(http://static.tumblr.com/wassjkj/q6jls963z/icon_forrest.png) no-repeat; }
.sidebar .connect a.foursquare { background: url(http://static.tumblr.com/wassjkj/1R5lpzns1/icon_foursquare.png) no-repeat; }
.sidebar .connect a.gowalla { background: url(http://static.tumblr.com/wassjkj/nU1lpznte/icon_gowalla.png) no-repeat; }
.sidebar .connect a.lastfm { background: url(http://static.tumblr.com/wassjkj/XNIls964q/icon_lastfm.png) no-repeat; }
.sidebar .connect a.linkedin { background: url(http://static.tumblr.com/wassjkj/NiIls965k/icon_linkedin.png) no-repeat; }
.sidebar .connect a.rdio { background: url(http://static.tumblr.com/wassjkj/qzTlpznss/icon_rdio.png) no-repeat; }
.sidebar .connect a.skype { background: url(http://static.tumblr.com/wassjkj/GwUls9662/icon_skype.png) no-repeat; }
.sidebar .connect a.twitter { background: url(http://static.tumblr.com/wassjkj/SPalpznsi/icon_twitter.png) no-repeat; }
.sidebar .connect a.vimeo { background: url(http://static.tumblr.com/wassjkj/Mrhls966y/icon_vimeo.png) no-repeat; }
.sidebar .connect a.youtube { background: url(http://static.tumblr.com/wassjkj/Vtsls967a/icon_youtube.png) no-repeat; }

.sidebar .connect a:hover { height: 31px; background-position: 0 -31px; }

.sidebar .connect a span.bubble {
	color: #fff;
	font-size: 14px; line-height: 1;
	text-align: center;
	padding: 0 0 15px 0;
	display: none;
	position: absolute;
	top: -42px; left: 14px;
	background: url(http://static.tumblr.com/wassjkj/M66lpssi9/bg_bubble_tip.png) no-repeat bottom center;
}

.sidebar .connect a span.bubble span {
	padding: 4px 4px 1px 4px;
	width: 92px;
	display: block;
	background: url(http://static.tumblr.com/wassjkj/qm5lpssik/bg_bubble.png);
}

.sidebar .connect a:hover span.bubble { display: block; }
.sidebar #twitter #tweets { font: italic 13px/22px 'Droid Serif', serif; }
.sidebar #twitter #tweets p { margin: 0 0 15px 0; }
.sidebar #twitter #tweets p span { display: block; }

/* Likes Sidebar
--------------------------------------------------- ***/
#likes-block { margin: 0 0 14px 0; padding: 19px 19px 27px 19px; }

.like_title {
	color: #4d4d49;
	font-size: 18px;
	margin: 0 0 6px 0;
}

li.like_post {
	width: 182px;
	border-bottom: 1px solid #d9d9d7;
	margin: 0 0 15px 0; padding: 0 0 12px 0;
}

li.like_post.last {
	margin: 0; padding: 0;
	border: none;
}

li.like_post img {
	margin: 0 0 13px 0;
	max-width: 100%;
}

li.like_post .post_info_bottom {
	margin: 10px 0 0 0;
	display: block !important;
}

.sidebar.right .see-more {
	font-size: 15px;
	margin: 0 0 0 20px; padding: 0 15px 0 0;
	background: url(http://static.tumblr.com/wassjkj/It7lq52nn/icon_arrow.png) no-repeat right 8px;
}

.sidebar.right .see-more:hover { background-position: right -29px; }

/* Profile
--------------------------------------------------- ***/
#hide { display: none; }

#profile-box, #ask-box {
	width: 434px;
	overflow: hidden;
	background-color: #fff;
}

#profile-box { padding: 30px 20px; }
#ask-box { padding: 30px 20px 20px 20px; }

#profile-box h3, #ask-box h3 {
	color: #4d4d49;
	margin: 0 0 10px 0;
}

.portrait {
	margin: 2px 30px 0 0;
	float: left;
	position: relative;
}

.portrait, .portrait span, .portrait img { width: 80px; height: 80px; }

.portrait span {
	display: block;
	position: absolute;
	top: 0; left: 0;
	background: url(http://static.tumblr.com/wassjkj/iidln3y9i/bg_portrait.png) no-repeat;
}

#profile-box #about, #ask-box .group {
	float: right;
	width: 320px;
}

/* Footer
--------------------------------------------------- ***/
#footer {
	font-size: 13px;
	margin: 30px 0 0 0; padding: 25px 0 45px 0;
	border-top: 1px solid #d8d8d8;
	background-color: #fff;
}

#footer .column {
	margin: 0 30px 0 0;
	float: left;
}

#footer .column.links ul {
	padding: ;
	overflow: hidden;
}

#footer .column.links li a {
	width: 111px;
	float: left;
	cursor: pointer;
}

#footer h4 {
	text-transform: uppercase;
	padding: 0 0 4px 0;
}

#footer a:hover { color: #4d4d49; }

/* Globals
--------------------------------------------------- ***/
a span, .prev span, .next span { display: none; }
.last { margin-right: 0 !important; }

.corner {
	border: 1px solid #d9d9d7;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1), inset 0 0 0 3px #f9f9f9;;
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1), inset 0 0 0 3px #f9f9f9;;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1), inset 0 0 0 3px #f9f9f9;;
}

.border {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.clear {
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}