/*
 * PONGSOCKET
 * Pongsocket post-specific CSS for "Musical half time".
 * By Andy Graulund
 * <electricnet@gmail.com>
 * <andygraulund.com>
 */

#post-9, #front-9 {
 background: #1a1922 url(/img/entry/2010half-bubbles.png) repeat-x;
}
#post-9 .bubbles, #front-9 .bubbles {
 position: absolute;
 top: 0;
 left: 343px;
 width: 823px;
 height: 247px;
 background: transparent url(/img/entry/2010half-bubbles2.png) no-repeat;
}
#post-9 .introribbon, #front-9 .introribbon {
 position: absolute;
 top: 0;
 left: 230px;
 width: 158px;
 height: 346px;
 background: transparent url(/img/entry/2010half-ribbon.png) no-repeat;
 text-indent: -999em;
}

#post-9 #primary, #front-9 #primary, #post-9 .primary, #front-9 .primary {
	width: auto;
	margin-left: 0;
}

#post-9 .primary #after, #post-9 .primary h1, #front-9 .primary h1, #post-9 .primary .primary, #front-9 .primary .primary {
	width: 40em;
	margin-left: 230px;
/* , #front-9 #primary, #front-9 .primary */
}

#post-9 .primary h1, #front-9 .primary h1 {
	/*width: 13.33em;*/
	width: auto;
	margin: 0;
	background-color: #4cea42;
	color: #29582c;
	padding: 41px 0 0 230px;
}

#post-9 #primary #post strong, #front-9 #primary #post strong, #front-9 #primary #post a, #post-9 #primary #post .primary a {
 color: #29582c;
}

#post-9 #primary, #front-9 #primary {
 padding-top: 259px;
}

#post-9 #post .primary2 p {
 /*text-indent: 0;*/
 margin-bottom: 50px;
}

#post-9 #post, #front-9 #post {
	background-color: #4cea42;
	overflow: hidden;
}

#post-9 #post p, #front-9 #post p, #post-9 #post ul, #front-9 #post ul {
	color: #338132;
}

#post-9 #post .primary .postmeta .date {
	float: none;
	width: auto;
}

#post-9 #post .postmeta {
	font-size: 75%;
	color: #2ebb2a;
	background-image: url(/img/entry/2010half-flag.png);
}

#front-9 #primary .postmeta {
	margin: 0 0 -4em;
	background: #4cea42 url(/img/entry/2010half-flag.png) no-repeat 230px 2em;
	color: #2ebb2a;
	padding: 2em 0 3.5em 260px;
}

#post-9 #artists {
	position: relative;
	margin: 50px 30px;
	width: 980px;
}

#post-9 #artists h1 {
 font-weight: normal;
 font-style: italic;
 font-size: 150%;
 color: #cfc;
 margin: 70px 0 0;
 padding: 0;
 line-height: 1em;
 letter-spacing: -.02em;
 text-transform: uppercase;
 text-shadow: -1px 1px #21a720, -2px 2px #21a720, -3px 3px #21a720;
 text-rendering: optimizeLegibility;
 transform: rotate(-12.5deg);
 transform-origin: left bottom;
 -moz-transform: rotate(-12.5deg);
 -moz-transform-origin: left bottom;
 -webkit-transform: rotate(-12.5deg);
 -webkit-transform-origin: left bottom;
 -o-transform: rotate(-12.5deg);
 -o-transform-origin: left bottom;
}

#post-9 #artists h2 {
 font-weight: bold;
 font-style: italic;
 font-size: 600%;
 color: #fff;
 margin: 30px 0 0;
 line-height: 1em;
 letter-spacing: -.02em;
 text-transform: uppercase;
 text-rendering: optimizeLegibility;
 transform: rotate(-12.5deg);
 transform-origin: left bottom;
 -moz-transform: rotate(-12.5deg);
 -moz-transform-origin: left bottom;
 -webkit-transform: rotate(-12.5deg);
 -webkit-transform-origin: left bottom;
 -o-transform: rotate(-12.5deg);
 -o-transform-origin: left bottom;
}

#post-9 #artists h2 a {
 color: #fff;
 text-shadow: -1px 1px #21a720, -2px 2px #21a720, -3px 3px #21a720, -4px 4px #21a720, -5px 5px #21a720, -6px 6px #21a720, -7px 7px #21a720, -8px 8px #21a720, -9px 9px #21a720, -10px 10px #21a720, -11px 11px #21a720, -12px 12px #21a720, -13px 13px #21a720, -14px 14px #21a720, -15px 15px #21a720, -16px 16px #21a720, -17px 17px #21a720, -18px 18px #21a720, -19px 19px #21a720, -20px 20px #21a720, -21px 21px #21a720, -22px 22px #21a720;
/* , -23px 23px #21a720, -24px 24px #21a720, -25px 25px #21a720, -26px 26px #21a720, -27px 27px #21a720, -28px 28px #21a720, -29px 29px #21a720, -30px 30px #21a720; */
}

#post-9 #artists h2 a:hover {
 text-decoration: none;
 color: #21a720;
 text-shadow: -1px 1px #99f394, -2px 2px #99f394, -3px 3px #99f394, -4px 4px #fff, -5px 5px #fff, -6px 6px #fff, -7px 7px #99f394, -8px 8px #99f394, -9px 9px #99f394, -10px 10px #fff, -11px 11px #fff, -12px 12px #fff, -13px 13px #99f394, -14px 14px #99f394, -15px 15px #99f394, -16px 16px #fff, -17px 17px #fff, -18px 18px #fff, -19px 19px #99f394, -20px 20px #99f394, -21px 21px #99f394, -22px 22px #99f394;
}

#post-9 #artists p {
	text-indent: 0;
}