@font-face {
	font-family: 'Siamese Katsong';
	font-style: normal;
	font-weight: normal;
	src: local('Siamese Katsong'),
		url('/fonts/siamese.ttf') format('truetype'),
		url('/fonts/siamese.woff') format('woff');
}

@font-face {
	font-family: 'Redressed';
	font-style: normal;
	font-weight: normal;
	src: local('Redressed'),
		url('/fonts/redressed.woff') format('woff');
}

#header h1,
#header h1 a, #header h1 a:visited, #header h1 a:active {
	font-size: 2em;
	margin: 0.5em auto;
}

#header h1,
#header h1 a, #header h1 a:visited, #header h1 a:active,
.footer_logo a, .footer_logo a:visited, .footer_logo a:active {
	color: white;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.8);
	mask-image: gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
	-webkit-mask-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
	-moz-mask-image: -moz-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
	-o-mask-image: -o-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0.8)),color-stop(0.6,white));
	font-family: 'Siamese Katsong', 'Trebuchet MS', sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

#header h1:first-letter,
#header h1 a:first-letter, #header h1 a:visited:first-letter, #header h1 a:active:first-letter,
.footer_logo:first-letter,
.footer_logo a:first-letter, .footer_logo a:visited:first-letter, .footer_logo a:active:first-letter {
	color: #6F9;
}

.footer_logo a, .footer_logo a:visited, .footer_logo a:active {
	font-size: 1.25em;
}

h1, h2, h3 {
	font-family: 'Redressed', cursive;
	font-style: normal;
	font-weight: normal;
}

h2, #content h2 {
	font-size: 1.5em;
}
#page_post h2 {
	padding-bottom: 0;
}
.post h2 a {
	font-size: inherit;
}
h3 {
	font-size: 1.25em;
}

#header .right_header {
	float: none;
}

#content p, #content ol li, #content ul li {
	line-height: 1.4em;
	margin: 10px 0;
	font-size: 13px; /* To make it consistent, because in the original theme it isn't. WTF? */
}

#content p {
	text-indent: 1.5em;
}

#content ol li, #content ul li {
	/*margin: 3px 0;*/
}

#content p, #content ul li {
	padding: 0;
}

#content ul, #content ul li {
	list-style-type: disc;
}

/* These two reflect what's in the theme for ol & ol li */
#content ul {
	margin-left: 1.4em;
}
#content ul li {
	padding-left: 7px;
}

#blog_nav {
	text-align: center;
}

#sidebar ul li {
	background: linear-gradient(90deg, #366, rgba(0,0,0,0) 30%);
	
	/* These styles go to the A tag instead so it fills the parent list item instead. */
	padding-left: 0;
	margin: 0;
}
#sidebar ul li:hover {
	background: linear-gradient(90deg, #699, rgba(0,0,0,0) 50%);
}
#sidebar ul li a {
	display: block;
	padding-left: 10px;
	margin: 4px 0px;
}

#footer > p {
	padding-top: 15px;
}

.content_header {
	padding-top: 10px;
	padding-left: 35px; /* To match post indentation, though #content should really be indented instead */
}

.post_title, .title_content, .post_title_text, .sub_title_content {
	float: none;
	width: auto;
}
.post_title {
	padding-right: 25px; /* To match post width/padding since we resized the title content */
}

.comments_bubble {
	background: transparent radial-gradient(circle closest-corner at 50% -50%, transparent, #008000) repeat scroll 0% 0%;
	/*background: -webkit-gradient(radial, 50% -100%, 0, 50% 0, 35, from(rgba(0,0,0,0)), to(rgba(0, 128, 0, 255)));*/
	border-radius: 0 0 8px 8px;
	padding: 0 5px;
	width: auto;
}

.post_text_content img {
	margin: 0 8px;
}