@charset "UTF-8";

/* 
	-:[+]::[+]::[+]::[+]::[+]::[+]::[+]::[+]::[+]::[+]:-

	xy.css : blog styles
	   design : monzilla media @ https://monzillamedia.com/
	   design : copyright xy.css : all rights reserved.

	-:[+]::[+]::[+]::[+]::[+]::[+]::[+]::[+]::[+]::[+]::[+]:-
*/

/* blog */

.single h2 {
	font-size: 3.0em; line-height: 348px; text-shadow: 0 1px 0 #fff;
	background-color: rgba(255,204,0,0.3); color: rgba(0,0,0,0.7); border: 10px solid rgba(0,0,0,0.1);
	border-radius: 185px; -moz-border-radius: 185px; -webkit-border-radius: 185px;
	}
.single h3 a:link, .single h3 a:visited { color: rgba(0,0,0,0.7); }
.single h3 a:hover, .single h3 a:active { color: rgba(0,0,0,1.0); }
.single h4 { font-size: 1.667em; line-height: 0.900; margin: 0 0 0.900em 0; /* 20px */ }
.single pre { background-color: rgba(255,204,0,0.2); }
.single img { margin: 0; }
.single sup { position: relative; bottom: 6px; line-height: 0; font-size: 10px; }
.refs { margin-top: 8px; }
.refs li { line-height: 18px; font-size: 12px; }


/* comments (so much fun) */

#comments:before,
#comments:after { content: ""; display: table; }
#comments:after { clear: both; }
#comments       { zoom: 1; }
#comments {
	position: relative; top: -36px; z-index: -5; width: 59.756098%; margin: 0 auto; padding: 0 0 18px 0; background-color: rgba(204,204,204,0.2);
	}
	.left  { float: left;  width: 34%; }
	.right { float: right; width: 64%; }

	#comments h5 {
		background-color: rgba(255,204,0,0.6);
		font-family: Georgia, serif; font-size: 24px; line-height: 36px;
		width: 198px; height: 198px; position: absolute; z-index: -4; top: -27px; left: -24px; 
		border-radius: 198px; -moz-border-radius: 198px; -webkit-border-radius: 198px;
		}
		#comments h5 a:link { 
			position: relative; top: 77px; left: 42px; 
			color: rgba(0,0,0,0.7); text-shadow: 0 1px 0 #fff; font-weight: lighter;
			}
	#comments div.comment-wrap { margin-left: 108px; }
	#comments p, #comments div.comment-text ul, #comments div.comment-text ol { 
		font-family: Georgia, serif; color: rgba(0,0,0,0.7);
		font-size: 14px; line-height: 27px; margin-bottom: 18px;
		}
		#comments p.reply,
		#comments p.reply-cancel { text-align: right; margin: 0; font-size: 12px; font-style: italic; }
		#comments p.reply a,
		#comments p.reply-cancel a { 
			position: relative; top: -18px; right: -24px; padding: 6px 9px; 
									background-color: rgba(255,204,0,0.7);  color: rgba(0,0,0,0.7); }
		#comments p.reply-cancel a       { background-color: rgba(204,0,0,0.5);    color: rgba(255,255,255,0.7); }
		#comments p.reply a:hover        { background-color: rgba(255,222,88,0.5); color: rgba(0,0,0,0.9);}
		#comments p.reply-cancel a:hover { background-color: rgba(204,0,0,0.7);    color: rgba(255,255,255,0.9); }

		#comments p.moderation, 
		#comments p.comment-meta { margin: 9px 0; padding-top: 9px; text-shadow: 0 1px 0 #fff; font-style: italic; }
		#comments form p { margin-left: 24px; font-size: 12px; line-height: 18px; color: rgba(0,0,0,0.5); text-shadow: 0 1px 0 #fff; font-style: italic; }

		#comments div.comment-text { margin-right: 24px; }
		#comments div.comment-text ul, #comments div.comment-text ol { margin-left: 48px; }
		#comments div.comment-text ol li { list-style-type: decimal; }
		#comments div.comment-text ul li { list-style-type: square; }
		#comments div.comment-text li { margin: 3px 0; background-color: transparent; }
		#comments div.comment-text blockquote p { 
			font-size: 16px; font-style: italic; text-shadow: 0 1px 0 #fff;
			}
		#comments form p a:link, #comments form p a:visited,
		#comments div.comment-text a:link, #comments div.comment-text a:visited { border-bottom: 1px solid rgba(0,0,0,0.2); }
		#comments form p a:hover, #comments form p a:active,
		#comments div.comment-text a:hover, #comments div.comment-text a:active { border-bottom: 4px solid rgba(0,0,0,0.4); }

	#comments ol { list-style-type: none; margin: 108px 0 18px 0; }
	#comments li { list-style-type: none; margin-right: 24px; position: relative; background-color: rgba(153,153,153,0.07); }
	#comments li li li { padding-bottom: 18px; }
	#comments img { 
		float: left; position: absolute; left: -24px; margin-bottom: 18px;
		box-shadow: 0 0 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3); 
		}
	#comments code { 
			font: 0.917em/1 Monaco, 'MonacoRegular', 'Panic Sans', 'Lucida Console', 'Courier New', Courier, monospace; 
			color: rgba(0,0,0,0.6); 
			}
#comments form:before,
#comments form:after { content: ""; display: table; }
#comments form:after { clear: both; }
#comments form       { zoom: 1; }
#comments ol + #respond { margin-top: 36px; }
#comments > #respond    { margin-top: 126px; }

	#comments input[type="text"],
	#comments textarea {
		display: block; width: 75%; 
		font-size: 14px; line-height: 18px; padding: 7px 8px; margin: 0 0 18px 24px; 
		color: rgba(0,0,0,0.5); font-style: italic; font-weight: lighter;
		}
	#comments textarea { width: 89%; height: 126px; margin: 0 0 18px 0; padding: 8px; }
	#comments input[type="submit"] { margin: -3px 0 18px 0; }
	#comments label { display: none; }

	#comments input:focus,
	#comments textarea:focus {
		color: rgba(0,0,0,0.8); font-style: normal;
		}
	#comments-closed { margin: 18px 0 0 18px; }

#comments a:link, #comments a:visited { color: rgba(0,0,0,0.7); font-weight: bold; }
#comments a:hover, #comments a:active { color: rgba(0,0,0,0.9); }

#comments footer {
	position: fixed; z-index: -999; bottom: 0; margin: 0 auto;
	}
	#comments footer p {
		color: rgba(0,0,0,0.3); font-size: 0.9167em; line-height: 1.6364; margin: 0.8182em; /* 11px */
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		position: relative; left: -44px;
		}
		#comments footer a:link, #comments footer a:visited { color: rgba(0,0,0,0.3); font-weight: normal; }
		#comments footer a:hover, #comments footer a:active { color: rgba(0,0,0,0.7); font-weight: normal; }



/* browser-specific */
.mozilla #comments input[type="text"] { padding: 6px 8px 7px 8px; }
.mozilla #comments textarea { margin-bottom: 17px; }

/* Firefox 3.6.13 (PC WinXP)
.mozilla-older #comments input[type="text"] { padding: 7px 8px 8px 8px; }
.mozilla-older #comments textarea { padding: 7px 8px; margin-bottom: 20px; }
*/

/* Firefox 3.6.13 (PC Vista) */
.mozilla-older #comments input[type="text"] { padding: 8px 8px 9px 8px; }
.mozilla-older #comments textarea { padding: 8px; margin-bottom: 20px; }

.opera #comments input[type="text"] { padding: 7px 8px 8px 8px; }
.opera #comments textarea { margin-bottom: 17px; padding: 7px 8px; }

.camino #comments input[type="text"] { padding: 6px 8px 7px 8px; }
.camino #comments textarea { margin-bottom: 17px; }



@media only screen and (min-width: 600px) and (max-width: 849px) {

	#comments { width: 82.926829%; }

}

@media only screen and (max-width: 599px) {

	#comments { width: 82.926829%; }
	#comments input[type="text"] { width: 70%; }
	#comments input[type="submit"] { margin: 0 0 18px 24px; }
	#comments textarea { width: 78%; margin: 0 0 18px 24px; }
	.right, .left { float: left; clear: both; width: 100%; }

}