/* Syling across all pages */
body {
    margin: 0;
    background-image: url(./../images/brickwall_@2X.png);
}
h1 {
    margin: 0;
    font-family: 'Georgia', Times, Times New Roman, serif;
}
p {
    font-family:'Arial', 'Helvetica Neue', Helvetica, sans-serif;
    font: #777777;
}
.container {
    background-color: #ffffff;
    margin: auto;
    width: 960px;
}
/* Content Heading */
.contentHeading {
    padding: 30px;
    color: #4aaaa5;
    margin-left: 20px;
}
/*Header styling*/
header {
    background-color: #ffffff;
    margin-bottom: 50px;
}
.headerContainer {
    width: 960px;
    height: 90px;
    margin: auto;
    background-color: #ffffff;
    position: relative;
}
.headerName {
    background-color: #4aaaa5;
    width: 300px;
    padding: 28px;
    text-align: center;
    position: absolute;
    color: #ffffff;
    font-size: 30px;
}
/* Nav bar */
ul {
    position: absolute;
    right: 0px;
    top: 35px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
li {
    display: inline;
    background-color: white;
    padding: 20px;
    font-family:'Arial', 'Helvetica Neue', Helvetica, sans-serif;
    font: #777777;
}
a:link {
    color: #777777;
    text-decoration: none;
}
a:visited {
    color: #777777;
}
a:hover {
    color: #4aaaa5;
}
/* End header styling */
/* index.html styling */
/* Container with about me info */
.contentContainer {
    position: relative;
    width: 900px;
    height: 340px;
    margin: auto;
    border-top: 3px solid #cccccc;  
}
.profileImage {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 30px;
}
.infoParagraph {
    width: 640px;
    position: absolute;
    right: 0px;
    margin: 30px;
    font-size: 18px;
    line-height: 1.5;
    color: #777777;
}
.contactMain {
    background-color: #ffffff;
    margin: auto;
    width: 960px;
    height: 530px;
}
/* End of index.html styling */
/* Contact.html Styling */
.contactContainer {
    position: relative;
    width: 900px;
    height: 340px;
    margin: auto;
    border-top: 3px solid #cccccc;
    background-color: #ffffff;
}
.name, .email, .message{
    color: #777777;
    font-size: 18px;
    padding: 5px;
}
input {
    width: 875px;
    padding: 5px;
    margin-top: 10px;
}
textarea {
    width: 100%;
    height: 100px;
    margin-top: 10px;
}
#submitButton {
    background: #4aaaa5;
    width: 100px;
    border: none;
    color: #ffffff;
    font-family:'Arial', 'Helvetica Neue', Helvetica, sans-serif;
    width: 90px;
    padding: 10px;

}
/* End contact.html  */
/*portfolio.html styling*/
.mainPortfolioContainer {
    background-color: #ffffff;
    margin: auto;
    width: 960px;
    height: 490px;
}
.portfolioContainer {
    width: 200px;
    height:150px;
    float: left;
    margin: 30px 30px 0px 0px;
    position: relative;
    background: lavenderblush;
}
.portfolioLink {
    position: absolute;
    bottom: 10px;
    background: #4aaaa5;
    color: #ffffff;
    width: 100%;
    text-align: center;
    padding: 20px 0px 20px 0px;
    font-family: 'Georgia', Times, Times New Roman, serif;
    size: 20px;
}
a.portfolioLink:link {
    color: white;
}
a.portfolioLink:visited {
    color: #ffffff;
}
/* Footer styling */
footer {
    background-color: #666666;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    border-top: 5px solid #4aaaa5;
    color: white;
    font-size: 12px;
    text-align: center;
    padding: 20px 0px 20px 0px;
}