/*
Theme Name:  coding-life
Theme URI:   http://www.agatezone.cn/code/
Version:     1.0
Author:      agate.hao
Author URI:  http://www.agatezone.cn/code/
Modify from: Simply - http://www.creativebits.it/
*/

.avatar {
	float: left;
	margin: 0 5px 5px 0;
	padding: 4px;
	border: 1px solid #cccccc;
}

* { padding:0; margin:0; }

.navigation {
	text-align: center;
	margin-bottom: 5px;
}

code {
	display: block; /* fixes a strange ie margin bug */
	font-family: "Courier New", Courier, monospace;
	font-size: 9pt;
	background: #f0f0f0 url("images/Code_BG.gif") left top repeat-y;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 20px;
	line-height: 1.2em;
	margin: 5px 5px 0 15px;
}
code .comment {
	color: green;
}
code .message {
	color: blue;
}
code.error {
	color: red;
}

/* 图片排版 */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}



/* ---[element]------------------------------ */
abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted #999;
	cursor: help;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
strike, del {
	text-decoration: line-through;
}
ins {
	text-decoration: none;
}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
}



/* ---[general]------------------------------ */
body {
	padding:0px;
 	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #444;
	line-height: 150%;
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, serif;
}
hr {
	display: none;
	margin: 0;
}

/* ---[links]------------------------------ */
a {
	color: #285383;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img, .post .edit img, img {
	border: 0;
	text-decoration: none;
	border-color: white;
}

/* ---[blockquote]------------------------------ */
blockquote {
	margin: 10px 0px 10px 20px;
	color: #666;
	background:	#F4FEF2;
	padding: 10px;
	border-left: 4px solid #C7DCBB;
}
* html blockquote {
	border-left: 0px solid #95CD76;
	background: #F4FEF2 url("img/blockquote_ie6.gif") repeat-y left;
	padding-left: 14px;
}
blockquote p {display: block}

/* ---[post]------------------------------ */
.post {
	margin-bottom: 25px;
	z-index: 1000;
}
.post .titolo {
	border-bottom: 1px solid #E1E1D3;
	padding-bottom: 3px;
}
* html .post .titolo {
	padding-bottom: 6px;
}
.post img {
  padding: 4px;
  border: 1px solid #cccccc;
}
.post h2 {
	font-size: 1.6em;
}
.post h2, .post h2 a {
	color: #285383; 
	font-weight: lighter;
	display: inline;
}
.post h2 a {
	border: 0;
	text-decoration: none;
}
.post h2 a:hover {
	background-color: transparent;
	color: #7CB021;
}
.post h3 {
	margin-bottom: 4px;
	padding-bottom: 3px;
	font-size: 1.2em;
	color: #278BD8;
	font-weight: bold;
	border-bottom: 1px solid #D8D3C1;
}
.post span.edit {
	float: right;
	margin-top: -20px;
}
.post span.edit a {
	border: 0;
	font-size: 0.9em;
}
.post small {
	color: #878787;
	font-size: 0.9em;
}
.post div.corpo {
	padding-top: 6px;
}
/*
.post div.corpo ul, .post div.corpo ol{ margin: 15px 0 15px 35px; }
*/
.post div.corpo p {
	margin-bottom: 10px;
}
.post .meta {
	display: block;
	padding: 6px 0;
	color: #95B2D1;
	text-align: center;
	border-top: 1px solid #BDD3EB;
	border-bottom: 1px solid #BDD3EB;
	background: #F1F6FC;
}
.post .meta span {
	color: #444;
}

/* ---[Container]------------------------------ */
.wrapper {
	margin: 0 auto;
	text-align: left;
	width: 940px;
	padding: 0px 0px 0 0px;
}
.wrapper .container {
	float: left; width: 700px;
}
.clear {
	clear: both;
}


/* ---[header]------------------------------ */
#header {
	padding: 22px 0 18px 0;
	background: #305B8C url("images/head_bg.gif") repeat-x top;
	border-bottom: 1px solid #6086B2;
}
#header h1 {
	font-weight: lighter;
	font-size: 2em;
	margin-bottom: 0px;
}
#header h1 a {
	color: #fff;
	text-decoration: none;
}
#header h1 a:hover {
	color: #E3ECF6;
	background-color: transparent;
}
#header span.desc {
	color: #A3BDDC;
	text-transform: uppercase;
	font-size: 0.9em;
}

/* ---[menu]------------------------------ */
#menu {
	background: #25466C;
	border-top: 1px solid #18314D;
	border-bottom: 1px solid #18314D;
	padding: 5px 0 6px;
	margin-bottom: 20px;
}
#menu ul {
	list-style: none;
}
#menu > ul a {
	width:auto;
}
#menu ul li {
	float:left;
	background:url("images/box_menu_l.gif") no-repeat left top;
	margin:0 5px 0 0;
	padding:0 0 0 9px;
	color: #fff;
}
#menu ul li a {
	float:left;
	display:block;
	background:url("images/box_menu_r.gif") no-repeat right top;
	padding:0px 15px 0px 6px;
	text-decoration:none;
	color:#fff;
	height: 23px; 
	line-height: 23px;
}
#menu ul li:hover {
	background-position:0 -25px;
}
#menu ul li a:hover, #menu ul li:hover a {
	background-position: 100% -25px;
}
* html #menu ul li a:hover {
	background-position: 100% 0;
}



/* ---[ Pagine ]------------------------------- */


img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }
img.alignright, img[align="right"] { padding: 4px 0 0 0; margin: 0 0 5px 5px; display: inline; }
img.alignleft, img[align="left"] { padding: 4px 0 0 0; margin: 0 5px 5px 0; display: inline; }
.post div.corpo h4 { font-size: 1.1em; margin-top: 10px; margin-bottom: 0; }


/* ---[ Commenti ]------------------------------- */
#commenti { margin-top: 15px; }
#commenti h4 { margin-bottom: 15px; font-size: 1.05em; color: #626C76; font-weight: bold; border-bottom: 1px solid #E1E1D3; }
#commenti a.rss_commenti { border: 0; float: right; margin-top: 1px; }
#commenti ol#commentlist { list-style-type: none; }
#commenti ol#commentlist li { margin-bottom: 10px; background: #F8F8F8; border: 1px solid #D9D9D9;}

#commenti ol#commentlist li span.autore {background: #EBEBEB; padding: 4px 6px; display: block; } 
#commenti ol#commentlist li span.nome { font-size: 1.1em;}
#commenti ol#commentlist li span.autore a.count { color: #777; font-weight: normal; }
#commenti ol#commentlist li span.autore a.count:hover {}
#commenti ol#commentlist li .edit_comment {float: right; margin: 2px 0 0 6px;}

#commenti ol#commentlist li div.messaggio { padding: 6px 6px 0 6px; text-align: justify;}
#commenti ol#commentlist li p {margin: 0 0 10px 0; }
#commenti ol#commentlist li .moderazione {color: green; padding: 0 0 10px 0; text-align: center; display: block; }


/* Modulo inserimento commenti */
#commenti .form_commenti form { color: #595750; padding: 0; margin-top: -4px; }
#commenti .form_commenti form label {padding-bottom: 3px;}
#commenti .form_commenti form  input, 
#commenti .form_commenti form  textarea {margin-bottom: 6px;}
form label { display: block; }

input, textarea {padding: 3px; border: 1px solid #7A9ABF; background: #F0F5FB;}
input:focus, textarea:focus {border-color: #7FB461; background: #F4FBF0;}

/* link e maggiori info sui commenti */ 
#commenti .form_commenti .more_info { background-color: #FFF0F5; float: right; }
#commenti .form_commenti form br { display: none; }

/* ---[ Sidebar ]------------------- */
#sidebar { width: 220px; float: right; color: #727267; }
#sidebar h3, #sidebar h2 { font-size: 1.2em; padding-bottom: 3px; color: #3C4848; border-bottom: 1px solid #E1E1D3; font-weight: lighter; margin-bottom: 4px; }

#sidebar ul, #sidebar ol, #sidebar li { list-style-type: none; }
#sidebar ul li, #sidebar .blogroll ul li li {background: url("images/bullet.gif") no-repeat left 5px; padding-left: 14px;}
#sidebar .blogroll ul li {background: none; padding: 0;}
#sidebar .block, #sidebar .linkcat { margin-bottom: 15px; }

.cerca_modulo { width: 130px; height: 16px; float: left; }
.cerca_invio { width: 27px; height: 24px; background: #fff url("images/search.gif") no-repeat top left; border: 0; cursor: pointer;}
* html .cerca_invio {margin: 0 0 0 -3px;}
.cerca_invio span {position: absolute; top:-9999px; left: -9999px;}

/* ---[ Widget]------------- */
#wp-calendar { width: 180px; }

/* ---[ Footer ]------------------------------- */
#footer { padding: 8px 0 8px 0; border-top: 1px solid #EEEEEE; margin: 0px; font-size: 0.9em; color: #999999; margin-top: 15px; }
#footer img { float: left; margin-top: 5px; margin-bottom: -5px; margin-right: 5px; }
#footer img a { border: 0; }
#footer span{ display: block; margin-left: 60px; }
#footer a { color: #333; border-color: #D8F18C; }
#footer a:hover { background-color: White; color: #333; text-decoration: none; }