@charset "utf-8";
/* CSS Document */

/*WHOLE PAGE*/
.page {background-color:#EE82EE;}
                    width:100%;
	   margin:auto;
	   padding:30px;}
       

/*MASTHEAD SECTION*/
.masthead {background-color:#EE82EE;}

.social-sites {position:relative;
               left:850px;
               top:-30px;}
.sosoal-sites li {display:inline-block;}



/*MAIN SECTION*/
main {background-color:#EE82EE;
       width:58%;
	   float:left;}

/*SIDEBAR SECTION*/
.sidebar {background-color:#BA55D3;
          width:40%;
		  float:right;}

/*FOOTER SECTION*/
.footer-kaki {background-color:#BA55D3;
              clear:both;
               border: 3px solid #9932CC;}
          

h1{ 
      background-color: white;
      text-shadow: 2px 2px #FFD700;
      font-family: cooper black;}

h2{ 
      background-color: white;
       text-shadow: 2px 2px #FFD700;}
     .example {color: white; }
     .example {background-color: black;
      font-family: Georgia;}
     	
body {background-color:#9932CC;}

/* visited link */
a:visited {
    color: black;}

/* mouse over link */
a:hover {
    color: red;
}

.nav-main li { display:inline-block;
 background-color: white;
 font-size: 17.8px;
position:relative; 
right:30px;
margin: 5px;
padding: 10px;
left:210px;
top:1px; }

.nav-main li { border: 3px solid purple;}


.frame { border: 4px solid yellow;}

.post-blurb { padding-right : 1.5cm; 
	   padding-left: 1.5cm;
	   padding-bottom: 1.5; }


ol{ color: white;}


p .example {background-color:black; }