* {
	margin: 0;
	padding: 0;
	outline: none;
	position: relative;
	right: auto;
}
body { margin: 0 auto; padding: 0; }

#main { display: block; position: relative; width: 610px; height: 145px; padding: 35px 0 35px 75px; background-color: rgba(255,255,255,0.8); -webkit-box-shadow: 0px 5px 170px #000; -moz-box-shadow: 0px 5px 170px #000; box-shadow: 0px 5px 170px #000; }

	#text { display: block; float: left; margin: 0; padding: 0; width: 365px; text-align: right; position: relative; }
	
	#divider { display: block; float: left; padding: 0; width: 1px; height: 115px; font-size: 1px; line-height: 1px; }
	#divider.right { margin: 30px 0 0 20px; border-right: 1px solid #999; background: #fff; }
	#divider.left { margin: 30px 25px 0 25px; border-right: 1px solid #fff; background: #999; }

	#social { display: block; float: left; margin: 0; padding: 0; width: 120px; text-align: left; }


/* TEXT STYLES AND JUNK */

#refresh { display:block; width: 32px; height: 32px; position: absolute; top: -5px; right: 0; font-size: 0px; line-height: 0px; }
#refresh a { display:block; width: 32px; height: 32px; text-decoration: none; background: url(../images/icon.refresh.png) no-repeat top left; text-decoration: none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; opacity: 0.30; filter: alpha(opacity=30); }
#refresh a:hover { text-decoration: none; background: url(../images/icon.refresh-over.png) no-repeat top left; text-decoration: none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.80; filter: alpha(opacity=80); }


h1 { display: block; width: 100%; margin-bottom: 5px; font-size: 25px; line-height: 25px; text-transform: uppercase; font-family: "arial","arial",sans-serif; color: #111; font-weight: 100; }
h2 { display: block; font-size: 12px; line-height: 19px; font-family: "arial","arial",sans-serif; color: #111; font-weight: 300; }
h2 a { color: #222; text-decoration: none; border-bottom: 1px solid #999; }
h2 a:hover { color: #555; border-bottom: 1px solid #333; text-decoration: none; }






/* ICONS */

ul { width: 120px; margin: 30px 0 0 0; padding: 0; list-style: none; }
ul li { display:block; float: left; width: 40px; height: 40px; margin: 0; padding: 0; font-size: 1px; line-height: 1px; }
ul li a { display:block; float: left; background: url(../images/icon.button-over.png) no-repeat top left; text-decoration: none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; opacity: 0.30; filter: alpha(opacity=30); -webkit-transition: opacity ease 0.3s; -moz-transition: opacity ease 0.3s; -o-transition: opacity ease 0.3s; transition: opacity ease 0.3s; }
ul li a:hover { display:block; float: left; text-decoration: none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.80; filter: alpha(opacity=80); }

ul li a #twitter { width: 32px; height: 32px; background: url(../images/icon.twitter.png) no-repeat top left; -webkit-transition: background ease 0.3s; -moz-transition: background ease 0.3s; -o-transition: background ease 0.3s; transition: background ease 0.3s; }
ul li a:hover #twitter { width: 32px; height: 32px; background: url(../images/icon.twitter-over.png) no-repeat top left; }

ul li a #facebook { width: 32px; height: 32px; background: url(../images/icon.facebook.png) no-repeat top left; -webkit-transition: background ease 0.3s; -moz-transition: background ease 0.3s; -o-transition: background ease 0.3s; transition: background ease 0.3s;  }
ul li a:hover #facebook { width: 32px; height: 32px; background: url(../images/icon.facebook-over.png) no-repeat top left; }

ul li a #flickr { width: 32px; height: 32px; background: url(../images/icon.flickr.png) no-repeat top left; -webkit-transition: background ease 0.3s; -moz-transition: background ease 0.3s; -o-transition: background ease 0.3s; transition: background ease 0.3s; }
ul li a:hover #flickr { width: 32px; height: 32px; background: url(../images/icon.flickr-over.png) no-repeat top left; }

ul li a #tumblr { width: 32px; height: 32px; background: url(../images/icon.tumblr.png) no-repeat top left; -webkit-transition: background ease 0.3s; -moz-transition: background ease 0.3s; -o-transition: background ease 0.3s; transition: background ease 0.3s; }
ul li a:hover #tumblr { width: 32px; height: 32px; background: url(../images/icon.tumblr-over.png) no-repeat top left; }

ul li a #rdio { width: 32px; height: 32px; background: url(../images/icon.music.png) no-repeat top left; -webkit-transition: background ease 0.3s; -moz-transition: background ease 0.3s; -o-transition: background ease 0.3s; transition: background ease 0.3s; }
ul li a:hover #rdio { width: 32px; height: 32px; background: url(../images/icon.music-over.png) no-repeat top left; }

ul li a #podcast { width: 32px; height: 32px; background: url(../images/icon.podcast.png) no-repeat top left; -webkit-transition: background ease 0.3s; -moz-transition: background ease 0.3s; -o-transition: background ease 0.3s; transition: background ease 0.3s; }
ul li a:hover #podcast { width: 32px; height: 32px; background: url(../images/icon.podcast-over.png) no-repeat top left; }

ul li a #work { width: 32px; height: 32px; background: url(../images/icon.work.png) no-repeat top left; -webkit-transition: background ease 0.3s; -moz-transition: background ease 0.3s; -o-transition: background ease 0.3s; transition: background ease 0.3s; }
ul li a:hover #work { width: 32px; height: 32px; background: url(../images/icon.work-over.png) no-repeat top left; }

ul li a #photo { width: 32px; height: 32px; background: url(../images/icon.photo.png) no-repeat top left; -webkit-transition: background ease 0.3s; -moz-transition: background ease 0.3s; -o-transition: background ease 0.3s; transition: background ease 0.3s; }
ul li a:hover #photo { width: 32px; height: 32px; background: url(../images/icon.photo-over.png) no-repeat top left; }

ul li a #blog { width: 32px; height: 32px; background: url(../images/icon.blog.png) no-repeat top left; -webkit-transition: background ease 0.3s; -moz-transition: background ease 0.3s; -o-transition: background ease 0.3s; transition: background ease 0.3s; }
ul li a:hover #blog { width: 32px; height: 32px; background: url(../images/icon.blog-over.png) no-repeat top left; }

ul li a #email { width: 32px; height: 32px; background: url(../images/icon.email.png) no-repeat top left; -webkit-transition: background ease 0.3s; -moz-transition: background ease 0.3s; -o-transition: background ease 0.3s; transition: background ease 0.3s; }
ul li a:hover #email { width: 32px; height: 32px; background: url(../images/icon.email-over.png) no-repeat top left; }




br { display: block; font-size: 1px; line-height: 1px; clear: both; }