/* --------------------------------------------------------------
   * Resets default browser CSS.
-------------------------------------------------------------- */

body, br, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{ margin:0; padding:0; outline:none;}

ol, ul {list-style: none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

.clear { clear:both; }

/* Font
-------------------------------------------------------------- *

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  line-height: 1.5;
  color: #222;
  background: #fff;
  font-family:Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2.2em; margin-bottom: 0.75em; color:#0C1E34; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: .7em; }
h4 { font-size: 1.5em; line-height: 1.25; margin-bottom: .3em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Tables
-------------------------------------------------------------- */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Text elements
-------------------------------------------------------------- */
p           { color:#333b45; }
strong      { font-weight: bold; }
em	        { font-style: italic; }
a 			{text-decoration:none; color:#000;}


/* Custom elements
-------------------------------------------------------------- */
.title {display:none;}

#container {background:none repeat scroll 0 0 #FFFFFF;float:left;margin-left:66px;width:960px;}
#left  {float:left;height:500px;width:700px;}
#right  {border-left:0.1em solid #CCD0D6;float:right;padding-top:55px;width:250px;}
#left .box1 {border-bottom:0.4em solid #CCD0D6;float:left;margin-left:12px;width:697px;}
#left .box1 h1 {font-family:'times new roman',times,serif;font-size:4em;font-weight:normal;letter-spacing:1px;line-height:64%;margin:0;padding-top:21px;width:420px;}
#left .box1 h1 a {color:#000000;text-decoration:none;}
#left .box1 h1 a:hover {color:#777;}
#left .box2 {float:left;width:709px;}
#left .box3 {float:left;width:709px;padding-top:20px;}
#left .box3 .post {float:left;width:709px;}
#left .box3 .post .title {display:block;}
#left .box3 .post .title a {font-size:20px;}
#left .box3 .post .title a:hover {color:#777;}
#left .box3 .left {float:left;margin-right:10px;}
#left #post .title {display:block;}
#left #post .title h2 {color:#000;font-size:20px;}

#right .box1 {float:left;height:50px;padding-left:39px;width:250px;}
#right .box1 li {margin-bottom:5px;width:204px;}
#right .box li a:hover {color:#0D1117;}
#right .box1 .item_1 a {background:url("i/yh-blog2.png") no-repeat scroll 0 0 transparent;border:medium none;display:block;height:40px;text-indent:-9999px;width:84px;}
#right .box1 a, #left .box3 .content a {background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #CCD0D6;color:#34425B;font-size:15px;}

#right .box2 {float:left;margin-left:40px;margin-top:25px;width:250px;}
#right .box2 input {background:none repeat scroll 0 0 #F6F6F7;border:1px solid #9CA1A8;font-family:'times new roman',times,serif;font-size:1.3em;line-height:normal;padding:0.3em 0.2em;}
#right .box2 li {margin-bottom:5px;}
#right .box3 {float:left;margin-top:10px;width:250px;}
#right .box3 .title {display:block;font-family:'times new roman',times,serif;font-size:1.5em;font-weight:bold;letter-spacing:1px;line-height:133%;margin:0 0 0.1em;padding-left:37px;}
#right .box3 li a {background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #CCD0D6;color:#34425B;display:inline;font-size:14px;margin-left:39px;}
#right .box4 {border-bottom:1px solid #CCCCCC;float:left;height:37px;margin-top:15px;padding-left:39px;width:186px;}
#right .box4 .rss {background-position:right center;background:url("i/rss.png") no-repeat scroll right center transparent;font-family:arial;font-size:20px;font-weight:bold;height:37px;margin-right:19px;color:#34425B;display:block;float:left;text-indent:0;width:192px;}

#post .title h2 {color:#695F74;font-size:21px;font-weight:normal;margin-bottom:10px;padding:0;}
.content p {color:#646464;font-size:14px;line-height:1.3em;margin-bottom:12px;}
.content p img {margin-right:8px;}
#post .comments {margin-top:50px;float:left;}
#new_comment div {margin-bottom:27px;}
#new_comment label {color:#666666;font-size:18px;padding-left:5px;}
#new_comment input {border:1px solid #E6E6E6;float:right;font:18px Arial,Helvetica,sans-serif;margin-right:353px;padding:2px;width:220px;}
.simple_captcha .simple_captcha_label {font-size:12px;}
.simple_captcha, .simple_captcha div {display:table;margin-bottom:0 !important;}
.simple_captcha .simple_captcha_field input {background-color:#EFEFEF;border:medium none;font-size:16px;width:150px !important;}
.simple_captcha .simple_captcha_field {border:medium none !important;}
#comment_submit {float:left !important;margin-bottom:7px;margin-left:8px;}
#new_comment input {border:1px solid #E6E6E6;float:right;font:100% Arial,Helvetica,sans-serif;margin-right:353px;padding:2px;width:220px;}
#new_comment input:focus, #new_comment textarea:focus {border:1px solid #CC0000;}
#comment_comment {padding:3px;}
.count {color:#666666;display:block;float:right;height:26px;margin-right:7px;margin-top:-31px;padding-left:77px;padding-top:5px;position:relative;width:153px;}
#category .post .comments {display:none;}
#post .content img {margin-right:8px;}
blockquote{border:3px solid #ccc;padding:10px;font-family:comic sans; font-size:13px;color:#646464;}