/*
THEME NAME: Dodecá 2010
DESCRIPTION: Poschka
Author: Matías Ventura
Template: dodeca
Version: 1.0
*/

@import url('../dodeca/media.css');

/*#feature	{ border-color: #3c3c3c; }*/
#feature  {	margin: 10px 0 0;
			-webkit-border-bottom-left-radius: 2px;
			-webkit-border-bottom-right-radius: 2px;
			-moz-border-radius-bottomleft: 2px;
			-moz-border-radius-bottomright: 2px; }
			
#wrapper  {	border-left: 60px solid rgba(0,0,0,.05); }

span.gridb	  {	cursor: crosshair;
				display: inline-block;
				width: 50px;
				height: 50px;
				background: white;
				opacity: 0;
				-webkit-animation-duration: 2s;
				-webkit-transition-property: all;
				-moz-animation-duration: 2s;
				-moz-transition-property: all; }
				  
 @-webkit-keyframes start {
        0% { opacity:0; } 2% { opacity: .8; } 7% { opacity: .4; }
        8% { opacity: 1; } 12% { opacity: .6; } 100% { opacity: .7; } }

 @-webkit-keyframes end { 
 		0% { opacity:.7; } 100% { opacity: 0; } }

span.gridb:hover	{ -moz-transform: opacity: .7; }

div.grid  {	width: 600px;
			height: 150px;
			z-index: 10;
			border: 1px solid #111;
			line-height: 0; }


#menu					{ /*background: url(images/foro.png) no-repeat 530px 0;*/ margin: 0 0 -5px; padding: 20px 0 0; }
#menu ul				{ background: url(i/y.png) no-repeat 191px 14px; height: 30px; }
#menu ul li				{ display: block; float: left; height: 30px; margin: 0 10px; position: relative; }
#menu ul li a			{ display: block; height: 28px; text-indent:-9999px; text-decoration: none; background: url(i/menu.png); outline: none; }

	#menu ul li.centro-cultural a			{ background-position: 0 0; width: 118px; }
	#menu ul li.centro-cultural a:hover		{ background-position: -200px 0; }
	
	#menu ul li.cine a						{ background-position: 0 -30px; width: 42px; }
	#menu ul li.cine a:hover				{ background-position: -200px -30px; }

	#menu ul li.escuela-cine a				{ background-position: 0 -60px; margin-left: -10px; width: 64px; }
	#menu ul li.escuela-cine a:hover		{ background-color: #5E1E00; background-position: -200px -60px; }

	#menu ul li.seminarios a 				{ background-position: 0 -90px; width: 82px; }
	#menu ul li.seminarios a:hover			{ background-position: -200px -90px; }

	#menu ul li.exposiciones a 				{ background-position: 0 -120px; width: 95px; }
	#menu ul li.exposiciones a:hover		{ background-position: -200px -120px; }

	#menu ul li.foro a						{ background-position: 0 -150px; width: 44px; }
	#menu ul li.foro a:hover				{ background-position: -200px -150px; }

	#menu ul li.espacio-utopico a			{ background-position: 0 -180px; width: 112px; }
	#menu ul li.espacio-utopico a:hover		{ background-position: -200px -180px; }

	#menu ul li.mujer-es a					{ background-position: 0 -210px; width: 72px; }
	#menu ul li.mujer-es a:hover			{ background-position: -200px -210px; }

body.page-id-50 #menu ul li.centro-cultural:after,
body.page-id-2 #menu ul li.escuela-cine:after,
body.page-id-4 #menu ul li.cine:after,
body.page-id-40 #menu ul li.seminarios:after,
body.page-id-51 #menu ul li.espacio-utopico:after,
body.page-id-243 #menu ul li.exposiciones:after		{ content: "▾"; color: #A22413; position: absolute; top: 17px; left: 45%; font-size: 11px; }

body.page-id-80 #menu ul li.centro-cultural:after,	
body.page-id-39 #menu ul li.centro-cultural:after,
body.page-id-149 #menu ul li.mujer-es:after			{ content: "▾"; color: #A22413; position: absolute; top: 17px; left: 45%; font-size: 11px; }

body.page-id-149 h2-entry-title		{ display: none; }

body.home .entry-content			{ color: #333; font-size: 0.98em; width: 450px; }

.tipsy { padding: 12px; font-size: 13px; background-repeat: no-repeat; }
  .tipsy-inner { padding: 5px 12px 4px 12px; background-color: #e0dfd0 /*rgba(0,0,0,.95)*/; color: black; max-width: 400px; text-align: center; line-height: 1.6em; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .south .tipsy-inner  {  background-color: rgb(12,12,12); color: #ddd; font-size: 11px; padding: 2px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow: rgb(0, 0, 0) 0px 1px 0px; text-transform: lowercase; }
  .east .tipsy-inner,
  .west .tipsy-inner,
  .north .tipsy-inner { -webkit-box-shadow: 1px 1px 1px #bebc9e; -moz-box-shadow: 1px 1px 1px #bebc9e; text-shadow: #fff 0 1px 0; font-weight: bold; }

#primary img {
	-webkit-box-shadow: rgba(0, 0, 0, 0.49) 0px 1px 2px;
	border-color: #f3f3f3;
	border-radius: 3px; }
  
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	background: #fff;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

#wp_page_numbers {
	margin-top: 10px;
	width: 100%;
	background: #fff;
}
#wp_page_numbers ul {
	border-top: 1px solid #ccc;
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}

#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	color: #aaa;
	font-family: Arial;
	font-size: 12px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#wp_page_numbers li a:hover {
	color: #ff00a4;
	border-top: 2px solid #ff00a4;
	border-bottom: 2px solid #f1f1f1;
}

#wp_page_numbers li.space {
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	color: #fff;
	background: #45b9f6;
	border-top: 2px solid #45b9f6;
	border-bottom: 2px solid #45b9f6;
	
}
#wp_page_numbers li.active_page a:hover  {
	color: #fff; /* IE fix */
	border-top: 2px solid #00679d;
	border-bottom: 2px solid #45b9f6;
}

#wp_page_numbers li.page_info {
	float: left;
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	display: block;
	padding: 3px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}