/*   
Theme Name: F/N 2012
Theme URI: https://festivalnrmal.net
Description: Theme for Festival Nrmal 2012
Author: Ángel Meraz
Author URI: http://savvy-studio.net
Version: 1
*/

@media screen {

* { margin: 0; padding: 0; }
body {
	background: white;
	font: 14px/1.4 'Old Standard TT', serif;
}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap {
    margin: 20px auto 30px;
    text-align: center;
    width: 100%;
}

h1, h2, h3, .artist-footer, .social, .info span, .mc_custom_border_hdr  {
    font-family: Helvetica,Arial,sans-serif;
}

h1, h2, h3 {
    letter-spacing: 1px;
}
h1 { }
h2 { font-size: 44px }
h3 { }

p { margin: 0 0 10px 0; }
.info p { margin: 0 0 20px 0; }
#footer a { color: #000; text-decoration: none }
a { color: inherit }
.info a { text-decoration: none }
.info a:hover { text-decoration: underline }
a:hover { } 

blockquote {
	font-size: 14px;
}
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

/* HEADER */
.social {
    font-size: 19px;
    font-weight: bold;
    left: 50px;
    position: fixed;
    text-align: left;
    top: 180px;
    z-index: 1;
}

.social a {
    color: #000000;
    display: block;
    margin-bottom: 20px;
    text-decoration: underline;
}

#header {
    position: fixed;
    width: 100%;
    z-index: 1;
}

.description { margin-top: 5px }

.logo {
    left: 80%;
    position: fixed;
    top: 55%;
    z-index: 1;
}
/* HEADER */

/* POST BODY */
#post-body { padding: 100px 0 35px }

.info {
    color: #FFFFFF;
    display: inline-block;
    font-size: 25px;
    margin: 10px 10px 15px;
    padding: 40px;
    vertical-align: bottom;
}

.info span, .mc_custom_border_hdr { letter-spacing: 2px }

.artist { background-color: #000000 }

.artist, .banner {
    display: inline-block;
    margin: 10px;
    position: relative;
}

.artist:nth-child(5n-4) { background-color: #000000 }
.artist:nth-child(5n-3) { background-color: #FF4D38 }
.artist:nth-child(5n-2) { background-color: #00AC7E }
.artist:nth-child(5n-1) { background-color: #62529D }
.artist:nth-child(5n) { background-color: #0166AC }

.artist:hover .imagen {
	display: none
}

#artist-wrap {
    color: #FFFFFF;
    padding: 10px;
    text-align: left;
    position: relative;
}

.imagen, #artist-wrap {	position: absolute }

.imagen img, .banner img { vertical-align: bottom }
.banner img { padding-bottom: 15px }

.procedencia { font-size: 14px }

.content {
    font-size: 18px;
    margin: 15px 0;
    width: 75%;
}

.artist-footer {
    bottom: 35px;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    width: 100%;
}

.artist-footer span, .mc_merge_var input[type="text"], #mc_signup_submit {
    font-family: 'Old Standard TT',serif;
    font-weight: normal;
}

.artist-footer span a, .play a { color: #FFF; text-decoration: none }
.artist-footer span a:hover { text-decoration: underline }

.play {
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    right: 10%;
    top: 55%;
}

.amigos { padding: 160px 0 100px }

.wpaudio-position { float: left }
/* POST BODY */

/* MAILCHIMP */
#mc_signup { position: relative }

.mc_custom_border_hdr { font-weight: bold }

.mc_form_inside { margin-top: 20px }

.mc_merge_var { margin: 20px 0 }

.mc_merge_var .mc_var_label {
    display: block;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.mc_merge_var input[type="text"] {
    border: 0 none;
    font-size: 20px;
    margin: 5px;
    padding: 10px;
    text-align: center;
    width: 70%;
}

#mc-indicates-required { display: none }

#mc_signup_submit {
    background-color: inherit;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    text-decoration: underline;
}

#mc_message {
    font-size: 14px;
}

.mc_error_msg { color: #FF4D38 }

.mc_success_msg { color: #00AC7E}
/* MAILCHIMP */

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }

#footer { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */