/*   
Theme Name: Festival Nrmal 2013
Theme URI: http://2013.festivalnrmal.net/
Description: Responsive theme for iPad & iPhone built for WP 3.5
Author: Ángel Meraz
Author URI: Author URI
Version: 1.0
*/

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, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

/* GENERIC */
* { margin: 0; padding: 0; }
.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 */

a { color: inherit }
a:hover { }

h1,h2,h3 { font-weight: normal }
h1 { font-size: 50px }
h2 { }
h3 { }

img { max-width: 100%; height: auto }

p { margin: 0 0 10px 0; }

li { list-style: none }

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

::selection 	 	{background-color: #CCC;}
::-moz-selection 	{background-color: #CCC;}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}

.aligncenter { display: block;	margin: 0 auto }

/* COMMMON */
.entry {
	font-family: TimesNewRoman-BoldCond;
	font-size: 21px;
	line-height: normal;
}
.menu, .post h2, .featured, .edit { text-align: center }
#welcome, article h2, .media { font-family: Univers; font-weight: normal }

/* MAIN */
html, body { height: 100% }
body {
    background-color: #FFF;
    margin: 0 auto;
    font: 16px/24px Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	-webkit-tap-highlight-color: #CCC;
	overflow: hidden;
}
body.home, body.page-template-default, body.single { overflow: auto }

#page-wrap { height: 100% }

#left, #right { height: 100%; overflow: auto; position: fixed; width: 50% }
#left {	left: 0 }
#right { right: 0 }

#welcome { font-size: 18px; margin-top: 30px }

#wrap { min-height: 85%; padding: 5%; position: relative }
#wrap > header { margin-bottom: 5% }

#social_icons { position: fixed; right: 30px; top: 50px; z-index: 1 }

.menu { font-weight: bold; letter-spacing: 2px; text-transform: uppercase }
.menu li { display: inline; margin: 0 20px }
.menu li:first-child { margin-left: 0 !important }
.menu li:last-child { margin-right: 0 !important }

ul#submenu { margin-top: 20px; text-transform: lowercase }
ul#submenu li { margin: 0 }
ul#submenu .sep { margin-left: 5px }
ul#submenu li a { text-decoration: none }

.content { margin: 10% auto; width: 65% }

#cover { text-align: center }

.post { margin-bottom: 100px }
.post h2 { color: blue; margin: 20px 0 }

body.page-template-page-inicio-php .entry p { text-align: justify; text-align-last: justify }
article.category-programa .entry p { text-align: left }

body.page-template-page-inicio-php .entry p:after {
	content: "";
	display: inline-block;
	width: 100%;
}

.media { background-color: #000; position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ height: 0; overflow: hidden }
.media iframe, .media embed  { height: 100%; left: 0; position: absolute; top: 0; width: 100% }

.edit { margin-top: 30px }

#footer {
	bottom: 2%;
    text-align: center;
    position: absolute;
    width: 90%;
}

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

.mc_custom_border_hdr, #mc_signup { text-align: center }

.mc_custom_border_hdr { margin-bottom: 40px }

.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;
    cursor: pointer;
    font-family: inherit;
    font-size: 18px;
    margin-top: 40px;
    text-decoration: underline;
}

#mc_message {
    font-size: 14px;
}

.mc_error_msg { color: #FF4D38 }

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


/* TABLET PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 991px) {	
	body { height: auto; overflow: auto; width: 768px }
	#left, #right { height: auto; position: static; overflow: hidden; width: 100% }
	#left { left: auto }
	#right { right: auto }
	#wrap { margin: 5% }
	#footer { bottom: 0 }
}

/* MOBILE PORTRAIT */
@media only screen and (max-width: 767px) {
	body { height: auto; overflow: auto; width: 320px }
	#social_icons { display: none }
	#left, #right { height: auto; position: static; overflow: hidden; width: 100% }
	#left { left: auto }
	#right { right: auto }
	#wrap { margin: 5% }
	#wrap > header { margin-bottom: 10% }
	.content { margin: 0 auto; width: 100% }
	#footer { bottom: 0 }
}


/* MOBILE LANSDCAPE */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body { height: auto; overflow: auto; width: 480px }
	#social_icons { display: none }
	#left, #right { height: auto; position: static; overflow: hidden; width: 100% }
	#left { left: auto }
	#right { right: auto }
	#wrap { margin: 5% }
	#wrap > header { margin-bottom: 10% }
	.content { margin: 0 auto; width: 100% }
	#footer { bottom: 0 }
}


/*	RETINA MEDIA QUERY
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */
@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body { }
	
}


@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: inherit; color: #000; background: none; font-size: 12pt; }
	h1,h2,h3,h4,h5,h6 { font-family: inherit, 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; }
	
}