/* 
Theme Name: HCCM in stripes
Theme URI: http://hotchocolatecaramelmocha.com/
Version: 3.0
Author: Gisele Jaquenod
Author URI: http://www.giselejaquenod.com.ar/blog/
*/

body {
  background: #f6edc2 url('images/bg.png') repeat center top;
  margin: 0px;
  padding: 0px;
  color: #333333;
  font-family: Georgia;
  font-size: 13px;
}
a:link, a:visited {
  color: #C70000;
  text-decoration:none;
}
a:hover {
  color: #ed1c24;
  text-decoration: underline;
}
img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
a:img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
form {
  margin: 0;
  padding: 0;
}
ul, ol {
  margin: 5px 0px 15px 25px;
  padding: 0px;
}
ul li, ol li {
  margin: 5px 0px;
  padding: 0px;
}
blockquote { 
  padding: 3px 8px;
  margin: 5px 5px 5px 20px;
  background: #fff9da;
  font-style: italic;
}

/* Layout */

#wrapper {
  width: 960px;
  margin: 0 auto;
  padding: 0px 0px 10px 0px;
}
#header {
  width: 960px;
  height: 380px;
  margin: 0px;
  padding: 0px;
  background: url('images/header_bg.png') no-repeat center top;
}
#header #topnav {
  width: 660px;
  clear: both;
  height: 125px;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
}
#header #topnav #menu {
  margin: 0px;
  padding: 0px;
  float: left;
}
#header #topnav #menu img {
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}
#header-in {
  width: 660px;
  padding: 0px; 
  margin: 0px;
  float: left;
  clear: both;
  text-align: center;
}
#header-in #logo {
  padding: 0px; 
  margin: 0px;
  clear: both;
}
#container { 
  width: 960px;
  padding: 0px;
  margin: 0px;
  float: left;
  clear: both;
}

/* Main */

#left {
 float: left; 
  width: 660px;
  margin: 0px;
  padding: 0px;
}
#content {
  background: #fff;
  width: 660px;
  padding: 30px 0px 0px 0px;
  margin: 0px;
  clear: both;
}
h1 { 
  font-size: 19px; 
  font-weight: normal;
  color: #392218;
  letter-spacing: -1px;
  margin: 0px 25px;
  padding: 5px 0px;
  text-align: left;
  border-bottom: 1px solid #392218;
}
h2 {
  font-size: 24px; 
}
h3 {
  font-size: 18px; 
}
h4 {
  font-size: 16px; 
}
h5 {
  font-size: 14px; 
}
h6 {
  font-size: 16px; 
}
.post { 
  padding: 0px 0px 25px 0px;
  margin: 0px;
  line-height: 19px;
}
.post #title {
  background: url(images/title_bg.png) no-repeat left top;
  padding: 5px 25px 0px 65px;
  margin: 5px 0px;
}
h2.post-title {
  font-size: 25px;
  letter-spacing: -1px;
  color: #C1272D;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-weight: normal;
  line-height: 30px;
}
h2.post-title a {
  color: #C1272D;
}
#posttime { 
  color: #666; 
  font-size: 11px;
  font-style: italic;
  font-family: Georgia;
  padding: 0px;
  margin: 0px;
  height: 20px;
}
#posttime a { 
  color: #666;
}
.entry { 
  padding: 0px 25px;
  margin: 0px;
}
.entry img {
  border: 0px;
  margin: 3px;
  padding: 0px;
}
.entry h4 {
  margin: 2px 0px;
  letter-spacing: -1px;
  color: #603813;
  padding: 0px;
  line-height: normal;
}
#postmeta {
  background: url('images/comments_bg.png') no-repeat right top;
  height: 46px;
  clear: both;
  padding: 0px 25px 0px 0px;
  margin: 10px 0px;
  font-size: 15px;
  font-style: italic;
  text-align: right;
  line-height: 46px;
  color: #fff;
}
#postmeta a {
  color: #fff;
}


/* Lists */

.post ul { 
  margin: 0px; 
  padding: 4px 0px 4px 15px; 
}
.post ul li { 
  margin: 1px 0px;
  padding: 0px 0px 0px 5px;
}
.post ul.archive { 
  margin: 0px; 
  padding: 0px;
  list-style: none;
}
.post ul.archive li { 
  margin: 1px 0px;
  padding: 5px;
  background: #f6edc2; 
}
.post ol {
  margin: 0; 
  padding: 0 0 0 25px; 
}
.post ol li {
  margin: 1px 0;
  padding: 0; 
}

/* Navigation */

#navigation {
  background: #c69c6d;
  clear: both;
  text-align: center;
  font-size: 14px;
  margin: 5px 0px 0px 0px;
  color: #fff;
  padding: 10px;
}
#navigation a {
  color: #fff;
}

/* Captions & aligment */

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.wp-caption {
  text-align: center;
  margin: 3px;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 3px 0px;
  text-align: center;
  color: #707d77;
  margin: 0;
}

/* Comments */

#comments-template { 
  padding: 20px 25px 10px 25px;
  margin: 0px;
  border-top: 1px dashed #f4e8b1;
}
#comments-template h3 { 
  font-size: 20px;
  color: #C1272D;
  margin: 0px;
  padding: 10px 0px;
  border-bottom: 1px solid #C1272D;
  clear: both;
  font-weight: normal;
  letter-spacing: -1px;
}
#comments-template ol { 
  list-style-type: none; 
  margin: 0; 
  padding: 0; 
  clear: both;
}
#comments-template p {
  margin: 4px 0px;
  padding: 0px;
}
#comments-template p.author {
  font-size: 15px;
  color: #C1272D;
}
#comments-template p.author strong {
  color: #C1272D;
  font-weight: normal;
}
#comments-template p.date {
  font-size: 10px;
  color: #666;
}
#comments-template .commentmetadata {
  padding: 0px;
  margin: 0px;
}
#comments-template .avatar {
  margin: 0px 2px;
  padding: 2px;
  border: 1px solid #ffffff;
  float: right;
}
#comments-template ol li {
  margin: 0px; 
  padding: 4px 8px; 
  background: #fff9dd;
  clear: both;
  border-bottom: 1px dashed #ffec97;
}
#comments-template ol li.alt {
  background: #fffced; 
}
#comments-template ol li.author {
  background: #ffe776; 
}
#comments-template legend { 
  border: none; 
}
#comments-template textarea { 
  padding: 5px;
  margin: 5px 0px; 
  background: #f8f8f8;
  width: 450px;
  border: 1px solid #f5f5f5;
}
#comments-template input { 
  margin: 2px;
  padding: 4px;
  background: #f8f8f8;
  font-size: 11px;
  border: 1px solid #f5f5f5;
}
#comments-template input.submitcomment, #comments-template input.resetcomment { 
  background: #392218;
  width: 90px;
  color: #fff;
  font-size: 12px;
}

/* Sidebars */

#sides {
  width: 300px; 
  float: right;
  margin: 0px;
  padding: 0px;
  background: url('images/sidebar_bg.png') repeat;
  color: #fff;
}
#sides a {
  color: #fff;
}
#sides-top {
  background: url('images/side_top.png') no-repeat;
  width: 300px;
  float: left;
  clear: both;
  margin: 0px;
  padding: 43px 0px 0px 0px;
}
#sides-top #rss {
  margin: 0px auto;
  padding: 0px;
  clear: both;
  text-align: center;
}
#sides-top #rss img {
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}
#sidebar {
  width: 270px;
  margin: 0px;
  padding: 10px 15px 25px;
  font-size: 12px;
}
#sidebar h2 {
  font-size: 17px;
  letter-spacing: -1px;
  color: #ffffff;
  margin: 5px 0px;
  padding: 25px 25px 0px 40px;
  line-height: normal;
  font-weight: normal;
  background: url(images/side_h2.png) no-repeat left top;
  height: 35px;
}
#sidebar ul { 
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#sidebar ul li {
  padding: 5px;
  margin: 1px 0px;
  background: #58351e;
}
#sidebar ul li ul { 
  margin: 0px; 
  padding: 0px; 
  border: none; 
}

/* Search */

#topnav #search {
  wdth: 151px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  float: left;
}
#topnav #sform {
  margin: 0px;
  padding: 0px;
  clear: both;
}
#topnav #sform fieldset {
  border: 0px;
  padding: 0px;
  margin: 0px;
}
#topnav #sform form {
  border: 0px;
  padding: 0px;
  margin: 0px;
}
#topnav #sform fieldset#searchform {
  background: url('images/menu07.png') no-repeat;
  wdth: 151px;  
  height: 35px;
  margin: 0px;
  padding: 15px 0px 0px 0px;  
}
#topnav #sform .searchterm {
  width: 95px;
  padding: 3px 10px;
  background: transparent;
  border: 0px;
  color: #333;
  float: left;
  font-size: 12px;
  font-style: italic;
  font-family: Georgia;
}
#topnav #sform .searchbutton {
  float: left;
  background: transparent;
  padding: 0px;
  margin: 0px;
  height: 25px;
  width: 25px;
  border: 0px;
}

/* Footer */

#footer {
  width: 660px;
  height: 53px;
  float: left;
  clear: both;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  background: url('images/footer_bg.png') no-repeat center bottom;
  text-align: center;
  font-size: 11px;
  font-style: italic;
  color: #fff;
}	
#footer a {
  color: #fff;
}	
#footer-left {
  padding: 15px 15px 0px 25px;
  margin: 0px;
  float: left;
}
#footer-left p { 
  margin: 0px;
  padding: 0px;
}
#totop {
  float: right;
  margin: 0px;
  padding: 0px 25px 0px 0px;
  line-height: 0px;
  height: 53px;
}
#footer img {
  border: 0px;
  margin: 0px;
  padding: 0px;
  display: block;
  line-height: 0px;
}

/* Custom titles */

#sidebar #text-458383971 h2, #sidebar #text-458383961 h2 , #sidebar #text-458383973 h2, #sidebar #text-458383972 h2, #sidebar #categories-432873431 h2, #sidebar #archives-2 h2, #sidebar #recent-posts-3 h2 { 
  font-size: 0px;
  color: transparent;
  width: 270px;
  height: 60px;
  margin: 10px 0px;
  padding: 0px;
}
#sidebar #text-458383971 h2, #sidebar #text-458383961 h2 {
  background: url(images/h2_ad.png) no-repeat left top!important;
}
#sidebar #text-458383973 h2 {
  background: url(images/h2_tweet.png) no-repeat left top!important;
}
#sidebar #text-458383972 h2 {
  background: url(images/h2_flickr.png) no-repeat left top!important;
}
#sidebar #categories-432873431 h2 {
  background: url(images/h2_cat.png) no-repeat left top!important;
}
#sidebar #archives-2 h2{
  background: url(images/h2_archives.png) no-repeat left top!important;
}
#sidebar #recent-posts-3 h2{
  background: url(images/h2_recent.png) no-repeat left top!important;
}
#sidebar #archives-2 {
  text-align: center;
}