/* 
FILENAME: styles.css
DESCRIPTION: This stylesheet serves global declarations to matthew-anderson.net
AUTHOR: Matthew Anderson > matt@wanderingmatt.com
*/

body {
  background: #000 url("../images/bg.jpg") 50% -365px no-repeat;
	color: #444;
	font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 auto;
	text-align: justify;
	width: 280px;
}

a:link, a:visited {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
	color: #fff;
  font-weight: bold;
	text-decoration: none;
}
	
a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
	color: #d7e033;
}

a:active {
  border: 0;
  color: rgba(215, 224, 51, .8);
}

/* =VERSION =LIST */

ol {
  color: #39c;
  font-size: 59px;
  font-weight: bold;
  letter-spacing: -.075em;
  margin: 0;
  line-height: .75em;
  text-transform: uppercase;
}

li { padding: 0; }

/* =TRANSPARENCIES */

.t03 { opacity: 0.03; }
.t06 { opacity: 0.06; }
.t09 { opacity: 0.09; }
.t12 { opacity: 0.12; }
.t15 { opacity: 0.15; }
.t18 { opacity: 0.18; }
.t21 { opacity: 0.21; }

/* =HEADINGS */

h2 {
  color: #699;
  font-size: 30px;
  letter-spacing: -.075em;
  line-height: 1;
}

h2 span { display: block; }
h2 a { color: #fff; }

h3 {
  display: block;
  font-weight: normal;
  font-size: 25px;
  letter-spacing: -.05em;
  margin: 20px 0;
}

/* =BADGES */

.badges li {
  float: left;
  margin-right: 3px;
  padding: 0;
  width: 32px;
}

.badges a {
  background-image: url("../images/sprite_badges.png");
  background-repeat: no-repeat;
  border: 0;
  display: block;
  height: 32px;
  opacity: .8;
  text-indent: -9999px;
  width: 32px;
}

.badges a:hover { opacity: 1; }
.badges .onehub a { background-position: 0 0; }
.badges .onehub a:hover { background-position: 0 -32px; }
.badges .twitter a { background-position: -32px 0; }
.badges .twitter a:hover { background-position: -32px -32px; }
.badges .flickr a { background-position: -64px 0; }
.badges .flickr a:hover { background-position: -64px -32px; }
.badges .lastfm a { background-position: -96px 0; }
.badges .lastfm a:hover { background-position: -96px -32px; }
.badges .xbox a { background-position: -128px 0; }
.badges .xbox a:hover { background-position: -128px -32px; }
.badges .linkedin a { background-position: -160px 0; }
.badges .linkedin a:hover { background-position: -160px -32px; }
.badges .delicious a { background-position: -192px 0; }
.badges .delicious a:hover { background-position: -192px -32px; }
.badges .facebook a { background-position: -224px 0; }
.badges .facebook a:hover { background-position: -224px -32px; }