@charset utf-8;
/*
Theme Name: Andrea Alvarez
Theme URI: http://www.andreaalvarez.com
Author: Juan Llamosas
Author URI: http://www.juanllamosas.com
Description: Theme exclusive to Andrea Alvarez.
Version: 1.0
*/

/* RESETS ------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tr,th,td{margin:0;padding:0;border:0}
article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section{display:block}
a img{border:0}

a:link, a:visited {color:#f72c91; text-decoration:none}
a:hover {color:#650d2b; text-decoration:underline}

.clear {height:0px; clear:both}
.hide {display:none}
.left {float:left}
.right {float:right}
.txtSmall {font-size:0.9em; color:#999}
.post-edit-link {background:url(img/edit.gif) no-repeat left top; padding:0 0 0 18px; margin:0 0 20px 0;}
.banner {margin:0 0 20px}
.black {color:#000}

h1, h2, h3, h4, h5 {font-weight:normal; font-family: 'PT Sans Narrow', sans-serif;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{text-decoration:none}

body{font:76% Arial, Helvetica, sans-serif; background:url(img/bgPhoto.png) repeat center top #000 fixed; margin:20px 0; color:#FFF}

/* HEADER ------ */
#header {width:940px; height:110px; padding:20px 20px 0 20px; margin:0 auto; background:#000}
#header h1 a {width:600px; font-size:3em; color:#FFF; float:left; margin:-20px 0 0 5px; font-weight:bold; text-transform:uppercase}
#header h1 a:hover {color:#f72c91}
#header #social {width:230px; float:right}
#header #social ul li {width:32px; height:32px; margin:0 12px 0 0; float:left; display:block}

#nav {}
#nav ul {list-style-type:none; margin:0px 0 0 0;}
#nav ul li {float:left; font-size:2em; text-transform:uppercase; font-family: 'PT Sans Narrow', sans-serif;}
#nav a {padding:4px 8px; margin:0 10px 0 0; display:block; color:#FFF;}
#nav a:hover {text-decoration:none; background:url(img/bg.png) repeat left top #000;}
#nav a.home {border-left:none}
#nav .current-menu-item a {text-decoration:none; background:url(img/bg.png) repeat left top #000; color:#000}


/* POPUP ------ */
#popupMp3 {width:680px; height:465px; padding:10px; background:url(img/popupMp3b.jpg) no-repeat 10px 10px #580a24}
#popupMp3 a.download {width:507px; height:60px; margin:360px 0 8px 85px; display:block; background:url(img/popupMp3Button.png) no-repeat left top}
#popupMp3 a.download:hover {background-position:left -60px}
#popupMp3 .text {margin:0 0 0 80px; padding:3px 5px; display:inline-block; font-size:1.1em; color:#CCC; background:#000; opacity:0.8}


/* STRUCTURE ------ */
#main {width:940px; margin:0 auto 10px auto; padding:20px; background:#000}
#sidebar {width:300px; float:right}
#content {width:620px; float:left}

/* FOOTER */
#footer {width:940px; height:60px; margin:0 auto 20px auto; padding:20px; background:#000; color:#666}
#footer a {color:#999}
#footer .wp {width:150px; height:37px; padding:4px 0 0 42px; margin:0 20px 0 0; background:url(img/wp.png) no-repeat left top; font-size:0.9em; float:left}
#footer .db {width:120px; height:37px; padding:4px 0 0 42px; margin:0 20px 0 0; background:url(img/db.png) no-repeat left top; font-size:0.9em; float:left}

/* COMMON ELEMENTS ------ */
.meta {margin:0 0 8px 0; padding:0 0 5px 0}
.meta .cat a {text-transform:uppercase;}
.meta .comment a:hover {text-decoration:none}
.meta .comment .num {display:inline-block; padding:0 4px 1px 4px; background:#f72c91; color:#000; -ms-border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px;}
.box {margin:0 0 20px 0; padding:5px; background:url(img/bg.png) repeat left top;}
.box .padding {padding:20px; background:#000;}

/* HOME ------ */
#slider {margin:0 0 20px 0;}

/* SIDEBAR ------ */
.widget {margin:0 0 20px 0; padding:5px; background:url(img/bg.png) repeat left top;}
.widget .padding {padding:5px; background:#000;}
.widget h2 {margin:0 0 10px 0; padding:2px 5px; font-size:1.8em; text-transform:uppercase; letter-spacing:0.08em; background:url(img/bg.png) repeat left top;}
.widget h3, .widget h4  {font-family:Arial}
.widget ul {list-style:none; margin:0}
.widget ul li {border-bottom:1px dotted #650d2b; margin:0; padding:5px; display:block}
.widget ul li a {background:url(http://www.andreaalvarez.com/wp-content/themes/AndreaAlvarez/img/dotSub.gif) no-repeat 2px 5px}
.widget ol {list-style:none; margin:0}
.widget ol li {border-bottom:1px dotted #650d2b; margin:0; padding:5px 10px; display:block}
.widget p {margin:5px 10px;}
.widget  a:hover img {opacity:0.7}

.tagcloud {padding:15px; text-align:center}
.tagcloud a {padding:5px}

/* PAGES ------ */
#page {margin:0 0 20px 0;}
#page .entry {padding:10px;}
#page h2 {font-size:3em; padding:0 10px; margin:0 0 20px 0; background:url(img/bg.png) repeat left top; color:#FFF;  text-transform:uppercase; font-weight:bold; letter-spacing:0.1em}
#page h3 {font-size:2.2em; margin:0 0 12px 0; padding:15px 0 0 0; line-height:1.1em; text-transform:uppercase;}
#page h4 {font-size:1.8em; margin:0 0 8px 0; padding:0; line-height:1.1em; text-transform:uppercase; letter-spacing:0.1em}
#page p {margin:0 0 12px 0; font-size:1.2em; line-height:1.3em}
#page ul {margin:0 60px 30px 30px; padding:10px 0 0 0}
#page ul li {margin:0 0 10px 0}
#page ul.linksPage {margin:0 0 0 15px; list-style-type:none}
#page ul.linksPage li {float:left; margin:0 30px 30px 0; padding:0}
#page ul.linksPage li a {border:1px solid #eaf3f8; display:block}
#page ul.linksPage li a:hover {border:1px solid #5cb4e3}
#page ul.linksPage li img {width:160px; height:120px}

#page table.disco {margin:0 0 20px 0; border-bottom:1px dotted #650d2b}
#page table.disco td {padding:0 0 20px 0;}

#page table.raider {margin:0 0 20px 0; border:2px solid #650d2b}
#page table.raider td {padding:5px; border-bottom:1px solid #650d2b; border-right:1px solid #650d2b;  border-collapse:collapse}


/* BLOG ------ */
.blogTit {height:53px; padding:0 10px; margin:0 0 20px 0; background:url(img/bg.png) repeat left top; color:#FFF}
.blogTit h2 {width:600px; font-size:3.2em; padding:0; color:#FFF;  text-transform:uppercase; font-weight:bold; letter-spacing:0.1em; float:left}

.search {width:290px; padding:13px 0 0 0; float:right; text-align:center}
.search #searchform #s {width:160px; padding:3px; margin:0 8px 0 0; border:2px solid #000; background:#650d2b}
.search #searchform #s:focus {background:#FFC; border:2px solid #000; color:#000}
.search #searchsubmit {width:70px; padding:3px; font-size:1em; border-top:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; border-left:2px solid #000; background:#1a0109; color:#FFF}
.search #searchsubmit:focus {background:#650d2b;}

p.moretag {margin:10px 0 0 0;  display:inline-block; font-size:1.2em}
p.moretag a {padding:2px 6px 2px 20px; background:url(http://www.andreaalvarez.com/wp-content/themes/AndreaAlvarez/img/icMore.gif) no-repeat 6px 6px #FF0; color:#000}
p.moretag a:hover {color:#FF0; background:url(http://www.andreaalvarez.com/wp-content/themes/AndreaAlvarez/img/icMore.gif) no-repeat 6px -7px #000; text-decoration:none}


/* CATEGORIES ------ */
.singleCat {margin:0 0 10px 0; padding:10px 20px 20px 10px; border-bottom:1px dotted #650d2b}
.singleCat .text {width:450px; float:right;}
.singleCat .photo {width:120px; float:left;}
.singleCat h3 {margin:0 10px 5px 0; font-size:2.8em; font-weight:normal; line-height:1em}
.singleCat p {margin:0 10px 5px 0;}

.singleCatSearch {margin:0 0 10px 0; padding:10px; border-bottom:1px dotted #650d2b}
.singleCatSearch h3 {margin:0 10px 5px 0; font-size:2.6em; font-weight:normal; line-height:1em}
.singleCatSearch p {margin:0 10px 5px 0;}

.singleCatFotos {width:276px; height:280px; margin:0 10px 20px 10px; float:left}
.singleCatFotos .photo {width:260px; margin:0 0 8px 0; padding:8px; background:url(img/bg.png) repeat left top;}
.singleCatFotos h3 {margin:0 8px; font-size:1.8em; font-weight:normal; line-height:1.1em}

.singleCatAgenda {margin:0 0 10px 0; padding:10px 20px 20px 10px; border-bottom:1px dotted #650d2b}
.singleCatAgenda .text {width:320px; float:right;}
.singleCatAgenda .photo {width:240px; float:left;}
.singleCatAgenda h3 {margin:0 10px 5px 0; font-size:2.8em; font-weight:normal; line-height:1em}
.singleCatAgenda p {margin:0 10px 5px 0; font-size:1.2em; line-height:1.2em}


/* POSTS ------ */
#post{margin:0 0 30px 0;}
#post .entry {padding:10px; border-bottom:1px dotted #650d2b; overflow:hidden}
#post h2 {margin:0 0 12px 0; font-size:3.6em; font-weight:normal; line-height:1em}
#post p {margin:0 0 12px 0; font-size:1.2em; line-height:1.3em}
#post h3 {margin:0 0 10px 0; padding:15px 0 0 0; font-size:2.4em; font-weight:normal; line-height:1.1em; font-weight:normal}
#post h4 {margin:0 0 10px 0; padding:15px 0 0 0; font-size:1.8em; font-weight:normal; line-height:1.1em; font-weight:normal}

.tags {padding:10px 0;}
.tags a {margin:0 5px 6px 0; padding:3px 6px; background:#650d2b; color:#000; font-weight:bold; display:inline-block}
.tags a:hover {text-decoration:none; background:#f72c91; color:#000}

.share {padding:10px 0 0 0}

.wp-caption {padding:5px 0 0 0; margin:0 0 20px 0; background:url(img/bg.png) repeat left top; text-align:center; font-size:0.75em;}
.wp-caption p.wp-caption-text {padding:3px 6px 5px 6px; margin:0 0 -10px 0; color:#b28e9a}

.alignleft {float:left; margin:0 10px 10px 0}
.alignright {float:right; margin:0 0 10px 10px}
.aligncenter {margin:0 auto 20px auto}

.navigation {height:24px; padding:10px 0; margin:0 0 20px 0; font-size:1.2em;}
.older a {padding:0 0 0 18px; float:left; background:url(img/dotOlder.gif) no-repeat left 4px; font-weight:bold}
.newer a {padding:0 18px 0 0; float:right; background:url(img/dotNewer.gif) no-repeat right 4px; font-weight:bold}

/* GALLERIES ------ */
.gallery {margin:10px 0 30px 0}
.gallery-item {float:left; margin:0 1px 2px 1px; padding:8px 0; min-height:190px; text-align:center; width:32%; background:url(img/bg.png) repeat left top; overflow:hidden}
.gallery img {margin:0 0 -3px 0; padding:0}
.gallery a {display:inline-block; border:1px solid #000}
.gallery a:hover {margin:0; padding:0; border:1px solid #f72c91;}
.gallery-caption {margin-left: 0; padding:2px 10px; font-size:0.9em; color:#999; font-family:Tahoma;}

/* POSTS AGENDA ------ */
#postAgenda {margin:0 0 30px 0;}
#postAgenda .entry {padding:10px; border-bottom:1px dotted #650d2b; overflow:hidden}
#postAgenda h2 {margin:0 0 15px 0; padding:0 0 12px 0; font-size:3em; font-weight:normal; line-height:1em; border-bottom:1px dotted #650d2b}
#postAgenda p {margin:0 0 12px 0; font-size:1.2em; line-height:1.3em}
#postAgenda h3 {margin:0 0 15px 0; padding:0; font-size:1.6em; font-weight:normal; line-height:1em; font-weight:normal; border-bottom:1px dotted #650d2b}
#postAgenda h4 {margin:0 0 10px 0; padding:15px 0 0 0; font-size:1.4em; line-height:1.1em; font-weight:normal}

/* POSTS AUTOR ------ */
#post-author {padding:0 0 10px 0; margin:0 0 20px 0; background:url(http://www.andreaalvarez.com/wp-content/themes/AndreaAlvarez/img/line01.gif) repeat-x left bottom; min-height:50px;}
#post-author .gravatar {float:left; margin:0 7px 0}
#post-author h5 {padding:0; margin:0 0 5px 0; font-size:1.1em}
#post-author #authorDescription {font-size:0.9em; font-family:Tahoma; color:#999}
#post-author .author-link {font-size:1em; padding:4px 0 0}


/* AUTHOR PAGE */
.author {padding:10px 0; margin:0 0 15px}
.author h1 {margin:0 0 10px; font-size:2.4em; font-weight:normal; line-height:1em}
.author p {line-height:1.2em}
.author p.avatar {margin:0 10px 0 0; float:left}
#recent-author-posts h3 {margin:0 30px 15px 0; padding:0 0 5px; font-size:1.6em; font-weight:normal; background:url(http://www.andreaalvarez.com/wp-content/themes/AndreaAlvarez/img/line01.gif) repeat-x left bottom}
#recent-author-comments h3 {margin:30px 0 15px; padding:0 0 5px; font-size:1.6em; font-weight:normal; background:url(http://www.andreaalvarez.com/wp-content/themes/AndreaAlvarez/img/line01.gif) repeat-x left bottom}
#recent-author-comments ul {margin:0 15px 30px 20px}
#recent-author-comments ul li {padding:3px 0}

/* COMMENTS */
#comments {}
#comments .commentsTop {background:url(img/bgCommentBox.gif) no-repeat left top; padding:7px 0 0 0;}
#comments h3 {border-bottom:5px solid #000; padding:10px; font-size:1.8em; font-weight:normal; background:#650d2b;}
#comments ol {list-style:none; text-indent:0}
#comments ol li {border-bottom:5px solid #000; padding:10px 20px 0 10px; background:#650d2b;}
#comments ol li .gravatar {float:left; margin:0 0 8px 0}
#comments ol li .comment-content {float:right; width:93.5%}
#comments ol li .comment-author {font-weight:bold}
#comments ol li .comment-meta {font-size:0.9em; padding:4px 0 8px 0}
#comments ol li .comment-meta a {}
#comments ol li .comment-meta a:hover {}
#comments ol li p.waiting-for-approval {color:#f72c91}
#comments ol li .comment-text {margin:0 0 5px 0}
#comments ol li p {display:inline; line-height:1.1em}
#comments ol li ul {padding:0; text-indent:0}
#comments ol li .reply {margin:0 2px}
#comments ol li .reply a {}
#comments ol li .reply a:hover {}
#comments ol li ul.children {list-style:none}
#comments ol li ul.children li {margin:0 0 0 4px;}
#comments ol li ul.children li.alt {}
#comments ol li ul.children li.bypostauthor {}
#comments ol li ul.children li.byuser {}
#comments ol li ul.children li.comment {border-bottom:none; padding-right:0; border-top:1px dotted #650d2b}
#comments ol li ul.children li .comment-content {padding-right:10px; width:91.5%}
#comments ol li ul.children li.comment-author-admin {}
#comments ol li ul.children li.depth-2 { margin:0}
#comments ol li ul.children li.depth-3 { margin:0}
#comments ol li ul.children li.depth-4 { margin:0}
#comments ol li ul.children li.depth-5 { margin:0}
#comments ol li ul.children li.odd {}
#comments ol li.even {}
#comments ol li.odd {}
#comments ol li.parent {}
#comments ol li.pingback {}
#comments ol li.pingback.parent {}
#comments ol li.pingback div.vcard {}
#comments ol li.thread-alt {}
#comments ol li.thread-even {}
#comments ol li.thread-odd {}
#comments ol li.authcomment {background:#d3e4f4}
#comments .follow {font-size:0.9em; padding:1px 0 3px 20px; background:url(img/icRss2.png) no-repeat left top}
#comments .unapproved {color:#990000}

/* COMMENTS FORM */
#respond {margin:0 0 20px 0; padding:20px; background:#650d2b;}
#respond h4 {margin:0; font-size:2.4em; color:#FFF}
#respond .formContainer {}
#respond p {margin:0 0 10px 0; font-size:1em}
#respond #login-req {margin:0 0 10px 0;}
#respond #login {margin:0 0 10px 0;}
#respond #comment-notes {}
#respond .required {color:#990000}
#respond .form-section {margin:0 0 10px 0}
#respond .form-section label {padding:0 0 2px 0; display:block; font-size:0.9em}
#respond input {width:280px; padding:2px; border:1px solid #000}
#respond input:focus {background:#ffff99; border:1px solid #fff}
#respond textarea {width:420px;	padding:2px; border:1px solid #000; padding:4px; font-family:Arial; font-size:1em}
#respond textarea:focus {background:#ffff99; border:1px solid #fff}
#respond #submit {width:120px; padding:3px 8px; font-size:0.9em; font-weight:bold; border-top:1px solid #fff; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #fff; background:#000; color:#FFF}
#respond #submit:focus {background:#fff; border:1px solid #999; color:#000}
#respond #cancel-comment-reply {font-size:0.9em; margin:0 0 10px 0}

/* ERROR */
#error404 {margin:0 30px 30px 0; padding:0 0 15px 0; background:url(http://www.andreaalvarez.com/wp-content/themes/AndreaAlvarez/img/line02.gif) repeat-x left bottom}
#error404 h1 {margin:0 0 10px 0; font-size:3em; font-weight:normal; line-height:1em}
#error404 p {margin:0 0 10px 0; line-height:1.3em}
#error404 .buscador {float:left; text-align:left}

/* CONTACT PAGE */
#page .wpcf7 {}
#page .wpcf7 p {margin:0 0 5px 0; padding:0; font-size:1em}
#page .wpcf7 p.required {font-size:0.9em}
#page .wpcf7 input {width:320px; padding:3px; margin:0 8px 10px 0; border:2px solid #650d2b}
#page .wpcf7 input:focus {background:#FFC; border:2px solid #650d2b}
#page .wpcf7 textarea {width:320px; height:100px; margin:0 0 5px 0; padding:2px; margin:0 8px 0 0; border:2px solid #650d2b}
#page .wpcf7 textarea:focus {background:#FFC; border:2px solid #650d2b}
#page .wpcf7 .wpcf7-submit {width:80px; padding:3px; font-size:1em; border-top:1px solid #89304e; border-right:1px solid #3e0317; border-bottom:1px solid #3e0317; border-left:1px solid #89304e; background:#650d2b; color:#FFF}
#page .wpcf7 .wpcf7-submit:focus {background:#000;}