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

html {background: url(../images/bg.gif); background-attachment: fixed;}
body {margin: 0px auto;}
img {border: 0px;}

/* #6699cc */
/* #A9B95D */
/* #a37bc2 */
a:link {color: #6699cc; text-decoration: none;}
a:active {color: #6699cc; text-decoration: none;}
a:visited {color: #6699cc; text-decoration: none;}
a:hover {color: #A9B95D; text-decoration: none;}

a.purple:link {color: #a37bc2; text-decoration: none;}
a.purple:active {color: #a37bc2; text-decoration: none;}
a.purple:visited {color: #a37bc2; text-decoration: none;}
a.purple:hover {color: #A9B95D; text-decoration: none;}

.cursor {cursor: default;}

.clearer {clear: both;}

#container {width: 960px; margin: 0px auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px;}

#header {padding: 10px 10px 10px 10px; color: #cccccc; background: url(../images/infoBox03.gif); -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#toggleSectionDashboard {margin: 20px 0 0 0;}
.toggleSectionDashboardContainer {float: left; width: 140px; padding: 0 10px 0 10px;}
.toggleSectionDashboardPiece {width: 120px; background: url(../images/infoBox03.gif); margin: 0 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; color: #A9B95D; line-height: 6px;}

#pod {margin: 20px 0 0 0;}
.podContainer {float: left; width: 220px; padding: 0 10px 0 10px;}
.podPiece {width: 200px; background: url(../images/infoBox03.gif); margin: 0 0 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px;} 
.podTitle {font-weight: bold; color: #A9B95D;}
.podBlurb {color: #cccccc;}
.pubdate {color: #cccccc; font-size: 8px;}
.info {padding: 5px 0 0 0;}
#recentTwitter {margin: 10px 0 0 0; line-height: 14px;}
	.twitterContainer {margin: 15px 0 0 0;}
#recentTumblr {margin: 10px 0 0 0; line-height: 14px;}
	.tumblrContainer {margin: 15px 0 0 0;}
#recentLastfm {margin: 10px 0 0 0; line-height: 14px;}
	.lastfmContainer {width: 200px;  margin: 15px 0 0 0; line-height: 12px;}
	.lastfmContainerLeft {float: left; width: 34px; height: 34px;}
	.lastfmContainerRight {float: right; text-align: left; padding: 0 0 0 10px; width: 156px; height: 34px;}
		.date {color: #cccccc; font-size: 8px;}
#recentYelp {margin: 10px 0 0 0; line-height: 14px;}
	.yelpContainer {margin: 15px 0 0 0;}

a.portfolio {width:200px; height:100px; display:block; background-image: url(../images/portfolio.jpg); background-repeat:no-repeat; background-position: 0 0;}
a.portfolio:hover {background-position: 0px -100px;}
a.contact {width:200px; height:100px; display:block; background-image: url(../images/contact.jpg); background-repeat:no-repeat; background-position: 0 0;}
a.contact:hover {background-position: 0px -100px;}
a.facebook {width:200px; height:100px; display:block; background-image: url(../images/facebook.jpg); background-repeat:no-repeat; background-position: 0 0;}
a.facebook:hover {background-position: 0px -100px;}
a.linkedin {width:200px; height:100px; display:block; background-image: url(../images/linkedin.jpg); background-repeat:no-repeat; background-position: 0 0;}
a.linkedin:hover {background-position: 0px -100px;}
a.twitter {width:200px; height:100px; display:block; background-image: url(../images/twitter.jpg); background-repeat:no-repeat; background-position: 0 0;}
a.twitter:hover {background-position: 0px -100px;}
a.lastfm {width:200px; height:100px; display:block; background-image: url(../images/lastfm.jpg); background-repeat:no-repeat; background-position: 0 0;}
a.lastfm:hover {background-position: 0px -100px;}
a.tumblr {width:200px; height:100px; display:block; background-image: url(../images/tumblr.jpg); background-repeat:no-repeat; background-position: 0 0;}
a.tumblr:hover {background-position: 0px -100px;}
a.yelp {width:200px; height:100px; display:block; background-image: url(../images/yelp.jpg); background-repeat:no-repeat; background-position: 0 0;}
a.yelp:hover {background-position: 0px -100px;}

/*
a.nav {display: block; width: 200px; height: 100px;}
a#portfolioNav {background-image: url(../images/portfolio.jpg); background-repeat: no-repeat;}
a#portfolioNav:hover {background-image: url(../images/portfolioHover.jpg);width: 200px;}
a#contactNav {background-image: url(../images/contact.jpg); background-repeat: no-repeat;}
a#contactNav:hover {background-image: url(../images/contactHover.jpg);width: 200px;}
a#facebookNav {background-image: url(../images/facebook.jpg); background-repeat: no-repeat;}
a#facebookNav:hover {background-image: url(../images/facebookHover.jpg);width: 200px;}
a#linkedinNav {background-image: url(../images/linkedin.jpg); background-repeat: no-repeat;}
a#linkedinNav:hover {background-image: url(../images/linkedinHover.jpg);width: 200px;}
a#twitterNav {background-image: url(../images/twitter.jpg); background-repeat: no-repeat;}
a#twitterNav:hover {background-image: url(../images/twitterHover.jpg);width: 200px;}
a#lastfmNav {background-image: url(../images/lastfm.jpg); background-repeat: no-repeat;}
a#lastfmNav:hover {background-image: url(../images/lastfmHover.jpg);width: 200px;}
a#tumblrNav {background-image: url(../images/tumblr.jpg); background-repeat: no-repeat;}
a#tumblrNav:hover {background-image: url(../images/tumblrHover.jpg);width: 200px;}
a#yelpNav {background-image: url(../images/yelp.jpg); background-repeat: no-repeat;}
a#yelpNav:hover {background-image: url(../images/yelpHover.jpg);width: 200px;}
*/

#footer {}