/* reset.css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{background-image: url(images/bg.jpg); font: 14px/180% 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important; color: #444; margin: 0; padding: 0;}

.clear {clear:both;}
a{color: #47a0cc; text-decoration: none; cursor: pointer;}
a:hover{text-decoration: underline;}

#wrapper {width:960px;margin:auto;}
#wrapper .left {float:left;width:260px;}
#wrapper .right {float:right;width:700px;}
#wrapper #header {height:120px;overflow:hidden;}
#header #logo h1 {width:100px;overflow:hidden;padding:0 60px;}
#header #logo h1 a {width:100px;height:120px;}

#header #logo p.description {text-indent:-3000px;}
#header #logo h1 a {float:left;background:url(images/logo.png);text-indent:-3000px;}
#header #nav li {float:left;margin-right:20px;}
#header #nav li.current {height:116px;border-bottom:4px solid #f7a341;}
#header #nav li a {float:left;padding: 60px 25px 0 25px ;line-height:56px;color:#444;}
#header #nav li a:hover {background:#f7a341;text-decoration:none;}

#content .box {background:#fff;}
#content .post {padding:35px 0px 20px 0px;}
#content .postborder {border-top:6px solid #47A0CC;}
#content .postbordernone {border-top:0px;}
#content .postnone {height:800px;}
#content .post .title {padding:0px 30px 15px 30px;border-bottom:1px dashed #ccc;}
#content .post .title h2 {font-size:2em;padding:0 0 15px 0;}
#content .post .title h2 a {color:#444;}
#content .post .title h2 a:hover {color: #47a0cc;text-decoration:none;}
#content .post .title span {padding:0 20px 0 25px;}
#content .post .title span.author {background:url(images/author.png) no-repeat left center;}
#content .post .title span.cal {background:url(images/cal.png) no-repeat left center;}
#content .post .title span.category {background:url(images/category.png) no-repeat left center;}
#content .post .title span.comments {background:url(images/comments.png) no-repeat left center;}
#content .post .title span.tag {background:url(images/tag.png) no-repeat left center;}
#content .post .blog {padding:30px 30px 0 30px;}
#content .post .blog p {margin-bottom:15px;}
#content .post .blog p.more {padding-top:10px;}
#content .post .blog p.more a {padding:10px 20px;background:#47a0cc;color:#fff;border: 1px solid #096691;}
#content .post .blog p.more a:hover {text-decoration:none;color:#09141a;}
#content .page {padding-top:30px;}
#content .page a.next {padding:10px 20px;background:#47a0cc;color:#fff;border: 1px solid #096691;}
#content .page a.prev {padding:10px 20px;background:#47a0cc;color:#fff;border: 1px solid #096691;}
#content .page a.next:hover, #content .page a.prev:hover {text-decoration:none;color:#09141a;}

#comments {margin-top:30px;}
#comments h4 {font-size:2em;padding:0 30px 20px 30px;border-bottom:1px dashed #ccc;}
#comments .comment {padding:15px 30px;}
#comments .comment p {margin-bottom:0px;}
#comments .comment h4 {font-size:2em;padding:0 30px 20px 0px;border-bottom:1px dashed #ccc;}

ol.comment-list, ol.comment-list ol {margin: 0;list-style: none;}
ol.comment-list ol {}
ol.comment-list li {margin: 0;}
ol.comment-list li {padding: 30px 0px 25px 0px;border-bottom: 6px solid #eee;;overflow: hidden;}
ol.comment-list li.comment-even {background:#fff;}
ol.comment-list li .comment-reply {text-align: right;}
.comment-meta {padding-bottom: 18px;color: #999;font-size: 11px;}
.comment-author {display: block;font-size: 14px;color: #444;}
.comment-author cite.fn {line-height:25px;font-style: normal;}
.comment-body {overflow: hidden;}
img.avatar {/*display: none;*/float: left;margin: 0;width:48px;height:48px;margin:0 25px 0px 0px;}
.respond {margin-top: 20px;}
ol.comment-list li .respond {border-top: 1px solid #ddd;padding-top: 20px;}

.respond .cancel-comment-reply {float: right;font-size: 14px;}
.respond .cancel-comment-reply a {border: none;	color: #aaa;}
.respond .cancel-comment-reply a:hover {color: #444;}
.comment-children ol.comment-list {padding-top:0px;}
.comment-children ol.comment-list li {border-bottom:0px;border-top:1px dashed #eee;margin-top:25px;}
.comment-children ol.comment-list li.comment-by-author {}

#comment_form {padding:25px 30px;}
#comment_form label {margin-right:15px;}
#comment_form input {padding:8px 10px;font-size:14px;background: #fefefe;border:1px solid #ccc;margin-bottom:10px;}
#comment_form textarea {padding:10px;font-size:14px;background: #fefefe;border:1px solid #ccc;margin-bottom:10px;}
#comment_form input.submit {padding:10px 20px;background:#47a0cc;color:#fff;border: 1px solid #096691;cursor: pointer;}

.comment #comment_form {padding:15px 0px;}

#sidebar .widget {margin-bottom:20px;}
#sidebar .sub {padding: 15px 50px 0 0;text-align:center;}
#sidebar .widget form input {color: #999; background: #d9d9d9 url(images/search.png) no-repeat; padding: 10px 10px 10px 40px; width: 180px; border: none;font-size:14px;}
#sidebar .widget h3 {border-bottom:2px solid #ccc;padding:0 0 10px 0}
#sidebar .widget ul {padding:15px 0 0 0;}
#sidebar .widget ul li {margin-right:20px;height:25px;overflow:hidden;line-height:25px;}
#sidebar .half ul li {float:left;width:100px;color:#888;}
#sidebar .half ul li a {color:#888;}
#sidebar .half ul li a:hover {color:#444;text-decoration:none;}

#footer {padding:30px 0 50px 0;text-align:right;}



/* css3 */

#header #nav li a,#content .post .title h2 a:hover, #sidebar .half ul li a {-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;	transition: all 0.3s ease-in;}

.box {-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.05);}

#content .post .blog img {-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.05);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 8px 0px rgba(0, 0, 0, 0.1), inset 0px 0px 10px 0px rgba(0, 0, 0, 0.05);}

#content .post .blog .attachment img {-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px, inset 0px 0px 0px 0px rgba(0, 0, 0, 0);}

#content .post .blog p.more a, #content .page a,#comment_form input.submit {background: -moz-linear-gradient( top, #47a0cc 0%, #1b86b8);	background: -webkit-gradient( linear, left top, left bottom, from(#47a0cc), to(#1b86b8));border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-moz-box-shadow: 0px 1px 3px rgba(000,000,000, 0.3), inset 0px 0px 1px rgba(255,255,255,0.4);-webkit-box-shadow: 0px 1px 5px rgba(000,000,000,0.3), inset 0px 0px 1px rgba(255,255,255,0.3);text-shadow: 0px 1px 0px rgba(255,255,255,0.05);-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

#sidebar .widget form input {-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);	box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2);}