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

body {
  background: #603813 url('images/bg.png') repeat;
  margin: 0px;
  padding: 0px;
  color: #333333;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
a:link, a:visited {
  color: #DB2A37;
  text-decoration:none;
}
a:hover {
  color: #ff2636;
  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: #fff47e;
  font-style: italic;
}

/* Layout */


#all {
  background: url('images/bg_top.png') repeat-x center top;
  width: 100%;
  margin: 0px;
  padding: 0px;
  float: left;
}
#wrapper {
  width: 960px;
  margin: 0 auto;
  padding: 0px 0px 10px 0px;
}
#header {
  width: 960px;
  height: 310px;
  margin: 0px;
  padding: 0px;
  background: url('images/header_bg.png') no-repeat center top;
}
#header #topnav {
  width: 960px;
  clear: both;
  height: 35px;
  margin: 0px;
  padding: 0px;
}
#header #logo {
  height: 105px;
  width: 315px;
  padding: 0px; 
  margin: 0px;
  float: left;
  clear: both;
}
#header #ads {
  clear: both;
  padding: 75px 0px 0px 0px;
  text-align: center;
  margin: 0px;
}
#container { 
  width: 960px;
  padding: 0px;
  margin: 0px;
  float: left;
  clear: both;
}

/* Main */

#left {
  float: left; 
  width: 660px;
  margin: 0px;
  padding: 0px;
}
#content {
  background: #fff url('images/main_top.png') no-repeat center top;
  width: 660px;
  padding: 30px 0px 0px 0px;
  margin: 0px;
  clear: both;
}
h1 { 
  font-size: 19px; 
  font-weight: normal;
  color: #DB2A37;
  letter-spacing: -1px;
  margin: 0px 25px;
  padding: 5px 0px;
  text-align: left;
  border-bottom: 1px solid #DB2A37;
}
h2 {

  font-size: 24px; 

}

h3 {

  font-size: 18px; 

}

h4 {

  font-size: 16px; 

}

h5 {

  font-size: 14px; 

}

h6 {

  font-size: 16px; 

}

.post { 

  border-bottom: 2px dashed #D8D8D8;

  padding: 0px 0px 25px 0px;

  margin: 0px;

  line-height: 18px;

}

h2.post-title {

  font-size: 28px;

  letter-spacing: -1px;

  color: #DB2A37;

  margin: 0px;

  padding: 10px 25px 10px 25px;

  font-weight: normal;

  line-height: normal;

}

h2.post-title a {

  color: #DB2A37;

}

#posttime { 

  color: #fff; 

  background: url('images/date_bg.png') repeat-x center top;

  height: 18px;

  padding: 5px 25px;

  font-size: 11px;

}

#posttime a { 

  color: #fff47e;

}

.entry { 

  padding: 0px 25px;

  margin: 0px;

}



/* 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: #fff1c1; 

}

.post ol {

  margin: 0; 

  padding: 0 0 0 25px; 

}

.post ol li {

  margin: 1px 0;

  padding: 0; 

}

.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/comm.png') no-repeat right top;

  height: 22px;

  clear: both;

  padding: 0px 40px 0px 0px;

  margin: 10px 25px;

  font-size: 14px;

  letter-spacing: 1px;

  font-weight: bold;

  text-align: right;

  text-transform: uppercase;

}



/* Navigation */



#navigation {

  clear: both;

  text-align: center;

  font-size: 14px;

  margin: 5px 0px 0px 0px;

  padding: 8px;

  font-weight: bold;

  text-transform: uppercase;

}



/* 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: 10px 25px;

  margin: 0px;

}

#comments-template h3 { 

  font-size: 18px;

  background: #DB2A37;

  letter-spacing: -1px;

  color: #ffffff;

  margin: 10px 0px;

  padding: 5px;

  font-weight: normal;

  line-height: normal;

  clear: both;

}

#comments-template ol { 

  list-style-type: none; 

  margin: 0px 0px 20px 0px; 

  padding: 0px; 

  clear: both;

}

#comments-template .commentmetadata {

  font-size: 13px;

  padding: 3px 0px;

}

#comments-template .avatar {

  margin: 2px;

  padding: 2px;

  border: 1px solid #ffefad;

  float: right;

}

#comments-template ol li .thecomment {

  margin: 0px 0px 2px 0px; 

  padding: 2px 6px; 

  background: #fff8da;

  clear: both;

}

#comments-template ol li.alt .thecomment {

  background: #fff4c7; 

}

#comments-template fieldset { 

  border: none; 

}

#comments-template legend { 

  border: none; 

}

#comments-template textarea { 

  padding: 5px;

  margin: 5px 0px; 

  border: 1px solid #fbd231; 

  background: #fff4c7; 

  width: 450px;

}

#comments-template input { 

  margin: 2px;

  padding: 4px;

  background: #603813;

  color: #ffffff;

  font-size: 11px;

  border: 1px solid #db2a37; 

}

#comments-template input.submitcomment, #comments-template input.resetcomment { 

  width: 80px; 

}

#comments-template .commentfooter {

  font-size: 10px;

  text-align: right;

}

#comments-template .comment-toolbar {

  clear: both;

}



/* Sidebars */

#sides {
  width: 300px; 
  float: right;
  margin: 0px;
  padding: 0px;
  background: url('images/side_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: 15px 0px 0px 0px;
}
#sides-top #rss {
  margin: 0px auto;
  padding: 0px;
  clear: both;
  text-align: center;
}
#sides-top #rssmail {
  width: 250px;
  background: url('images/rssemail.png') no-repeat center top;
  float: left;
  clear: both;
  padding: 50px 25px 0px 25px; 
  line-height: 15px;
  margin: 0px 0px 15px 0px;
}
#sides-top #rssmail form {
  padding: 5px 0px;
  margin: 0px;
  line-height: 15px;
}
#sides-top #rssmail p {
  margin: 3px 0px;
  padding: 0px;
} 
#sidebar {
  width: 260px;
  margin: 0px;
  padding: 10px 20px;
  font-size: 11px;
}
#sidebar h2 {
  font-size: 17px;
  letter-spacing: -1px;
  color: #f1c75b;
  margin: 5px 0px;
  padding: 5px 0px;
  line-height: normal;
  font-weight: bold;
  border-bottom: 1px solid #f1c75b;
}
#sidebar ul { 
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#sidebar ul li {
  padding: 5px;
  margin: 1px 0px;
  background: #65411e;
}
#sidebar ul li ul { 
  margin: 0px; 
  padding: 0px; 
  border: none; 
}

/* Search */

#search {
  height: 74px;
  background: url('images/search_bg.png') no-repeat center 10px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  clear: both;
}

#sform {

  margin: 0px;

  padding: 0px 20px;

  clear: both;

}

#sform fieldset {

  border: 0px;

  padding: 0px;

  margin: 0px;

}

#sform form {

  border: 0px;

  padding: 0px;

  margin: 0px;

}

#sform fieldset#searchform {

  background: url('images/searchform.png') no-repeat;

  height: 38px;

  margin: 0px;

  padding: 0px;  

}

#sform .searchterm {

  width: 190px;

  padding: 10px;

  background: transparent;

  border: 0px;

  color: #333;

  float: left;

}

#sform .searchbutton {

  float: right;

  background: transparent;

  padding: 0px;

  margin: 0px;

  height: 37px;

  width: 45px;

  border: 0px;

}

#mainsearch {

  width: 300px;

  background: #754c24 url('images/search_bg.png') no-repeat center 10px;

  clear: both;

  border: 0px;

  padding: 0px;

  margin: 0px auto;

}

#mainsearch h2 {

  color: #f6da7f;

  padding: 5px 0px;

  margin: 5px 0px;

  border-bottom: 1px solid #f6da7f;

}

#mainsearch #sform fieldset#searchform {

  background: url('images/searchform.png') no-repeat;

  height: 38px;

  margin: 0px;

  padding: 0px;  

}

#mainsearch #sform .searchterm {

  width: 190px;

  padding: 10px;

  background: transparent;

  border: 0px;

  color: #333;

  float: left;

}

#mainsearch #sform .searchbutton {

  float: right;

  background: transparent;

  padding: 0px;

  margin: 0px;

  height: 37px;

  width: 45px;

  border: 0px;

}



/* Footer */



#footer {

  width: 660px;

  height: 75px;

  float: left;

  clear: both;

  margin: 0px;

  padding: 0px;

  background: #fff url('images/footer_bg.png') no-repeat center bottom;

  text-align: center;

  font-size: 10px;

  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

  color: #666666;

}	

#footer-left {

  padding: 10px 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: 75px;

}

#footer img {

  border: 0px;

  margin: 0px;

  padding: 0px;

  display: block;

  line-height: 0pz;

}



/* Bottom */



#bottom {

  width: 100%;

  background: #754c24;

  padding: 0px;

  margin: 20px 0px 0px 0px;

  float: left;

  clear: both;

}

#bottom-sidebars {

  width: 960px;

  padding: 0px;

  margin: 0px auto;

  clear: both;

  text-align: center;

}

#bottom-sidebars a {

  color: #f7df88!important;

}

#bottom-sidebars #side2 {

  width: 300px;

  padding: 0px 10px;

  margin: 0px;

  float: left;

}

#bottom-sidebars #side3 {

  width: 300px;

  padding: 20px 10px 0px 10px;

  margin: 0px;

  float: left;

}

#bottom-sidebars #side4 {

  width: 300px;

  padding: 20px 10px 0px 10px;

  margin: 0px;

  float: right;

}

#bottom-sidebars #side2 h2, #bottom-sidebars #side3 h2, #bottom-sidebars #side4 h2 {

  font-size: 17px;

  color: #f1c75b;

  margin: 5px 0px;

  padding: 5px 0px;

  line-height: normal;

  font-weight: bold;

  border-bottom: 1px solid #f1c75b;

}

/* Tag Menu */



#bottom-sidebars #side2 #categories-432873431 {

  background: url('images/tag_bg.png') repeat-y center top;

  margin: 15px 0px;

  padding: 0px 0px 20px 0px;

  border-bottom: 3px solid #603813;

  text-align: center;

}

#bottom-sidebars #side2 #categories-432873431 h2 {

  font-size: 0px!important;

  line-height: 0px!important;

  margin: 0px!important;

  padding: 0px!important;

  color: transparent!important;

  border: 0px!important;

}

#bottom-sidebars #side2 #categories-432873431 ul {

  background: url('images/tag_top.png') no-repeat center top;

  padding: 100px 35px 0px 35px;

  text-align: center;

  list-style: none;

  margin: 0px;

}

#bottom-sidebars #side2 #categories-432873431 ul li {

  text-align: center;

  padding: 3px 0px;

  margin: 0px 30px;

  border-bottom: 1px solid #8f653c;

}