/*@import url('css/reset.css');*/
@import url('css/blue_theme.css');

.wrapper{
width: 790px;
margin: 0 auto;
}

img{
border: 0;
}

.clear{
margin: 0;
padding: 0;
clear: both;
}

p a{
	color:#FFF;
text-decoration:none;
}

p a:hover{
	color:#FFF;
background:#0099FF; }

.email{
background: #000 url("images/emailBG.png") repeat-x bottom center;
width:100%;
bottom:-10px;
height:40px;
position:relative;
text-align:center;
}

.email a{
text-decoration:none;
color:#FFF;
}

.email a:hover{
color:#FFF;
background: #0099FF;
text-decoration:none;
}


.header{
margin-top: 120px;
margin-bottom: 60px;
}

h1{
font-weight: bold;
font-size: 2.6em;
letter-spacing: -0.06em;
}

h2{
font-weight: normal;
font-size: 1.2em;
line-height: 1.6em;
}

h4,{
font-weight: normal;
font-size: 1.0em;
line-height: 1.2em;
margin: 0;
padding: 0;
width:70%;
border-bottom: 1px solid #0099FF;
}

.projects{
text-align: center;
}

.twitter_feed{
float:left;
width:400px;
margin-right: 20px;
}

.twitter_feed img{
padding: 0 10px 40px 0;
margin:18px 0 0 0;
}

.social_icons{
float:left;
width: 360px;
}

.social_icons li{
display: inline;
list-style: none;
margin-right: 20px;
}

ul.music,
ul.music li,
ul.music li a,
ul.music li img{
margin:0;
padding:0;
list-style:none;
border:0;
text-decoration:none;
}

ul.music li{
margin:15px 15px 15px 0;
float:left;
position:relative;
}

ul.music li a{
display:block;
position:relative;
background:url('images/icons/vinyl.png') 0 0 no-repeat;
float:left;
width:100px;
height:82px;
text-indent:-1000em;
overflow:hidden;
z-index:1;
}

ul.music li img{
position:absolute;
width:72px;
height:72px;
left:2px;
top:1px;
}

img {
-ms-interpolation-mode:bicubic;
}

ul.music li.vinyl a{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icons/jewel.png', sizingMethod='crop');
}


.lastFM_feed{
float: left;
width:500px;
margin-right: 30px;
margin-left: -40px;
padding: 0;
}


.flickr_feed{
float: left;
width:300px;
padding:  0;
}

/*Flickr Badge*/
.flickr_feed ul, .flickr_feed ul li { padding: 10px 0 0 0; margin: 0; border: 0; }
.flickr_feed a img {background: #111; padding: 3px; margin: 0 15px 30px 0;}
.flickr_feed a:hover img {background: #222;}

.footer li{
list-style: none;
display: inline;
border-right: 1px solid #111;
padding-right: 8px; 
}

.footer p{
color:#333;
font-size: 0.5em;
text-align: right;
}