/*
Theme Name: Shuugouteki Press
Author: Pin Wang
*/

* {margin: 0; padding: 0;}
a img {border: 0;}
a:active {outline:none;}
a:focus {outline:none; -moz-outline-style:none;}
.clear {clear: both;}

/* Links */
a {text-decoration: none; text-decoration: none; color: blue;}
a:hover {text-decoration: none; text-decoration: underline; color: green;}

/* Typography */
div, p, h1, h2, h3, h4, li { font-family: verdana; color: #000; font-size: 11px;}
	
	/* Headers */	
	h1, h2, h3, h4, .description { font-family: Georgia, 'Times New Roman', times, serif;}
	h1, h1 a {font-family: georgia; font-size: 32px; color: #fff; font-weight: normal; text-decoration: none;}
		h1 a {border-bottom: 0;}
		h1 a:hover {color: #fff497; border-bottom: 0;}
	.description {
		font-size: 18px; font-weight: normal; color: #ffc2c2; filter: alpha(opacity=90);
		}
	h2, h3 {font-size: 20px; font-weight: normal; color: #000; clear: none;}
		h2 a, h3 a {border-bottom: 0; font-family: georgia; color: #303030;}
	h2.pagetitle {color: #888;}
	h4 {color: #444; font-size: 16px; font-weight: normal;}
	
	/* Paragraphs */
	p {color: #000; padding: 5px; line-height: 20px;}

	/* Lists */
	ul {}
	ul li {list-style-type: none; color: #aaa; padding-bottom: 3px;}
	ul li ul, ul.wp-tag-cloud {margin-left: 10px; padding-left: 10px;}
	ul li ul li, ul.wp-tag-cloud li {list-style-type: square;}

	/* Basics */
	small {color: #888;}
	
	/* Quote */
	blockquote {padding-left: 15px;}
	
	/* Labels */
	span.author {font-weight: bold; color: #d83535;}
	h4.authortitle {padding-bottom: 5px;}
	h4.authortitle span{color: #d83535;}
	
	/* Inputs */
	#searchsubmit {border: 0; color: #444; background-color: #fff; padding: 2px;}
	#s {padding: 2px; width: 150px;}
	
	/* Alignment */
	.alignleft {float: left;}
	.alignright {float: right;}
	
	/* Captions */
	.wp-caption {margin: 10px; padding: 5px; border: 1px solid #ddd; background-color: #eee; text-align: center;}
	p.wp-caption-text {color: #666; font-style: italic;}
	
	/* Sharing */
	a.facebook {background-image: url('images/facebook_icon.jpg'); background-repeat: no-repeat; background-position: left center; padding-left: 19px; display: block; font-size: 9px; color: #555; font-style: normal; text-transform: uppercase; float: right;}
	
	/* Comments */
	h3#comments, h3#respond {margin-top: 15px; font-size: 18px; color: #444;}
	cite {color: #d83535; font-weight: bold;}
	.commentlist {}
		.commentlist li {border: 1px dotted #ccc; background-color: #efefef; margin: 5px; padding: 5px; color: #444;}
	.commentmetadata {}
		.commentmetadata a {color: #366087;}
	textarea#comment {width: 730px;}

/* Structure */
#page {}
	#header {background-image: url('images/bg.jpg'); background-repeat: repeat-x; background-color: #303030; padding: 20px; min-width: 961px;}
	    #header_content {width: 961px; margin: 0 auto;}
    	    #rss_link {float: right; display: block; width: 60px; height: 60px; background-image: url('images/rss_icon.png'); background-repeat: no-repeat; opacity: 0.8; filter: alpha(opacity=80);}
    	    #rss_link:hover {opacity: 1.0; filter: alpha(opacity=100);}
	#content {margin: 0 auto;  padding-top: 20px; padding-bottom: 20px; width: 961px;  background-color: #fff;}
	    #content h2 {clear: left;}
	#sidebar {width: 215px; float: right; margin-left: 15px; margin-bottom: 10px; padding: 10px; background-color: #fff; border: 1px solid #ececec;}
		#sidebar h2 {font-size: 16px; margin-bottom: 5px; margin-top: 5px; font-weight: normal; color: #333;}
	#footer {border-top: 1px dotted #444; margin-top: 20px; clear: both; background-color: #fff;}
		#footer p {padding: 10px;}
	
	.navigation { border-bottom: 1px solid #eee; margin-bottom: 20px; height: 8px;}
	    .navigation a {background-color: #fff;}
	    .navigation .alignleft {padding-right: 5px; background-color: #fff;}
	    .navigation .alignright {padding-left: 5px; background-color: #fff; padding-right: 5px;}
	p.postmetadata {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; color: #444; clear: left;}
	a.more-link {display: block; font-size: 13px; padding: 5px; border: 1px dotted #bbbbff; background-color: #ddddff; margin-top: 10px;}
	a.more-link:hover {background-color: #ccffcc; border: 1px dotted #99ff99;}
	p.admin-links {border: 1px dotted #cccc88; background-color: #ffffcc;}