/* =============================================================================
   Base
   ========================================================================== */

body { }

a:hover {text-decoration: none}

/* =============================================================================
   Header
   ========================================================================== */

#banner { }

/* Fixed Topbar Navigation */
body { padding-top: 60px; }
body.admin-bar .navbar-fixed-top { top: 28px; }

#logo h1 {width: 600px; background: url(../img/logo.png) no-repeat left top; height: 106px; padding: 30px 0 30px 270px; font-size: 3.5em; line-height: 1.05em}
#logo h1 span.one {color: #445400}
#logo h1 span.two {color: #8A916E}
#logo div {float: right; margin-top: 20px}
#logo div a {display: block; background-color: #8A916E; padding: 5px}

/* Menu */

.navbar .nav {float: right}
.navbar .nav > li > a {color: #fff}

/* =============================================================================
	Front page
   ========================================================================== */

#fpMenu {margin-bottom: 30px; margin-top: 15px}
#fpMenu div div {border: 1px solid #8A916E; border-radius: 15px;}
#fpMenu a { 
	display: block; 
	height: 205px; 
	padding: 6px 10px 0; 
	font-size: 1.5em;
	color: #445400;
	text-align: center;
	}
#fpMenu a:hover {opacity: 0.8}
#fpMenu .one a {background: url(../img/fp_community.png) no-repeat center 30px}
#fpMenu .two a {background: url(../img/fp_about.png) no-repeat center 30px}
#fpMenu .three a {background: url(../img/fp_hui.png) no-repeat center 30px}
#fpMenu .four a {background: url(../img/fp_real.png) no-repeat center 30px}

#latestBlog {background-color: #DDE9AF; border-radius: 15px; padding: 20px; min-height: 330px;}

#projects a {padding-bottom: 10px; display: block}

/* =============================================================================
   Content
   ========================================================================== */

#content { }

/* Map */
#cm_map img { max-width: none; } /* important for gmaps */
#cm_map h4 {
	font-size: 1.4em;
  margin-bottom: 10px;
  margin-right: 20px;
	}
#cm_map h4 a {text-decoration: underline}
#cm_map b {font-size: 0.8em; font-weight: bold}
#cm_sidebarDIV {padding: 10px}

/* =============================================================================
   Primary Content
   ========================================================================== */

#main { }



/* =============================================================================
   Sidebar
   ========================================================================== */

#sidebar { }

#member {
	background-color: #DDE9AF;
	border-radius: 15px 15px 15px 15px;
	padding: 20px 20px 10px;
	margin-bottom: 20px;
	}
#member  .login-username input, #member  .login-password input {width: 100%}
#member #rememberme {float: left; margin-right: 10px}
#member #wp-submit {width: 100%;}
#member  .lost-password {font-size: 13px; margin: 0}

.well {border: 0px; padding: 0; background-color: #fff; box-shadow: none}
.well article {
	border: 2px solid #DDE9AF;
	padding: 17px;
	border-radius: 15px;
	margin-bottom: 20px;
	}

/* =============================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry h2 a { text-decoration: none; }
.hentry time { display: block; }
.hentry p.byline { }
.hentry footer { clear: both; }



/* =============================================================================
   Post Comments
   ========================================================================== */

#comments, #respond, #submit { clear: both; display: block; }
ol.commentlist img.avatar { float: left; margin-right: 10px; }



/* =============================================================================
   Footer
   ========================================================================== */

#content-info {
  margin-top: 45px;
  padding: 35px 0 36px;
  border-top: 1px solid #e5e5e5;
}

#content-info p small { font-size: 13px; }

/* =============================================================================
   Comments
   ========================================================================== */

#comments {float: left}
#comments, #respond {margin-left: 10px}
#comments h3 {margin-bottom: 15px;}

#comments-title {
     color: #666666;
     font-size: 10px;
     font-weight: 500;
     line-height: 2.6em;
     padding: 0pt 0pt 2.6em;
     text-transform: uppercase;
}

.nopassword, .nocomments {
     color: #AAAAAA;
     font-size: 24px;
     font-weight: 100;
     margin: 26px 0pt;
     text-align: center;
}

.commentlist {
     list-style: none outside none;
     margin: 0 0 0 100px;
}

.content .commentlist, .page-template-sidebar-page-php .commentlist {
     width: 100%;
}

.commentlist > li.comment {
     background: none repeat scroll 0% 0% #F6F6F6;
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #DDDDDD;
     margin: 0pt 0pt 1.625em;
     padding: 1.625em;
     position: relative;
}

.commentlist .pingback {
     margin: 0pt 0pt 1.625em;
     padding: 0pt 1.625em;
}

.commentlist .children {
     list-style: none outside none;
     margin: 0pt;
}

.commentlist .children li.comment {
     background: none repeat scroll 0% 0% #FFFFFF;
     border-left: 1px solid #DDDDDD;
     border-radius: 0pt 3px 3px 0pt;
     margin: 1.625em 0pt 0pt;
     padding: 1.625em;
     position: relative;
}

.commentlist .children li.comment .fn {
     display: block;
}

.comment-meta .fn {
     font-style: normal;
}

.comment-meta {
     color: #666666;
     font-size: 12px;
     line-height: 2.2em;
}

.commentlist .children li.comment .comment-meta {
     line-height: 1.625em;
     margin-left: 50px;
}

.commentlist .children li.comment .comment-content {
     margin: 1.625em 0pt 0pt;
}

.comment-meta a {
     font-weight: bold;
}

.comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover {
    
}

.commentlist .avatar {
     border-radius: 3px 3px 3px 3px;
     box-shadow: 0pt 1px 2px #CCCCCC;
     left: -102px;
     padding: 0pt;
     position: absolute;
     top: 0pt;
}

.commentlist > li:before {
     content: url("images/comment-arrow.png");
     left: -21px;
     position: absolute;
}

.commentlist > li.pingback:before {
     content: "";
}

.commentlist .children .comment-author {
   height: 50px;
}

.commentlist .children .avatar {
     background: none repeat scroll 0% 0% transparent;
     box-shadow: none;
     position: relative;
     padding: 0pt;
     left: 0;
     height: 50px;
     width: 50px;
}

a.comment-reply-link {
     background: none repeat scroll 0% 0% #EEEEEE;
     border-radius: 3px 3px 3px 3px;
     color: #666666;
     display: inline-block;
     font-size: 12px;
     padding: 0pt 8px;
     text-decoration: none;
}

a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active {
     background: none repeat scroll 0% 0% #888888;
     color: #FFFFFF;
}

a.comment-reply-link > span {
     display: inline-block;
     position: relative;
     top: -1px;
}

.commentlist > li.bypostauthor {
     background: none repeat scroll 0% 0% #DDDDDD;
     border-color: #D3D3D3;
}

.commentlist > li.bypostauthor .comment-meta {
     color: #575757;
}

.commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover {
    
}

.commentlist > li.bypostauthor:before {
     content: url("images/comment-arrow-bypostauthor.png");
}

.commentlist .children > li.bypostauthor {
     background: none repeat scroll 0% 0% #DDDDDD;
     border-color: #D3D3D3;
}

.page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback {
     margin-left: 102px;
     width: auto;
}

.page-template-sidebar-page-php #respond {
     width: auto;
}

#respond {
     background: none repeat scroll 0% 0% #DDDDDD;
     border-radius: 3px 3px 3px 3px;
     border: 1px solid #D3D3D3;
     margin: 20px auto 1.625em;
     padding: 1.625em;
     position: relative;
     clear: both;
}

#respond input[type="text"], #respond textarea {
     background: none repeat scroll 0% 0% #FFFFFF;
     border-radius: 5px 5px 5px 5px;
     border: 4px solid #EEEEEE;
     box-shadow: 0pt 1px 3px rgba(204, 204, 204, 0.95) inset;
     padding: 10px;
     position: relative;
}

#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {
     position: relative;
}

#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {
     background: none repeat scroll 0% 0% #EEEEEE;
     box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
     color: #555555;
     display: inline-block;
     font-size: 13px;
     left: 4px;
     min-width: 60px;
     padding: 4px 10px;
     position: relative;
     top: 40px;
     z-index: 1;
}

#respond input[type="text"]:focus, #respond textarea:focus {
     text-indent: 0pt;
     z-index: 1;
}

#respond textarea {
     resize: vertical;
     width: 95%;
}

#respond .comment-form-author .required, #respond .comment-form-email .required {
     color: #BD3500;
     font-size: 22px;
     font-weight: bold;
     left: 75%;
     position: absolute;
     top: 45px;
     z-index: 1;
}

#respond .comment-notes, #respond .logged-in-as {
     font-size: 13px;
}

#respond p {
     margin: 10px 0pt;
}

#respond .form-submit {
     float: right;
     margin: -20px 0pt 10px;
}

#respond input#submit {
     background: none repeat scroll 0% 0% #222222;
     border-radius: 3px 3px 3px 3px;
     border: medium none;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
     color: #EEEEEE;
     cursor: pointer;
     font-size: 15px;
     left: 30px;
     margin: 20px 0pt;
     padding: 5px 42px 5px 22px;
     position: relative;
     text-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.3);
}

#respond input#submit:active {
     background: none repeat scroll 0% 0% #1982D1;
     color: #BFDDF3;
}

#respond #cancel-comment-reply-link {
     color: #666666;
     margin-left: 10px;
     text-decoration: none;
}

#respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover {
     text-decoration: underline;
}

.commentlist #respond {
     margin: 1.625em 0pt 0pt;
     width: auto;
}

#reply-title {
     color: #373737;
     font-size: 24px;
     font-weight: bold;
     line-height: 30px;
}

#cancel-comment-reply-link {
     color: #888888;
     display: block;
     font-size: 10px;
     font-weight: normal;
     letter-spacing: 0.05em;
     line-height: 2.2em;
     position: absolute;
     right: 1.625em;
     text-decoration: none;
     text-transform: uppercase;
     top: 1.1em;
}

#cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover {
     color: #FF4B33;
}

#respond label {
     line-height: 2.2em;
}

#respond input[type="text"] {
     display: block;
     height: 24px;
     width: 75%;
}

#respond p {
     font-size: 12px;
}

p.comment-form-comment {
     margin: 0pt;
}

.form-allowed-tags {
     display: none;
}

.subscribe-to-comments input[type="checkbox"] {
    float: left;
    margin: 7px;
}

.entry-content {padding-bottom: 20px;}
.entry-content p {font-size: 1.3em; line-height: 1.3em}
.entry-content img { border-radius: 5px}

#category_links {
  background-color: #990000;
  border-radius: 7px;
  height: 38px;

  margin-bottom: 20px;
  font-size: 14px;
}

#category_links form {
  float: right;
  margin: 7px;
}

#category_links h3 {
  width: 250px;
  color: #fff;
  margin: 7px 0 0 7px;
  line-height: 38px;

  font-size: 14px;
  padding: 0;
}


/* =============================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { margin: 0 20px 20px 0; float: left; }
.alignright { margin: 0 0 20px 20px; float: right; }


/* =============================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 980px) {
  /* Fix top padding when using the responsive grid with the fixed topbar */
  body {
    padding-top: 0;
  }
}