/** CSS - CSS Feeder
Site Credits: Contempo Graphic Design - www.contempographicdesign.com
==============================================================================*/

* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}

.error {display: none;}

/** Body
==============================================================================*/

html, body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
margin: 0 auto;
background-color: #333333;
background-image: url(/images/body_bg.jpg);
background-repeat: repeat-x;
}

/** Main Container
==============================================================================*/

#container {
width: 960px;
margin: 0 auto;
}

/** General H Styling
==============================================================================*/

h3 {
font-size: 20px;
height: 20px;
color: #777777;
margin-bottom: 5px;
}

h4 {
font-size: 14px;
height: 14px;
color: #777777;
margin-top: 20px;
margin-bottom: 5px;
}

/** General Link Styling
==============================================================================*/

a:link {
color: #777777;
text-decoration: none;
}

a:visited {
color: #777777;
text-decoration: none;
}

a:hover {
color: #aaaaaa;
text-decoration: none;
}

a:active {
color: #aaaaaa;
text-decoration: none;
}

/** Misc
==============================================================================*/

.clear {
clear: both;
}

a img {
border: none;
}

p {
font-size: 12px;
color: #696969;
line-height: 16px;
margin-bottom: 16px;
}

.bold {
font-weight: bold;
}

.hiddencontent {
display:none;
}

/** Logo
==============================================================================*/

#logo {
float: left;
}

/** About
==============================================================================*/

#about {
float: right;
width: 60px;
height: 23px;
}

#about a {
display: block;
height: 23px;
width: 60px;
background-image: url(/images/about.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

#about a:hover {
background-position: 0 -23px;
}

#about a span {
display: none;
}

#totop {
float: right;
margin-top: 15px;
font-size: 10px;
}

/** Nav
==============================================================================*/

ul#nav {
float: left;
width: 960px;
height: 31px;
background-image: url(/images/nav_bg.jpg);
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 12px;
}

ul#nav li {
display: block;
float: left;
height: 31px;
}

ul#nav li#updates {
float: right;
padding-top: 6px;
padding-right: 15px;
font-size: 10px;
color: #cccccc;
}

li#updates strong {
color: #f5842a;
}

ul#nav li#newsarticles a {
display: block;
width: 96px;
height: 31px;
background-image: url(/images/news_articles.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

ul#nav li#newsarticles a:hover {
background-position: -96px 0px;
}

ul#nav li#newsarticles a.selected {
background-position: -192px 0px;
}

ul#nav li#jobs a {
display: block;
width: 86px;
height: 31px;
background-image: url(/images/design_jobs.jpg);
background-position: 0 0;
background-repeat: no-repeat;
overflow: hidden;
}

ul#nav li#jobs a:hover {
background-position: -86px 0px;
}

ul#nav li#jobs a.selected {
background-position: -172px 0px;
}

ul#nav li a span {
display: none;
}


/** Favicons
==============================================================================*/

.favicon {
float: left;
width: 16px;
height: 16px;
border: 1px solid #000000;
background-color: #333333;
padding: 1px;
margin-right: 2px;
margin-bottom: 2px;
}

.favicon-last {
margin-right: 0px;
}

#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
opacity: 0.85;
}

#tooltip h3, #tooltip div {
font-size: 12px;
margin: 0; 
}

/** Feed
==============================================================================*/

#content {
float: left;
width: 960px;
margin-top: 50px;
}

#col1, #col2, #col3 {
float: left;
width: 230px;
margin-right: 12px;
}

#col4 {
float: left;
width: 230px;
margin-right: 0px;
}

.feed {
float: left;
width: 230px;
margin-bottom: 12px;
background-color: #FFFFFF;
}

.feedrecommend {
float: left;
width: 230px;
margin-right: 12px;
margin-bottom: 12px;
background-color: #222222;
}

#innerwrap {
float: left;
width: 190px;
margin: 20px 0 20px 20px;
}

.feed-last {
float: left;
width: 230px;
margin-right: 0px;
margin-bottom: 12px;
background-color: #FFFFFF;
}

.feed h2, .feed-last h2 {
float: left;
font-size: 11px;
margin-top: 15px;
margin-left: 20px;
width: 195px;
border-bottom: 1px solid #eeeeee;
}

.feed p, .feed-last p {
float: left;
font-size: 10px;
margin-top: 5px;
margin-left: 20px;
width: 195px;
overflow: hidden;
}

p.date {
font-size: 9px;
color: #999999;
margin-top: 0px;
margin-bottom: 0px;
}

.feedheading {
float: left;
width: 230px;
height: 30px;
overflow: hidden;
background-repeat: no-repeat;
}

.feedheading span {
display: none;
}

#creattica {
background: url(/images/creattica.jpg) no-repeat top center;
}

#uxbooth {
background: url(/images/uxbooth.jpg) no-repeat top center;
}

#gridsystem {
background: url(/images/grid_system.jpg) no-repeat top center;
}

#mp {
background: url(/images/mike_precious.jpg) no-repeat top center;
}

#stylegala {
background: url(/images/stylegala.jpg) no-repeat top center;
}

#outlaw {
background: url(/images/outlaw.jpg) no-repeat top center;
}

#vigetinspire {
background: url(/images/viget_inspire.jpg) no-repeat top center;
}

#jsm {
background: url(/images/jsm.jpg) no-repeat top center;
}

#fuel {
background: url(/images/fuel.jpg) no-repeat top center;
}

#wefunction {
background: url(/images/wefunction.jpg) no-repeat top center;
}

#webdesignerwall {
background: url(/images/web_designer_wall.jpg) no-repeat top center;
}

#designreviver {
background: url(/images/design_reviver.jpg) no-repeat top center;
}

#nettuts {
background: url(/images/nettuts.jpg) no-repeat top center;
}

#dedestruct {
background: url(/images/dedestruct.jpg) no-repeat top center;
}

#abduzeedo {
background: url(/images/abduzeedo.jpg) no-repeat top center;
}

#csstricks {
background: url(/images/css_tricks.jpg) no-repeat top center;
}

#krop {
background: url(/images/krop.jpg) no-repeat top center;
}

#authentic {
background: url(/images/authentic.jpg) no-repeat top center;
}

#smashing {
background: url(/images/smashing.jpg) no-repeat top center;
}

#signals {
background: url(/images/37signals.jpg) no-repeat top center;
}

#recommends{
background: url(/images/cssfeeder_recommends.jpg) no-repeat top center;
}

#cameronmoll {
background: url(/images/cameron_moll.jpg) no-repeat top center;
}

#mezzoblue {
background: url(/images/mezzoblue.jpg) no-repeat top center;
}

#shauninman {
background: url(/images/shaun_inman.jpg) no-repeat top center;
}

#alistapart {
background: url(/images/a_list_apart.jpg) no-repeat top center;
}

#airbag {
background: url(/images/airbag.jpg) no-repeat top center;
}

#devkick {
background: url(/images/devkick.jpg) no-repeat top center;
}

#markboulton {
background: url(/images/mark_boulton.jpg) no-repeat top center;
}

#wisdump {
background: url(/images/wisdump.jpg) no-repeat top center;
}

#smashingmag {
background: url(/images/smashing_mag.jpg) no-repeat top center;
}

#cssdrive {
background: url(/images/css_drive.jpg) no-repeat top center;
}

#unmatched {
background: url(/images/unmatched_style.jpg) no-repeat top center;
}

#cssvault {
background: url(/images/css_vault.jpg) no-repeat top center;
}

#cssglobe {
background: url(/images/css_globe.jpg) no-repeat top center;
}

#psdtuts {
background: url(/images/psd_tuts.jpg) no-repeat top center;
}

#jesse {
background: url(/images/31three.jpg) no-repeat top center;
}

.feedfooter {
float: left;
width: 230px;
height: 8px;
background: url(/images/content_footer.jpg) no-repeat bottom center;
}

.feedfooter2 {
float: left;
width: 230px;
height: 8px;
background: url(/images/adbar_footer.jpg) no-repeat bottom center;
}

/** Footer
==============================================================================*/

#footer {
float: left;
margin-top: 50px;
padding-bottom: 50px;
width: 100%;
background: #222222 url(/images/footer_bg.jpg) repeat-x;
}

#footer p {
font-size: 11px;
color: #555555;
}

p#copyright {
margin-top: 45px;
font-size: 8px;
}

#footercontainer {
margin: 0 auto;
width: 960px;
}

#leftcol {
float: left;
width: 190px;
margin-right: 50px;
margin-top: 50px;
}

#rightcol {
float: left;
width: 190px;
margin-right: 50px;
margin-top: 50px;
}