/*
                                __      _ _                   _   
                               / _|    | (_)                 | |  
 _ __ ___   __ _ _ __ ___ ___ | |_ ___ | |_  ___   _ __   ___| |_ 
| '_ ` _ \ / _` | '__/ __/ _ \|  _/ _ \| | |/ _ \ | '_ \ / _ \ __|
| | | | | | (_| | | | (_| (_) | || (_) | | | (_) || | | |  __/ |_ 
|_| |_| |_|\__,_|_|  \___\___/|_| \___/|_|_|\___(_)_| |_|\___|\__|
                                                                  
*/

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { font: 14px Georgia, serif; background-image:url("/prx/000/http/demo.marcofolio.net/firefox_3.6_css3/images/bg.jpg"); }
h1 { font: bold 65px/60px Helvetica, Arial, Sans-serif; text-align: center; color: #ddd; text-shadow: 0px 2px 6px #333; }
h1 small{ font-size: 20px; text-transform:uppercase; letter-spacing: 14px; display: block; color: #333; }
h2 a { display: block; text-decoration: none; margin: 0 0 30px 0; font: italic 45px Georgia, Times, Serif;  text-align: center; color: #bfe1f1; text-shadow: 0px 2px 6px #333; }
h2 a:hover { color: #90bcd0; }

h3 a { display: block; text-decoration: none; margin: 45px 0 15px 0; font: italic 25px Georgia, Times, Serif; text-align: center; color: #F34607; text-shadow: 0px 1px 3px #121621; }
h3 a:hover { text-decoration:underline; }

/* COMMON CLASSES */
.break { clear:both; }
.info { padding:10px; }
.info a { color:#000; }

/* WRAPPER */
#wrapper { width:800px; margin:40px auto; }

/* CONTENT */
#content { margin:0 0 100px 0; }

/* POINTER EVENTS */
#pointer-events { }
#pointer-events .shadow { width:800px; height:100px; background-image:url("/prx/000/http/demo.marcofolio.net/firefox_3.6_css3/images/pointer-shadow.png"); position:absolute; -moz-border-radius: 5px; pointer-events:none; }
#pointer-events .links { background-color:#3E6B88; width:800px; height:100px; border:1px solid #DDD; -moz-border-radius: 5px; }
#pointer-events .links ul { list-style:none; padding:12px 20px; }
#pointer-events .links ul li { display:inline; margin-right:20px; }
#pointer-events .links ul li a { text-decoration:none; color:#bfe1f1; font: italic 18px Georgia, Times, Serif;  }
#pointer-events .links ul li a:hover { text-decoration:underline; color:#000; } 

/* USING GRADIENTS */
#using-gradients { margin-left:100px; }
#using-gradients .box { width:100px; height:100px; margin:0 10px; -moz-border-radius: 5px; border:1px solid #777; float:left; }
#using-gradients .linear-gradient { background: -moz-linear-gradient(left 40deg, #340000, #B78330); }
#using-gradients .color-stops { background: -moz-linear-gradient(right, #340000, #B78330 70%, #FEFDA1); }
#using-gradients .transparency { background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1)), url("/prx/000/http/demo.marcofolio.net/firefox_3.6_css3/images/trans.jpg"); }
#using-gradients .radial { background: -moz-radial-gradient(#340000, #B78330, #FEFDA1); }
#using-gradients .repeating-linear { background: -moz-repeating-linear-gradient(top left -45deg, #340000, #B78330 5px, #B78330 5px, #EEE 10px); }

/* MULTIPLE BACKGROUNDS */
#multiple-backgrounds { width:700px; height:300px; margin:0 auto; -moz-border-radius: 5px; border:1px solid #777;
	background: url("/prx/000/http/demo.marcofolio.net/firefox_3.6_css3/images/background-2.png"), url("/prx/000/http/demo.marcofolio.net/firefox_3.6_css3/images/background-3.png"), url("/prx/000/http/demo.marcofolio.net/firefox_3.6_css3/images/background-1.jpg");
	background-repeat: no-repeat, repeat, repeat; 
	background-position: bottom right, top left, top right; }