/**
 *
 * Reset browser default styles, based on eric meyers' reset.css
 *
 * File: reset.css
 *
 * @package        Duperrific
 * @author         Armando Sosa
 */


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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*
	From Blueprint 0.8
*/

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6, .entry-title {
		font-weight: normal; 
		font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
		margin-bottom:18px;	
	}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

ins { text-decoration: none; border: none;}

/* Lists
-------------------------------------------------------------- */

article li ul, article li ol       { margin:0 1.5em; }
article ul, article ol      { margin: 0 1.5em 1.5em 1.5em; }

article ul          { list-style-type: disc; }
article ol          { list-style-type: decimal; }

article dl          { margin: 0 0 1.5em 0; }
article dl dt       { font-weight: bold; }
article dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
th,td,caption { padding: 4px 10px 4px 5px; }
tfoot       { font-style: italic; }



/*
	General Elements
*/
body{
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size:13px;
	line-height:21px;
}

a{
	text-decoration:none;
}

p{
	margin-bottom:18px;
}

/* Layout
---------------------------------------- */

body{               
	color:#333;
	background:#333; 
	background:-webkit-gradient(linear, left top, left bottom, from(#111), to(#333), color-stop(0.2, #333));
	background-attachment:fixed;
}             

a{
	color:#069;
}

section, nav, article{
	display:block;
}
             
/* fancy selector for #wrapper*/
body>section{
	width:960px;
	margin:0 auto;
	background:#fff;  
	-moz-box-shadow:0 2px 5px #ddd;	  
	-webkit-box-shadow:0 2px 5px #ddd;	 
	position:relative; 
}      

body>section>header{
	height:150px;
	background:#333;     
	background:-webkit-gradient(linear, left top, left bottom, from(#333), to(#444), color-stop(0.5, #303030));	
	color:#eee;    
	padding:0 10px;
	display:block;
	position:relative;
}              

body>section>header h1{
	font-family: Georgia, serif;
	font-size:70px;     
	height:70px;
	line-height:90px;
	background:#333;     
	margin:0;        
	padding:0 12px;
}

body>section>header h2{
	padding:0 20px;
	line-height:45px;
	height:60px;
	margin:0;    
	color:#999;
}        

nav#main-nav{
	display:block;
	margin-bottom:20px;
}

nav#main-nav ul{
	background:#eee;   
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd), color-stop(0.5, #f6f6f6));
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #ccc;
	-moz-box-shadow:0 1px 5px #ddd;    
	-webkit-box-shadow:0 2px 5px #ddd;
	height:30px;
	width:100%;
}

nav#main-nav ul li{
	display:inline-block;
	line-height:30px;
}

nav#main-nav ul li a{
	display:inline-block;  
	line-height:30px;
	padding:0 10px;
}
                
/*fancy for wrapper main*/
body>section>section{
	padding:20px;
	width:600px;
}

nav#the-list{
	width:280px;
	padding:10px;
	position:absolute;
	right:10px;
	top:220px;
	background:#f0f0f0;
	border:1px solid #ddd;
	-moz-box-shadow:0 2px 5px #ddd;	  
	-webkit-box-shadow:0 2px 5px #ddd;	 	
}    

nav#the-list dd{
	margin-bottom:10px;
}         
      
body>section>section article{   
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #aaa;
}

body>section>section article h2{   
	font-family:georgia, serif;
	color:#222;
	margin-bottom:5px;
}

body>section>section article h3{   
	color:#777;
}