/*

Theme Name: NMN 2009
Theme URI: http://www.nadameansnothing.com
Description: NMN
Version: 1.0
Author: NMN & XTN
Author URI: http://www.nadameansnothing.com/

*/



html, body {
		margin: 0; padding: 0;
		overflow: auto;
		}

body {
		width: 100%; max-width: 100%;
		background-color: #000;
		font: normal 11px "Lucida Grande", Arial, sans-serif;
		color: #ccc;
		line-height: 1.4em;
		}

a {
		text-decoration: none;
		color: #990000;
		}

a:hover {
		text-decoration: underline;
		color: #990000;
		}

img, img a, img a:hover{
	border: none;
}		
		
#left {
		overflow: hidden; 
		height: 100%; width: 450px;
		text-align: left;
		margin:0;
		padding:0;
    	background: #000;
		}
		
#left img, #left img a, #left img a:hover{
	border: none;
}
		
.left-talk{
		color: #990100;
		font-size: 20px;
		padding: 5px 0 0 40px;
		}

.left-blanco{
     	color:white;
		font-size: 10px;
		padding: 5px 0 0 40px;
     }

.left-rojo{
     	color:#990100;
		font-size: 10px;
		padding: 5px 0 0 40px;
     }

#outer {
		position: absolute; left: 0;
		top: 50%;
		width:100%;
		height: 240px;
		margin-top: -120px;
		}

body > #left {
		position:fixed;
		}

#main {
		width: 650px;
		margin: 20px 5% 5px 400px;
		padding-left:20px;
		padding-right: 20px;
		}

h1 {
		display: inline;
		margin-right: 30px;
		font: 800 35px 'century gothic', 'trebuchet ms', arial, sans-serif;
		color: #fff;
		text-align: right;
      text-transform: lowercase;
		}

#titulo{
	  width:590px;
	  height: 20px;
	  padding: 5px;
	  background:#333333;
}

span.title{
	width: 250px;
	float: left;
}
		
span.title a {
		display: block;
		margin: 0 0 5px 0;
		font: 12px arial, sans-serif;
		color: #fff;
		}
		
span.title a:hover{
	  text-decoration: none;
}

span.descripcion{
	width: 300px;
	float: right;
	text-align: right;
	padding: 0;
}

img.lime {
		margin-bottom: -6px;
		margin-right: 8px;
		}

span.yellow {
		color: #cf0;
		}

span.green {
		color: #0c0;
		}

#comentarios{
	margin: 0 0 0 45px;
}		
		
		
.nav ul {list-style:none; text-transform: lowercase;}

.nav ul li a {
		display: block;
		margin: 0;
		text-decoration: none;
		font: 400 20px 'trebuchet ms', arial, sans-serif;
		color: #aaa;
		padding: 0 30px 3px 0;
		}

.nav ul li a:hover {
		color: #cf0;
		background: #222;
		text-decoration: none;
		}

.credit a, .credit a:hover {
		color: #555;
		}

.date {
		float: left; 
		width: 2.0em;
		font: 600 1.3em arial, sans-serif;
		padding-right: 5px;
		text-align: right;
		}

div.main {
		margin-left: 2.9em;
		margin-bottom: 5px;
		padding: 0 30px 30px 5px;
		background: #000;
		}
		
		

img.main {
		float: right;
		margin: 10px;
		padding: 4px;
		background: #0c0;
		}

img.main a{
		border: none;
		}		
		
a img.main:hover {
		background: #cf0;
		border: none;
		}



div.quote {
		margin: 8px 0 12px 10px; color: #fff;
		background: #2a2a2a url('images/quote.jpg') repeat-x top;
		border-bottom: solid 1px #2e2e2e; 
	 	border-right: solid 1px #2e2e2e; 
	 	border-left: solid 2px #0c0;
		padding: 8px;
		line-height: 1.7em;
		}

p.comment {
		font-size: 0.9em;
		font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
		}

span.credit {
		display: block;
		text-align: center;
		color: #555;
		margin: 15px 0 20px 0;
		font: 400 0.9em 'trebuchet ms', arial, sans-serif;
		}

.alignright {float:right;}

.alignleft {float:left; margin-left: 50px; margin-bottom: 10px;}

.clear {clear:both}

.glossymenu{
margin: 3px 0 0 35px;
padding: 0;
width: 300px; /*width of menu*/
}

.glossymenu a.menuitem{
font-size: 20px;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #990100;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
color: white;
margin-left:-40px;
padding-left: 50px; 
background: url(images/sidebarhover.png) no-repeat;

}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:600px;
		height:450px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}