/*
This is the main style sheet for Leslie Ormandy's website.
Last Updated: Oct. 9,2018
*/
/*
-----Notes-----
Drop Down Menu = https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_navbar
*/



/* 
-----Color Palette-----
Sticky Note Yellow: #feff9c 
Link Blue:			#0000EE
School Red:			#e13939
School Green:		#44a145
Academic Blue:		#0078d7
School Purple:		#7a0fff
School Orange:		#ff9505
Brown:				#5a3612
Hover Yellow:		#ffe505

Label Red:			#ff0000
H1 Gold:			#cfb53b

Light Gray: 	 	#dadad9
Dark Egg Yellow:    #ffea99
*/

@font-face {
	font-family: "handwriting";
	src: url("../fonts/ClaireHandRegular.otf");
}

@font-face {
	font-family: "engraved";
	src: url("../fonts/Amiko/Amiko-Regular.ttf");
}

/* .paper {
	background-image: url(../images/paper3.png);
}
 */
 

body {
	padding: 2%;
	background-image: url(../images/wood-desk.jpg);
	/* background-color: #ffea99; */
}


h1 {
	color: #ffe505;
	text-align: center;
	font-size: 300%;
	font-weight: bold;
	/* text-decoration: underline; */
	padding: 1%;
}

#h1 {
	font-family: engraved;
	color: #d4af37; /* Gold ink */
	/* text-shadow: 0px 1px 0px rgba(210,201,118,.5); */
	border: 6px outset #272727; /* off black */
	padding: 1%;
	background-color: black;
}

.no-bullet {
	list-style-type: none;
}

/* Nav li Shape */
.tabs a { 
				  
  /* Default Text Color */ 
  color: black; 
  
  /* Only round the top corners */
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px; 
}
/* END */

.tabs #nav-home a { 
  background: 	#ff9505; /* orange */
}

.tabs #nav-121 a { 
  background: #e13939; /* red */
}

.tabs #nav-122 a { 
  background: #44a145; /* green */
}

.tabs #nav-227 a { 
  background: #0078d7; /* blue */
}

.tabs #nav-res a { 
  background: #9746fb; /* purple */
}

a:hover {
	color: #0000EE; /* Link Blue */
	text-decoration: underline #0000EE; /* Link Blue */
}

.tabs a:hover {
	color: #ffe505; /* Hover Yellow */
	text-decoration: none;
}

nav {
  width: 100%;
  margin: 0px auto;
  margin-bottom: -1%;
  margin-left: 18%;
  font-family: Helvetica, Arial, sans-serif;
}

nav ul {
  margin-left: -3%;
}

nav ul li {
  display: inline-block;
  line-height: 8px;
  text-align: center;
 /* width: 19%;
  padding: 20px 0px 20px 0px; /*will make a nav bar*/
}

nav ul li a {
  font-size: 20px;
  /* line-height:16px; */
  padding: 10px; /* will make a nav button*/
}

#paperclip {
	position: absolute;
    left: 190px;
    top: 206px;
    z-index: 2;
}

aside {
	background-color: #feff9c;
	float: left;
	width: 18%;
	/* padding: 1%; */
	/*position: fixed; ---Maybe*/
	position: absolute;
    left: 22px;
    top: 219px;
    z-index: 1;
}

aside ul {
	margin-right: 15%;
}

aside li {
	font-family: handwriting;
	font-weight: bold;
	font-size: 18px;
}

aside li a {
	color: black;
}

.paper {
	background-image: url(../images/yellowpaper4.jpg);
}
 
.paper h2 {
	background-color: #5a3612;
	padding-top: 1.25%;
	padding-bottom: 1.25%;
}

main {
	float: right;
	width: 78%;
	padding-left: 4%;
	padding-right: 2%;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	
	font-family: Helvetica, Arial, sans-serif;
}

article {
	padding-left: 2%;
	padding-right: 2%;
	margin-top: -1%;
}

/* Text size section */

h2 {
	font-size: 30px;
	text-align: center;
	/* text-decoration: underline; */
}

.label {
	background-color: #fcfcfc;
	border: 4px solid;
	border-radius: 5px;
	padding: .5%;
}

.under-h2 {
	text-align: center;
	text-indent: 0px;
	margin-top: -1.6%;
}

h3 {
	font-size: 24px;
}

.no-indent {
	text-indent: 0;
}

.no-line {
	text-decoration: none;
}

p {
	text-indent: 50px;
}

p, li {
	font-size: 20px;
}

li {
	padding-bottom: 1%;
}