/*   
Theme Name: Sub-Way
Theme URI: http://www.matiasboerolutz.com
Description: Cinema for life
Author: Juanra Dikal
Author URI: juanelas@gmail.com
Version: 1.0
	
	This theme was designed and built by Juanra Dikal,

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* Begin Page Layout*/

div#page
{
  position: absolute;
  width: 780px;
  height: 520px;
  border: 0px solid #111;
  top: 5px;
  left: 5px;
}

div#header
{
  position: absolute;
  left: 20px;
  top: 15px;
  width: 300px;
  border: 0px solid #000;
}

div#main
{
  position: absolute;
  left: 50px;
  top: 105px;
  width: 680px;
  border: 0px solid #000;
}

div#menubar
{
  position: absolute;
  left: 20px;
  top: 67px;
  width: 740px;
  border: 0px solid #000;
}

div#footer
{
  height: 20px;
  border: 0px solid #000;
}

div#banners
{
  position: absolute;
  width: 200px;
  left: 790px;
  top: 20px;
}

div#festivales
{
  position: absolute;
  left: 790px;
  top: 90px;
  width:250px;
  text-align: center;
}

/* End Page Layout */

/* Begin Body */
body
{
  background-color: #000;
}

/*End Body */


/* Begin Page and General CSS options */
#page
{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  color: #fefefe;
  background-image: url("images/subway_bg.jpg");
  background-position: left;
  background-repeat: no-repeat;
}
#page img
{
  border: 0px white;
}
#page a {
  color: #aaa;
  text-decoration: none;
}
#page a:hover {
  color: #f78b0c;
}

/* End Page and General CSS options */



/* Begin Header */
#header div.container
{

}
#header a
{
  color: #cfd4f2;
}
#header div#productions
{
  top: 0px;
  left: 2px;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #f2dfcf;
  visibility: hidden;
}
#header div#title
{
  position: absolute;
  left: 0px;
  top: 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 44px;
  font-weight: bold;
  color: #cfd4f2;
  letter-spacing: -.01em;
}
#header div#description
{
  position: absolute;
  left: 2px;
  top: 39px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #f2dfcf;
  text-transform: lowercase;
  letter-spacing: .1px;
}
#header span.color1
{
  color: #f78b0c;
}
#header span.color2
{
  color: #fefefe;
}

/* End Header */




/* Begin Menubar */

#menubar div.container
{
  text-align: right;
}
#menubar a
{
  font-size: 14px;
  font-weight: bold;
  color: #e1e1e1;
  padding-left: 2px;
  padding-right: 2px;
  letter-spacing: 0px;
  white-space: nowrap;
}
#menubar a.current-cat, #menubar a.current_page_item
{
  border-bottom: 2px solid #F78B0C;
}
/* End Menubar */



/* Begin Main */

#main div.container
{
  height: 100%;
  weight: 100%;
}

#main div.post
{
  height: 100%;
  weight: 100%;
  background: transparent url(images/transparencias/negro60.png);
  background-repeat: repeat;
  padding: 8px;
  margin-bottom: 20px;
  border: 1px solid #222;
}

#main div.post_title
{
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}

#main div.post_by_author
{ 
  font-size: .8em;
  text-align: center;
}

#main div.post_content
{
  text-align: justify;
}

#main div.action
{ 
  font-size: .8em;
  border-top: 1px solid #222;
  text-align: center;
  padding-bottom: 5px;
  clear:both;
}

#main div.post_comment
{
  font-size: 1em;
  color: #eeeeee;
  text-align: justify;
  padding-left: 5px;
  padding-right: 5px;
}
#main p#respond
{
  font-size: 1.2em;
  font-weight: bold;
  color: #aaaaaa;
}
#main ul#commentlist
{
  list-style-position: outside;
  list-style-type: none;
  padding: 0px;
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 0px;
  margin-bottom: 30px;
}
#main li.comment
{
  background: #111;
  border-bottom: 1px solid #666;
}
#main cite {
  font-size: 0.8em;
}

#main textarea#comment
{
  width: 649px;
  height: 100px;
  border: 1px solid #444;
  padding: 5px;
  background: #222;
  color: #fefefe;
  overflow: auto;
}
#main input#url, #main input#author, #main input#email
{
  width: 450px;
  background: #222;
  color: #fefefe;
  border: 1px solid #444;
}
#main input#submit
{
  background: #444 !important;
  color: #fefefe;
  border: 2px solid #222;
}
#main label
{
  color: #aaaaaa;
}
#main .navigation {
  font-size: 1em;
  font-weight: bold;
  clear:both;
  padding:10px 0px;
  margin-top: 5px;
  margin-bottom: 20px;
}
#main .prevpost{
  border:0px none;
  clear:none;
  float:left;
}
#main .nextpost{
  border:0px none;
  clear:none;
  float:right;
}
/* End Main */

/* Begin footer */
#footer div.container {
}
/* End Footer */
/* Begin festivales */
#festivales div.festival {
		padding:10px 25px; /* padding vertical y luego horizontal */
		margin:0px;		
		width:70px !important; /* 120-2*padding MOZ width*/
		width:120px;
		height:78px !important; /* 98-2*padding MOZ height*/
		height:98px;
		border:0px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
		background:url(images/coronalaurel_verde.png) no-repeat;
		text-align:center; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
		font-family: Impact, Charcoal, sans-serif;
		font-size:10px;
		color:#FFF;
		display:block;
}
/* End festivales */