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

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


/* ------------ Standard Tags --------------- */

a {
color: #9ac000;
text-decoration: none;
}

#socialmedia a {
font-family: Arial, verdana, sans-serif;
color: #676666;
font-size: 12px;
line-height: 1.6em;
padding-bottom: 0.9em;
font-weight: lighter;
}

p {
font-family: Arial, verdana, sans-serif;
color: #6f6f6f;
font-size: 14px;
line-height: 1.6em;
padding-bottom: 0.9em;
text-align: left;
letter-spacing: .07em;
}

h1 {
font-family: Arial, verdana, sans-serif;
color: #6f6f6f;
font-size: 20px;
text-transform: uppercase;
font-weight: lighter;
padding-bottom: 8px;
letter-spacing: 0.02em;
padding-top: 20px;
}

h2 {
font-family: Arial, verdana, sans-serif;
color: #6f6f6f;
font-size: 12px;
}



/* ------------ Positioning Tags --------------- */

#wrapper {
color: #d4d4d4;
margin:0 auto;
width: 814px;
}

#header {
margin: 40px 0 65px 0;
overflow: hidden;
width: 814px;
}

#logo {
float: left;
}

#socialmedia {
float: right;
text-align: right;
width: 350px;
margin-top: 61px;
}

#portals, #casiaeric {
clear: both;
width: 814px;
margin-bottom: 65px;
overflow: hidden;
}

#CE {
padding-bottom: 28px;
}

#footer {
clear: both;
padding-top: 35px;
width: 814px;
border-top: 1px #e5e5e5 solid;
}

.footertext {
text-align: right;
font-size: 12.5px;
font-family: Arial, verdana, sans-serif;
letter-spacing: .07em;
}

#footer a:hover {
color: #9ac000;
text-decoration: none;
border-bottom: 1px #9ac000 solid;
margin-bottom: 2px;
}

/* ------------ Navigation Buttons --------------- */

a.website {
float: left;
width: 174px;
height: 100px;
text-decoration: none;
background: url(images/thewebsite.jpg);
}

a.website:hover {
background-position: -174px 0;
}

a.blog {
float: left;
width: 236px;
height: 100px;
text-decoration: none;
background: url(images/offthegrid.jpg);
}

a.blog:hover {
background-position: -236px 0;
}

a.casia {
float: left;
width: 205px;
height: 100px;
text-decoration: none;
background: url(images/tweetCasia.jpg);
}

a.casia:hover {
background-position: -205px 0;
}

a.eric {
float: left;
width: 184px;
height: 100px;
text-decoration: none;
background: url(images/tweetEric.jpg);
}

a.eric:hover {
background-position: -184px 0;
}