/*
Theme Name: ChicaChic
Theme URI: http://wordpress.org/
Description: Theme hecho para ChicaChic
Version: 1.0
Author: Edgar Jimenez
Author URI: http://sublime.mx/
Tags: black, custom header, two columns, yellow, green, brown, gold
     http://www.sublime.mx/
	This theme was designed and built by Edgar Jimenez,
	whose blog you will find at http://sublime.mx/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

@import url('reset.css');

/* globals  
--------------------------------------------------------------------- */
html { overflow-y: scroll; }
body { color:#71695a; font:normal 14px/20px 'Georgia', Times New Roman, Times, serif; background: #f0efe7 url(images/bg.jpg); }
a, a:visited, a img { color:#009970; outline:none; border:none; text-decoration:none; font-weight:normal; }
a:hover {  text-decoration:none; color:#423d33; }
h1, h2, h3, h4, p, table, form { margin-bottom:13px; }
.clr { clear:both; height:1%; }
.line { height:1px; margin:20px 0 20px 0; clear:both; background:url(images/line.gif); }
.right { float: right; }
.left { float: left; }
.nomargin-r { margin-right:0; }
.nomargin-l { margin-left:0; }
.fix { zoom: 1 /*ie6/7*/ }
.fix:after { content: ""; height: 0; clear: both; display: block;}


body.page #content_container, body.category #content_container, body.search #content_container { width:960px; float:left; background:#FFF; padding:40px 40px 40px 40px;}
body.page .widecol {width:630px; float:left; }
body.page .post_social {height:30px;}
body.category .widecol, body.search .widecol {width:645px; float:left; }


/* font-face */

@font-face {
    font-family: 'NixieOneRegular';
    src: url('NixieOne-Regular-webfont.eot');
    src: url('NixieOne-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('NixieOne-Regular-webfont.woff') format('woff'),
         url('NixieOne-Regular-webfont.ttf') format('truetype'),
         url('NixieOne-Regular-webfont.svg#NixieOneRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family:"Sacramento";
	src:url("Sacramento-Regular.eot?") format("eot"),
		url("Sacramento-Regular.woff") format("woff"),
		url("Sacramento-Regular.ttf") format("truetype"),
		url("Sacramento-Regular.svg#Sacramento-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
	}

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('gotham-medium-webfont.eot');
    src: url('gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-medium-webfont.woff') format('woff'),
         url('gotham-medium-webfont.ttf') format('truetype'),
         url('gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_bookregular';
    src: url('gotham-book-webfont.eot');
    src: url('gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-book-webfont.woff') format('woff'),
         url('gotham-book-webfont.ttf') format('truetype'),
         url('gotham-book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* button */
a.blue_button { color:#5b95c3; font:normal 14px/36px 'gotham_mediumregular',Arial, Helvetica, sans-serif; padding:8px 20px; height:36px;
	text-decoration:none; position:relative; 
    background: #004779;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#004779) to(#002c4c)); /*old webkit*/
    background: -webkit-linear-gradient(#004779, #002c4c); /*new webkit*/
    background: -moz-linear-gradient(#004779, #002c4c); /*gecko*/
    background: -ms-linear-gradient(#004779, #002c4c); /*IE10*/
    background: -o-linear-gradient(#004779, #002c4c); /*opera 11.10+*/
    background: linear-gradient(#004779, #002c4c); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#004779, #002c4c); /*PIE*/
    /*Border radius*/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    behavior: url(PIE.htc);
}

a.blue_button:hover { text-decoration:none; color:#FFF;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#002c4c) to(#001829)); /*old webkit*/
    background: -webkit-linear-gradient(#002c4c, #001829); /*new webkit*/
    background: -moz-linear-gradient(#002c4c, #001829); /*gecko*/
    background: -ms-linear-gradient(#002c4c, #001829); /*IE10*/
    background: -o-linear-gradient(#002c4c, #001829); /*opera 11.10+*/
    background: linear-gradient(#002c4c, #001829); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#002c4c, #001829); /*PIE*/
}

/* Hedar TOP
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  */
#menu_top { background:#f1cb59; }
#menu_top_content { width:1040px; height:40px; margin:0 auto; text-align:right; font-size:12px; line-height:40px; }
#menu_top_content a { color:#433d33; text-decoration:none; font: normal 11px "gotham_bookregular",  Arial, Helvetica, sans-serif; }
#menu_top_content a:hover { color:#fff; text-decoration:none; }

/* Content
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  */
#content { width:1040px; margin: 0 auto; }

/* Header
--------------------------------------------------------------------- */
#header { height:150px; width:1040px; position:relative;}

.logo { width:425px; height:150px; background:url(images/chicachic.png) no-repeat; position:absolute; top:0; left:0; z-index:200;}
.logo span { display:none; }
.logo a {width:425px; height:150px; display:block;}

ul.social_nav {height:40px; text-align:left; clear:both; list-style-type:none; position:absolute; top:25px; right:0;}
ul.social_nav span {display:none;}
ul.social_nav li {float:left;}
ul.social_nav li a {display: block;height: 40px; margin-left:5px;}
ul.social_nav li a:focus { outline: none;}

li a#item_facebook {width:40px; background: url(images/social.png) no-repeat 0 0;}
a#item_facebook:hover {background:url(images/social.png) no-repeat -0 -40px;}

li a#item_twitter {width:40px; background:url(images/social.png) no-repeat -40px 0;}
a#item_twitter:hover {background:url(images/social.png) no-repeat -40px -40px;}

li a#item_pinterest {width:40px; background:url(images/social.png) no-repeat -80px 0;}
a#item_pinterest:hover {background:url(images/social.png) no-repeat -80px -40px;}

li a#item_instagram {width:40px; background:url(images/social.png) no-repeat -120px 0;}
a#item_instagram:hover {background:url(images/social.png) no-repeat -120px -40px;}

li a#item_youtube {width:40px; background:url(images/social.png) no-repeat -160px 0;}
a#item_youtube:hover {background:url(images/social.png) no-repeat -160px -40px;}

li a#item_rss {width:40px; background:url(images/social.png) no-repeat -200px 0;}
a#item_rss:hover {background:url(images/social.png) no-repeat -200px -40px;}

.search_content { width:300px; position:absolute; top: 90px; right:0; }
.search_content form { float:left;}
.searchbox { vertical-align:middle; float: left; border: solid 1px #cccccc; width: 200px; height: 28px; padding: 0 0 0 8px; color: #999; font:normal 12px/28px Arial, Helvetica, Sans-serif; margin:0 10px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;}

/* Nav
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  */
#menu {width:1010px; height:50px; background: url(images/bg_menu.png) no-repeat top left;  border-bottom:solid 1px #b39a4b; padding: 0 15px;}

/* NAVIGATION -------------------------- */
ul#nav {height:50px; font:normal 15px/50px "gotham_bookregular",  Arial, Helvetica, sans-serif; list-style-type:none; z-index:300; border-left:1px solid #ffe69a; }
ul#nav li {float:left;}
ul#nav li a { color:#433d33; padding:0 10px; text-decoration:none; display:block;  border-right:1px solid #fbdb7a; }
ul#nav li a:hover, ul#nav li:hover, ul#nav li.sfhover { background-color:#a3893b; color:#fff; }
ul#nav li ul { position: absolute; width: 195px; left: -999em; text-align:left; list-style-type:none; background-color:#7c6d52; color:#fff;  }
ul#nav li li { margin:0; padding:0; float:left; }
ul#nav li li a { padding:10px; border-right:none; width:175px; display:block; font-weight:normal; color:#fff;
font:normal 14px Arial, Helvetica; text-decoration:none; border-bottom:1px solid #958564; background-image:none; }
ul#nav li li a:hover { color:#fff; background:#a69373; border-bottom:1px solid #958564; text-decoration:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

/* Content
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  */
#content_container { width:930px; float:left; background:#FFF; padding:40px 40px 40px 70px;}

/* Widecol
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  */
.widecol {width:600px; float:left;}
.widecol h2 {font:normal 24px/100% 'gotham_bookregular', Arial, Helvetica, sans-serif; color:#433d33; margin-bottom:15px; }
.widecol h3 {font:normal 18px/110% 'gotham_bookregular', Arial, Helvetica, sans-serif; color:#433d33; padding: 20px 0 0 0; }
.widecol h6 {color:#71695a; font:normal 32px/100% 'Sacramento', Georgia, Times New Roman, Times, serif; margin-bottom:15px; }

.post {width:100%; margin-bottom:50px; background:url(images/bg_post.gif) no-repeat bottom left; padding:15px 0 3px 0; position:relative;}
.post h1 {color:#433d33; font:normal 40px/100% 'Sacramento', Georgia, Times New Roman, Times, serif; margin:0 0 0 0; }
.post h1 a {color:#433d33; text-decoration:none;}
.post h1 a:hover {color:#009970; text-decoration:none;}


.post_date { height:57px; width:47px; background:url(images/bg_date.png) no-repeat; font:normal 14px/100% 'gotham_bookregular', Arial, Helvetica, sans-serif; text-align:center; position:absolute; top:0; left:-80px; color:#FFF; padding:13px 10px 10px 10px; }
.post_date span { font:normal 28px/100% 'gotham_bookregular', Arial, Helvetica, sans-serif; text-transform: uppercase; }

.post_content {width:100%; padding:10px 0 25px 0; margin-top:10px;}
.post_content ul { margin:10px 0 20px 10px; }
.post_content li { margin:7px 0 7px 0; background:url(images/bullet_yellow.png) no-repeat 0 8px; padding-left:15px; }

.new_content { position: relative;}
.new_text {  position: absolute; top: 25px; right: 25px; background-color: #fff; width: 270px; padding: 15px; }
.new_text p {font-size: 14px; margin: 0;}
.new_text a {display: block; font-size: 16px; font-weight: bold; margin-top: 10px;}

.search_no {width:100%; padding:10px 0 25px 0; padding-top:20px; float:left;}

ul.recepies { width:100%; list-style-type:none; margin:25px 0 20px 0; border-top:1px dashed #dfdecf; }
ul.recepies li { display:block;  border-bottom:1px dashed #dfdecf; padding:8px 0 8px 0; overflow:hidden; background:none;}
ul.recepies strong { color:#f1cb59; font-weight:normal; } 

.post_social {width:100%; height:50px; background:url(images/line.gif) no-repeat top left; padding:16px 0 15px 0;  font-family:'gotham_bookregular', Arial, Helvetica, sans-serif; color:#a7a48f; font-size:12px; }
.fformat {text-transform: uppercase;}

.share_links {float:left; height:20px; width:415px; line-height:20px; margin-top:5px;}
.share_box {float:right; height:20px; width:330px;}
.fb-like {float:left;}
.twitter-btn {float:left; margin-left:8px; width:100px;}
.g-plus-btn {float:left; margin-left:8px; width:60px;}
.pint {float:left; margin-left:8px;}

.post_comment {width:150px; height:50px; font-size:16px; line-height:50px;  float:right;}
.post_comment span {width:50px; height:30px; padding:7px 0 13px 0; background:url(images/comenta.gif) no-repeat top left; display:block; font-size:24px; line-height:100%; color:#009970; text-align:center; float:right;}

#container {width:645px; float:left; background:url(images/bg_post.gif) no-repeat bottom left; padding-bottom:20px; }
.category_title {color:#433d33; font:normal 60px/100% 'Sacramento', Georgia, Times New Roman, Times, serif; margin:0 0 20px 0; float:left; width:645px; }
.search_title {color:#433d33; font:normal 60px/100% 'Sacramento', Georgia, Times New Roman, Times, serif; margin:0 0 20px 0; float:left; width:645px; }
.note { width:180px; float:left; margin:0 15px 15px 0; padding:8px; border: dashed 1px #dfdecf; }
.note img { margin-bottom:8px;  }

/* NAVIGATION -------------------------- */
ul#rel_post { list-style-type:none;  }
ul#rel_post li {float:left;}
ul#rel_post li a { padding:8px; display:block;  border:dashed 1px #dfdecf; margin-right:10px; width:120px; margin-bottom:40px; }
ul#rel_post li img { margin-bottom:8px;}
ul#rel_post li a:hover { border:solid 1px #71695a; }

/* Narrowcol
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  */
.narrowcol {width:300px; float:right;}

.narrow_block_content {margin-bottom:30px; }
.narrow_block {width:260px; background:#f2f2ec url(images/bg_narrow_block.gif) no-repeat top center; overflow:hidden; padding:20px 20px 0 20px; }
.narrow_block h2 { color:#433d33; font:normal 32px/100% 'Sacramento', Georgia, Times New Roman, Times, serif; margin:0 0 10px 0;  text-align:center;}
.narrow_block img { padding:4px; background:#FFF;}

.narrow_block_right  {width:145px; float:right; font: italic 12px/16px 'Georgia', Times New Roman, Times, serif; color:#71695a; }
.narrow_block_right span  { font-size:16px;float: right; margin-top:10px; }
.narrow_block_right a { text-decoration:none; color:#009970; font-weight:bold; }
.narrow_block_right a:hover { color:#433d33; text-decoration:none; }

.narrow_info {width: 300px; }
.narrow_info h2 {color:#433d33; font:normal 32px/100% 'Sacramento', Georgia, Times New Roman, Times, serif; margin:0 ;  text-align:center; }

.narrow_info_col {width: 140px; margin:10px 20px 0 0; float:left; }

ul.info {width:100%; list-style-type:none; border-top:1px dashed #dfdecf; margin:10px 0 30px 0; }
ul.info li { display:block;  border-bottom:1px dashed #dfdecf; padding:8px 0 8px 0; overflow:hidden; } 
ul.info li a { color:#009970; text-decoration:none; }
ul.info li a:hover { color: #433d33; text-decoration:none;}

.narrow_link {width: 300px; text-align:center; margin-bottom:30px; }

.newsletter { width:260px; font-size:12px; margin:20px 0; padding:20px;  background: #809aa6 url(images/bg_narrow.jpg) repeat-x top left; color:#fff; }
.newsletter h2 {color:#fff; font:normal 18px/90% 'gotham_mediumregular', Arial, Helvetica, sans-serif; margin:0 0 0 0; }
.newsletter.textfield { height:20px; font-size:12px; border:1px solid #0F0; padding:8px 10px; margin:0 0 15px 0; width:180px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; float:left;}

.navigation_content { margin-top:20px; float:left;}

/* Subnavigation
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  */
.subnav {width:960px; float:right; background: url(images/sep_subnav.png) no-repeat top center; padding:50px 0; margin-top:30px;}
.subnav_btn { width:225px; height:75; margin-right:20px; float:left; }

/* Footer
––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  */
#footer { background:#009970 url(images/bg_footer.gif) no-repeat top left ; width:900px; padding:100px 70px 50px 70px; overflow:hidden; font:normal 12px 'gotham_bookregular', Arial, Helvetica, sans-serif; }

.footer_data { color: #005c43; text-align:right; float:left; margin-right:15px; }

.footer_links { color: #fff; float:left; margin-bottom:30px;}
.footer_links a { color: #fff; text-decoration:none; }
.footer_links a:hover { color: #005c43; text-decoration:none; }

.footer_sublime_content { width:175px; height:20px; font-size:11px; color:#005c43; line-height:20px; padding-top:20px;}
.footer_sublime_content a {text-indent:-9009px; width:80px; height:20px; display:block; background:url(images/sublime.png) no-repeat top left; float:right; }
.footer_sublime_content a:hover {background:url(images/sublime.png) no-repeat bottom left; }
.ml {padding-left:23px;}


/* Photos
-------------------------------------------------------------------- */
.alignnone {margin: 0 0 15px 0;}
.aligncenter {display:block; margin: 0 auto 15px auto; }
.alignright {float:right; margin: 0 0 15px 15px;}
.alignleft {float:left;margin: 0 15px 15px 0;}
a img.alignright {float:right; margin: 0px 0 15px 15px;}
a img.alignnone {margin: 0 15px 15px 0;}
a img.alignleft {float:left; margin: 0 15px 15px 0; }
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption { margin:0;}
.wp-caption.alignnone {margin: 0 0 15px 0;}
.wp-caption.alignleft {margin: 0 15px 15px 0;}
.wp-caption.alignright {margin: 0 0 15px 15px;}
.wp-caption.center {margin: 0 auto 15px auto;}
.wp-caption img {border: 0 none; margin:0; padding:0; }
.wp-caption-text {font-size:12px; font-style:italic; color:#a7a48f; line-height:15px; margin:0; padding:8px 0 25px 0; text-align:center;}

.gallery { padding: 0 3px; }
.gallery-item { float:left; margin: 0 8px 16px 8px; }
.gallery img { }
.gallery-icon { }
.gallery-caption { margin-top:5px; }

/* Tablas
--------------------------------------------------------------------  */
table#normal, table#grid { margin:0 0 30px 0; border-left:1px solid #c4c4be; border-top:1px solid #c4c4be; border-collapse:collpase; }
table#normal td, table#grid td { padding:8px; border-bottom:1px solid #c4c4be; border-right:1px solid #c4c4be; }
table#normal th { white-space:nowrap; color:#333; font-weight:300; background:#F0F0F0; padding:8px; text-align:center; border-right:1px solid #c4c4be; }
table#grid th { white-space:nowrap; color:#ffffff; font-weight:300; background:#005691 url(images/bg_narrow.jpg) repeat-x; padding:8px; text-align:left; border-right:1px solid #c4c4be; }
.odd {background-color:#f6f6f3;}
center-align {margin: 0 auto 0 auto; }
.mb {margin-bottom:30px;}
.last {margin-right:0;}