/*  
Theme Name: Anyway Theme
Theme URI: http://www.imkeke.net/
Description: WP Theme Anyway by <a href="http://www.imkeke.net/">Keke's blog</a>.
Version: 0.1
Author: Keke
Author URI: http://www.imkeke.net/
*/

/**************************** css reset *************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend
	{
		vertical-align: baseline;
		font-family: inherit;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
	}
label, input[type="submit"]{cursor:pointer;}
:focus{outline: 0;}
ul{list-style: none;}
ol li {
	font-size: 13px;
	color: #000;
}
table
	{
		border-collapse: separate;
		border-spacing: 0;
	}
caption, th, td
	{
		font-weight: normal;
		text-align: left;
	}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
code
	{
		font-family: Monaco, monospace;
		font-size: 10px;
		padding-left: 10px;
		border-left: 3px solid #ccc;
	}

/**************************** main css *************************/
body
	{
		color:#000;
		font-size:12px;
		background:url(images/bg.gif) top center repeat-y;
		font-family:Arial, Helvetica, sans-serif;
	}
a
	{
		text-decoration:none;
		outline:none;
	}
img
	{
		border: 0;
	}
a, a:visited, a:active 
	{ 
		color: #25a9d9;
		font-weight: normal;
		text-decoration: none;
	}
a:hover { 
	text-decoration: underline;
}
h1,h2,h3,h4 
{
	font-weight: bold;
}
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

blockquote
	{
		font-style:normal;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		padding-left: 25px;
		background:url(images/blockquote.gif) top left no-repeat;
	}
/**************************** searchform *************************/
#search
	{
		position:absolute;
		left:730px;
		top:93px;
	}
#searchform input
	{
		background:transparent;
		border:none;
		vertical-align: middle;
	}
#searchform #s
	{
		color:#0092c8;
		outline:none;
		font-family:inherit;
	}
#searchsubmit
	{
		width:25px;
		height:25px;
		margin-left:8px;
		overflow:hidden;
		cursor:pointer;
	}
/**************************** container *************************/
#container
	{
		margin:0 auto;
		padding:0;
		background:#fff;
		width:960px;
	}
/**************************** header *************************/
#header
	{
		height:145px;
		position:relative;
		background:url(images/main.png) no-repeat 0 -235px;
	}
#header h1 a
	{
		display:block;
		text-indent:-9999em;
		height:59px;
		width:238px;
		outline:none;
		overflow:hidden;
		position:relative;
		top:45px;
		left:105px;
		background:url(images/main.png) no-repeat 0 -117px;
	}
#header h1 a:hover
	{
		background:url(images/main.png) no-repeat 0 -176px;
	}
#header h2
	{
		text-indent:-999999px;
	}
#header ul
	{
		position:absolute;
		right:20px;
		top:20px;
	}
#header ul li
	{
		margin:0 5px;
		padding:0;
		list-style:none;
		float:left;
	}
#header ul li a
	{
		display:block;
		padding:5px;
		color:#166380;
		text-decoration:none;
		margin:0 10px 0 0;
		font-size:14px;
		font-weight:bold;
	}
#header ul li a:hover
	{
		padding:5px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		background-color:#ccf1ff;
	}
/**************************** sidebar *************************/
#sidebar
	{
		margin:10px 10px 10px 0px;
		_margin:10px 0px;
		float:right;
		width:235px;
		min-height:675px;
	}
.sideblock,.recentcm
	{
		margin-bottom:20px;
	}
#sidebar h2
	{
		font-family:Helvetica,Arial;
		font-size:12px;
		color:#00445d;
		margin:0px 5px 10px 10px;
		background-color:#bde5f4;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		text-shadow:0 1px 0 #fff;
		padding:5px 5px 5px 10px;
		border:1px #abd6e6 solid;
	}
.sideblock ul
	{
		margin:0 5px;
		padding:0 10px;
		list-style:none;
	}
.sideblock ul li
	{
		display:block;
		line-height:20px;
	}
.sideblock ul li a
	{
		padding:2px 5px 3px 5px;
	}
.sideblock ul li a:hover
	{
		padding:2px 5px 3px 10px;
		background:url(images/main.png) -238px -110px no-repeat;
		text-decoration:none;
	}
.recentcm ul
	{
		padding-left:10px;
		padding-right:10px;
	}
.recentcm li 
	{
		list-style: none;
		line-height: 180%;
	}
.rssandtw{
	padding:5px 0 20px 20px;
}
.rssandtw a{
	display:block;
	padding-left:28px;
	line-height:25px;
	height:25px;
}
.rss{
	float:left;
}
.rss a{
	background:url(images/main.png) no-repeat -550px -91px;
	color:#fe8f00;
}

.tw a{
	background:url(images/main.png) no-repeat -550px -116px;
	margin-left:69px;
	color:#33ccff;
}
.cat-item
	{
		color:#888;
		padding-left:25px;
		margin-left:5px !important;
		line-height:25px !important;
		background:url(images/sideicons.png) no-repeat;
	}
.cat-item a
	{
		padding:0 !important;
	}
.cat-item a:hover
	{
		padding:0 !important;
		background:none !important;
		text-decoration:underline !important;
	}
.cat-item-235
	{
		background-position:0 4px;
	}
.cat-item-234
	{
		background-position:0 -18px;
	}
.cat-item-4
	{
		background-position:0 -39px;
	}
.cat-item-232
	{
		background-position:0 -59px;
	}
.cat-item-214
	{
		background-position:0 -79px;
	}
.cat-item-69
	{
		background-position:0 -98px;
	}
.cat-item-192
	{
		background-position:0 -120px;
	}
#sidetags
	{
		padding:0 20px;
	}
#sidetags a
	{
		line-height:20px;
		padding:0 2px;
	}
#sidetags a:hover
	{
		text-decoration:none;
		color:#999;
	}
/**************************** content *************************/
#postpath{
	padding-top:10px;
	padding-left:20px;
	background:url(images/arrow.gif) left bottom no-repeat;
}
#content{
	width:680px;
	margin:10px;
	padding:0;
	float:left;
}
#content h2{
	line-height: 100%;
	color:#333;
	margin:15px 5px 5px 10px;
	border-left:5px solid #25a9d9;
	padding-left:5px;
}
.entrybody h3{
	line-height: 100%;
	color:#000;
	margin:15px 5px 5px 0;
	border-left:5px solid #CF414E;
	padding-left:5px;
	font-size:14px;
	font-style:italic;
}
ul.related_post
	{
		list-style:circle;
		margin:10px 10px 10px 25px;
	}
.related_post li
	{
		margin-top:10px;
	}
#content h2 a{
	padding-bottom: 5px;
	color: #F46E2A;
	font-size: 16px;
	font-weight: bold;
	font-family: "Lucida Grande",Verdana,Arial,Helvetica,Sans-Serif;
	text-decoration:none;
}
#content h2 a:hover{
	color:#25a9d9;
}
.date
	{
		color:#25a9d9;	
		font-size:12px;
		padding-left:10px;
		font-style:italic;	
		font-family:Arial,Verdana;
	}
.related_post li
	{
		font-size:13px;
		font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana;
	}
.related_post li a
	{
		font-size:12px;
	}
.date a{
	color:#25a9d9;
}
.date a:hover{
	color:#25a9d9;
}
.category{
	padding-left:20px;		margin-left:5px;
	background:url(images/category.gif) no-repeat left center;
}
.entry{
	border-bottom:1px dotted #CCCCCC;
	margin: 0 0 30px;
	padding-bottom:10px;
	clear: left;
	position: relative;
}
.commentcount {
	position: absolute;
	top: 0;
	right: 0;
	color: #25a9d9;
	font-size: 24px;
	font-style: italic;
	line-height: 1.5;
}
.commentcount a {
	color: #F46E2A !important;
	font-size: 18px !important;
}
.entrybody {
	margin-top:15px;
	padding-left:10px;
}
.entrybody p {
	line-height:21px;
	text-align:justify;
	letter-spacing:0.05em;
	padding:0 0 15px;
	color:#333;
}
.entrybody ol{
	padding-left:15px;
}
.entrybody ol li{ 
	padding:0 0 15px;
}
.entrybody img {
    border: 1px solid #25a7d9;
	padding: 3px;
	margin: 5px 5px 0px 0px;
}
.entrybody img:hover {
	background:#25a9d9;
}
.entrybody a{
	color:#25A7D9;
	padding:2px 3px;
}
.entrybody a:hover
	{
		background-color:#25a7d9;		
		text-decoration:none;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		color:#fff;
	}
.entrybody a img:hover
	{
		background-color:#25a7d9;		
		text-decoration:none;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		color:#fff;
	}
.tags a, .tags span {
	display: block;
	background: url(images/tags.png) no-repeat left top;
	height: 19px;
	overflow: hidden;
	float: left;
	width: auto;
	padding-top: 1px;
}
.tags a {
	padding-left: 5px;
	font-style: normal;
	text-shadow: 0 1px 0 #fff;
	color: #25a9d9;
}
.tags a:hover {
	text-decoration: none;
	color: #79731a;
}
.tagshvspan {
	background: url(images/tags.png) right -20px !important;
}
.tagshva {
	background: url(images/tags.png) left -20px !important;
}
.tags span {
	width: 5px !important;
	background-position: right top;
}
.tags div {
	margin-left: 10px;
	float: left;
}
.tags em {
	float: left;
	margin-right: 10px;
}
.firsttag {
	margin-left: 0 !important;
}
.wp-pagenavi
	{
		margin:10px;
	}
/******************** comment-template ********************/
#comments{
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	border-left:5px #FFE533 solid;
	padding-left:10px;
}
#commenttext{
	margin:10px auto;
	padding:20px;
	background:#eee;
}
.commenttop
	{
		height:55px;
		background:url(images/main.png) no-repeat left top;
	}
.commentcenter
	{
		background:url(images/commentbgcenter.gif) repeat-y left;
	}
.commentbottom
	{
		height:30px;
		background:url(images/main.png) no-repeat 0 -55px;
	}
.commentdate
	{
		float:right;
		margin-right:95px;
		margin-top:5px;
	}
.commentdate a
	{
		color:#25a9d9;
		text-decoration:none;
	}
.commentcenter .text
	{
		padding:0 90px 0 115px;
		text-shadow:0 1px 0 #ddd;
		color:#333;
	}
.commentcenter .text blockquote {
	margin: 0;
}
.gravatar
	{
		position:relative;
		top:8px;
		left:7px;
	}
.author
	{
		font-size:12px;
		position:relative;
		top:-5px;
		left:90px;
		color:#888;
	}
.author a
	{
		color:#F46E2A;
		text-decoration:none;
	}
.author a:hover
	{
		text-decoration:underline;
	}
/**************************** Comments Form *************************/
.loginarea,#welcome
	{
		color:#777;
		padding-left:5px;
		padding-bottom:10px;
		font-size:13px;
		line-height:20px;
		font-style:italic;
		font-family:Arial, Helvetica, sans-serif;
	}
.loginarea a,#welcome a
	{
		font-style:italic;
	}
#show_author_info,#hide_author_info
	{
		font-style:italic;
	}
#respond
	{
		margin:0 0 10px;
		font-size:14px;
		font-style:italic;
		padding-left:10px;
		border-left:5px #5efc9f solid;
	}
.comments-template
	{
		margin: 10px 0 0 10px;
		padding: 10px 0 0;
	}
.comments-template ol
	{
		padding: 0 0 15px;
		list-style: none;
	}

.comments-template ol li
	{
		margin: 10px 0 0;
		line-height: 18px;
		padding: 0 0 10px;
	}
.commentinput
	{
		width:210px;
		height:21px;
		border:none;
		vertical-align:middle;
		padding:10px 0 3px 10px;
		margin-bottom:5px;
		color:#555;
		outline:none;
		font-family:Arial, Helvetica, sans-serif;
		background:url(images/main.png) no-repeat transparent 0 -380px;
	}
.cmlabel
	{
		color:#999;
		font-size:11px;
		font-style:italic;
		font-family:Candara,'Lucida Sans',Helvetica,Arial,Verdana;
	}
.red
	{
		color: #ff6d6d !important;
	}
#comment
	{
		width:440px;
		height:202px;
		border:none;
		color:#555;
		font-size:13px;
		outline:none;
		padding:12px 0 0 15px;
		font-family:Arial, Helvetica, sans-serif;
		background:url(images/main.png) no-repeat transparent 0 -415px;
	}
#submit
	{
		width:76px;
		height:35px;
		border:none;
		cursor:pointer;
		outline:none;
		background:url(images/main.png) no-repeat transparent -250px -380px;
	}
#submit:hover
	{
		background:url(images/main.png) no-repeat transparent -326px -380px;
	}
/******************** Ajax ********************/
#commentload
	{
		display:none;
		height:20px;
		background: url(images/spinner.gif) no-repeat scroll 0 50%;
		margin: 10px auto;
		padding:5px 5px 5px 20px;
		color:#25a9d9;
	}
#commenterror
	{
		display:none;
		margin:0 auto;
		font-size:13px;
		color:#ff0000;
		font-style:italic;
		line-height:30px;
	}
/******************** footer ********************/
.wp-pagenavi
	{
		text-align:center;
		margin-bottom:20px;
	}
#footer
	{
		background:#25a9d9;
		margin:10px 0 0 0;
		padding:5px;
		color:#166380;
		clear:both;
		font-size:12px;
		font-weight:bold;
	}
#footer a
	{
		font-size:12px;
		font-weight:bold;
		color:#166380;
	}
#son1
	{
		float:left;
		text-indent: -99999px;
	}
#son1 a
	{
		background:url(images/main.png) no-repeat -16px -101px;
		display:block;
		width:16px;
		height:16px;
	}
#mailtome
	{
		margin-left:5px;
		float:left;
		text-indent:-99999px;
	}
#mailtome a
	{
		display:block;
		width:16px;
		height:16px;
		background:url(images/main.png) no-repeat 0 -101px;
	}
#son2
	{
		float:left;
		margin-left:16px;
	}
#son3
	{
		float:right;
		text-indent:-99999px;
	}
#son3 a
	{
		display:block;
		width:50px;
		height:16px;
		background:url(images/main.png) no-repeat -32px -101px;
	}
#son4
	{
		clear:both;
	}
/*404*/
.text404
	{
		position:relative;
		top:180px;
		text-align:center;
		font-size:18px;
		font-weight:550;
	}
.text404 p
	{
		color:#25a9d9;
	}
#big404
	{
		font-size:100px;
		color:#25a9d9;
	}
.blank {
	clear: both;
}