/*   
Theme Name: MirenBerasategi
Theme URI: http://www.mirenberasategi.com
Description: Theme for MirenBerasategi.com with jQuery Masonry.
Author: Miren Berasategi
Author URI: http://www.mirenberasategi.com/
Template: thematic
Version: 2.0
Tags: Thematic, masonry, jQuery

Thematic is © Ian Stewart http://themeshaper.com/
jQuery Masonry is a work by David DeSandro http://d§.cc/masonry
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');


/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* Add 960gs */
@import url('grid.css');

/* Apply basic typography styles */
@import url('typography.css');

#content .post {
    background: url(img/bg-post.png) repeat-x 50% 0%;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    float: left;
    margin-bottom:20px;
	margin-top:20px;
padding-top:20px;
	border:solid 1px #ccc;
}

code { background-color:#fafafa; padding:0 .5em; }

/* header */
#header { background:url(img/header.png) repeat-x; height:55px; margin-bottom:25px; position:fixed;  width:100%;} 
#branding { padding:10px 0; width:940px; padding-right:20px; }
#main { padding:0; } 
body.home #main { padding-top:75px; }
#content, .post, #primary, #secondary { padding:0; margin:0; } 
.main-aside { left:0; }
#content { width:auto; }
#main #container { margin-right:0; width:960px; }

body.single #main #content/*, body.category.category-blog #main #content, body.category.category-web-20 #main #content, body.category.category-wordpress #main #content, body.category.category-analitica-web #main #content, body.category.category-fotografia #main #content*/ { float:left; }
body.single #main .post, body.category.category-blog .post, body.category.category-wordpress .post, body.category.category-analitica-web .post, body.category.category-web-20 .post, body.category.category-fotografia .post{ width:698px; }

#blog-title { width:275px; float:left; }
#blog-title a { display:block; height:40px; /*background:url(img/head-name.png) no-repeat; text-indent:-9999px;*/ font-family: "proxima-nova-1","proxima-nova-2",Helvetica, Arial,sans-serif; color:#eee; 
    -webkit-transition: all 0.12s ease-out;
       -moz-transition: all 0.12s ease-out;
         -o-transition: all 0.12s ease-out;
            transition: all 0.12s ease-out; 
    -webkit-transform-origin: center bottom;
       -moz-transform-origin: center bottom;
         -o-transform-origin: center bottom;
            transform-origin: center bottom;position:relative;}

#blog-title a:hover { -webkit-transform: scale(1.25);
       -moz-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);  text-shadow: 3px 3px #000; }

#nav-menu { width:650px; float:left; font-size:20px; font-family: "proxima-nova-1","proxima-nova-2",sans-serif; }
#nav-menu .list { padding-top:12px; width:275px; float:left; text-transform:uppercase; font-weight:600; }
#nav-menu a { text-decoration:none; color:#eee; padding-left:10px;}
#nav-menu a:hover { text-decoration:underline; }

#nav-menu .sub { padding:10px; background:url(img/dark-trans-bg.png); border-radius:7px; -moz-border-radius:7px; }

#etiquetas { text-align:center; float:left; /*-webkit-box-shadow: 0 5px 10px #ccc; -moz-box-shadow: 0 5px 10px #ccc; box-shadow: 0 5px 10px #ccc;*/ line-height:1.15em; width:375px; }
#etiquetas a { text-decoration:none; color:#ccc; padding-left:0; }

#feeds { width:260px; float:right; font-size:11pt; text-align:right;}
#feeds ul { padding:0; margin:0; padding-left:0; margin-bottom:0; padding-right:5px;list-style-type:none; }  
#feeds li { padding-right:25px; background:url(img/feed_small.png) no-repeat right; padding-top:5px;}
#feeds li.flickr { background-image:url(img/flickr-icon.png); }
#feeds li.delicious { background-image:url(img/delicious-icon.png); }
#feeds li.twitter { background-image:url(img/twitter-icon.png); }
#feeds li.anobii { background-image:url(img/anobii-icon.png); }
#feeds li.low a { color:#999; }

.buscador { width:300px; float:right; position:relative; } 
.buscador input[type=text] { width:250px; border:solid 1px #999; background-color:#ccc; color:#666; padding-left:5px; font-family:Helvetica, Arial, sans-serif; }
.buscador input[type=text]:focus { color:#000; background:#fff url(img/input_bg.png) repeat-x; }
.buscador input[type=image] { position:absolute; top:5px; right:50px; } 

a.feed { background:url(img/feed.png); width:30px; height:30px; display:block; text-indent:-9999px; float:right; }

#comments { clear:both; }

#yoastbreadcrumb { width:960px; margin:0 auto; padding-top:60px; font-size:.8em; margin-bottom:25px; }
#yoastbreadcrumb, #yoastbreadcrumb a { color:#666; }
#yoastbreadcrumb strong { color:#333; }
body.home #yoastbreadcrumb { display:none; } 

/* specific content types */
.category-twitter h2.entry-title, .category-enlaces h2.entry-title { display:none; }
.category-flickr img { width:200px; height:auto; }
.category-flickr.category-highlight img { width:440px; height:auto; }
.entry-title, .entry-content, .entry-meta, .entry-utility { margin:10px; padding:0; }

.category-twitter.category-highlight { font-size:1.75em; font-family:"proxima-nova-1","proxima-nova-2",Helvetica, Arial,sans-serif; font-weight:300; }
.category-flickr .entry-content img { border-radius:7px; -moz-border-radius:7px; }
.category-libros h3, .category-reader .entry-title { display:none; }
.category-libros .portada img { float:left; margin:0 10px 10px 0; }
.category-libros .resumen { font-size:.9em; line-height:1.25em; }
.category-enlaces a.link, .category-reader a.link { font-size:1.5em; background-color:#ff9; text-decoration:none; color:#333; line-height:1.35em; font-family: "proxima-nova-1","proxima-nova-2",Helvetica, Arial,sans-serif; font-weight:300;}
.category-enlaces .desc, .category-reader .desc { margin-top:15px; font-size:.9em; line-height:1.25em; }

body.single #main .grid_6 { margin:0 auto; }

/* body content */
#content { padding-bottom:75px; }
.navigation { position:absolute; bottom:0; padding-top:50px; }
body.single .navigation { clear:both; margin:25px 0; }

#nav-above.navigation { display:none; }

#categoryloop { position:relative; }

h1, h1.page-title,  { font-family: "proxima-nova-1","proxima-nova-2",Helvetica, Arial,sans-serif; font-weight:200; text-shadow:#eee 3px 3px 5px; font-size:56px; line-height:1em; }

h1.entry-title { font-size:3em; margin-top:0; line-height:1em; }
h2.entry-title { font-family: "proxima-nova-1","proxima-nova-2",Helvetica, Arial,sans-serif; font-weight:200; text-shadow:#eee 2px 2px 2px; }
h2.entry-title a:hover { text-decoration:underline; color:#000; }

body.category.category-kiosko #content { padding-top:125px; }
body.category.category-kiosko #content h1 { margin-top:-125px; }

/* post header */
.cat { position:absolute; left:85px; }
.cat a { display:block;  background-color:#fff; border-radius:10px; width:50px; height:50px; text-indent:-9999px; }
.cat a + a { display:none; }

.category-flickr .cat a { background:url(img/icon-photo.png) no-repeat; }
.category-twitter .cat a { background:url(img/icon-comment.png) no-repeat; }
.category-video .cat a { background:url(img/icon-video.png) no-repeat; }
.category-blog .cat a, .category-wordpress .cat a, .category-web-20 .cat a, .category-analitica-web .cat a, .category-fotografia .cat a { background:url(img/icon-blog.png) no-repeat; }
.category-libros .cat a { background:url(img/icon-book.png) no-repeat; }
.category-enlaces .cat a { background:url(img/icon-link.png) no-repeat; }
.category-reader .cat a { background:url(img/icon-glasses.png) no-repeat; }

.category-highlight .cat, .category-blog .cat, .category-wordpress .cat, .category-web-20 .cat, .category-analitica-web .cat, .category-fotografia .cat { left:205px; }

.cat a { display:block;  background-color:#fff; border-radius:10px; width:50px; height:50px; text-indent:-9999px; }
.cat a + a { display:none; }

body.single .entry-title { font-family: "proxima-nova-1","proxima-nova-2",Helvetica, Arial,sans-serif; font-weight:200; margin-bottom:25px; } 
body.s-category-enlaces .entry-title, body.s-category-twitter .entry-title { display:none; }


/* post content */
body.s-category-twitter .entry-content { font-family: "proxima-nova-1","proxima-nova-2",Helvetica, Arial,sans-serif; font-weight:200; font-size:2em; line-height:1em; }
.category-flickr .source { font-size:.9em; color:#666; }
body.single .category-flickr .entry-content img { clear:both; width:auto; margin:0 15px; margin-bottom:25px; }


/* post footer */

.tags { border-top:solid 1px #eee; background:url(img/tag.png) no-repeat 10px 10px; padding:10px; padding-left:30px; min-height:16px; font-size:10pt; color:#666; line-height:1em; }
.tags a { color:#666; text-decoration:none; }
.tags a:hover { text-decoration:none; }

.entry-utility { background-color:#333; border-bottom:solid 3px #111; margin:0; padding:5px 10px; padding-bottom:2px; clear:both; }
.entry-utility a { color:#888; }
.entry-utility a:hover { color:#888; text-decoration:underline; }

a.perm, a.comm { display:block; font-style:normal; padding-top:3px; width:80px; }
a.perm { float:left; background:url(img/calendar.png) no-repeat; padding-left:20px; }
.entry-date abbr { border-bottom:none; }.cat { position:absolute; top:-15px; right:10px; }
a.comm { float:right; width:auto; text-align:right; background:url(img/comment.png) no-repeat right top; padding-right:20px; margin-left:10px; }
.edit, .meta-sep-edit { display:none; } 
.topsy_widget_shortcode, .tweetmeme iframe { float:right; width:55px; color:#ccc; }
.topsy-sm { text-align:right; }
body.single .topsy_widget_shortcode, body.single .tweetmeme iframe { margin:15px; margin-top:0; }

/* comments */
#comments { padding:0 20px; }

/* sidebar */
#primary { padding:0; border:none; }
#primary { font-family: "proxima-nova-1","proxima-nova-2",Helvetica, Arial,sans-serif; font-size:1.25em; font-weight:600; text-transform:uppercase; }
#primary ul { list-style-type:none; padding-left:0; }
#primary li { padding:3px 0; }
#primary a { text-decoration:none; color:#000; padding-right:10px; }
#primary a:hover { background-color:#000; color:#fff; }

/* footer */
#footer { margin-top:0; background-color:#ccc; border-top:solid 2px #eee;}
#siteinfo { color:#454545; line-height:1.25em; padding:25px 0; }
#siteinfo a { color:#454545; }
#siteinfo a:hover { color:#000; }
#siteinfo img { vertical-align:middle; margin-top:-5px;} 
.wp { float:right; width:300px; }
.wp img { float:left; margin-right:15px; } 
.cc { float:left; width: 125px; margin-right:15px; } 




.cat { top:-25px; }