/*
 * PONGSOCKET
 * Pongsocket post-specific CSS for "The best songs & albums of 2010".
 * By Andy Graulund
 * <electricnet@gmail.com>
 * <andygraulund.com>
 */

.primary #post .colcon p, .primary #page .colcon p, .primary .post .colcon p, .primary .page .colcon p { font-size: 88%; text-indent: 0; }
.primary #post .colcon p.meta, .primary #page .colcon p.meta, .primary .post .colcon p.meta, .primary .page .colcon p.meta { font-size: 69%; }
.charterleft { float: left; width: 72px; }
.charterright { margin-left: 92px; }
.colcon h2, .charterfull h2 { margin: 0; }
.primary .position {
	font: 150% "Palatino Linotype",Palatino,"Book Antiqua",Constantia,serif;
	color: #636367;
}
.colcon, .charterfull { margin-bottom: 4em; clear: left; }
.charterleft img { margin-bottom: .9em; }
.charterfull img { margin: 0 2em 2em -115px; }
.primary .charterfull .position { float: right; }
h2.section { margin: 3em 0pt 1.3em; font-size: 180%; }
.primary #post p.date a, .primary #page p.date a, .primary .post p.date a, .primary .page p.date a { color: inherit; text-decoration: underline; }
.primary #post p.date a:hover, .primary #page p.date a:hover, .primary .post p.date a:hover, .primary .page p.date a:hover { color: #7b7b7e; }
p.date em { font-style: normal; }
.primary #post p.bdate, .primary #page p.bdate, .primary .post p.bdate, .primary .page p.bdate { margin: -.5em 0 .6em; }
.primary #post p.meta a.listen, .primary #page p.meta a.listen, .primary .post p.meta a.listen, .primary .page p.meta a.listen {
	color: #535359;
	font-weight: bold;
	background: transparent url(/img/entry/2009mplay.png) no-repeat left top;
	padding: 1px 0 0 15px;
	text-decoration: none;
}
.primary #post p.meta a.listen:hover, .primary #page p.meta a.listen:hover, .primary .post p.meta a.listen:hover, .primary .page p.meta a.listen:hover {
	color: #c5c5c7;
	background-position: left bottom;
	text-decoration: underline;
}

.primary #post h2.section {
	background: transparent url(/img/entry/2010m-disc.png) no-repeat left bottom;
	margin: 2.7em 0 1em -80px;
	padding: 13px 0 12px 80px;
}

.postpage, .front-12 {
	background: #1a1922 url(/img/entry/2010m-records.gif) repeat-x -127px -65px;
	margin-top: 0;
	padding-top: 0;
}

.postpage .primary, .front-12 .primary {
	margin-top: 0;
}

.postpage #logo, .postpage #logo a, .front-12 #logo, .front-12 #logo a {
	background-color: transparent;
}
.postpage #logo a, .front-12 #logo a {
	background-image: url(/img/entry/2010m-goldribbon.png);
}

.postpage h1, .front-12 h1 {
	background: transparent url(/img/entry/2010m-title.png) no-repeat 154px 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	/*width: 1036px;*/
	height: 680px;
	margin: 0;
	text-indent: -9999px;
	z-index: 1;
}

.postpage #head, .front-12 #head {
	float: none;
	position: absolute;
	top: 78px;
	left: 0;
	z-index: 10;
}

.postpage #head h1, .front-12 #head h1 {
	margin: 0;
}

.postpage #post, .front-12 #post {
	margin-top: 740px;
}

.postpage .appreciation {
	font-size: 109%;
	background-color: #8d8c91;
	color: #1a1922;
	padding: 7px 10px 9px;
	overflow: hidden;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.postpage .primary #post .appreciation, 
.postpage .primary #post .appreciation p, 
.postpage .primary #post .appreciation p.meta, 
.postpage .primary #post .appreciation p strong {
	color: #1a1922;
}

.postpage .appreciation p, .postpage .primary #post .appreciation p.meta {
	display: inline;
	margin: 0 0 0 3px;
	padding: 0 0 0 28px;
	background: transparent url(http://pongsocket.com/img/entry/lilflattr-a.png) no-repeat;
}

.postpage .appreciation a.flattr {
	background: #1a1922 url(http://pongsocket.com/img/entry/lilflattr.png) no-repeat 82% 50%;
	color: #fff;
	font: 167% "Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", Times, serif;
	text-decoration: none;
	padding: 4px 60px 4px 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.postpage .appreciation a.flattr strong {
	background-color: #0f0f14;
	padding: 4px 8px;
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
}

.postpage .appreciation a.flattr:hover {
	background-color: #44434A;
}

.postpage .appreciation a.flattr:hover strong {
	background-color: #2F2E36;
}

.postpage .appreciation br {
	display: none;
}

.postpage .appreciation iframe {
	float: left;
	margin-top: 4px;
}

.postpage .primary #post .appreciation p.meta {
	margin: 0 0 0 8px;
}