/*
Theme Name: Moobeez
Theme URI: http://moobeez.com
Description: Simple movie reviews!
Version: 1.0
Author: Ignacio Ricci
Author URI: http://ignacioricci.com
Tags: moobeez, brown, red, cinema
*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*----------------------------------------- MOOBEEZ ---------------------------------------------*/
/*-------------------------- por Ignacio Ricci (www.ignacioricci.com) ---------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		input, textarea {font-family:inherit; font-size:1em;}
		

/*- Fin de Reset Styles ----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Estilos Generales ------------------------------------------------------*/


		html {background:url(images/html.png) repeat 0 0;}
		
			body {font:100% Lucida Grande, Arial, sans-serif; color:#71645F; background:url(images/body.jpg) no-repeat center top;}
			
				/*- Resolucion -*/
				#innerHeader,
				#main,
				#footer p {width:894px; margin:0 auto;}
				
				/*- Float clear -*/
				#main,
				#menu ul,
				#navigation,
				.movieAuthor {overflow:hidden;}
				
				/*- Links -*/
				a {text-decoration:none;}
				a:hover {text-decoration:underline;}
				
				/*- Bordes redondeados -*/
				#menu a strong,
				#search input,
				.movieImage img {-moz-border-radius:4px; -webkit-border-radius:4px;}
				
				/*- Labels accesibles -*/
				.accesible {width:1px; height:1px; position:absolute; top:0; left:-9999px; overflow:hidden;}
				

/*- Fin de Estilos Generales -----------------------------------------------*/			
/*-----------------------------------------------------------------------------------------------*/

/*- Header -----------------------------------------------------------------*/


		#header {padding-bottom:50px; background:url(images/header.png) repeat-x center top; position:relative;}
		
			#menu,
			#search {position:relative; z-index:2;}
		
			/*- Logo -*/
			#logo {position:absolute; top:0; width:894px;}
				#logo h1 {font-size:0; text-indent:-9999em;}
				#logo a {display:block; width:378px; height:132px; margin:0 auto; background:url(images/logo.png) no-repeat 0 0;}
			
			/*- Menu -*/	
			#menu {width:150px; padding:15px 0 40px 20px;}
				#menu li {float:left; text-transform:uppercase; font-size:0.8em;}
				#menu a,
				#menu strong {display:block;}
				#menu a {color:#FFF; padding-top:14px; background:url(images/menuItem.gif) no-repeat center top;}
				#menu strong {padding:3px 10px; background:#432221; border:1px solid #412927; border-top:0;}
				
			/*- Buscar -*/
			#search {float:left; font-size:0.8em; padding-left:20px;}
				#search label {}
				#search input {color:#666; padding:3px 8px; width:180px; background:#262220; border:1px solid #353231;}
				#search input:focus {color:#CCC; border-color:#666;}
				#search button {display:none;}
			
			/*- Movie Count -*/				
			#movieCount {float:right; width:170px; padding-right:20px;}
				#movieCount p {color:#787574; text-align:right; font-size:0.8em;}
				#movieCount em {color:#999;}


/*- Fin de Header ----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- La pelicula ------------------------------------------------------------*/

			
		.movie {clear:both;}
		
			/*- Titulo -*/
			.movieTitle {float:left; width:560px; padding:20px;}
				.movieTitle * {float:left;}
				.movieTitle h2 {font-size:2.2em; font-weight:normal; color:#FFF; letter-spacing:-0.04em;}
				.movieTitle p {font-size:0.9em; color:#DDAE3F; margin:12px 0 0 14px;}
				.movieTitle a {color:#FFF; text-decoration:none;}
				.movieTitle a:hover {text-decoration:underline;}
				
			/*- Rating -*/
			.movieRating {float:right; width:210px; font-size:0.9em; padding:32px 20px 20px;}
				.movieRating strong {color:#8E4441; font-weight:normal;}
			
			.Mala {background:url(images/icons/rating1.png) no-repeat 100px 27px;}
			.Regular {background:url(images/icons/rating2.png) no-repeat 100px 27px;}
			.Buena {background:url(images/icons/rating3.png) no-repeat 100px 27px;}
			.Muy {background:url(images/icons/rating4.png) no-repeat 100px 27px !important;}
			.Excelente {color:#DDAE3F; background:url(images/icons/rating5.png) no-repeat 100px 27px;}
				.Excelente strong {color:#DDAE3F;}
		
			/*- Imagen -*/
			.movieImage {clear:both; width:882px; height:348px; padding:7px 0 0 12px; background:url(images/poster.png) no-repeat 0 0;}
			
			/*- Ficha tecnica -*/
			.movieData {float:left; font-size:0.9em; width:295px; padding-bottom:11px; background:url(images/movieData.png) repeat-x 0 100%;}			
				.movieData div {padding:95px 20px 0; min-height:400px; background:url(images/movieData-div.png) repeat-x 0 0;}
					.movieData h3 {color:#FFF; text-transform:uppercase;}
					.movieData ul {font-family:Georgia, serif; padding:14px 0; background:url(images/movieData-ul.gif) repeat-x 0 100%;}
					.movieData li {padding-bottom:5px; line-height:130%; color:#E59E7D;}
					.movieData strong {font-weight:normal; color:#A16E57;}
					
					.movieData .movieTags {background:none;}
						.movieTags a {color:#E59E7D;}
	
			/*- Informacion -*/
			.movieInfo {float:right; width:550px; font-size:0.85em; padding-bottom:35px;}
				.movieInfo h3 {clear:both; color:#CCC; padding:35px 10px 10px; margin-bottom:15px; background:url(images/movieInfo-h3.png) no-repeat 0 100%;}
				.movieInfo p {line-height:150%; padding:0 40px 15px 10px;}
				.movieInfo a {display:block; text-decoration:underline; font-style:italic; color:#71645F; margin-top:3px;}
				
					/*- Indices -*/
					.indexType {float:left; color:#77523B; padding:0 0 0 110px; margin:10px 0;}
						.indexType p {padding:0; font-size:0.9em; text-transform:uppercase;}
						.indexType h4 {font-size:1.6em; letter-spacing:-0.05em; padding:12px 0 5px;}
						.indexType h4, .indexType em, .indexType span {display:block;}
						.indexType em {text-transform:none; font-style:normal;}
						
					.sleepIndex {width:130px; background:url(images/icons/zzz.png) no-repeat 10px 10px;}
						.sleepIndex em, .sleepIndex strong {color:#6FB9E9;}
						
					.popcornIndex {width:150px; background:url(images/icons/popcorn.png) no-repeat 10px 10px;}
						.popcornIndex em, .popcornIndex strong {color:#E0AD28;}
						
					.movieAuthor {padding:10px; margin-top:10px;}
						.movieAuthor img {float:left; margin-right:15px;}
						.movieAuthor p {float:left; padding:5px 0 0; color:#4F4845; text-transform:lowercase; font-variant:small-caps;}
						.movieAuthor em {font-style:normal;}
						.movieAuthor strong {color:#6F6561;}
						.movieAuthor a {margin-top:-4px;}
						.movieAuthor a:hover {color:#FFF;}


/*- Fin de La pelicula -----------------------------------------------------*/					
/*-----------------------------------------------------------------------------------------------*/

/*- Navegacion -------------------------------------------------------------*/
			
			
		#navigation {clear:both; padding:20px; border-top:2px solid #241A16;}
			#navigation p {width:220px; font:italic 1.3em Georgia, serif;}
			#navigation a {display:block; padding:2px 0; color:#765040; background:url(images/icons/nav.png) no-repeat 0 6px;}
			#navigation a:hover {color:#F9C02A;}
			
			#prev {float:left;}
				#prev a {padding-left:32px;}
				#prev a:hover {background-position:0 -177px;}
			
			#next {float:right; text-align:right;}
				#next a {padding-right:32px; background-position:-106px 6px;}
				#next a:hover {background-position:-106px -177px;}
			

/*- Fin de Navegacion ------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Footer -----------------------------------------------------------------*/

		
		#footer {font-size:0.8em; margin-top:30px; background:url(images/footer.png) repeat-x 0 0;}
			#footer p {width:854px; color:#291C15; padding:18px 20px 14px;}
			#footer a {color:#39281E;}
			
/*- Fin de Footer ----------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------- FIN DE MOOBEEZ ------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/