/* http://css-tricks.com/examples/hrs */

/* Gradient transparent - color - transparent */ 
hr.gradient { 
border: 0;
height: 1px; 
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

/* Inset, by Dan Eden */ 

hr.inset {
 border: 0;
 height: 0; 
 border-top: 1px solid rgba(0, 0, 0, 0.1); 
 border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
 }

/* Gradient color1 - color2 - color1 */ 
hr { 
border: 0; 
height: 1px; 
background: #333; 
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); 
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); 
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); 
}