@charset "UTF-8";

body
{
background: url(img/background.jpg) top no-repeat;
background-color: black;
color: #fff;
}
#wrapper {
margin-left: auto; 
margin-right: auto;
position: relative;
font-family: "Trebuchet MS", sans-serif;
font-size: medium;
max-height: 800px;
max-width: 1000px;
}
#headerprofile {
float: left;
width: 100%;
min-width: 600px;
}
#header {
float: left;
width: 650px;
height: 0px;
min-width: 600px;
}
#about {
float: right;
height: 50px;
}
#welcome {
float: left;
width: 980px;
padding: 10px;
margin-bottom: 10px;
background-image: url(img/transbg.png);
border: white solid 1px;
}
#nav {
float: left;
width: 100%;
height: 115px;
margin-top: 100px;
margin-bottom: 20px;
background: url(img/navbar.png) no-repeat;
}
#first {
margin-left: 80px;
}
#nav img {
padding-left: 30px;
margin-top: -15px;
}
#nav ul {
margin-top: 35px;
margin-left: 20px;
}
#nav a {
color: white;
text-decoration: none;
font-size: 1.3em;
}
#nav ul a:hover {
color: white;
border-bottom: red solid 5px;
padding-bottom: 40px;
}
#nav li {
list-style: none;
float: left;
padding: 10px;
display: block;
}
#navprofile img {
padding-left: 30px;
margin-top: -15px;
}
#navprofile {
float: left;
width: 100%;
height: 115px;
margin-top: 15px;
margin-bottom: 20px;
background: url(img/navbar.png) no-repeat;
}
#navprofile ul {
margin-top: 35px;
margin-left: 20px;
}
#navprofile a {
color: white;
text-decoration: none;
font-size: 1.3em;
}
#navprofile ul a:hover {
color: white;
border-bottom: red solid 5px;
padding-bottom: 40px;
}
#navprofile li {
list-style: none;
float: left;
padding: 10px;
display: block;
}
#box {
background-image: url(img/transbg.png);
border: white solid 1px;
float: left;
padding-top: 20px;
margin-bottom: 10px;
}
#video {
float: left;
width: 100%;
padding: 20px;
width: 640px;
}
#carousel {
float: left;
width: 800px;
height: 120px;
overflow: auto;
white-space: nowrap;
margin-left: 10px;
padding-left: 20px;
}
#carousel img {
display:inline-block;
padding: 0px;
border: 1px solid white;
margin: 5px;
}
#comments {
float: left;
width: 250px;
height: 250px;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
}
#addcomment {
float: left;
width: 150px;
height: 300px;
}
#footer {
clear: both;
margin-top: 20px;
}
#contact {
float: left;
width: 50%;
margin-left: 80px;
width: 530px;
padding: 10px;
background-image: url(img/transbg.png);
border: white solid 1px;
margin-bottom: 20px;
}
#biog {
width:  400px;
height: 330px;
float: left;
margin: 30px;
margin-top: -30px;
padding: 10px;
margin: 10px;
background: url(img/transbg.png) repeat;
border: white solid 1px;
line-height: 28px;
}
#featvideo {
float: left;
width: 400px;
padding: 30px;
margin: 10px;
background: url(img/transbg.png) repeat;
border: white solid 1px;
}
#featvideo img {
padding-left: 90px;
}
#twitter {
float: left;
width: 350px;
padding: 30px 30px 30px 80px;
margin: 10px;
background: url(img/transbg.png) repeat;
border: white solid 1px;
}
#lastfm {
float: left;
width: 400px;
padding: 10px;
margin-top: -210px;
margin-left:10px ;
background: url(img/transbg.png) repeat;
border: white solid 1px;
}
#mailertext {
float: right;
width: 200px;
padding-top: 20px;
margin-right: 250px;
font-family: sans-serif;
}
.icon {
float: right;
padding-top: 30px;
margin-left: -20px;
}
img.presenter {
padding-left: 50px;
}
img{
border: 0;
}