/* 
Copy from "style.css" into this file and make the changes HERE!
This makes it possible to upgrade the core system and theme without destroying your style changes.
*/

/* ********************************************** */
/* Default Styles and Hyperlinks */
/* ********************************************** */

body {background: #cccccc; font: 13px Georgia; line-height: 1.5; color: #AFAE94;}
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: Arial, Helvetica, Sans-serif; color: #000;}
h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0;}

<!-- Beacon Ads Ad Code -->
<script type="text/javascript">
(function(){
  var bsa = document.createElement('script');
     bsa.type = 'text/javascript';
     bsa.async = true;
     bsa.src = '//cdn.beaconads.com/ac/beaconads.js';
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script>
<!-- End Beacon Ads Ad Code -->


/* ********************************************** */
/* Sidebar */
/* ********************************************** */

#sidebar {background: #cccccc; width: 300px; overflow: hidden;}

/* Ads */
#sidebar .ads125 { border: 1px solid #cccccc; padding: 0 0 10px 15px; background: #cccccc; }
.ads125 img  { margin: 15px 14px 0 0; }

/* ********************************************** */
/* Posts, Post-Meta, Breadcrumbs */
/* ********************************************** */

.post {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #303030; border: 1px solid #b0b0b0;}

/* Breadcrumbs */
#breadcrumb, .archive_header {font-family: Helvetica, Arial, sans-serif; display: block; margin: 10px 0; padding: 0 25px; font-size: 18px; font-weight: bold; color: #000;}
#breadcrumb {font-size: 14px; font-weight: normal; padding: 0;}
.archive_header .catrss a {font-size: 14px; text-decoration: none; line-height: 28px;}

/* Post Title */
.post .title {width: 100%; position: relative; margin: 0; padding: 0; color: #00B5A3; font-size: 32px; line-height: 32px;}
.post .title a:link, .post .title a:visited {color: #00B5A3;}
.post .title a:hover {text-decoration: none;}

/* Post Meta */
.post-meta {width: 100%; position: relative; margin: 0 0 15px 0; padding: 0 0 10px 0; color: #000; border-bottom:1px solid #b0b0b0;}
.post-meta .the_author {font-style: italic;}
.post-meta .the_time {}
.post-meta .the_category {}
.post-meta .the_comment_link {}

/* Post Image Thumb */
.post img.attachment-thumbnail {float: left; width: auto; border: 1px solid #b0b0b0; margin: 0 10px 10px 0;}

/* ********************************************** */
/* Default Styles and Hyperlinks */
/* ********************************************** */

@import "css/reset.css";

body {background: #cccccc; font: 14px Georgia, Times, Serif; line-height: 1.5; color: #BCBC96;}
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: Arial, Helvetica, Sans-serif; color: #63C1B6;}
h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0;}

/* URLs and Hyperlinks */
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
a:link, a:visited  { color: #7CD1C6; }
a:hover  {}

/* ********************************************** */
/* Comments */
/* ********************************************** */

#comments {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #303030; border: 1px solid #b0b0b0;}
#comments h3 {margin: 0 0 20px 0;}
#comments .comment {margin-top: 10px; width: 100%; list-style-type: none;}
#comments .comment .comment-container {padding: 10px 0; border-bottom: 1px solid #eee;}
#comments .comment-head {margin: 0 0 15px 0;}

/* Comment Form */
#respond {margin: 15px 0 0 0; padding: 20px 25px 0px; background-color: #303030; border: 1px solid #b0b0b0;}
#comments #respond {padding: 20px 0; margin: 0; border: none;}
#comments #respond h3 {margin-bottom: 0;}
#respond h3 {}

#commentform {margin: 15px 0 20px 0;}
#commentform input.txt {width: 260px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #eee;}
#commentform label {font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold;}
#commentform textarea {width: 95%!important; padding: 5px; border: 1px solid #eee;}
#commentform #submit {background-color: #636363; border: none; margin: 20px 0 0 0; padding: 4px 10px; color: #7CD1C6; text-transform: uppercase; font-size: 12px;}