/* 
Theme Name: L'Oréal Blog
Version: 1.0
*/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins {	text-decoration: none; } del {	text-decoration: line-through; } table { border-collapse: collapse;	border-spacing: 0; }


/* Blog */

body {
  text-align: center;
  background: #000 url(images/bg.jpg) center top repeat-y; 
}

.clear { clear: both; }

.wrapper {
  margin: 0 auto;
  width: 908px;
  text-align: left;
}

p, a, span, h1, h2, h3, h4, h5, h6, input, label, button, textarea, li { font: 12px/17px "Century Gothic", "MS Sans Serif", sans-serif; color: #eaeaea; }


#header {
  float: left;
  width: 100%;
}
#header #header_links {
  float: left;
  width: 100%;
  padding: 35px 0 0;
  height: 97px;
}
#header #header_links #link_home {
  float: left;
  width: 257px;
  height: 72px;
  margin: 0 0 0 -2px;
  background: url(images/link_home.png) no-repeat;
  text-indent: -9999px;   
}
#header #header_links h1 { 
  float: right;
  margin: 13px 10px 0 0;
}
#header #header_links h1 a { 
  float: left;
  width: 311px;
  height: 47px;
  background: url(images/blog_home.png) no-repeat;
  text-indent: -9999px;  
}
#header #header_banner {
  float: left;
  position: relative;
  width: 904px;
  height: 275px;
  background: url(images/header_banner.jpg) no-repeat; 
}
#header #header_banner p { text-indent: -9999px; }
#header #header_banner p { text-indent: -9999px; }
#header #header_banner span {
  display: block;
  position: absolute;
  width: 257px;
  height: 257px;
  top: 15px;
  left: 713px;
  background: url(images/header_banner_swirl.png) no-repeat;   
}

#content {
  float: left;
  width: 100%;  
  background: url(images/content_bg.png) 605px top no-repeat; 
}
#content #main {
  float: left;
  width: 587px;
  padding: 42px 13px 0 4px;
}
#content #main .post {
  float: left;
  width: 100%;
  padding: 0 0 48px;  
}
#content #main .post .postmeta {
  float: left;
  width: 100%;
  height: 32px;
  padding: 1px 0;
  background: url(images/post_meta.png) no-repeat; 
}
#content #main .post .postmeta p {
  float: left;
  font-size: 11px;
  line-height: 32px;
  text-transform: uppercase;
}
#content #main .post .postmeta .share {
  float: right;
  padding: 6px 10px 0 0;
}
#content #main .post .postmeta .share a {
  float: left;
  width: 18px;
  height: 18px;
  background: url(images/share.png) no-repeat;
  text-indent: -9999px;  
  margin: 0 0 0 10px;
}
#content #main .post .postmeta .share a.tw { background-position: -28px 0; } 
#content #main .post h2 {
  float: left;
  width: 100%;
  margin: 7px 0 0;
  padding: 0 0 15px;  
}
#content #main .post h2 a {
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  color: #ff5a76;
  text-decoration: none;
}
#content #main .post .post_content {
  float: left;
  width: 100%;
}
#content #main .post .post_content_tb { float: left; }
#content #main .post .post_content_tb img {
  float: left;
  margin: 0 15px 0 0;
}
#content #main .post .post_content_text { padding-right: 13px; }
#content #main .post .post_content_text p { 
  padding-bottom: 17px;
  text-align: justify; 
}
#content #main .post .post_content_text p a:hover { text-decoration: none; }
#content #main .post .post_content_text p img { display: none; }
#content #main .post .post_content_text p a.more-link { display: none; }

#content #main .post .post_content_text h1, 
#content #main .post .post_content_text h2,
#content #main .post .post_content_text h3,
#content #main .post .post_content_text h4,
#content #main .post .post_content_text h5,
#content #main .post .post_content_text h6 { 
  color: #ed8a9a;
  padding-bottom: 17px;
  text-align: justify;  
}
#content #main .post .post_content_text h1 { font-size: 24px; } 
#content #main .post .post_content_text h2 { font-size: 21px; }
#content #main .post .post_content_text h3 { font-size: 18px; }
#content #main .post .post_content_text h4 { font-size: 16px; }
#content #main .post .post_content_text h5 { font-size: 14px; }

#content #main .post .post_content_text ol, 
#content #main .post .post_content_text ul { padding: 0 0 17px 17px; }
#content #main .post .post_content_text blockquote { padding: 0 17px; }
#content #main .post .post_content_text blockquote p { font-style: italic; }

#content #main .post .post_actions {
  float: left;
  width: 100%;
  padding: 9px 0 0;
}
#content #main .post .post_actions a {
  font-size: 11px;
  line-height: 11px;
  font-style: italic;
  color: #ff5a76;
  text-transform: uppercase;  
}
#content #main .post .post_actions a:hover { text-decoration: none; }
#content #main .post .post_actions a.seguir_leyendo { 
  float: left;
  padding: 8px 0 0; 
}
#content #main .post .post_actions .comments { 
  float: right; 
  background: url(images/comments_balloon.png) right top no-repeat;
  padding: 8px 20px 0 0; 
} 
#content #main .wp-pagenavi { float: right; }
#content #main .wp-pagenavi span, #content #main .wp-pagenavi a { 
  float: left;
  margin: 0 2px;
  padding: 1px 4px; 
  text-decoration: none;
  color: #666;
  border: 1px solid #000;
}
#content #main .wp-pagenavi span.current {
  background: #666;
  color: #ccc;
  border: 1px solid #ccc;
}
#content #main .wp-pagenavi a { border: 1px solid #666; }
#content #main .wp-pagenavi a:hover { 
  border: 1px solid #ccc;
  color: #ccc; 
}
#content #sidebar {
  float: right;
  width: 300px;
  padding: 0 4px 0 0;
} 
#content #sidebar ul { 
  float: left;
  width: 300px;
  list-style: none; 
}
#content #sidebar ul li {
  float: left;
  width: 100%; 
  background: url(images/sidebar_line.png) left bottom no-repeat; 
}
#content #sidebar ul li ul li { 
  background: none;
  float: none; 
}

#footer { 
  float: left;
  width: 100%;
  margin: 34px 0 0;
  padding: 4px 0 0;
  background: url(images/footer_stripe.jpg) center top repeat-x;  
}
#footer_bg {
  float: left;
  width: 100%;
  background: url(images/footer_bg.png) no-repeat;  
}
#footer .wrapper { padding: 10px 0 0; }
#footer ul {
  float: left;
  width: 100%; 
  list-style: none; 
}
#footer ul li { float: left; }


#content #main .singlepost {
  float: left;
  width: 100%;
  padding: 0 0 48px;
}
#content #main .singlepost .postmeta {
  float: left;
  width: 100%;
  height: 32px;
  padding: 1px 0;
  background: url(images/post_meta.png) no-repeat; 
}
#content #main .singlepost .postmeta p {
  float: left;
  font-size: 11px;
  line-height: 32px;
  text-transform: uppercase;
}
#content #main .singlepost .postmeta .share {
  float: right;
  padding: 6px 23px 0 0;
}
#content #main .singlepost .postmeta .share a {
  float: left;
  width: 18px;
  height: 18px;
  background: url(images/share.png) no-repeat;
  text-indent: -9999px;  
  margin: 0 0 0 10px;
}
#content #main .singlepost .postmeta .share a.tw { background-position: -28px 0; } 
#content #main .singlepost h2.title {
  float: left;
  width: 100%;
  margin: 7px 0 0;
  padding: 0 0 15px;  
}
#content #main .singlepost h2 a {
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  color: #ff5a76;
  text-decoration: none;
}
#content #main .singlepost .post_content { padding-right: 13px; }
#content #main .singlepost .post_content p { 
  padding-bottom: 17px;
  text-align: justify; 
}
#content #main .singlepost .post_content p a:hover { text-decoration: none; }
#content #main .singlepost .post_content p img { display: block; }
#content #main .singlepost .post_content p img.alignleft { 
  float: left;
  margin: 0 13px 13px 0; 
}
#content #main .singlepost .post_content p img.alignright { 
  float: right;
  margin: 0 0 13px 13px; 
}
#content #main .singlepost .post_content p a.more-link { display: none; }

#content #main .singlepost .post_content h1, 
#content #main .singlepost .post_content h2,
#content #main .singlepost .post_content h3,
#content #main .singlepost .post_content h4,
#content #main .singlepost .post_content h5,
#content #main .singlepost .post_content h6 { 
  color: #ed8a9a;
  padding-bottom: 17px;
  text-align: justify;  
}
#content #main .singlepost .post_content h1 { font-size: 24px; } 
#content #main .singlepost .post_content h2 { font-size: 21px; }
#content #main .singlepost .post_content h3 { font-size: 18px; }
#content #main .singlepost .post_content h4 { font-size: 16px; }
#content #main .singlepost .post_content h5 { font-size: 14px; }

#content #main .singlepost .post_content ol, 
#content #main .singlepost .post_content ul { padding: 0 0 17px 17px; }
#content #main .singlepost .post_content blockquote { padding: 0 17px; }
#content #main .singlepost .post_content blockquote p { font-style: italic; }


#comments_cont {
  float: left;
  width: 100%;
  background: url(images/main_line.png) no-repeat; 
}
#comments_cont h4#comments {
  float: left;
  width: 100%;
  margin: 7px 0 0;
  padding: 0 0 15px;  
}
#comments_cont ul.commentlist {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0 0 30px;
}
#comments_cont ul.commentlist li {
  float: left;
  width: 100%;
  padding: 10px 0 11px;
  margin-bottom: 20px;
  background: url(images/main_line.png) left bottom no-repeat; 
}
#comments_cont ul.commentlist li img.avatar {
  float: left;
  margin: 0 13px 13px 0;
}
#comments_cont ul.commentlist li .says { display: none; }
#comments_cont ul.commentlist li .comment-author, 
#comments_cont ul.commentlist li .comment-author a {
  color: #ed8a9a;
  font-size: 16px;   
  text-decoration: none;
}
#comments_cont ul.commentlist li .comment-author { 
  height: 17px;
  padding-bottom: 5px; }
#comments_cont ul.commentlist li .comment-meta { height: 51px; }
#comments_cont ul.commentlist li .comment-meta a {
  font-size: 11px;
  color: #999;
}

#respond, 
#respond h3, 
#respond #commentform,
#respond #commentform .form_row, 
#respond #commentform .form_row label,
#respond #commentform #submit_row {
  float: left;
  width: 100%;
}
#respond #commentform .form_row { padding: 0 0 15px; }
#respond #commentform .form_row label { padding: 0 0 5px; }
#respond #commentform .form_row input {
  float: left;
  width: 300px;
  border: 1px solid #666;
  background: #333;
  padding: 0 5px;
  margin: 0;
  height: 25px;  
}
#respond #commentform .form_row label.error { 
  padding: 5px 0; 
  color: #ed8a9a;
  font-size: 11px;  
}

#respond #commentform textarea {
  float: left;
  width: 560px;
  border: 1px solid #66;
  background: #333;
  padding: 5px;
  margin: 10px 0 0;    
}
#respond #commentform #submit_row { padding: 20px 0 0; }
#respond #commentform #submit {
  float: left;
  font-size: 11px;
  text-transform: uppercase;
  width: 69px;
  background: url(images/comment_submit.png) center bottom no-repeat;
  padding: 0;
  margin: 0;
  border: 0;
  height: 25px;
  cursor: pointer; 
}
#respond #commentform #submit.over { color: #ed8a9a; } 

#archive_data {
  float: left;
  width: 557px;
  height: 32px;
  padding: 1px 15px;
  margin: 0 0 30px;
  background: #333 url(images/post_meta.png) no-repeat; 
}
#archive_data p, #archive_data p span {
  font-size: 11px;
  line-height: 32px;
}
#archive_data p span { color: #ed8a9a; }

/* --- NextGen Fix --- */

body #main div.ngg-galleryoverview div.piclenselink 		{ display:none; }
body #main div.ngg-galleryoverview .ngg-gallery-thumbnail 	{ margin:0; }
body #main div.ngg-galleryoverview img 						{ border:0; padding:2px; margin:0 16px 16px 0; }
body #main div.ngg-galleryoverview img:hover				{ background:#e53d61; }
body #main div.ngg-galleryoverview a.thickbox 				{ border:0; }