* {margin: 0; padding: 0;}

body {background: url(images/bg.gif) top left no-repeat #eef3ef; padding: 0 0 20px 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

#wrapper {width: 980px; margin: 0 auto;}

#top-intro {width: 980px; margin: 20px 0 20px 0; text-transform: uppercase; font-size: 18px; color: #444; position: relative;}
#top-intro small {position: absolute; right: 0; top: 5px; font-size: 14px;}

#header {display: block; height: 190px; border: 1px solid #C5D6C9; background: #D6E4D8 url(images/header-bg.gif) 25px 25px no-repeat; padding: 40px 0 20px 540px; text-align: center;}

#header h1 {color: #113C58; font-size: 26px;}

#content {width: 720px; margin-left: 20px; float: left;}

#sidebar {width: 200px; float: right; padding-top: 30px; font-size: 14px; font-weight: bold; line-height: 1.3em;  color: #555;}
#sidebar strong {font-size: 16px; color: #333; text-transform: uppercase; display: block; margin: 30px 0 15px 0;}

#nav, #pr-box, #box {display: block; border: 1px solid #C5D6C9; padding: 10px; float: left; width: 720px; margin: 0 0 5px 0;}

#nav {border-width: 0 1px 1px 1px; background: #E8EEE9;}
#nav .left, #pr-box .left, #box .left {width: 200px; float: left; margin-right: 20px;}
#nav .left h2, #box .left h2 {font-size: 16px; color: #444;}

#nav .right, #pr-box .right, #box .right {width: 500px; float: right; margin-top: 3px;}
#nav .right a.release {display: block; text-decoration: none; color: #666; margin-bottom: 3px; font-size: 12px;}
#nav .right a.release:hover, #nav .right p a:hover {color: #6666FF;}
#nav .right p {margin: 15px 0 10px 0;}
#nav .right p a {color: #444; font-size: 14px; text-transform: uppercase; font-weight: bold;}

#pr-box {background: #f9f9f9;}
#pr-box .left h2 {font-size: 14px; color: #444; margin: 5px 0 5px 0; text-transform: uppercase;}
#pr-box .left small {display: block; margin-bottom: 5px;}
#pr-box .left a {font-size: 10px; color: #3366CC;}

#pr-box .right h3 {font-size: 15px; color: #333; margin: 0 0 20px 0;}
#pr-box .right p, #box .right p {margin-bottom: 20px; line-height: 1.3em;}

#box {background: #E8EEE9;}
#box .right strong {display: block; margin: 0 0 5px 0;}
#box .right b {display: block; margin-top: 3px;}
#box .right a.underline {text-decoration: underline;}
#box .right p.tags {line-height: 1.5em;}
#box .right a.links {display: block; margin-bottom: 8px; color: #3366CC; font-size: 14px;}
#box .right p.screens img {border: 1px solid #ccc; margin: 0 5px 0 5px;}
#box .right p.screens small {display: block; width: 152px; margin: 3px 5px 30px 5px; text-align: center; float: left;}

#footer {display: block; margin: 10px 0 10px 0; position: relative; font-size: 10px; color: #666; clear: both;}
#footer a {position: absolute; right: 0; padding-top: 10px; color: #666;}
#footer img {vertical-align: middle; margin-right: 20px;}

ul.socials {display: block; width: 400px; margin: 50px 0 0 35px;}

ul.socials li {
	display:inline-block;
	float:left;
	list-style-type:none;
	margin:0 2px 0 0;
	height:29px;
	width:50px;
	cursor:pointer;
}

ul.socials a {
	display:block;
	width:50px;
	height:29px;
	font-size:0;
	color:transparent;
	
}

.furl, .furl:hover, .digg, .digg:hover, .reddit, .reddit:hover, .stumble, .stumble:hover, .delicious, .delicious:hover, .yahoo, .yahoo:hover, .blinklist, .blinklist:hover, .technorati, .technorati:hover, .facebook, .facebook:hover, .twitter, .twitter:hover, .myspace, .myspace:hover, .mixx, .mixx:hover, .script-style, .script-style:hover, .designfloat, .designfloat:hover, .rss, .rss:hover  {
	background:url('images/sprite-trans.png') no-repeat;
}

.furl {
	background-position:-300px top;
}
.furl:hover {
	background-position:-300px bottom;
}
.digg {
	background-position:-500px top;
}
.digg:hover {
	background-position:-500px bottom;
}
.reddit {
	background-position:-100px top;
}
.reddit:hover {
	background-position:-100px bottom;
}
.stumble {
	background-position:-50px top;
}
.stumble:hover {
	background-position:-50px bottom;
}
.delicious {
	background-position:left top;
}
.delicious:hover {
	background-position:left bottom;
}
.yahoo {
	background-position:-650px top;
}
.yahoo:hover {
	background-position:-650px bottom;
}
.blinklist {
	background-position:-600px top;
}
.blinklist:hover {
	background-position:-600px bottom;
}
.technorati {
	background-position:-700px top;
}
.technorati:hover {
	background-position:-700px bottom;
}
.myspace {
	background-position:-200px top;
}
.myspace:hover {
	background-position:-200px bottom;
}
.twitter {
	background-position:-350px top;
}
.twitter:hover {
	background-position:-350px bottom;
}
.facebook {
	background-position:-450px top;
}
.facebook:hover {
	background-position:-450px bottom;
}
.mixx {
	background-position:-250px top;
}
.mixx:hover {
	background-position:-250px bottom;
}
.rss {
	background-position:-150px top;
}
.rss:hover {
	background-position:-150px bottom;
}
.script-style {
	background-position:-400px top;
}
.script-style:hover {
	background-position:-400px bottom;
}
.designfloat {
	background-position:-550px top;
}
.designfloat:hover {
	background-position:-550px bottom;
}