@charset "utf-8";
/* CSS Document */
/* Page Overview */
body{        
	background:#;
	font-family: "Roboto Condensed", sans-serif;
	text-align: justify;
	overflow:auto; 
	margin:10px;
	padding:10px;       
}

/* Site TEXT */
p
{
		color:46427d;
		font-size:17px;
		line-height: 23px;
		margin:20px 0px 20px 0px;
		letter-spacing: 1px;
		word-spacing: 8px;
		
}
p.cur
{
	color:#930;
	font-family: 'Felipa', cursive;
	font-size:20px;
	margin:0 60px 20px 40px;
}

.quote {
	
	color:46427d;
	font-size: 17px;
	letter-spacing: 1px;
	word-spacing: 3px;
	text-align: left;
	margin:20px 0px 20px 0px;
}

.quote2 {
	font-family: "Courier New", Courier, monospace;
	color: #900;
	font-size: 16px;
	letter-spacing: 1px;
	word-spacing: 3px;
}

/* UNDERLINE */
u 
{ 
  text-decoration: underline;
  
}


h1{color:#e1a341;	text-shadow: 4px 4px 4px #aaa; 	font-size: 45px; font-weight: bold; text-align: center; }	
h2{color:#09C; 		text-shadow: 4px 4px 4px #aaa; 	font-size: 40px; font-weight: bold; text-align: center;}	
h3{color:#999; 		text-shadow: 4px 4px 4px #aaa;	font-size: 35px; font-weight: bold;	text-align: ; }
h4{color:#963; 		text-shadow: 4px 4px 4px #aaa;	font-size: 30px; font-weight: bold;	text-align: ; }
h5{color:#f4013a; 	text-shadow: 4px 4px 4px #aaa;	font-size: 25px; font-weight: bold;	text-align: ; }
h6{color:#030; 		text-shadow: 4px 4px 4px #aaa;	font-size: 20px; font-weight: bold;	text-align: ; }








/* site LINKS */

a {
color: #30b33c;
font-weight: 300;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
display: inline-block;
text-decoration: none;
position: relative;
}
a::before {
position: absolute;
top: 0;
left: -5px;
right: -1px;
z-index: -1;
box-sizing: content-box;
padding: 0 5px;
width: 100%;
height: 100%;
border-radius: 15px;
background-color: #FFFFFF;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.4s, opacity 0.3s;
transition: transform 0.4s, opacity 0.3s;
-webkit-transform: scale(0);
transform: scale(0);
}
a:hover::before
{
color: #e74c3c ;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
background-color: #FFFFFF;

}

a:hover
{
	color: #bc600f ;	
}

/* site FEATURES  */



/*  LISTS FEATURES  */

ul li {
  
  list-style-position: outside;
  margin:0px auto; 
  text-align: justify;
  width: 100%;
  
}
li{
	font-family: "Courier New", Courier, monospace;
	text-align: justify;
  	font-size:18px;
  	color: #0d101e ;
  	padding: 5px;
  	color: #960;
	line-height: 21px;
	
	
	}
 
 #fence {
  border-radius: 25px;
  background: #e5e1d3;
  padding:0; 
  width: 40%;
  height: auto;
  font-size:18px;
  
}

/* OPTIONS Special by use of CLASS  */

ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}

ul.c {
  list-style-image: url('$.png');
}
li.c {
  list-style-image: url('$2.png');
}

/* LIST Positions for use wuth ny list  */
ul.a {
  #list-style-position: outside;
}

ul.b {
  #list-style-position: inside;
}

/* LIST ALL PROPERTIES - OBE line  */
ol {
  #list-style: square inside url("$.png");			/* SHAPE (Space) LOCATION (Space) IMAGE  */
}

ul {
  #list-style: square inside url("$2.png");			/* SHAPE (Space) LOCATION (Space) IMAGE  */
}

ol {
  background: #CCC;
  padding: 20px;
}

#ul {
  background: #CC3;
  padding: 20px;
}

#ol li {
  background: #cce5ff;
  padding: 5px;
  margin-right: 35px;
}

#ul li {
  background: #cce5ff;
  padding-left: 20px;
  margin-right: 35px;
}