/* Swatch 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
--------------------------------------------------- ***/
#page, .container {
	margin: 0 auto;
	width: 934px;
	overflow: hidden;
	position: relative;
}

.entry { overflow: hidden; }

.column {
	width: 166px;
	float: left;
}

.post, #notes, #disqus {
	margin: 0 0 30px 0; padding: 20px;
	width: 700px;
	float: right;
}

/* Typography
--------------------------------------------------- ***/
h1,h2,h3,h4 { font-family: 'Droid Serif', serif; }
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 17px; }
h4,h5 { font-size: 14px; }

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

.dark a:hover { color: #fff; }
.light a:hover { color: #363d3f; }

.corner {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

h2.results { margin: 0 0 25px 192px; }

/* Header
--------------------------------------------------- ***/
#header {
	padding: 35px 0 30px 0;
	position: relative;
}

.dark #header { background: url(http://static.tumblr.com/wassjkj/zrhlqpi59/bg-header-dark.png); }
.light #header { background: url(http://static.tumblr.com/wassjkj/svxlqpi5m/bg-header-light.png); }

#header #nav {
	position: absolute;
	bottom: 0; left: 192px;
}

#header #nav a {
	margin: 0 15px 0 0;
	width: 27px; height: 27px;
	display: block;
	float: left;
	cursor: pointer;
}

.dark #header #nav a { background-color: #363d3f !important; }
.light #header #nav a { background-color: #fff !important; background-position: 0 -27px !important; }
.light #header #nav a:hover { background-position: 0 0 !important; }

#header #nav a.rss { background: url(http://static.tumblr.com/wassjkj/kHZlqpigm/icon-rss.png) no-repeat; }
#header #nav a.archive { background: url(http://static.tumblr.com/wassjkj/KRFlqpibi/icon-archive.png) no-repeat; }
#header #nav a.ask { background: url(http://static.tumblr.com/wassjkj/G0Flqpic4/icon-ask.png) no-repeat; }
#header #nav a.search { background: url(http://static.tumblr.com/wassjkj/RDUlqpigz/icon-search.png) no-repeat; }

#header #nav a.search {
	margin: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#header #nav a.search.active {
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.light #header #nav a.search.active { background-position: 0 0 !important; }

.search-box {
	float: left;
	width: 170px;
	overflow: hidden;
}

.search-box form {
	float: left;
	display: none;
}

.search-box form input {
	color: #363d3f;
	font-size: 13px;
	padding: 0 0 0 6px;
	width: 130px; height: 27px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.20);
	box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.20);
}

#header #title {
	text-align: right;
	float: right;
	width: 430px;
}

#header #title h1 { margin: 0 0 6px 0; }
#header #title h4 { font-style: italic; }
.dark #header #title h4 { color: #fff; }
.light #header #title h4 { color: #676e70; }

/* Posts
--------------------------------------------------- ***/
#page { padding: 30px 0; }

/* Date */
.column a.date, .column .share a {
	font-weight: bold;
	padding: 1px 10px 2px 10px;
	display: block;
	float: right;
	cursor: pointer;
	-webkit-border-radius: 3px;s
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a.date { text-transform: uppercase; }

.dark .column a.date, .dark .column .share a { color: #fff; background-color: #222729; }
.dark .column .date .month { color: #fff; }
.dark .column .date .day { color: #9a9fa1; }
.dark .column .date .year { color: #5d6669; }

.light .column a.date, .light .column .share a { color: #363d3f; background-color: #fff; }
.light .column .date .month { color: #363d3f; }
.light .column .date .day { color: #7b8487; }
.light .column .date .year { color: #acb5b8; }

/* Share */
.column .share {
	margin: 13px 0 0 0;
	position: relative;
}

.column .share a:hover, .share a.active, .column a.date:hover span { color: #fff !important; }

.column .share .expand {
	padding: 17px 0 0 15px;
	width: 186px; height: 79px;
	display: none;
	position: absolute;
	top: 27px; left: 34px;
	z-index: 9999;
}

.dark .column .share .expand { background: url(http://static.tumblr.com/wassjkj/5d3lr477x/bg-share-dark.png) no-repeat; }
.light .column .share .expand { background: url(http://static.tumblr.com/wassjkj/2Bylr4786/bg-share-light.png) no-repeat; }

.column .share .expand input {
	font-size: 11px;
	text-align: center;
	letter-spacing: -0.5px;
	margin: 0 0 19px 5px;
	width: 160px;
}

.dark .column .share .expand input { color: #fff; background-color: #434b4d; }
.light .column .share .expand input { color: #363d3f; background-color: #f0f0f0; }

.column .share .expand .twitter-share-button { margin: 0 6px 0 4px; float: left; }
.column .share .expand .fb-like-button { float: left; }

/* Post */
.dark .post, .dark #notes, .dark #disqus {
	border: 1px solid #3d4446;
	background-color: #363d3f;
	-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
}

.light .post, .light #notes, .light #disqus { background-color: #fff; }

.post h2 {
	font-style: italic;
	margin: 0 0 9px 0;
}

.post p, .post ul, .post ol { margin-bottom: 22px; }
.post ul { margin-left: 12px; }
.post ol { margin-left: 32px; }
.post ul li { padding: 0 0 0 20px; }
.post ol li { list-style-type: decimal; }

.dark .post ul li { background: url(http://static.tumblr.com/wassjkj/5CYlqpid6/icon-bullet-dark.png) no-repeat 0 7px; }
.dark .post.text img, .dark .post.photo .frame img, .dark .post.audio .album, .dark .post.video .videocontainer { border: 5px solid #414b4d; }
.dark .post.text blockquote { background: url(http://static.tumblr.com/wassjkj/RQylqpicg/icon-blockquote-dark.png) no-repeat 0 5px; }
.dark .post.quote blockquote { background: url(http://static.tumblr.com/wassjkj/u90lqpifo/icon-quote-dark.png) no-repeat 0 7px; }
.dark .post.quote p { color: #a2abae; }

.light .post ul li { background: url(http://static.tumblr.com/wassjkj/1Q6lqpidl/icon-bullet-light.png) no-repeat 0 7px; }
.light .post.text img, .light .post.photo .frame img, .light .post.audio .album, .light .post.video .videocontainer { border: 5px solid #eeeded; }
.light .post.text blockquote { background: url(http://static.tumblr.com/wassjkj/cYUlqpicu/icon-blockquote-light.png) no-repeat 0 5px; }
.light .post.quote blockquote { background: url(http://static.tumblr.com/wassjkj/qwylqpig9/icon-quote-light.png) no-repeat 0 7px; }
.light .post.quote p { color: #a2abae; }

.post.text img, .post .frame img, .post #slides img {
	max-width: 690px;
	margin: 0 auto;
	display: block;
}

/* Text */
.post.text blockquote {
	font-family: 'Droid Serif', serif;
	margin: 0 0 0 12px; padding: 0 0 0 30px;
}

.post .lowres { display: none; }

/* Photo */
.post.photo .frame { margin: 0 0 22px 0; }

/* Photoset */
iframe.photoset {
	margin: 0;
	display: block;
}

.default-set {
	margin: 0 auto 22px auto; padding: 5px;
	width: 500px;
}

.dark .default-set, .dark .photoset { background-color: #000; border: 5px solid #414b4d; }
.light .default-set, .light .photoset { background-color: #000; border: 5px solid #eeeded; }

.photoset {
	margin: 0 0 22px 0;
	display: none;
	position: relative;
	text-align: center;
}

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

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

.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: 43%;
	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 */
.post.quote blockquote {
	font: bold italic 16px/26px 'Droid Serif', serif;
	margin: 0; padding: 0 0 0 55px;
}

.post.quote p { margin: 13px 0 25px 35px; }

/* Chat */
.chatstream p { margin: 0 0 15px 0; padding: 0 0 15px 0; }

.dark .chatstream p { border-bottom: 1px solid #272e30; }
.dark .chatstream p strong { color: #888; }
.light .chatstream p { border-bottom: 1px solid #e9eaea; }
.light .chatstream p strong { color: #bfbfbf; }

.chatstream p strong {
	font-size: 12px;
	text-transform: uppercase;
	display: block;
}

/* Audio */
.post.audio .body { overflow: hidden; }
.post.audio h2 { margin: 10px 0 5px 0; }
.post.audio p { margin: 0 0 10px 0; }

.post.audio .album {
	float: left;
	position: relative;
}

.post.audio .album img {
	width: 125px; height: 125px;
	display: block;
}

.post.audio .album .overlay {
	width: 125px; height: 125px;
	display: block;
	position: absolute;
	top: 0; left: 0;
	background: url(http://static.tumblr.com/wassjkj/6kalqpi4r/bg-gloss.png) no-repeat;
}

.post.audio .player {
	width: 45px; height: 45px;
	display: block;
	position: absolute;
	left: 70px; bottom: 10px;
	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 .albummeta {
	margin: 0 0 22px 0;
	width: 545px;
	float: right;
}

.dark .post.audio .albummeta p span { color: #545a5c; }
.light .post.audio .albummeta p span { color: #dde1e3; }
.post.audio .albummeta p span { font-weight: bold; }

.post.audio .audio-embed { margin: 0 0 22px 0; }

.post.audio .audio-embed iframe {
	margin: 0 auto;
	width: 690px;
	display: block;
}

/* Video */
.post.video .videocontainer { margin: 0 0 22px 0; }

.post.video .videocontainer iframe,
.post.video .videocontainer embed {
	width: 690px; height: 420px;
	display: block;
}

/* Shared */
.post.photo blockquote, .post.link blockquote, .post.audio blockquote, .post.video blockquote { margin: 0 0 0 14px; padding: 0 0 0 14px; }
.dark .post.photo blockquote, .post.link blockquote, .post.audio blockquote, .post.video blockquote { border-left: 2px solid #414b4d; }
.light .post.photo blockquote, .post.link blockquote, .post.audio blockquote, .post.video blockquote { border-left: 2px solid #acb5b8; }

/* Notes
--------------------------------------------------- ***/
#notes h2 { padding: 0 0 10px 0; }
.dark #notes h2 { border-bottom: 2px solid #414b4d; }
.light #notes h2 { border-bottom: 2px solid #eeeded; }

#notes .notes li { padding: 12px 0; }
.dark #notes .notes li { border-bottom: 1px solid #414b4d; }
.light #notes .notes li { border-bottom: 1px solid #eeeded; }

#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; }

#disqus_thread { margin: 20px 0 0 0 !important; }
#dsq-content h3 { margin: 0 0 25px 0; padding: 10px 0 0 0; }
#dsq-content #dsq-comments { margin: 25px 0 0 0 !important; }
#dsq-content .dsq-pagination { padding: 5px 0 0 0 !important; }

/* Meta
--------------------------------------------------- ***/
.post .meta {
	padding: 0 0 5px 0;
	overflow: hidden;
}

.post .meta a { font-weight: bold;  }
.post .meta .tags { float: left; }

.post .meta .bookmarks {
	text-transform: lowercase;
	text-align: right;
	float: right;
	width: 350px;
}

/* Pagination
--------------------------------------------------- ***/
.pagination {
	margin: 0 0 20px 192px;
	width: 742px; height: 27px;
	position: relative;
}

.pagination .pages {
	text-align: center;
	padding: 2px 0 0 0;
}

.dark .pagination .pages { background: url(http://static.tumblr.com/wassjkj/yjllr5vfm/bg-pagi-dark.png) no-repeat 0 14px; }
.dark .pagination.postpagi { background: url(http://static.tumblr.com/wassjkj/KoNlqpi71/bg-pagi-post-dark.png) no-repeat 0 14px; }

.light .pagination .pages { background: url(http://static.tumblr.com/wassjkj/22Nlr5uww/bg-pagi-light.png) no-repeat 0 14px; }
.light .pagination.postpagi { background: url(http://static.tumblr.com/wassjkj/t3zlqpi7c/bg-pagi-post-light.png) no-repeat 0 14px; }

.prev, .next, .active a {
	font-weight: bold;
	text-transform: uppercase;
	height: 25px;
	display: block;
	position: absolute;
	top: 0;
	-webkit-border-radius: 3px;s
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.prev.active, .next.active { background: none !important; }

.prev.active a, .prev {
	padding: 2px 0 0 26px;
	width: 44px;
	left: 0;
	background: url(http://static.tumblr.com/wassjkj/MMglqvdrq/btn-prev.png) no-repeat;
}

.next.active a, .next {
	padding: 2px 0 0 11px;
	width: 59px;
	right: 0;
	background: url(http://static.tumblr.com/wassjkj/BOtlqvds7/btn-next.png) no-repeat;
}

/* Likes
--------------------------------------------------- ***/
#likes-block { padding: 25px 0 0 0; }
#likes-block .group h5 { float: left; font-weight: bold; }
.dark #likes-block .group h5 { color: #fff; }
.light #likes-block .group h5 { color: #363d3f; }
#likes-block .group .see-all { font-weight: bold; float: right; }

#likes-row {
	padding: 17px 0 30px 0;
	overflow: hidden;
}

.dark #likes-row { border-bottom: 1px solid #4a5153; }
.light #likes-row { border-bottom: 1px solid #dddfdf; }

.like_post {
	font-size: 12px; line-height: 18px;
	margin: 0 26px 0 0;
	width: 166px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.like_text_post {
	padding: 10px 13px;
	width: 140px !important;
}

.like_text_post .like_title { margin: 0 0 8px 0; font-weight: bold; }

.like_text_post img {
	width: 140px !important;
	margin: 0 0 10px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.like_text_post .post_info_bottom { padding: 10px 0 20px 0 !important; }

.like_audio { padding: 13px 13px 0 13px; }

.like_audio embed {
	width: 140px !important;
	display: block;
}

.dark .like_post { color: #b2b2b2; background-color: #272e30; }
.light .like_post { color: #696e70; background-color: #ededed; }

.like_post.last { margin: 0; }

.like_post img {
	width: 166px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.like_post .like_link, .like_post .like_caption, .like_post .like_post_body, .like_post .like_quote, .like_post .post_info_bottom { margin: 0 !important; }
.like_post .like_caption, .like_post .like_post_body, .like_post .post_info_bottom { padding: 10px 13px; }
.like_post .like_link { padding: 15px 13px 0 13px; font-weight: bold; }
.like_post div.like_quote { padding: 15px 13px 10px 13px; }
.like_post .post_info_bottom { padding: 10px 13px 20px 13px; display: block !important; }
.like_post .post_info_bottom a { font-weight: bold; }

/* Footer
--------------------------------------------------- ***/
#footer { font-size: 13px; }
.dark #footer { color: #b2b2b2; border-top: 1px solid #3d4446; }
.light #footer { color: #696e70; }

#info {
	padding: 25px 0 30px 0;
	overflow: hidden;
}

#info h5 {
	font-size: 14px; font-weight: bold;
	margin: 0 0 5px 0;
}

.dark #info h5, .dark #info h5 a { color: #fff; }
.light #info h5, .light #info h5 a { color: #363d3f; }

#pages {
	margin: 0 26px 0 0; padding: 0 0 0 2px;
	width: 164px;
}

#pages ul li { font-size: 13px; }
.dark #pages a { color: #b2b2b2; }
.light #pages a { color: #696e70; }
#pages a.active { font-weight: bold; }

#twitter { width: 358px; }
.tweet span { display: block; }
#about { width: 716px; }
#about.one_col { width: 358px; }
#pages, #about { float: left; }
#social { padding: 18px 0 0 0; }

#social a {
	margin: 0 10px 0 0;
	width: 20px; height: 20px;
	display: block;
	float: left;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.dark #social a { background-color: #1f2426 !important; }
.light #social a { background-color: #acb5b8 !important; background-position: 0 -20px !important; }

#social a.facebook { background: url(http://static.tumblr.com/wassjkj/bwDlqpieh/icon-facebook.png) no-repeat; }
#social a.twitter { background: url(http://static.tumblr.com/wassjkj/5dLlqpifg/icon-twitter.png) no-repeat; }
#social a.flickr { background: url(http://static.tumblr.com/wassjkj/WwClqpiet/icon-flickr.png) no-repeat; }
#social a.dribbble { background: url(http://static.tumblr.com/wassjkj/4Yelqpie0/icon-dribbble.png) no-repeat; }
#social a.gowalla { background: url(http://static.tumblr.com/wassjkj/wcIlqpif3/icon-gowalla.png) no-repeat; }

#twitter { float: right; }

#credits {
	text-align: center;
	padding: 35px 0;
}

#credits a { font-weight: bold; }

.dark #credits { border-top: 1px solid #4a5153; }
.light #credits { border-top: 1px solid #dddfdf; }

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

#ask-box {
	padding: 30px 20px 20px 20px;
	width: 434px;
	overflow: hidden;
}

.dark #ask-box {
	border: 1px solid #3d4446;
	background-color: #363d3f;
	-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
}

.light #ask-box { background-color: #fff; }

#ask-box h3 {
	color: #363d3f;
	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;
}

.dark .portrait span { background: url(http://static.tumblr.com/wassjkj/Tyylr4ble/bg_portrait_dark.png) no-repeat; }
.light .portrait span { background: url(http://static.tumblr.com/wassjkj/iidln3y9i/bg_portrait.png) no-repeat; }

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

/* Globals
--------------------------------------------------- ***/
.group { overflow: hidden; }
#header #nav a span { display: none; }

input {
	-webkit-appearance:none;
	outline: none;
}

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

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