/*
Theme Name: Alternatilla 2009
Theme URI: http://www.danielnabil.com/
Description: Diseño web para la edición 2009 del Festival Multidisciplinar Alternatilla
Version: 1
Author: Daniel Nabil
Author URI: http://www.danielnabil.com/


/* ----------------------------------------------
	RESET 
-------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a, a:link, a:visited { outline: none; }


/* ----------------------------------------------
	BLOCKS 
-------------------------------------------------*/

body { font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; position: relative; background: #040202 url(/2009/wp-content/themes/alt09/images/bg-alt09-3.jpg) no-repeat left top; font-size: 11px; }
#top, #wrapper { width: 1000px; }
#top { position: relative; margin-top: 3px; height: 32px; }
	#top p { text-align: right; font-size: 10px; }
	#top p.desc { position: absolute; right: 40px; }
	#top p.rss { position: absolute; width: 32px; height: 32px; right: 0; }
	#top p.rss a { border: none; }
	.sponsors { position: absolute; right: 0; top: 37px; }
#wrapper { margin: 85px 0 0 0; }
	#home #content { padding: 12px; }
	#content { overflow: hidden; margin: 0 0 12px 212px; padding: 6px; }
		.block { margin-bottom: 12px; border-bottom: 1px solid #040202; padding: 0 6px; }
		.column { width: 186px; float: left; margin-right: 6px; padding: 6px 0; }
		.column-single { width: 367px; float: left; margin-right: 6px; padding: 6px 12px; font-size: 13px; line-height: 18px; }
		.column-calendario { padding: 6px; font-size: 13px; line-height: 16px; }
		.column.ultima { margin-right: 0; }
		.column .noticia { margin-bottom: 6px; width: 174px; height: 195px; padding: 6px; background: #fafafa; }
		.column .com { font-size: 9px; line-height: 11px; }
		ul.archive .com { text-align: right; }
		.column-single .com { font-size: 11px; line-height: 13px; }
		
	#mainContent { background: #fff; }
	#sidebar { position: absolute; width: 174px; left: 23px; top: 360px; padding: 3px; line-height: 16px; }
		#sidelist li { padding: 6px 0 18px 0; }
		#sidelist li li { padding: 0; }
			li.recent-comments li { margin-bottom: 12px; }
			ul.creditos { font-size: 9px; line-height: 12px; }
			ul.creditos li { margin-bottom: 6px; }
	#footer { clear: both; }


/* ----------------------------------------------
	COLORS 
-------------------------------------------------*/

body { color: #f3f3f3; }
a, a:link, a:visited { color: #f3f3f3; }
a.orange { color: #d9b52f; }
#sidebar h3 { color: #c8a53f; }
a:hover, a:active { color: #d9b52f; }
.nav .nolink { color: #555; }
.creditos, .creditos a { color: #666; }
.creditos a:hover { color: #d9b52f; }
.recent-comments { color: #aaa; }
.column .noticia, .column .noticia a { color: #111; }
.column .noticia a:hover { color: #d9b52f; }
h1 a, h1 a:visited, table.agenda th { color: #000; }
.column-calendario { color: #fafafa; }
/* #content ul.lisep li strong, #content ul.lisep li strong a { color: #000; } */
ol.commentlist li { color: #aaa; }


/* ----------------------------------------------
	BGs 
-------------------------------------------------*/

#content, .column-single, .column-calendario, .fotoNav a { background: url(/2009/wp-content/themes/alt09/images/bg-transparent-white.png) repeat; }
.column, table.agenda tr.par { background: url(/2009/wp-content/themes/alt09/images/bg-transparent.png) repeat; }



/* ----------------------------------------------
	HEADINGS 
-------------------------------------------------*/

h1 { font-size: 38px; margin: 15px 0 42px 0; letter-spacing: -2px; line-height: 40px; }
	#home h1 { display: none; }
h2 { }
	.column .noticia h2, .column .block h2 { line-height: 16px; margin-bottom: 6px; font-size: 14px; }
	.column-single h2 { font-size: 18px; margin: 35px 0 5px 0; padding-bottom: 3px; line-height: 19px; letter-spacing: -1px; }
	.column h2 { margin-bottom: 3px; }
h3 { }
	.column-single .entry h3 { background: none; font-size: 15px; padding: 0; margin-top: 24px; line-height: 18px; }
	.column h3, .column-single h3 { background: #000; text-transform: uppercase; font-size: 9px; padding: 3px; margin-bottom: 6px; line-height: 11px; }
	.column h3.invert { background: #fff; }
	.column h3.var { margin: 0 6px 6px 6px; }
	#sidebar h3 { text-transform: uppercase; font-size: 9px; border-bottom: 1px solid #c8a53f; padding: 3px 3px 3px 0; margin-bottom: 5px; line-height: 9px; }
h4 { }
h5 { }
h6 { }



/* ----------------------------------------------
	STYLES 
-------------------------------------------------*/

.nav a, .noticia h2 a, .block h3 a, .block h2 a, ul.archive h3 a, .column-single h3 a, .column h3 a, ul.ultimas-fotos a { text-decoration: none; }

p {	margin-bottom: 12px; }
strong { font-weight: bold; }
strong.search-excerpt { background: #c13636; }
em { font-style: italic; }
.clear { clear: both; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 0 0 10px 10px; }
img.alignleft, img.alignright { padding: 5px; }
.right { text-align: right; }
.wp-caption-text { font-size: 11px; }
p.nocomments { padding: 10px; }

.entry { margin-bottom: 40px; }
.entry img { margin: 0 0 12px 0; }

#presentacion, #artistas { display: none; }
p.slide { font-size: 10px; text-align: right; margin-right: 6px; text-transform: uppercase; }

table.agenda { margin: 20px 0; width: 100%; font-size: 11px; }
table.agenda th { text-transform: uppercase; padding: 3px 6px; font-weight: bold; border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: center; font-size: 10px; }
table.agenda th.no-border-right { border-right: none; }
table.agenda td { padding: 6px; }
table.agenda td.artista { font-weight: bold; }

#content, div.intouch div#usermessage span, .fotoNav a { -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

ol.commentlist li { border-bottom: 1px solid #eee; margin-bottom: 6px; }
ol.commentlist li p { line-height: 14px; }
ol.commentlist li p.commentmetadata { font-size: 10px; line-height: 12px; }

#commentform #author, #commentform #email, #commentform #url, #commentform #comment { background: #444; border: 1px solid #666; color: #eee; font-size: 11px; padding: 2px; }
#commentform #author, #commentform #email, #commentform #url { width: 168px; }
#commentform #comment { width: 168px; height: 220px; }
#commentform #comment, div.intouch div.inputfield textarea { font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

.comments-fotos { border: 1px dotted #333; padding: 24px 24px 12px 24px; }
.comments-fotos #commentform #author, .comments-fotos #commentform #email, .comments-fotos #commentform #url { width: 275px; }
.comments-fotos #commentform #comment { width: 380px; height: 128px; }
.comments-fotos form { margin-top: 12px; }
.comments-fotos form h3 { padding-left: 3px; margin-bottom: 12px; }
.comments-fotos #commentform #author, .comments-fotos #commentform #email, .comments-fotos #commentform #url, .comments-fotos #commentform #comment { background: #666; border: 1px solid #888; color: #eee; font-size: 12px; padding: 5px; }
.comments-fotos .commentlist li { padding: 12px 12px 4px 12px; border-bottom: none; margin: 10px 0; font-size: 11px; background: #4c4c4c; }
.comments-fotos .commentlist li .commentmetadata { color: #999; line-height: 14px; }
.comments-fotos .commentlist li .commentmetadata a, .comments-fotos .commentlist li .commentmetadata strong { color: #ccc; }

.form-block1 { width: 310px; float: left; margin-bottom: 24px; }
.form-block2 { width: 390px; float: left; margin-bottom: 24px; }


#content ul.archive { list-style: none; margin: 24px 0; }
#content ul.archive img { width: 100px; height: 62px; float: left; margin-right: 5px; }
#content ul.archive li { margin-bottom: 12px; }
#content ul.archive li p { font-size: 11px; line-height: 14px; }
.column-single ul.archive h3 { background: #000; clear: left; text-transform: uppercase; font-size: 11px; padding: 3px 4px; line-height: 12px; margin-bottom: 5px; margin-top: 0; }

#content ul { list-style: square; list-style-position: outside; margin: 12px 0 24px 35px; }
#content ul.lisep li { margin-bottom: 15px; }
#content .column ul { margin: 12px 0 12px 18px; }
.maspeq { font-size: 10px; }
.pad { padding: 12px; }

#content ul.carteles { margin: 35px 0 24px 0; overflow: hidden; }
ul.carteles li { list-style: none; float: left; margin: 0 10px 10px 0; }
ul.carteles li.no-margin { margin-right: 0; }
.entry ul.carteles li img { width: 180px; height: 257px; margin: 0; background: #000; }
#content .column ul.ultimas-fotos li { margin-bottom: 5px; }
#searchform { margin: 12px 0; text-align: center; }
#searchform input#s { width: 155px; margin: 0 auto; background: #666; border: 1px solid #888; color: #eee; font-size: 12px; padding: 5px; }
#searchsubmit { margin: 6px 0; font-size: 9px; }
img.search-thumb { width: 100px; height: 62px; float: right; margin: 0 0 10px 10px; border: 1px solid #222; }
.search-more { border-top: 1px dotted #aaa; }


/* ----------------------------------------------
	GALLERY 
-------------------------------------------------*/

.gallery { padding: 0!important; color: #9c9c9c; }
.gallery-item { float: none; margin: 0; padding: 0; border: none; }
.gallery-icon { margin: 0; padding: 0; }
.gallery-item img { border: none; margin: 8px 0 0; }
.gallery-caption { font-size: 10px; line-height: 13px; text-align: center; margin-bottom: 25px; padding: 3px; background: #4c4c4c; }
.attachment { text-align: center; margin: 0; }
.attachment img { border: 3px solid #fff; margin: 0; }
.fotoNav { text-align: center; text-transform: uppercase; font-size: 11px; margin-bottom: 5px; }
.fotoNav a { display: inline; color: #eee; padding: 3px 6px; text-decoration: none; margin-left: 3px; }
.fotoNav a:hover { background: #333; }
.descripcion-foto-grande { text-align: center; margin: 6px 0 12px 0; }
.descripcion-foto-grande p { margin: 0; font-size: 11px; }


.boxgrid { width: 180px; height: 257px; overflow: hidden; position: relative; background: #111; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.boxgrid h4 { padding: 10px; font-size: 14px; margin: 12px 0 24px 0; }
.boxgrid p { padding: 0 10px; font-size: 10px; margin-bottom: 10px; color: #aaa; line-height: 14px; }
.boxcaption { float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
.captionfull .boxcaption { top: 260; left: 0; }
.caption .boxcaption { top: 220; left: 0; }

#revista { width: 750px; margin-top: 15px; background: #e4e4e4; }
#revista object { width: 600px; margin: 6px 0 6px 75px; }
#ventana { width: 750px; text-align: right; font-size: 11px; margin-top: 3px; }