/* ----------------------Main Page------------------*/
body{
	background-color: white;
	font-family: Helvetica;
	color:black;
	margin: 0px;
	font-size:12px;
}



h1{
	font-family: Avenir;
	font-size:40px;
	text-align: center;
}

nav{
    width: auto;
    float: none;
    font-size: 16px;
}

nav li{
    display:inline-block;
    padding: 0.4em;
}

nav ul{
    text-align:center;
}
nav a{
    text-decoration:none;
    border-style:none;
    color:black;
}

nav a:hover{
    color:thistle;
}

nav ul li a{
    display:block;
    padding: 10px 20px;
}



footer{
	text-align: center;
    width: 100%;
}

#homepage{
	text-align: center;
}

#hello{
	font-size:20px;
	text-align: center;
	padding: 0 0 0 0;
	font-weight:lighter;
}

#bye{
	text-decoration: none;
	color: black;
}

.clear{
    clear:both;
}


/*----------------------------Slider--------------------------*/

.banner{
    width: 100%;
    height: 538px;
    position:relative;
}

#slider{
    width: 100%;
    height:538px;
    position: absolute;
    overflow: hidden;
    text-align:center;
}

#next{
    text-align: center;
    line-height:50px;
    color: #ffffff;
    width:50px;
    height:50px;
    background-color:black;
    position: absolute;
    top:205px;
    right:0;
    z-index:99;
    cursor: pointer;
    opacity:.4;}

#pre{
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    width:50px;
    height:50px;
    background-color: black;
    position: absolute;
    top:205px;
    left:0;
    z-index:99;
    cursor: pointer;
    opacity:.4;
}

.banner: hover #next{
    opacity:1;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}

.banner: hover #pre{
    opacity:1;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;}


/*----------------------About Me Page-------------*/

#sideleft {
    padding: 0 5px 10px 5px;
    width: 70%;
    float:left;
}


aside {
    width: 20%;
    padding: 10px 4px 10px 24px;
    margin-left: 5px;
    float: left;
}

.me{
    text-decoration:none;
    color:thistle;
}

.me:hover{
    color:black;
}
/*----------------------Video Page-----------------*/
.video{
    text-align: center;
}

/*--------------Lightbox----------*/
#boxy{
    text-align:center;
}

/*-----------Table---------------*/
table{
font-size: 25px;
border-collapse: collapse;
width: 100%;
}

td,th{
    border: 1px solid #dddddd;
    text-align:center;
    padding: 8px;
}

/*--------Form------------------*/
form{
    text-align:center;
    padding:5px;
}

input[type=submit]{
    width: 110px;
    padding: 10px;
    border:0;
    cursor: pointer;
    background-color:thistle;
}

input[type=text],
[type=email]{
    padding: 5px;
}

textarea{
    width:200px;
    height:300px;
}