/*
Theme Name: Elegant Box
Theme URI: http://www.fighton.cn
Description: This blog theme originally appeared at <a href="http://www.fighton.cn">mg12's Blog</a>.
Version: 1.3
Author: mg12
Date: 2008/02/24
*/

* {
	margin: 0;
	padding: 0;
}
body {
	font-family:"BitStream vera Sans",Verdana,Arial,Helvetica,sans-serif;;
	font-size:12px;
}
h2 {
	font-size:18px;
}
img {
	border:none;
}
ul, li {
	list-style:none;
}
a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
p {
	margin:0 0 10px 0;
}
blockquote, code {
	padding:6px 12px;
	margin-bottom:5px;
}
.clear {
	clear:both;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.left, .alignleft{
	text-align:left;
}
.right, .alignright{
	text-align:right;
}
.center, .alignright{
	text-align:center;
}
.form_row {
	margin:0 0 8px;
	text-align:left;
}
.form_row .textfield {
	padding:1px 2px;
}
.disable_button {
	background:#ddd;
	border-color:#CCC #5B5B5B #5B5B5B #CCC;
	border-style:solid;
	border-width:1px;
	color:#333;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	text-align:center;
	padding:0 8px;
}

/* header START */
#innerhead {
	width:922px;
	margin:0 auto;
	text-align:left;
}
#innerhead h1 {
	float:left;
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	font-family:"BitStream vera Sans",Arial,Helvetica,sans-serif;
	padding-left:10px;
	margin-top:9px;
}
#innerhead #innerhead-right {
	float:right;
	margin-top:10px;
	width:75%;
}
#notice {
	margin:0 -5px 10px;
}
#notice .inner {
	padding:5px 7px;
}
#notice_icon {
	margin-right:5px;
	margin-bottom:-3px !important;
	margin-bottom:-0px;
}
#nav img {
	border:none;
}
#navlist {
	margin-right:10px !important;
	margin-right:10px;
}
#navlist li {
	float:left;
	margin-top:1px !important;
	margin-top:3px;
	font-size:10px;
}
#navlist li a {
	display:block;
	text-decoration: none;
	padding:2px 5px 3px;
	border-style:solid;
	border-width:1px 0px 1px 1px;
}
#navlist li a#feed {
	border-width:1px;
}
#search_textfield {
	width:247px;
	padding-right:20px;
}
/* header END */

/* main START */
#body-container {
	position:relative;
	margin:15px auto;
	text-align:left;
	width:920px;
}
#latest-entry {
	float:left;
	padding:10px 15px 0;
}
.sided, .post img {
	max-width:600px;
	padding:2px;
	margin-bottom:5px;
}
.rightside-of-sidedimage {
	margin-top:6px;
	margin-left:10px;
	float:left;
}
.leftside-of-sidedimage {
	margin-top:6px;
	margin-right:10px;
	float:left;
}
.part {
	margin-bottom:10px;
}
.sidedate {
	float: right;
}
#latest-entry ul {
	margin-bottom:10px;
}
#latest-entry ol {
	padding-left:30px;
	margin-bottom:10px;
}
.post {
	margin-bottom:20px;
}
.post .title h2 {
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	margin:0pt;
	padding:0px;
}
.post .content {
	line-height:145%;
}
.post .comments {
	padding:3px 0 3px 22px;
	margin:10px 0 0;
	font-size:10px;
}
#postnav {
	margin-top:20px;
}
.categories {
	color:#999;
	font-size:10px;
	height:16px;
	margin-bottom:8px;
	margin-top:0pt;
	padding-top:3px;
}
.categories .post_info {
	float:left;
}
.categories .date {
	float:left;
}
#container-bottom {
	font-size:10px;
}
#container-bottom .postnav {
	float:left;
	padding:9px 10px !important;
	padding:9px 10px 0;
	width:629px;
}
#container-bottom .postnav span.right {
	margin-right:10px;
}
#container-bottom .anchor {
	float:right;
	text-align:right;
	width:251px;
	padding:10px;
	margin-bottom:-1px;
}
#container-bottom .anchor span {
	padding:4px 0 4px 18px;
}
/* main END */

/* sidebar START */
#sidebar {
	float:right;
	width:270px;
	height:100%
}
#sidebar-content ul {
	list-style:none;
	padding:0 5px;
}
#sidebar-content div {
	margin:5px;
}
#sidebar a {
	font-size:12px;
}
#sidebar h3 {
	padding:3px 5px 4px;
	font-weight:bold;
	font-size:11px;
	margin-top:5px;
	text-decoration:none;
}
#sidebar .widget {
	margin:0;
	padding:0;
}
#styleswitcher {
	padding:5px;
}
#styleswitcher .clear {
	margin:0;
}
#style-text {
	float:left;
	font-size:11px;
	margin-top:1px;
	font-weight:bold;
}
#styleswitcher span.color {
	float:left;
	margin-top:2px;
	margin-left:4px;
	padding:1px;
}
#styleswitcher span.color a img {
	margin:0px;
	width:8px;
	height:8px;
}
#sidebar span.right {
	float:right;
}
#sidebar .widget .tag_cloud {
	padding:5px 5px 0;
	margin:0px;
}
.widget ul li {
	line-height:18px;
	padding:2px 0;
}
.widget ul li span.right {
	font-size:10px;
}
.widget .box {
	padding:5px;
}
/* sidebar END */

/* footer START */
#footer {
	font-size:10px;
}
#footer-content {
	margin:0;
	height:30px;
}
#footer #innerfooter {
	margin:8px auto 0;
	width:900px;
}
#footer #copyright {
	float:left;
}
#footer ul#admin {
	float:right;
	display:block;
	list-style-position:outside;
	list-style-type:none;
}
#footer ul#admin li {
	display:block;
	float:left;
	margin-left:12px;
}
/* footer END */

/* comment START */
#commentlist {
	margin-bottom:15px;
}
#commentlist ol {
	margin:0;
	padding-left:0;
	
}
#commentlist ol li {
	list-style:none;
	margin-bottom:10px;
}
.userinfo .avatar img {
	float:left;
}
.userinfo .usertext {
	margin:5px 10px !important;
	margin:6px 10px 4px 10px;
	float:left;
}
.by {
	font-weight:normal;
}
#commentlist ol li .username {
	font-weight:bold;
}
textarea#comment {
	margin:0;
	height:200px;
}
#submitbox {
	margin:8px 0;
}
#comments_rss {
	padding:2px 0 2px 22px !important;
	padding:2px 0 16px 22px;
	font-size:10px;
	float:left;
}
#comments_notify {
	font-size:10px;
	float:left;
}
#comment_header {
	margin:0 5px;
}
#comment_info {
	float:left;
}
#comment_info label {
	display:block;
	float:left;
	padding:1px 0;
	width:70px;
}
#comment_info .validation {
	margin-left:5px;
}
#smile {
	height:16px;
}
#submit {
	float:right;
}
/* comment END */

/* begin archives */
.postspermonth {
	margin: 5px 0;
	list-style: none;
	padding-left: 20px;
}
.srg_switcher {
	margin-bottom: 10px;
}
/* end archices */

/* archive STRAT */
.archive-post {
	margin:15px 10px 0;
}
/* archive END */

/* image switcher START */
.imageswitcher {
	padding:5px 5px 0 5px;
}
.imageswitcher_image {
	padding:2px;
}
a.imageswitcher_button {
	float:left;
	margin-top:5px !important;
	margin-top:3px;
	margin-bottom:0 !important;
	margin-bottom:-5px;
	margin-right:4px;
	padding:2px 5px;
	text-decoration:none;
}
a.imageswitcher_button:hover {
	text-decoration:none;
}
/* image switcher END */