/*
   
Blue Tori 
Portfolio Website
Author: Merilly J. Ruglas
Date: 06/12/2017
Text Editor: Dreamweaver    
Filename: bt_defaultstyles.css

*/


/*html page styles included here */



/* Display HTML5 structural elements as blocks */

article, aside, figure, figcaption, footer, header, 
section, nav, div {
   display: block;
}


/* Font Styles */

/* Inserted font-face style here in order to add NobileRegular Web Font; all open type, true type and graphic vector type forms were also linked here */
@font-face {
   font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
   src: url('../tutorial.03/tutorial/Assignment5/nobile-webfont.eot');
   src: local('☺'), 
url('../tutorial.03/tutorial/Assignment5/nobile-webfont.woff') format('woff'), 
url('../tutorial.03/tutorial/Assignment5/nobile-webfont.ttf') format('truetype'), 
url('../tutorial.03/tutorial/Assignment5/nobile-webfont.svg#webfontsKo9tqe9') format('svg');
}



/* Set the default page element styles */

html {
	
	background-color: white;
	
}


body * {
   
   alignment-adjust: central;
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
   font-size: 100%;
   font-weight: inherit;
   line-height: 1.2em;
   list-style: none;
   padding: 0px;
   text-decoration: none;
   vertical-align: baseline;
   position: relative;
}



/*Body Styles*/

body {
	
   font-weight: normal;
   font-size: 16px;
   margin: 0px auto;
   min-width: 900px;
   max-width: 1366px;
   text-align: justify;
}



/*Header Styles included here*/



header {
	
	background: white;
	margin: auto;
    width: 100%;
}



a {
	
	text-decoration: none;
	color: inherit;	
	
}


p {
	
	padding: 0px;
	margin: 0px;
}


/*Nav Bar Styles*/


.nav {
	
	background: white;
	height: 151px;
	margin: 0px;
	width: 100%;
}


.container {
	
	background: white;
	margin: auto;
	max-width: 972px;
	padding-top: 55px;
	width: 100%;
}


.logo {
	
   display: block;
   float: left;
   width: 17%;
   margin: 0px;	
}



.menu {
	
	float: right;
    display: inline-block;
	padding-top: 8px;
   
}


.menu > li {	
	
    display: inline-block;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 100px;
	font-stretch: semi-expanded;
	
}


.menu > li a {

	border: 1.5px solid #fff;
	color: #000000;
	
}



.menu > li a:hover {
	
	border: 1.5px solid #4789C8;
	color: #4789C8;
	
}


                 
/* Footer Styles */

footer {  
	
   border-top: 1px solid white;
   background-color: black;
   height: 120px;
   width: 100%;
 
}

footer address {
   margin: auto;
   max-width: 972px;
   color: white;
   font-style: normal;
   font-size: 12px;
}


.MJR {
	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	float: left;
	padding-top: 20px;
}


.MJR span {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	font-weight: 300;
}


.social {

	padding-top: 35px;
	
}


.social > li {
	
	display: inline-block;
	float: right;
	
}