/*------------------------------------------------------------------
[Master Stylesheet]
Project:Ibai
Version:1
Author:Cristian Sans
Company:Gimmicklab
Date:11/09/09
Last change:22/10/09
URL:http://www.ibaiacevedo.com
Notes:Main style for Ibai's Wordpress theme.
-------------------------------------------------------------------*/
/* Main Estructure */
body{font-size:62.5%;background-color:#fff;}
/* Tipography */
body,h1,h2,h3,h4,h5,h6{font-family:Georgia,sans-serif;}
#footer,.pagination,input,textarea,small,ul.metadata,.pagebar,#thumbs,#thumbs h3,dl#tags,h3#respond,p.status,#comments label,p.back a,#comments em,span.edit,body.tag .post li em,body.search-results .post li em,body.page-template-archives-php .post li em,.wpcf7 p,#toogle,.wpcf7-response-output{font-family:'Trebuchet MS',sans-serif;}
/* Colors (crazy with colors. milions grey) */
body,h1 a,a,#sidebar h2,#sidebar h2 a,li.post h2 a,li.commentsnum a,body.single-gallery .post h2{color:#7e7d7d;/* Mid grey */}
h1 span{color:#b6b6b6;/* Lof of grey */}
h2,.post h2 a,#thumbs h2 a{color:#161616;/* Grey */}
.post,.entry,input,textarea{color:#656363;/* Grey */}
#footer,small,small a,ul.metadata,ul.metadata li.edit a,span.edit a,body.tag .post li em,body.tag .post li em a,body.search-results .post li em,body.search-results .post li em a,body.page-template-archives-php .post li em,body.page-template-archives-php .post li em a,#toogle{color:#b5b5b5;/* This is grey */}
li#tags p a,dl.tags dd,dl.tags a{color:#ccc;/* Standard grey */}
.pagebar span,.pagebar a:hover{color:#8a8a8a;/* Grey close to the other one */}
.pagebar a{color:#bfbfbf;/* Incredible grey */}
#thumbs em,ul.ngg-related-gallery h3{color:#8c8c8c;/* Grey ??? */}
#thumbs h3 a,ul.ngg-related-gallery em a{color:#595959;/* More grey */}
#breadcrumb a{color:#d8d8d8;/* Lighter grey */}
h3#respond{color:#525252;/* Another grey */}
#comments input,#comments textarea,body.page-id-262 .entry input,body.page-id-262 .entry textarea,#comments em.waiting,body.page-template-links-php .entry ul li,body.page-template-links-php .entry ul li a,body.page-template-tagcloud-php .entry a{color:#9b9b9b;/* And another */}
fieldset#send input:hover,p#send input:hover{color:#fff;/* White */}
#comments li,#comments cite a{color:#525252;/* Dark grey */}
.wpcf7-not-valid-tip-no-ajax,.wpcf7-validation-errors{color:#cc0000;/* Red */}
.wpcf7-mail-sent-ok{color:#336633;/* Green */}
#sidebar li.active h2 a,a:hover{color:#161616 !important;}
/* Layout */
#container{width:97.5em;/* 975px /// 1em = 10px */
margin:0 auto;}
#header{height:4em;padding:2em 0;border-bottom:1px solid #8f8f8f;}
#main{padding:0 0 1.5em 0;}
#content{width:70.5em;/* 705px */
float:left;}
#sidebar{width:20em;/* 200px */
float:right;padding-top:4.1em;margin:0 0 2.5em 2.5em;}
#footer{clear:both;border-top:1px solid #8f8f8f;margin-bottom:1.5em;}
/* Layout Home & Single */
body.home #content,body.single #content,body.category-pictures #content{width:47.5em;/* 475px */
margin-right:6em;}
#thumbs{width:21em;/* 200px */
float:left;margin-bottom:2.5em;}
body.home #content,#thumbs,body.category-pictures #content{padding-top:2.8em;}
body.home #sidebar,body.single #sidebar,body.category-pictures #sidebar{padding-top:7.75em;}
/* Reset Single layout for gallery pages */
body.single-gallery #content{width:70.5em;/* 705px */
margin-right:0;}
body.single-gallery #sidebar{padding-top:4.1em;}
/* Block Elements */
h1{font-size:2.4em;float:left;}
h1 a{display:block;text-decoration:none;margin-bottom:.03em;}
h1 span{display:block;font-size:.6em;}
h2{font-size:1.4em;line-height:2em;}
h3{font-size:1.4em;line-height:1.4em;}
h4{font-size:1.4em;line-height:1.4em;}
h5{font-size:1.4em;line-height:1.4em;}
ul{list-style-type:none;}
li{font-size:1.1em;line-height:1.4em;}
dl{font-size:1.1em;line-height:1.4em;}
p{font-size:1.1em;line-height:1.4em;margin:1.5em 0;}
img{border:none;display:block;}
small{font-size:1.1em;line-height:1.2em;}
em{font-size:1em;font-style:italic;}
hr{display:none;}
a{outline:none;text-decoration:none;}
a:hover{text-decoration:none;}
input{font-size:1.2em;outline:none;}
textarea{width:38.8em;/* 388px */}
/* Links */
a{border-bottom:1px solid #d8d8d8;}
a:hover,.pagebar a{border-bottom:0 !important;text-decoration:none !important;}
#header a,#sidebar a,#footer a{border:0 !important;}
/* Search */
#header form{float:right;padding:1em 0;}
#header label{background:#fff url(../i/grid.png) no-repeat 0 -238px;display:block;float:left;width:2.5em;height:3em;margin-right:0.5em;}
#header label span{display:none;}
#header input{font-size:1.3em;width:15.5em;height:2em;background:#fff url(../i/grid.png) no-repeat 0 -200px;padding-top:0;border:0;text-indent:.8em;}
/* Breadcrumb */
#breadcrumb{padding:1.1em 0;margin-bottom:3.5em;border-bottom:1px solid #e7e7e7;}
#breadcrumb li{font-size:1.3em;line-height:1.4em;display:inline;}
#breadcrumb span.arrow{margin:0 .2em;}
/* Post */
.post{margin-bottom:5em;}
.post h2{margin:0 0 .3em 0;line-height:1em;}
.post small{display:block;margin-bottom:1.75em;padding-left:1.4em;}
.post h2 span{margin-right:.5em;}
.post img{margin-bottom:2em;}
.entry{margin-bottom:2em;}
.entry p{font-size:1.2em;margin:;}
ul.metadata li{font-size:1.1em;line-height:1.4em;display:inline;margin-right:1em;}
/* Pagination */
.pagebar{font-size:1.3em;line-height:1.1em;margin-bottom:1.5em;clear:both;}
.pagebar a,.pagebar span{background:#fff url(../i/grid.png) no-repeat -1px -274px;font-size:1em;line-height:1.9em;display:block;width:2em;height:2em;float:left;margin-right:.5em;text-decoration:none;text-align:center;}
/* Thumbs */
#thumbs h2{line-height:1em;margin-bottom:.3em;}
#thumbs small{display:block;margin-bottom:1.75em;}
#thumbs ul{float:left;}
#thumbs li{display:block;}
#thumbs img,#thumbs em,#thumbs h3{float:left !important;}
#thumbs img{display:block;margin:0 .7em 1.5em 0;float:left;}
#thumbs h3{font-size:1em;line-height:1.3em;width:7.7em;}
#thumbs em{font-size:.95em;font-style:normal;line-height:.9em;margin:0 0 .1em 0;}
ul.ngg-related-gallery h3{line-height:1.1em !important;margin:0 0 .4em 0 !important;}
ul.ngg-related-gallery em{width:7.9em;line-height:1.3em !important;font-size:1em !important;}
/* Single */
.post.single{padding-top:2.8em;margin-bottom:2em;}
.post.single ul.metadata{margin-bottom:3.5em;}
dl.tags{margin:3.5em 0 .5em 0;}
dl.tags dt,dl.tags dd{display:inline;}
dl.tags dt{margin-right:.25em;}
p.back{font-size:1.1em;margin:3em 0 1.5em 0;}
/* Comments */
#comments{padding-top:1em;border-top:1px solid #525252;}
#comments ol{margin-bottom:2em;padding-top:1em;border-bottom:1px solid #525252;list-style-type:decimal;}
#comments li{display:block;padding-bottom:2.5em;margin-bottom:1em;border-bottom:1px solid #b7b6b6;list-style-type:decimal;}
#comments li.last{margin-bottom:0;border-bottom:0;}
#comments li p{margin:1em 0 1em 1.2em;}
#comments cite{font-size:1.2em;text-transform:capitalize;}
#comments span.count{font-size:1.3em;}
#comments em{font-style:normal;}
#comments em.waiting{display:block;margin:1em 0 0 1.2em;}
h3#respond{font-size:1.4em;margin-bottom:1em;}
p.status{margin:0 0 1em 0;}
#comments fieldset{margin-bottom:1em;}
#comments label{font-size:1.1em;display:block;margin:.5em 0;}
#comments input,#comments textarea{font-size:1.1em;display:block;margin-top:.3em;padding:.2em;border:1px solid #9b9b9b;}
#comments input{width:13.5em;}
fieldset#send input{background:#fff;width:auto;cursor:pointer;}
fieldset#send input:hover{background:#9b9b9b;}
#comments input[type='hidden']{display:none;border:none;}
fieldset input:focus,fieldset textarea:focus{border:1px solid #ccc;}
/* Single layout for galleries */
body.single-gallery .post h2{font-size:2em;width:15em;margin-bottom:0.5em}
body.single-gallery .post p,body.single-gallery .entry ul,body.single-gallery .entry ol{font-size:1.2em;width:25em;margin:0 0 1em 0;}
body.single-gallery .ngg-galleryoverview{width:37.5em;margin:-1.3em 0 2.5em 0;float:right;}
body.single-gallery .ngg-galleryoverview div{float:left;}
body.single-gallery .ngg-galleryoverview img{margin:0 0 1em 1em;}
/* Category */
body.category li.post{display:block;width:10.5em;/* 105px */min-height:17em;margin:0 2em 2em 0;float:left;}
body.category li.post h2{font-size:1.4em;line-height:1.4em;margin-bottom:.2em;}
body.category li.post img{margin-bottom:.5em;padding-bottom:0;}
/* Tags,Search and Archive */
body.tag .post h2,body.search-results .post h2,body.page-template-archives-php .post h2{margin-bottom:1.5em;clear:both;}
body.tag .post li,body.search-results .post li,body.page-template-archives-php .post li{display:block;min-height:22em;width:10.5em;/* 105px */
margin:0 2.3em 0 0;float:left;}
body.page-template-archives-php .post ul{margin-bottom:1em;}
body.tag .post li h3,body.search-results .post li h3,body.page-template-archives-php .post li h3{font-size:1.4em;line-height:1.4em;margin:0 0 .2em 0;text-transform:none;}
body.tag .post li img,body.search-results .post li img,body.page-template-archives-php .post li img{margin-bottom:.5em;padding-bottom:0;}
body.tag .post li em,body.search-results .post li em,body.page-template-archives-php .post li em{display:block;font-style:normal;margin:0 0 .5em 0;}
body.tag #breadcrumb,body.search-results #breadcrumb{text-transform:capitalize;}
body.tag #breadcrumb span.arrow,body.search-results span.arrow{margin:0 0 0 .2em;}
/* Pages */
body.page-template .post img{float:right;margin:.5em 0 2.5em 2.5em;}
body.page-template .entry p{margin:1.5em;}
/* Bio */
body.page-template-bio-php .entry p{margin:.8em 0;}
/* Links */
body.page-template-links-php .entry ul{margin-top:0;}
body.page-template-links-php .entry ul li h2{font-size:1.4em;}
body.page-template-links-php .entry ul li a{font-size:1.1em;line-height:1.6em;margin-left:1.1em;}
li.links{display:block;width:16em;float:left;margin:0 5em 2.5em 0;}
li.links h2:before{content:"> ";}
/* Tags */
body.page-template-tagcloud-php .entry p a{line-height:.7em;border-bottom:none;}
body.page-template-tagcloud-php .entry p{margin:0;text-align:justify;}
/* Contact */
body.page-id-262 .entry input,body.page-id-262 textarea{font-size:1.1em;display:block;padding:.2em;border:1px solid #9b9b9b;}
body.page-id-262 .entry input{width:13.5em;}
body.page-id-262 textarea{width:50em;height:10em;}
.wpcf7{margin:2.5em 1.5em;padding-top:1em;border-top:1px solid #9b9b9b;}
.wpcf7 p{margin:.8em 0!important;}
body.page-id-262 p#send input{background:#fff;font-size:.9em;width:auto;margin-top:1.5em;padding:.1em .7em;cursor:pointer;}
body.page-id-262 p#send input:hover{background:#9b9b9b;}
body.page-id-262 input:focus,body.page-id-262 textarea:focus{border:1px solid #ccc;}
.wpcf7 label{font-size:.9em;}
.wpcf7-not-valid-tip-no-ajax{font-size:.9em;}
.wpcf7-response-output{font-size:1.3em;font-weight:bold;margin:2em 0;}
.wpcf7-not-valid-tip-no-ajax{font-size:.9em;}
/* Errors */
#notfound{margin-top:-1em;}
#notfound p{margin:0;font-size:1.4em;}
body.error404 .post{padding:2em;background-color:#e8e8e8;border:1px solid #ccc;}
body.error404 #content h2{margin-bottom:1em;}
body.error404 .entry p{font-size:1.3em;margin:.2em 0;}
/* Sidebar */
#sidebar ul{border-top:1px solid #e1e1e1;}
#sidebar li#tags{margin:2.5em 0;}
#sidebar li#tags p{line-height:1.4em;margin:.5em 0 0 0;}
#sidebar li#bio{margin:2.5em 0 0 0;}
#sidebar h2{font-size:1.55em;line-height:2.8em;border-bottom:1px solid #e1e1e1;}
#sidebar a{text-decoration:none;}
#sidebar li#tags a:hover{text-decoration:underline;}
#sidebar li#tags h2 a:hover{text-decoration:none;}
/* Footer */
#footer ul{width:25em;margin:0 auto;padding:1.5em 0 2em 0;}
#footer li a{display:block;float:left;height:2.2em;text-indent:-9999px;}
a#flickr{background:#fff url(../i/grid.png) no-repeat 0 .5em;width:6em;}
a#fotolog{background:#fff url(../i/grid.png) no-repeat 0 -3em;width:8.5em;}
a#myspace{background:#fff url(../i/grid.png) no-repeat 0 -6.6em;width:9.5em;}
a#youtube{background:#fff url(../i/grid.png) no-repeat 0 -11em;width:7em;}
a#fb{background:#fff url(../i/grid.png) no-repeat 0 -14.4em;width:7em;margin-right:5em!important;}
a#be{background:#fff url(../i/grid.png) no-repeat 0 -28.1em;width:8em;border:1px solid red;}
a#instagram{background:#fff url(../i/instagram.png) no-repeat 0 0 ;height:35px;width:100px;}
a#domestika{background:#fff url(../i/domestika.png) no-repeat 0 0 ;height:35px;width:100px;margin-left: 3em;}
#footer p{padding:1em 0 .5em 0;text-align:center;margin-top:2em;border-top:1px solid #bfbfbf;}
#footer p strong{font-size:1.2em;}
#footer span{display:block;}
#footer span a{color:#c0d576;text-transform:uppercase;text-decoration:underline;}
#footer span a:hover{text-decoration:none;}
.curso-online { color: #cc0000 !important; }
/* Clases */
.clearfix:after,#header form:after,#header:after,#sidebar ul:after,#main:after,#footer li a:after,.pagebar:after,#thumbs ul:after,#thumbs li:after,ul.post:after,.ngg-galleryoverview:after,body.page-template-links-php .entry ul:after,body.page-template-archives-php .post ul:after,body.page-template-links-php .entry ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}