/*
Theme Name: Someok Simple
Theme URI: http://www.someok.com/
Description: This theme is designed for <a href="http://www.someok.com/">Someok.com</a>.
Version: 0.1
Author: JX Wang
Author URI: http://www.someok.com/
Tags: blue, fluid width, three columns, widgets

*/

/* Three-column with sidebar on left from the /sandbox-layouts/ folder  */
@import url('sandbox-layouts/3c-r.css');

* {margin: 0; padding: 0}
body {
	background-color: #FFF;
	font-family: "Lucida Grande","Lucida Sans Unicode","\u5fae\u8f6f\u96c5\u9ed1",Arial,Verdana,sans-serif;
	font-size: 12px;
}

.floatbox { overflow:hidden; *width:100%; }

/* Just some example content
div#access div.skip-link{position:absolute;top:1em;right:1em;} */

form#commentform .form-label{margin:1em 0 0;}
form#commentform span.req-field{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{ border: 1px solid #ccc; padding:0.2em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

input#author:focus,input#email:focus,input#url:focus,textarea#comment:focus {
	background-color: #f0f4f7;
}


/*---:[ general styles ]:---*/
p {margin: 1em 0;}
blockquote, quote {
	margin: 0 5px 0 15px;
	border-left: 3px solid #6688aa;
        padding: 0 5px;
}
strike, del, ins{border-bottom:1px dotted #8da6c0;background:#f0f4f7;color:#334455;}
del{cursor:help;}
abbr{border-bottom:none;}
code {
	display:block;
	font: 12px 'Courier New', Courier, Fixed, monospace;
	font-size : 100%;
	color: #000;
	background : #fff url(images/preback.jpg) no-repeat left top;   
	overflow : auto;   
	text-align:left;   
	border : 1px solid silver; /*highlight color */   
	padding : 0px 30px;    
	line-height:17px;
	width:90%;
	min-width: 400px;
}


/*---:[ post image styles ]:---*/

/*
img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left; }
img.left_off { margin: 0 10px 5px 0; float: left; }
img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right; }
img.right_off { margin: 0 0 5px 10px; float: right; }
img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #bbb; }
img.center_off { display: block; margin: 0 auto 15px auto; }
*/
.img wp-smiley {border:none!important;}
.wp-smiley {border:none!important;}

/*---:[ link styles ]:---*/
a {
	color: #224477;
	text-decoration: none;
}
a:link {
}
a:hover {
	color: #3388dd;
}
div#nav-above a:hover, div#nav-below a:hover {
	text-decoration: underline;
}
div#content div.hentry a {
	text-decoration: underline;
}
div#content div.hentry a:hover {
	text-decoration: none;
	background-color: #ebf4fc;
}
div#content div.hentry .entry-title a {
	text-decoration: none;
}
div#content div.hentry .entry-foot a {
	text-decoration: none;
}
div#content div.hentry .entry-meta a {
	text-decoration: none;
}

/*---:[ hidden styles ]:---*/
div#access div.skip-link {
	display: none;
}

/*---:[ header styles ]:---*/
div#header {
	text-align: left;
}
div#header h1#blog-title {
	padding: 5px 10px;
	background-color: #e5e5e5;
}
div#header div#blog-description {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 1em 0;
	padding: 4px 10px;
	background-color: #e5e5e5;
}
* html div#header div#blog-description {
	padding-top: 7px;
}
div#header h1#blog-title a {
	display: block;
	padding: 0.1em;
}

/*---:[ header menu styles ]:---*/
div#menu{height:1.5em;padding:0.3em 0 0 0;margin: 0 0 1em 0;border-top: 3px solid #e5e5e5;background-color: #f5f5f5;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#f5f5f5;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}


/*---:[ container styles ]:---*/
div#container {}
div#content {
	border-top: 3px solid #224477;
	background-color: #fcfdfe;
}
* html div#content {height: 1%;}
div#nav-above,div#nav-below{width:100%;}

div.nav-previous{float: left; padding: 0 0 0 2px;}
div.nav-next{float: right; padding: 0 2px 0 0;}

img {
	padding: 6px; 
	margin: 5px; 
	background: #f5f5f5; 
	border: 1px solid #bbb;
	-moz-border-radius:3px 3px 3px 3px;
}
img.alignleft {float: left; }
img.alignright {float: right; }
.alignnone {margin: 0 auto 10px auto;}
.wp-caption {
  -moz-border-radius:3px 3px 3px 3px;
  background-color:#F3F3F3;
  border:1px solid #DDDDDD;
  margin:5px;
  padding-top:4px;
  text-align:center;
}
.wp-caption img {
  border: 0;
  -moz-border-radius:0;
  margin:0;
  padding:0;
}
.wp-caption-text {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}

div#content div#nav-above {
	display: block;
	height: 1.5em;
	margin-bottom:1em;
	padding: 4px 0;
	background-color: #f5f5f5;
}
body.home div#content div#nav-above {
	display: none;
}
div#content div#nav-below {
	margin-top:2em;
	display: block;
	clear: both;
	height: 1.5em;
}
body.single div#content div#nav-below {
	margin: 2em 0;
	border-top: 1px solid #c9d1de;
	border-bottom: 1px solid #c9d1de;
	background-color: #f5f6f9;
	padding: 2px 0;
}

/*---:[ post styles ]:---*/
div#content div.hentry {
	margin-top: 0.5em;
	padding: 0 0.3em;
}
div#content div.hentry .entry-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 133%;
	display:inline;
	margin-right: 5px;
}
div#content div.hentry .entry-date {
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 10px;
	background:#e4eaf0;
	display:inline;
	padding:1px 4px;
}
div#content div.hentry .entry-date abbr.published {
	border: 0;
}
div#content div.hentry div.entry-content {
	line-height: 150%;
	letter-spacing: 0.1em;
	margin: 10px 0;
	font-size: 14px;
}

div#content div.hentry div.entry-content li {
	margin: 0 0 0 40px;
	list-style-position: outside;
}

/*
div#content div.hentry div.entry-content .more-link {
	float: right;
}*/
div#content .entry-foot .eof {
    margin: 0 10px 10px 10px;
    font-style: oblique;
    font-variant: small-caps;
}
div#content .entry-foot .related-posts {
    margin: 0 10px 10px 10px;
}
div#content .entry-foot .related-posts span {
    font-weight: bold;
}
div#content .entry-foot .related-posts span.comment_count {
    font-weight: normal;
	font-size: 80%;
	margin-left: 10px;
}
div#content .entry-foot .related-posts ul {
    margin-left: 25px;
}
div#content .entry-foot .related-posts ul li {
    line-height: 150%;
}
div#content div.hentry .entry-foot .tags {
	margin: 0 10px 10px 10px;
}
div#content div.hentry div.entry-meta {
	line-height: 150%;	
	border-top: 2px solid #c9d1de;
	background-color: #f5f6f9;
	font-size: 0.9em;
	margin: 0 auto 3em auto;
	padding: 0.1em 1em 0.2em 1em;
	text-align: center;
	word-spacing: 0.2em;
	clear: both;
}
body.single div.hentry div.entry-meta {
	margin-top: 3em 0pt 3em 0pt;
}

/*---:[ comments styles ]:---*/
div#comments h3 {
	border-bottom: 2px solid #5a7399;
	font-size: 1em;
	margin: 2em 0 0 0;
}
div#comments h3 span {
	font-size: 3em;
	font-weight: 400;
	line-height: 100%;
	font-family: 'times new roman',times,serif;
}
div.comments ol li {
	background-color: #f0f4f7;
	margin: 0.4em 0pt 1.4em 0pt;
	padding: 0 0.2em 0.1em 0;
	list-style: none;
}


div.comments ol li.alt {
	background-color: #e3e9f0;
}
div#comments-list ol li div.comment-author {
	float: left;
	padding-top: 0.1em 0 0.3em 0;
	width: 33%;
	font-weight: bold;
}
div#comments-list ol li div.comment-meta {
	clear: right;
	float: right;
	font-size: 0.9em;
	padding: 0.2em 0.2em 0.3em 0;
	text-align: right;
	width: 50%;
}
div.comments ol li p {
	clear: both;
	padding: 5px 0 0 50px;
	margin: 0;
	line-height: 150%;
}

	/* the post writer style */
	div.comments ol li.bypostauthor {
		/*border: 1px solid #6688aa;*/
		border-bottom: 3px solid #A0CF87;
	    padding: 0;
		background-color: #E7EEE3;
	}
	div.comments ol li.bypostauthor a {
		color: #4F9C29;
	}
	div.comments ol li.bypostauthor a:hover {
		color: #2A7801;
	}
	div.comments .children {
		margin-left: 10px;
	}
	div.comments .children li.bypostauthor {
		border-left: 1px solid #A0CF87;
	}
	.cancel-comment-reply {
		margin-top: 1em;
	}
	
	.comment-reply {
		margin: 5px 0 5px 5px;
	}
	
	.comment-gravatar {
		float: left;
		margin: 0 10px 0 0;
	}

/*---:[ sidebar styles ]:---*/
div.sidebar {
	padding: 0 0 0 5px;
	font-family: verdana,geneva,sans-serif;
	font-size: 12px;
}
div.sidebar ul li {
	border-top: 3px solid #6688aa;
	background-color: #f9f9f9;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0 0pt 1em 0;
	padding: 0.4em 0.2em 0.4em 0.2em;

}
* html div.sidebar ul li {height: 1%;}

div.sidebar ul ul{
	margin:0 0 0 1.3em;
}
* html div.sidebar ul ul{
	margin:0 0 0 1.4em;
}
div.sidebar ul li h3 {
	font-family: verdana,geneva,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 150%;
	font-size-adjust: none;
	font-stretch: normal;
	letter-spacing: 0.1em;
}
div.sidebar ul li ul li {
	border: 0;
	list-style-type: disc;
	margin: 0;
	padding: 2px 0;
}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle; margin: 0;}

#categories-1 li {font-size: 9px;}
#categories-1 li a {font-size: 12px;}

#archives li {font-size: 9px;}
#archives li a {font-size: 12px;}


/* sidebar search form */
div.sidebar input#s{width:10em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar input#searchsubmit {
	padding: 0 5px;
	height: 21px;	
	border: 2px solid #e5e5e5
}
div.sidebar input#searchsubmit:hover {
	border: 2px solid #CCCCFF;
	background-color: #E9F2FC;
}

/* sidebar sandbox archive */
div.sidebar ul.sandbox_archives {
	margin: 0 0 0 3px;
}

div.sidebar .sandbox_archives .s_a_y_m {
	margin-top: 5px;
	padding: 0 0 0 0;
	list-style: disc inside;
}
div.sidebar .sandbox_archives .s_a_y_m span.s_a_y {
	margin-left: -4px;
}
div.sidebar .sandbox_archives ul {
	margin-left: 13px;
}
div.sidebar .sandbox_archives ul li {
	list-style: none;
	float: left;
	font-size: 90%;
	width: 36px;
}
.sandbox_archives ul li span {
	font-size: 70%;
	color: #000;
}

/* rating for menu link */
.rating-9 {
	color: red;
}