/* skillset 0.9 - ultra.compact stylesheet .. (c) 2009 .. Jan Weiss .. http://www.imin.de  */

* { margin: 0; padding: 0; outline: none; border: none; }
body { background: #fff url('../pix/top-gradient.gif') repeat-x; border-top: 4px solid #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #222;}
#header { display: block; margin: 50px 0 0 0; background: #fff url('../pix/spacer.gif') bottom left repeat-x;}
#header em { display: block; background: #ff6; margin: 0 0 0 30px; padding: 4px; width: 200px; font-style: normal; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

/* nav */
#menu { display: block; height: 30px; padding: 20px 10px 30px 27px;}
#menu a { display: block; float: left; margin: 0 2px; color: #666; padding: 2px 6px 2px 4px; border: 1px solid #fff; border-right: 1px solid #eee; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-size: 11px; }
#menu a:hover, body#designblogs a#designblogs, body#designportals a#designportals, body#flashshowcases a#flashshowcases, body#flashresources a#flashresources, body#cssshowcases a#cssshowcases, body#cssresources a#cssresources, body#javascript a#javascript, body#typography a#typography, body#agencyblogs a#agencyblogs { background: #222; color: #eee; border: 1px solid #eee;}

/* basic */
#content { display: block; width: auto; margin: 0; padding: 0;}
h1 { display: block; width: 400px; margin: 15px 0 5px 30px; padding: 2px 0 2px 2px; font-size: 20px; letter-spacing: -1px;}
a { color: #ccc; text-decoration: none; }
.clear { clear: both; }
.teaserblockL { display: block; clear: both; height: 480px; width: auto; margin: 10px 0px 10px 25px; overflow: hidden;}
.teaserblockS { display: block; clear: both; height: 240px; width: auto; margin: 10px 0px 10px 25px; overflow: hidden; }
.block { display: block; clear: both; padding: 10px 0px 0px 25px;}
.divide { display: block; clear: both; height: 60px; margin: 20px 0 0 0; padding: 0; background: #fff url('../pix/spacer.gif') repeat-x;}

/* item */
.item { display: block; float: left; width: 200px; height: 205px; margin: 10px 0px 10px 0; padding: 8px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.thumbnail { display: block; height: 140px; background: #222; border: 1px solid #eee;}
.metadata { display: block; color: #666;}
h2 { display: block; margin: 8px 0 2px 2px; font-size: 11px; color: #333;}
.item small { display: block; height: 10px; margin: 0 0 0 2px; }
.item small a { display: block; float: left; margin: 0 2px 0 0;}
.item em { display: block; margin: 2px 0 5px 0; font-style: normal; font-size: 10px; }
.item em a { display: block; float: left; margin: 0 2px 0 0; color: #888; padding: 1px 2px; text-transform: lowercase;}
.item em a:hover { background: #fff; color: #222;}
.item metadata a { display: block; float: left; padding: 2px; background: #eee; color: #777;}
.item b a { display: none; color: #fff;}
a:link.more, a:visited.more { display: block; margin: 10px 0px 10px 35px; padding: 0; width: 100px; height: 30px; background: url('../pix/more.gif') no-repeat;}

/* single item */
.single-infobox { display: block; float: left; width: 600px; margin: 20px 0px 10px 30px; font-size: 12px;}
.single-infobox p { margin: 10px 0;}
.single-infobox p em { display: block; margin: 0 0 20px 0; font-size: 11px; font-style: normal;}
.single-infobox a { background: #eee; color: #333; padding: 2px 4px;  border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.single-infobox a:hover { background: #222; color: #FFF;}

/* footer */
.google { display: block; height: 60px; margin: 20px 0; padding: 55px 0 0 25px; background: #fff url('../pix/spacer.gif') repeat-x;}
#end { display: block; clear: both; height: 180px; background: #fff url('../pix/footer-gradient.gif') bottom left repeat-x;}
#footer { display: block; clear: both; padding: 10px 0 10px 34px; background: #222; color: #777;}
#footer p { margin: 10px 0;}
#footer a { padding: 2px; color: #aaa;}
#footer a:hover { background: #282828; color: #eee;}

/* sIFR styles */
.sIFR-flash { visibility: visible !important; margin: 0;}
.sIFR-replaced { visibility: visible !important;}
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
/* "decoy" styles  */
.sIFR-hasFlash h1 { visibility: hidden; text-align: left; font-size: 24px;}