/*
	My Website

	Filename: mywebsite_styles.css

	Author: Samuel Tan
	Date: 3/5/2018
*/


html {
	font-size: 12px;
	background-image: url("images/background.png");
    /* scaling of background image */
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	max-width: 1280px;
	margin: 0 auto;
}
div{
	border: 0px;
   	padding: 0px;
   	margin: 0px;
}
body
{
	margin: 0 auto;
	text-align: center;
}

/* INDEX page (FIRST) */

/* Navigation Bar */
nav.sitenavigation {
	display: inline-block;
	position: relative;
	left: 10px;
	top: 50px;

}
nav.sitenavigation p {
	display: inline;
	padding: 80px;
	font-size: 2em;
	text-decoration: none;
	font-family: 'Molengo', Georgia, Times, serif;
	font-weight: bold;
}
nav.sitenavigation a:link{
   color: #000000;
}
nav.sitenavigation a:visited{
   color: #000000;
}
nav.sitenavigation a:hover, nav.sitenavigation a:focus{
   color: #A00033;
}

/* INDEX div */
#indexcontent {
	text-align: center;
	padding: 3em;
	position: relative;
	left: 280px;
	top: 180px;
	max-width: 600px;

}
/* INDEX content */
#indexcontent h1 {
	font-size: 6em;
	font-family: 'Dancing Script', Georgia, Times, serif;
}
#indexcontent p {
	margin: 0.5em;
	font-size: 1.5em;
	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
}

/* ABOUT page (SECOND) */

/* ABOUT div */
#aboutcontent {
	position: relative;
	max-width: 700px;
	border-width: 3em;
	border-color: #FFFFFF;
	top: 150px;
	left: 40%;
	background-color: #FFC0CB;
}
/* title for ABOUT,PORTFOLIO and CONTACT page */
h2.header{
	font-size: 4em;
	font-family: 'Shadows Into Light', cursive;
}
/* ABOUT page content */
#aboutcontent h2 {
	text-align: left;
	position: relative;
	margin: auto 0;
	padding-top: 1rem;
	padding-left: 2rem;
}
#aboutcontent p {
	text-align: left;
	font-size: 1.5em;
	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
	padding: 1rem;
}
/* line to direct users on ABOUT page */
#last {
	font-weight: bold;
}
/* ABOUT image */
#aboutimage {
	position: absolute;
	top: 220px;
}

/* PORTFOLIO page (THIRD) */

/* PORTFOLIO div */
#portfoliocontent {
	position: relative;
	top: 50px;

}
/* PORTFOLIO content */
#portfoliocontent p {
	padding: 2px;
	background-color: #FFFFFF;
	font-size: 1.2em;
	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
}
#cat {
	position: absolute;
	max-width: 250px;
	left: 150px;	
}
#sunset {
	position: absolute;
	max-width: 250px;
	left: 525px;
}
#artbox {
	position: absolute;
	max-width: 250px;
	left: 900px;
}
#newyork {
	position: absolute;
	max-width: 250px;
	left: 150px;
	top: 380px;
}
#torontotower {
	position: absolute;
	max-width: 250px;
	left: 525px;
	top: 345px;
}
#niagara {
	position: absolute;
	max-width: 250px;
	left: 900px;
	top: 360px;
}

/* CONTACT page (LAST) */

/* CONTACT div */
#contactcontent {
	max-width: 500px;
	position: relative;
	top: 110px;
	left: 400px;
}
/* CONTACT content */
#contactcontent p {
	position: relative;
	top: 10px;
	left: 110px;
	text-align: left;
	padding: 2.3rem;
	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
	font-size: 2.5em;
}
#igpict {
	position: absolute;
	left: 10px;
}
#emailpict {
	position: absolute;
	left: 10px;
	top: 235px;
}

/* print styles */
@media print {
   body, h2, h1, nav, p,   {
      color: rgb(0,0,0);
      background-color: rgb(255,255,255);
   }
   body {
      max-width: 100%;
      border: 0;
   }
   h1 {
      font-size: 2.6em;
      padding: 0;
   }
   h2 {
      font-size: 2.2em;
   }
   p {
      margin: 0.4em 0 0;
   }
}
@page {
   margin: 0.75in;
}