* {
padding:0;
margin:0;
}
body {
background: #E4E4E4;
text-align: center;
font-family: Georgia,"Times New Roman",Times,serif;
font-size:85%;
color:#414F54;
line-height: 130%;
}
.wrap {
width:990px;
margin:0 auto;
text-align: left;
}
.content {
background:#E4E4E4 url(images/content-bg.jpg) repeat-x;
clear: both;
padding: 75px 0 60px 0;
width: 100%;
overflow: auto;
text-align: left;
}
#banner {
background:#000 url(images/banner.jpg) no-repeat center top;
height:255px;
padding:120px 0 0 0;
}
#heading {
float:left;
width:520px;
}
h1 {
width:514px;
height:63px;
background: url(images/temp-logo.png) no-repeat;
text-indent: -999999px;
margin:0;
}
h2 {
width:408px;
height:57px;
background: url(images/h2.png) no-repeat;
text-indent: -999999px;
margin:0;
}
#nav {
float: right;
width:283px;
list-style-type: none;
position: relative;
top:-5px;
}
#nav li {
margin: 0;
}
a#twitterLink, a#facebookLink, a#flickrLink {
width:283px;
height:51px;
display: block;
text-indent: -999999px;
} 
a#twitterLink {
background: url(images/button_twitter.png) no-repeat;
}
a#twitterLink:hover {
background: url(images/button_twitter.png) 0 -51px no-repeat;
}
a#twitterLink:active {
background: url(images/button_twitter.png) 0 -102px no-repeat;
}

a#facebookLink {
background: url(images/button_facebook.png) no-repeat;
}
a#facebookLink:hover {
background: url(images/button_facebook.png) 0 -51px no-repeat;
}
a#facebookLink:active {
background: url(images/button_facebook.png) 0 -102px no-repeat;
}

a#flickrLink {
background: url(images/button_flickr.png) no-repeat;
}
a#flickrLink:hover {
background: url(images/button_flickr.png) 0 -51px no-repeat;
}
a#flickrLink:active {
background: url(images/button_flickr.png) 0 -102px no-repeat;
}

/* twitter */
#twitterWrap {
width:435px;
float:left;
}
#twitterFeed {
list-style-type: none;
clear: both;
}
#twitterFeed li {
border-bottom: 1px dotted #bbb;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
span.tweetInfo {
font-size:12px;
}

/* flickr */
#flickrWrap {
width:440px;
float:right;
}
#flickrImages {
clear:both;
}
.flickr_badge_image {
float: left;
}
.flickr_badge_image img {
border: 1px solid #ccc;
padding:2px;
margin: 0 5px 0 4px;
border: none;
-moz-box-shadow: 0 0 3px #999;
-webkit-box-shadow: 0 0 3px #999;
-webkit-transition: all 0.2s ease-out;
}

.flickr_badge_image img:hover {
-moz-box-shadow: 0 0 6px #333; 
-webkit-box-shadow: 0 0 6px #333;
}


/* headings */
#twitterHeader {
width:106px;
height:28px;
background:url(images/header_twitter.jpg) no-repeat;
text-indent: -999999px;
margin:0 0 30px 0;
float: left;
}
#flickrHeader {
width:80px;
height:28px;
background:url(images/header_flickr.jpg) no-repeat;
text-indent: -999999px;
margin:0 0 30px 0;
float:left;
}

/* more links */
.readMore {
width:109px;
height:20px;
background: url(images/read_more.jpg) no-repeat;
display: block;
text-indent: -999999px;
margin:13px 0 10px 0;
float: right;
}
.readMore:hover {
background: url(images/read_more.jpg) 0 -20px no-repeat;
}
.readMore:active {
background: url(images/read_more.jpg) 0 -40px no-repeat;
}

.viewMore {
width:111px;
height:20px;
background: url(images/view_more.jpg) no-repeat;
display: block;
text-indent: -999999px;
margin:13px 5px 10px 0;
float: right;
}
.viewMore:hover {
background: url(images/view_more.jpg) 0 -20px no-repeat;
}
.viewMore:active {
background: url(images/view_more.jpg) 0 -40px no-repeat;
}


#footer {
background:#1D1D1F url(images/footer-bg.jpg) repeat-x;
color: #999;
padding:30px 0 18px 0;
clear:both;
font-size: 11px;
font-family: Arial;
}

#footer a {
color: #999;
}