/* screen.css
 * This file is filtered through Anthony Short's CSS Scaffold (http://github.com/anthonyshort/csscaffold)
 * (which is totally rad, you should go check it out)
 * If this CSS seems a little wonky - you're probably not looking at the pre-filtered version
 */
/* design */
/* Custom Mix-Ins */
*
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

html,
body
{
	background: #ddddee3;
	color: #505050;
	font: normal normal normal 100%/1.4 Verdana, Tahoma, sans-serif;
}

body
{
/* nb. this matches the root font-size on products.sitepoint 
     [except for an additional .5% tweak to help unify opera and firefox]
     so that relative em sizes will match up correctly */
	font-size: 75.5%;
}

a:visited
{
	color: #4B5970;
}

a:link
{
	color: #003366;
}

a:hover
{
	color: #ff6600;
}

h1
{
	font-size: 26px;
	font-weight: bold;
}

.structural-label
{
	position: absolute;
	left: -9999px;
}

img
{
	border: medium none;
}

span.divider
{
	border-bottom: 1px solid #F1F1F5;
	border-top: 1px solid #BEBEBE;
	display: block;
	height: 0;
	margin: 1px 20px 15px 0px;
	overflow: hidden;
}

/* END Generic Classes */
/* Nested shinies */
/* [NEW: global layout rules for tranverse sections and inner columns] */
/* .topcontent */
.topcontent
{
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
}

/* #pollsection > .topcontent */
#pollsection
{
	background: url(/frontpage/images/pollsection-background.png) #dddee3 repeat-y 50% 0%;
/** 
	 * feature box 
	 * (height is fixed so they're both the same,
but font-scaleable) 
	 */
/* the sitepoint poll 
	   (don't have padding-top or bottom because we need to 
	    set the height in em for both feature boxes equally) */
/* poll heading */
/* question */
/* no-answer prompt */
/* voting form */
/* answer */
/* thanks message */
/* vote button */
/* results table */
/* results heading */
/* th is the answer,
td is the percent figure */
/* default tbody cell */
/* answer text/bar wrapper */
/* answer text */
/* answer bar (0% - 100%) */
/* percent figure */
/* summary footer cell */
/* promo 
	   (don't have padding-top or bottom because we need to 
	    set the height in em for both feature boxes equally) */
}

#pollsection > #header-shadow
{
	display: block;
	position: absolute;
	width: 100%;
	height: 10px;
	background: url(/frontpage/images/header-shadow.png) transparent repeat-x;
}

#pollsection .topcontent
{
	background: #f5f5f6;
}

#pollsection .feature
{
	height: 14.5em;
	float: left;
	margin: 20px 0;
	padding: 0;
	background: #e6e5ea;
	border: 1px solid #dcdfdf;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#pollsection .feature#poll
{
	float: left;
	position: relative;
	width: 410px;
	padding-left: 20px;
	padding-right: 16px;
	margin-left: 20px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.8);
}

#pollsection .feature#poll h2
{
	margin: 15px 0 5px 0;
	float: left;
	width: 170px;
	padding: 0 0 3px 25px;
	font: normal normal bold 1.15em/1.3 arial, sans-serif;
	background: url(http://sitepointstatic.com/frontpage/images/poll-icon-transparent.png) no-repeat;
	color: #777;
	border-bottom: 1px solid #bbb;
}

#pollsection .feature#poll form,
#pollsection  .feature#poll p,
#pollsection  .feature#poll form label.thanks
{
	width: 195px;
	color: #505050;
}

#pollsection .feature#poll #poll-question
{
	float: left;
	clear: left;
	margin: 0 0 5px 0;
	line-height: 1.35;
	letter-spacing: -0.05em;
	max-height: 2.7em;
	overflow: hidden;
}

#pollsection .feature#poll #poll-question p
{
	margin: 0;
}

#pollsection .feature#poll #poll-question p em
{
	font-style: normal;
	color: #505050;
}

#pollsection .feature#poll #poll-question p strong
{
	color: #b22;
	margin-right: 0.25em;
}

#pollsection .feature#poll form
{
	margin: 0 0 10px 0;
	float: left;
	clear: left;
}

#pollsection .feature#poll form label
{
	display: block;
	float: left;
	clear: left;
	width: 128px;
	white-space: nowrap;
	overflow: hidden;
	letter-spacing: -0.05em;
	font-weight: bold;
	color: #0b2e51;
	margin: 0 0 1px 4px;
}

#pollsection .feature#poll form label input
{
	position: relative;
	margin-right: 3px;
}

#pollsection .feature#poll form label.thanks
{
	color: #505050;
	white-space: normal;
	overflow: visible;
	margin: 5px 0 0 0;
	font-weight: normal;
	line-height: 1.45;
}

#pollsection .feature#poll form button
{
	float: right;
	margin: -1em 0 0 0;
}

#pollsection .feature#poll table
{
	position: absolute;
	right: 16px;
	top: 15px;
	width: 200px;
	border: none;
	display: none;
}

#pollsection .feature#poll table caption
{
	color: #5883c5;
	font-family: arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 9px 0;
	text-align: left;
	line-height: 1;
}

#pollsection .feature#poll table th,
#pollsection  .feature#poll table td
{
	border: none;
	text-align: left;
	vertical-align: top;
}

#pollsection .feature#poll table tbody th
{
	width: 159px;
	border-left: 1px solid #bbb;
	font-weight: normal;
}

#pollsection .feature#poll table tbody th#poll-default
{
	padding: 4px 8px;
	color: #808080;
	border-left: none;
	border-bottom: none;
}

#pollsection .feature#poll table tbody th span
{
	display: block;
	width: 155px;
	white-space: nowrap;
	line-height: 1;
	position: relative;
	height: 22px;
	margin: 0 0 5px 1px;
}

#pollsection .feature#poll table tbody tr:last-child th > span
{
	margin-bottom: 1px;
}

#pollsection .feature#poll table tbody th span em
{
	position: relative;
	z-index: 200;
	display: block;
	width: 146px;
	overflow: hidden;
	padding: 5px 0 6px 6px;
	letter-spacing: -0.05em;
	color: #000;
	font-size: 0.95em;
	font-style: normal;
}

#pollsection .feature#poll table tbody th span span
{
	position: absolute;
	margin: 0;
	height: auto;
	z-index: 100;
	display: block;
	height: 20px;
	border: 1px solid #5cd2f4;
	background: url(http://sitepointstatic.com/frontpage/images/gradient-pollresult-20px.png) #c6f0f8 repeat-x;
}

#pollsection .feature#poll table tbody td
{
	width: 40px;
	text-align: right;
	overflow: hidden;
	letter-spacing: -0.05em;
	color: #000;
	font-size: 0.95em;
}

#pollsection .feature#poll table tbody td strong
{
	display: block;
	padding: 3px 2px 2px 2px;
	width: 36px;
	white-space: nowrap;
	overflow: hidden;
}

#pollsection .feature#poll table tfoot td
{
	padding: 5px 0 0 1px;
	font-size: 0.9em;
	letter-spacing: -0.05em;
	border-top: 1px solid #bbb;
}

#pollsection .feature#promo
{
	float: right;
	width: 390px;
	padding-left: 20px;
	padding-right: 26px;
	margin-right: 20px;
}

#pollsection .feature#promo h2,
#pollsection  .feature#promo form
{
	width: 270px;
}

#pollsection .feature#promo h2
{
	float: left;
	font: normal normal normal 1.6em/1.3 helvetica, arial, sans-serif;
	letter-spacing: -0.05em;
	margin: 48px 0 10px 0;
}

#pollsection .feature#promo form
{
	float: left;
}

#pollsection .feature#promo img
{
	margin: 15px 0 0 0;
	float: right;
}

* html #pollsection .feature#poll
{
	margin-left: 10px;
}

*+html #pollsection .feature#poll form fieldset
{
	position: relative;
	left: -5px;
}

* html #pollsection .feature#poll form button
{
	margin-top: 0.4em;
}

*+html #pollsection .feature#poll form button
{
	margin-top: 0.4em;
}

*+html #pollsection .feature#poll form label.thanks
{
	margin-left: 5px;
}

*+html #pollsection .feature#poll form label input
{
	top: 1px;
}

*+html #pollsection .feature#poll form label
{
	letter-spacing: -1px;
}

* html #pollsection .feature#promo
{
	margin-right: 10px;
}

/* #body > .topcontent */
#body
{
	background: url(/frontpage/images/body-background.png) #fafbfc repeat-y 50% 0%;
	border-top: 1px solid #cfcecd;
	margin-top: -1px;
	border-top-color: #eee;
/* #features */
}

#body .topcontent
{
	background: url(/frontpage/images/topcontent-background.png) #e2e3ea repeat-y;
}

#body #features
{
	float: left;
	background: #fff;
	width: 635px;
	padding: 15px 20px 0 5px;
	position: relative;
	min-height: 500px;
}

* html #features
{
	overflow: hidden;
}

/* #sidebar */
#sidebar
{
	float: left;
	background: #e2e3ea;
	width: 290px;
	padding: 0;
	min-height: 500px;
}

* html #sidebar
{
	overflow: hidden;
}

div.supercontainer
{
/* content within sidebar within central-content container */
}

div.supercontainer div.topcontent
{
/* content within central-content container */
/* END content within central-content container */
/* content within left-column within central-content container */
/* div.features */
/* content within central-content container */
/* END content within central-content container */
}

div.supercontainer div.topcontent h2
{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.95em;
	font-weight: bold;
	line-height: 1.3;
	color: #036;
	margin: 0 0 15px 0;
}

div.supercontainer div.topcontent p
{
	color: #666;
	margin: 0 0 15px 0;
}

div.supercontainer div.topcontent p.blurb
{
	margin-top: 0;
	margin-bottom: 5px;
}

div.supercontainer div.topcontent .post
{
	clear: both;
	border-top: 1px solid #bebebe;
	padding: 0;
	margin: 0 10px 0 0;
	overflow: hidden;
}

div.supercontainer div.topcontent div.story
{
	padding: 15px 10px 15px 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}

div.supercontainer div.topcontent div.story h2 a
{
	color: #003366;
	text-decoration: none;
}

div.supercontainer div.topcontent div.story h2 a:hover
{
	text-decoration: underline;
	color: #FF6600;
}

div.supercontainer div.topcontent div.story h3
{
	display: block;
	position: relative;
	left: 71px;
}

div.supercontainer div.topcontent div.story h3 a
{
	color: #003366;
	text-decoration: none;
}

div.supercontainer div.topcontent div.story h3 a:hover
{
	text-decoration: underline;
	color: #FF6600;
}

div.supercontainer div.topcontent div.story img.newsimg
{
	position: absolute;
	float: left;
	height: 50px;
	width: 50px;
	float: left;
}

div.supercontainer div.topcontent div.story p.blurb
{
	margin-left: 70px;
}

div.supercontainer div.topcontent div#features
{
/* div.header */
}

div.supercontainer div.topcontent div#features div#feature
{
	background-color: #FEF8F1;
	border: 1px solid #EEEEEE;
	margin: 5px 0 0 15px;
	border: none;
}

div.supercontainer div.topcontent div#features div.header
{
	padding-left: 140px;
	min-height: 123px;
	overflow: hidden;
/* dl.storymeta */
}

div.supercontainer div.topcontent div#features div.header h2
{
	font-size: 25px;
	letter-spacing: -1px;
}

div.supercontainer div.topcontent div#features div.header dl.storymeta
{
	margin: 0.5em 0;
	overflow: hidden;
/* End dd.comments */
}

div.supercontainer div.topcontent div#features div.header dl.storymeta dt
{
	position: absolute;
	left: -9999px;
}

div.supercontainer div.topcontent div#features div.header dl.storymeta dd
{
	float: left;
	border-right: 1px solid #808080;
	color: #808080;
	font: 11px Verdana, Helvetica, sans-serif;
	margin: 0;
	margin-right: 1ex;
	padding: 1px 1ex 1px 0;
}

div.supercontainer div.topcontent div#features div.header dl.storymeta dd.type
{
	text-transform: uppercase;
}

div.supercontainer div.topcontent div#features div.header dl.storymeta dd.author
{
	border-right: medium none;
	padding-right: 0;
}

div.supercontainer div.topcontent div#features div.header dl.storymeta dd.comments
{
	border-right: medium none;
	padding-right: 0;
}

div.supercontainer div.topcontent div#features div.header dl.storymeta dd.comments a
{
	color: #FF6600;
}

div.supercontainer div.topcontent div#features div.header dl.storymeta dd.comments a:hover
{
	color: #003366;
}

div.supercontainer div.topcontent div#features div.featureimg
{
	position: absolute;
	left: 30px;
	top: 25px;
	width: 115px;
	height: 115px;
	margin: 8px 20px 20px 0;
}

div.supercontainer div.topcontent div#features div.featureimg img
{
	float: none;
	margin: 0;
	display: inline;
	border: 0 none #FFFFFF;
}

div.supercontainer div.topcontent div#features p.next
{
	float: right;
	clear: right;
	padding-right: 40px;
	padding-left: 15px;
	color: #465367;
	font-weight: bold;
	text-transform: uppercase;
	background: url("/frontpage/images/bullet-light.png") no-repeat scroll left top transparent;
}

div.supercontainer div.topcontent div#features p.blurb
{
	color: #333333;
	font-size: 14px;
	margin-top: 0;
	margin-left: 10px;
	line-height: 150%;
}

div.supercontainer div.topcontent div#features p.blurb a
{
	color: #424242;
	font: bold 10px Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	white-space: nowrap;
}

div.supercontainer div.topcontent dl.storymeta
{
	margin-left: 5em;
	margin-bottom: 0px;
	margin-top: 0px;
	overflow: hidden;
}

div.supercontainer div.topcontent dl.storymeta dt
{
	position: absolute;
	left: -9999px;
}

div.supercontainer div.topcontent dl.storymeta dd
{
	float: left;
	border-right: 1px solid #808080;
	color: #808080;
	font: 11px Verdana, Helvetica, sans-serif;
	margin: 0;
	margin-right: 1ex;
	padding: 1px 1ex 1px 0;
}

div.supercontainer div.topcontent dl.storymeta dd.date
{
	border-right: none;
	padding-right: 0;
}

div.supercontainer div.topcontent dl.storymeta dd.type
{
	text-transform: uppercase;
}

div.supercontainer div.topcontent dl.storymeta dd.comments
{
	border-right: medium none;
	padding-right: 0;
}

div.supercontainer div.topcontent dl.storymeta dd.comments a
{
	color: #FF6600;
}

div.supercontainer div.topcontent dl.storymeta dd.comments a:hover
{
	color: #003366;
}

div.supercontainer div.topcontent dl.storymeta dd.author
{
	border-right: 1px solid #808080;
	padding-right: 1ex;
}

div.supercontainer div.topcontent div#design
{
	margin: 20px 0;
	overflow: hidden;
	width: 100%;
/* recentlyindept */
}

div.supercontainer div.topcontent div#design h2
{
	color: #777777;
	font: bold 1.4em/1.5 "Trebuchet MS", sans-serif;
	margin: 20px 0 15px 15px;
	text-transform: uppercase;
	background: none;
	letter-spacing: 0;
	border-bottom: solid 1px #CCC;
	padding-bottom: 2px;
	background: url(http://sitepointstatic.com/frontpage/images/heading-line.png) repeat-x scroll right bottom transparent;
}

div.supercontainer div.topcontent div#design h2 span
{
	position: relative;
	top: 4px;
}

div.supercontainer div.topcontent div#design h2 a:link, div.supercontainer div.topcontent div#design  h3 a:link, div.supercontainer div.topcontent div#design  h2 a:visited, div.supercontainer div.topcontent div#design  h3 a:visited
{
	text-decoration: none;
}

div.supercontainer div.topcontent div#design h2 a:hover, div.supercontainer div.topcontent div#design  h3 a:hover
{
	text-decoration: underline;
}

div.supercontainer div.topcontent div#design h3
{
	font: 1.65em/1.4 "Trebuchet MS", sans-serif;
	font-weight: bold;
	margin-top: 0;
	width: 240px;
	letter-spacing: -1px;
	left: 70px;
}

div.supercontainer div.topcontent div#design div.feature
{
	margin-top: 0;
	padding-top: 0;
	width: 340px;
	float: left;
	padding-right: 0px;
	position: relative;
	width: 340px;
}

div.supercontainer div.topcontent div#design div.feature h3
{
	margin-left: 50px;
	margin-bottom: 0;
	width: 210px;
}

div.supercontainer div.topcontent div#design div.feature dl.storymeta
{
	margin-left: 120px;
	margin-top: 5px;
}

div.supercontainer div.topcontent div#design div.feature dl.storymeta dd
{
	font-size: 0.9em;
}

div.supercontainer div.topcontent div#design div.feature div.featureimg
{
	height: 115px;
	margin: 6px 20px 20px 0;
	width: 115px;
	left: 0;
	top: 0;
}

div.supercontainer div.topcontent div#design div.feature p.blurb
{
	margin: 1em 0 1em 120px;
}

div.supercontainer div.topcontent div#design div.recentlyindept
{
	float: right;
	margin-left: auto;
	width: 40%;
/* ol */
}

div.supercontainer div.topcontent div#design div.recentlyindept h3
{
	color: #808080;
	font: bold 1.2em/1.5 "Trebuchet MS", sans-serif;
	margin-bottom: 10px;
	background: none;
	letter-spacing: -0.05em;
}

div.supercontainer div.topcontent div#design div.recentlyindept ul.more-in-section
{
	padding-left: 40px;
	padding-top: 20px;
	list-style-image: url(http://sitepointstatic.com/frontpage/images/bullet-light.png);
}

div.supercontainer div.topcontent div#design div.recentlyindept ul.more-in-section li a
{
	font-weight: bold;
	text-transform: uppercase;
	color: #465367;
}

div.supercontainer div.topcontent div#design div.recentlyindept ul.more-in-section li a:hover
{
	color: #FF6600;
}

div.supercontainer div.topcontent div#design div.recentlyindept ol
{
	padding-left: 0;
/* li */
}

div.supercontainer div.topcontent div#design div.recentlyindept ol li
{
	line-height: 1.3;
	margin: 0.4em 0;
}

div.supercontainer div.topcontent div#design div.recentlyindept ol li a.icon
{
	float: left;
}

div.supercontainer div.topcontent div#design div.recentlyindept ol li span.comments a
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
}

div.supercontainer div.topcontent div#design div.recentlyindept ol li span.comments a:hover
{
	color: #003366;
}

div.supercontainer div.topcontent div#design div.recentlyindept ol li span.linktext
{
	display: block;
	margin-left: 15px;
	margin-left: 20px !important;
}

div.supercontainer div.topcontent div#tech
{
	margin: 20px 0;
	overflow: hidden;
	width: 100%;
/* recentlyindept */
}

div.supercontainer div.topcontent div#tech h2
{
	color: #777777;
	font: bold 1.4em/1.5 "Trebuchet MS", sans-serif;
	margin: 20px 0 15px 15px;
	text-transform: uppercase;
	background: none;
	letter-spacing: 0;
	border-bottom: solid 1px #CCC;
	padding-bottom: 2px;
	background: url(http://sitepointstatic.com/frontpage/images/heading-line.png) repeat-x scroll right bottom transparent;
}

div.supercontainer div.topcontent div#tech h2 span
{
	position: relative;
	top: 4px;
}

div.supercontainer div.topcontent div#tech h2 a:link, div.supercontainer div.topcontent div#tech  h3 a:link, div.supercontainer div.topcontent div#tech  h2 a:visited, div.supercontainer div.topcontent div#tech  h3 a:visited
{
	text-decoration: none;
}

div.supercontainer div.topcontent div#tech h2 a:hover, div.supercontainer div.topcontent div#tech  h3 a:hover
{
	text-decoration: underline;
}

div.supercontainer div.topcontent div#tech h3
{
	font: 1.65em/1.4 "Trebuchet MS", sans-serif;
	font-weight: bold;
	margin-top: 0;
	width: 240px;
	letter-spacing: -1px;
	left: 70px;
}

div.supercontainer div.topcontent div#tech div.feature
{
	margin-top: 0;
	padding-top: 0;
	width: 340px;
	float: left;
	padding-right: 0px;
	position: relative;
	width: 340px;
}

div.supercontainer div.topcontent div#tech div.feature h3
{
	margin-left: 50px;
	margin-bottom: 0;
	width: 210px;
}

div.supercontainer div.topcontent div#tech div.feature dl.storymeta
{
	margin-left: 120px;
	margin-top: 5px;
}

div.supercontainer div.topcontent div#tech div.feature dl.storymeta dd
{
	font-size: 0.9em;
}

div.supercontainer div.topcontent div#tech div.feature div.featureimg
{
	height: 115px;
	margin: 6px 20px 20px 0;
	width: 115px;
	left: 0;
	top: 0;
}

div.supercontainer div.topcontent div#tech div.feature p.blurb
{
	margin: 1em 0 1em 120px;
}

div.supercontainer div.topcontent div#tech div.recentlyindept
{
	float: right;
	margin-left: auto;
	width: 40%;
/* ol */
}

div.supercontainer div.topcontent div#tech div.recentlyindept h3
{
	color: #808080;
	font: bold 1.2em/1.5 "Trebuchet MS", sans-serif;
	margin-bottom: 10px;
	background: none;
	letter-spacing: -0.05em;
}

div.supercontainer div.topcontent div#tech div.recentlyindept ul.more-in-section
{
	padding-left: 40px;
	padding-top: 20px;
	list-style-image: url(http://sitepointstatic.com/frontpage/images/bullet-light.png);
}

div.supercontainer div.topcontent div#tech div.recentlyindept ul.more-in-section li a
{
	font-weight: bold;
	text-transform: uppercase;
	color: #465367;
}

div.supercontainer div.topcontent div#tech div.recentlyindept ul.more-in-section li a:hover
{
	color: #FF6600;
}

div.supercontainer div.topcontent div#tech div.recentlyindept ol
{
	padding-left: 0;
/* li */
}

div.supercontainer div.topcontent div#tech div.recentlyindept ol li
{
	line-height: 1.3;
	margin: 0.4em 0;
}

div.supercontainer div.topcontent div#tech div.recentlyindept ol li a.icon
{
	float: left;
}

div.supercontainer div.topcontent div#tech div.recentlyindept ol li span.comments a
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
}

div.supercontainer div.topcontent div#tech div.recentlyindept ol li span.comments a:hover
{
	color: #003366;
}

div.supercontainer div.topcontent div#tech div.recentlyindept ol li span.linktext
{
	display: block;
	margin-left: 15px;
	margin-left: 20px !important;
}

div.supercontainer div.topcontent div#business
{
	margin: 20px 0;
	overflow: hidden;
	width: 100%;
/* recentlyindept */
}

div.supercontainer div.topcontent div#business h2
{
	color: #777777;
	font: bold 1.4em/1.5 "Trebuchet MS", sans-serif;
	margin: 20px 0 15px 15px;
	text-transform: uppercase;
	background: none;
	letter-spacing: 0;
	border-bottom: solid 1px #CCC;
	padding-bottom: 2px;
	background: url(http://sitepointstatic.com/frontpage/images/heading-line.png) repeat-x scroll right bottom transparent;
}

div.supercontainer div.topcontent div#business h2 span
{
	position: relative;
	top: 4px;
}

div.supercontainer div.topcontent div#business h2 a:link, div.supercontainer div.topcontent div#business  h3 a:link, div.supercontainer div.topcontent div#business  h2 a:visited, div.supercontainer div.topcontent div#business  h3 a:visited
{
	text-decoration: none;
}

div.supercontainer div.topcontent div#business h2 a:hover, div.supercontainer div.topcontent div#business  h3 a:hover
{
	text-decoration: underline;
}

div.supercontainer div.topcontent div#business h3
{
	font: 1.65em/1.4 "Trebuchet MS", sans-serif;
	font-weight: bold;
	margin-top: 0;
	width: 240px;
	letter-spacing: -1px;
	left: 70px;
}

div.supercontainer div.topcontent div#business div.feature
{
	margin-top: 0;
	padding-top: 0;
	width: 340px;
	float: left;
	padding-right: 0px;
	position: relative;
	width: 340px;
}

div.supercontainer div.topcontent div#business div.feature h3
{
	margin-left: 50px;
	margin-bottom: 0;
	width: 210px;
}

div.supercontainer div.topcontent div#business div.feature dl.storymeta
{
	margin-left: 120px;
	margin-top: 5px;
}

div.supercontainer div.topcontent div#business div.feature dl.storymeta dd
{
	font-size: 0.9em;
}

div.supercontainer div.topcontent div#business div.feature div.featureimg
{
	height: 115px;
	margin: 6px 20px 20px 0;
	width: 115px;
	left: 0;
	top: 0;
}

div.supercontainer div.topcontent div#business div.feature p.blurb
{
	margin: 1em 0 1em 120px;
}

div.supercontainer div.topcontent div#business div.recentlyindept
{
	float: right;
	margin-left: auto;
	width: 40%;
/* ol */
}

div.supercontainer div.topcontent div#business div.recentlyindept h3
{
	color: #808080;
	font: bold 1.2em/1.5 "Trebuchet MS", sans-serif;
	margin-bottom: 10px;
	background: none;
	letter-spacing: -0.05em;
}

div.supercontainer div.topcontent div#business div.recentlyindept ul.more-in-section
{
	padding-left: 40px;
	padding-top: 20px;
	list-style-image: url(http://sitepointstatic.com/frontpage/images/bullet-light.png);
}

div.supercontainer div.topcontent div#business div.recentlyindept ul.more-in-section li a
{
	font-weight: bold;
	text-transform: uppercase;
	color: #465367;
}

div.supercontainer div.topcontent div#business div.recentlyindept ul.more-in-section li a:hover
{
	color: #FF6600;
}

div.supercontainer div.topcontent div#business div.recentlyindept ol
{
	padding-left: 0;
/* li */
}

div.supercontainer div.topcontent div#business div.recentlyindept ol li
{
	line-height: 1.3;
	margin: 0.4em 0;
}

div.supercontainer div.topcontent div#business div.recentlyindept ol li a.icon
{
	float: left;
}

div.supercontainer div.topcontent div#business div.recentlyindept ol li span.comments a
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
}

div.supercontainer div.topcontent div#business div.recentlyindept ol li span.comments a:hover
{
	color: #003366;
}

div.supercontainer div.topcontent div#business div.recentlyindept ol li span.linktext
{
	display: block;
	margin-left: 15px;
	margin-left: 20px !important;
}

div.supercontainer div.topcontent div#news div.odd
{
	background-color: #fef8f1;
}

div.supercontainer div.topcontent div#news div.even
{
	background-color: transparent;
}

div.supercontainer div.topcontent div#news dl.storymeta
{
	margin-left: 70px;
}

div.supercontainer div.topcontent div#news div.story
{
	position: relative;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	clear: both;
}

div.supercontainer div.topcontent div#news div.story h3
{
	display: block;
	width: 520px;
	margin-bottom: 5px;
	font: 1.65em/1.4 "Trebuchet MS", sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	left: 70px;
}

div.supercontainer div.topcontent div#news div.story img.newsimg
{
	margin-top: 10px;
	top: 0;
}

div.supercontainer div.topcontent div#news div.story p.blurb
{
	margin-left: 5em;
	margin-top: 10px;
}

div.supercontainer div.topcontent div#news h2
{
	color: #777777;
	font: bold 1.4em/1.5 "Trebuchet MS", sans-serif;
	margin: 20px 0 15px 15px;
	text-transform: uppercase;
	background: none;
	letter-spacing: 0;
	border-bottom: solid 1px #CCC;
	padding-bottom: 2px;
	background: url(http://sitepointstatic.com/frontpage/images/heading-line.png) repeat-x scroll right bottom transparent;
}

div.supercontainer div.topcontent div#news h2 span
{
	position: relative;
	top: 4px;
	letter-spacing: -1px;
}

div.supercontainer div#sidebar
{
/* whatshot */
/* newbooklist */
}

div.supercontainer div#sidebar div#ads
{
	padding-top: 20px;
	padding-left: 20px;
}

div.supercontainer div#sidebar div#misc
{
	padding-left: 20px;
}

div.supercontainer div#sidebar div.ad
{
	margin-bottom: 15px;
}

div.supercontainer div#sidebar div#booktextlinks
{
	position: relative;
	display: block;
	clear: left;
}

div.supercontainer div#sidebar div#booktextlinks span
{
	font-style: italic;
}

div.supercontainer div#sidebar div#booktextlinks ul
{
	padding-left: 20px;
	padding-top: 10px;
	list-style-image: url(http://sitepointstatic.com/frontpage/images/light-blue-bullet.png);
}

div.supercontainer div#sidebar div#booktextlinks ul li
{
	line-height: 150%;
}

div.supercontainer div#sidebar div#whatshot
{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: block;
	clear: right;
	border: 1px solid #B0B0B0;
	margin-right: 20px;
	margin-bottom: 20px;
/* ol */
}

div.supercontainer div#sidebar div#whatshot h2
{
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	background: #32699D url(http://sitepointstatic.com/frontpage/images/alert-overlay.png) repeat-x;
	border-bottom: 1px solid #B0B0B0;
	color: #FFFFFF;
	font: bold 1.1em/1.1 arial, sans-serif;
	margin: 0;
	padding: 9px 20px 8px 18px;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
}

div.supercontainer div#sidebar div#whatshot ol
{
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	background-color: white;
	padding: 0px 15px;
/* li */
}

div.supercontainer div#sidebar div#whatshot ol li
{
	display: block;
	clear: right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 5px;
	border-bottom: 1px solid #BCBCBC;
	line-height: 1.3;
/* div */
}

div.supercontainer div#sidebar div#whatshot ol li:last-child
{
	border: 0;
}

div.supercontainer div#sidebar div#whatshot ol li div a img
{
	float: left;
}

div.supercontainer div#sidebar div#whatshot ol li div span.link
{
	display: block;
	margin-left: 15px;
	margin-left: 20px !important;
}

div.supercontainer div#sidebar div#whatshot ol li div span.comments a
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
}

div.supercontainer div#sidebar div#whatshot ol li div span.comments a:hover
{
	color: #003366;
}

div.supercontainer div#sidebar div#newbooklist
{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: block;
	clear: right;
	border: 1px solid #B0B0B0;
	margin-right: 20px;
	margin-bottom: 20px;
/* ul */
}

div.supercontainer div#sidebar div#newbooklist p
{
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	background: #32699D url(http://sitepointstatic.com/frontpage/images/alert-overlay.png) repeat-x;
	border-bottom: 1px solid #B0B0B0;
	color: #FFFFFF;
	font: bold 1.1em/1.1 arial, sans-serif;
	margin: 0;
	padding: 9px 20px 8px 18px;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
}

div.supercontainer div#sidebar div#newbooklist ul
{
	background-color: white;
	padding: 0px 15px;
}

div.supercontainer div#sidebar div#newbooklist ul li
{
	display: block;
	clear: right;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 5px;
	border-bottom: 1px solid #BCBCBC;
}

div.supercontainer div#sidebar div#newbooklist ul li:last-child
{
	border: 0;
}

div.supercontainer div#sidebar div#newbooklist ul li a
{
	font-weight: bold;
	text-decoration: none;
	color: #485465;
}

div.supercontainer div#sidebar div#newbooklist ul li img
{
	float: left;
	margin-right: 10px;
	height: 110px;
}

div.supercontainer div#sidebar div#newbooklist ul li ul
{
	padding-left: 35px;
	margin-bottom: 10px;
	width: auto;
}

div.supercontainer div#sidebar div#newbooklist ul li ul li
{
	float: none;
	clear: none;
	width: auto;
	line-height: 12px;
	padding-left: 70px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	border: 0px;
}

div.supercontainer div#sidebar div#newbooklist ul li ul li a
{
	color: #042552;
	font-size: xx-small;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: underline;
}

.grid-overlay
{
	background: url('/csscaffold/scaffold/cache/Layout/5_28_5_20_grid.png');
}

.columns-1
{
	width: 28px;
}

.push-1
{
	left: 38px;
	margin-right: 48px;
}

.pull-1
{
	left: -38px;
	margin-right: -28px;
}

.append-1
{
	padding-right: 38px;
}

.prepend-1
{
	padding-left: 38px;
}

.baseline-1
{
	height: 20px;
}

.baseline-up-1
{
	top: -20px;
}

.baseline-down-1
{
	top: 20px;
}

.columns-2
{
	width: 66px;
}

.push-2
{
	left: 76px;
	margin-right: 86px;
}

.pull-2
{
	left: -76px;
	margin-right: -66px;
}

.append-2
{
	padding-right: 76px;
}

.prepend-2
{
	padding-left: 76px;
}

.baseline-2
{
	height: 40px;
}

.baseline-up-2
{
	top: -40px;
}

.baseline-down-2
{
	top: 40px;
}

.columns-3
{
	width: 104px;
}

.push-3
{
	left: 114px;
	margin-right: 124px;
}

.pull-3
{
	left: -114px;
	margin-right: -104px;
}

.append-3
{
	padding-right: 114px;
}

.prepend-3
{
	padding-left: 114px;
}

.baseline-3
{
	height: 60px;
}

.baseline-up-3
{
	top: -60px;
}

.baseline-down-3
{
	top: 60px;
}

.columns-4
{
	width: 142px;
}

.push-4
{
	left: 152px;
	margin-right: 162px;
}

.pull-4
{
	left: -152px;
	margin-right: -142px;
}

.append-4
{
	padding-right: 152px;
}

.prepend-4
{
	padding-left: 152px;
}

.baseline-4
{
	height: 80px;
}

.baseline-up-4
{
	top: -80px;
}

.baseline-down-4
{
	top: 80px;
}

.columns-5
{
	width: 180px;
}

.push-5
{
	left: 190px;
	margin-right: 200px;
}

.pull-5
{
	left: -190px;
	margin-right: -180px;
}

.append-5
{
	padding-right: 190px;
}

.prepend-5
{
	padding-left: 190px;
}

.baseline-5
{
	height: 100px;
}

.baseline-up-5
{
	top: -100px;
}

.baseline-down-5
{
	top: 100px;
}

.columns-6
{
	width: 218px;
}

.push-6
{
	left: 228px;
	margin-right: 238px;
}

.pull-6
{
	left: -228px;
	margin-right: -218px;
}

.append-6
{
	padding-right: 228px;
}

.prepend-6
{
	padding-left: 228px;
}

.baseline-6
{
	height: 120px;
}

.baseline-up-6
{
	top: -120px;
}

.baseline-down-6
{
	top: 120px;
}

.columns-7
{
	width: 256px;
}

.push-7
{
	left: 266px;
	margin-right: 276px;
}

.pull-7
{
	left: -266px;
	margin-right: -256px;
}

.append-7
{
	padding-right: 266px;
}

.prepend-7
{
	padding-left: 266px;
}

.baseline-7
{
	height: 140px;
}

.baseline-up-7
{
	top: -140px;
}

.baseline-down-7
{
	top: 140px;
}

.columns-8
{
	width: 294px;
}

.push-8
{
	left: 304px;
	margin-right: 314px;
}

.pull-8
{
	left: -304px;
	margin-right: -294px;
}

.append-8
{
	padding-right: 304px;
}

.prepend-8
{
	padding-left: 304px;
}

.baseline-8
{
	height: 160px;
}

.baseline-up-8
{
	top: -160px;
}

.baseline-down-8
{
	top: 160px;
}

.columns-9
{
	width: 332px;
}

.push-9
{
	left: 342px;
	margin-right: 352px;
}

.pull-9
{
	left: -342px;
	margin-right: -332px;
}

.append-9
{
	padding-right: 342px;
}

.prepend-9
{
	padding-left: 342px;
}

.baseline-9
{
	height: 180px;
}

.baseline-up-9
{
	top: -180px;
}

.baseline-down-9
{
	top: 180px;
}

.columns-10
{
	width: 370px;
}

.push-10
{
	left: 380px;
	margin-right: 390px;
}

.pull-10
{
	left: -380px;
	margin-right: -370px;
}

.append-10
{
	padding-right: 380px;
}

.prepend-10
{
	padding-left: 380px;
}

.baseline-10
{
	height: 200px;
}

.baseline-up-10
{
	top: -200px;
}

.baseline-down-10
{
	top: 200px;
}

.columns-11
{
	width: 408px;
}

.push-11
{
	left: 418px;
	margin-right: 428px;
}

.pull-11
{
	left: -418px;
	margin-right: -408px;
}

.append-11
{
	padding-right: 418px;
}

.prepend-11
{
	padding-left: 418px;
}

.baseline-11
{
	height: 220px;
}

.baseline-up-11
{
	top: -220px;
}

.baseline-down-11
{
	top: 220px;
}

.columns-12
{
	width: 446px;
}

.push-12
{
	left: 456px;
	margin-right: 466px;
}

.pull-12
{
	left: -456px;
	margin-right: -446px;
}

.append-12
{
	padding-right: 456px;
}

.prepend-12
{
	padding-left: 456px;
}

.baseline-12
{
	height: 240px;
}

.baseline-up-12
{
	top: -240px;
}

.baseline-down-12
{
	top: 240px;
}

.columns-13
{
	width: 484px;
}

.push-13
{
	left: 494px;
	margin-right: 504px;
}

.pull-13
{
	left: -494px;
	margin-right: -484px;
}

.append-13
{
	padding-right: 494px;
}

.prepend-13
{
	padding-left: 494px;
}

.baseline-13
{
	height: 260px;
}

.baseline-up-13
{
	top: -260px;
}

.baseline-down-13
{
	top: 260px;
}

.columns-14
{
	width: 522px;
}

.push-14
{
	left: 532px;
	margin-right: 542px;
}

.pull-14
{
	left: -532px;
	margin-right: -522px;
}

.append-14
{
	padding-right: 532px;
}

.prepend-14
{
	padding-left: 532px;
}

.baseline-14
{
	height: 280px;
}

.baseline-up-14
{
	top: -280px;
}

.baseline-down-14
{
	top: 280px;
}

.columns-15
{
	width: 560px;
}

.push-15
{
	left: 570px;
	margin-right: 580px;
}

.pull-15
{
	left: -570px;
	margin-right: -560px;
}

.append-15
{
	padding-right: 570px;
}

.prepend-15
{
	padding-left: 570px;
}

.baseline-15
{
	height: 300px;
}

.baseline-up-15
{
	top: -300px;
}

.baseline-down-15
{
	top: 300px;
}

.columns-16
{
	width: 598px;
}

.push-16
{
	left: 608px;
	margin-right: 618px;
}

.pull-16
{
	left: -608px;
	margin-right: -598px;
}

.append-16
{
	padding-right: 608px;
}

.prepend-16
{
	padding-left: 608px;
}

.baseline-16
{
	height: 320px;
}

.baseline-up-16
{
	top: -320px;
}

.baseline-down-16
{
	top: 320px;
}

.columns-17
{
	width: 636px;
}

.push-17
{
	left: 646px;
	margin-right: 656px;
}

.pull-17
{
	left: -646px;
	margin-right: -636px;
}

.append-17
{
	padding-right: 646px;
}

.prepend-17
{
	padding-left: 646px;
}

.baseline-17
{
	height: 340px;
}

.baseline-up-17
{
	top: -340px;
}

.baseline-down-17
{
	top: 340px;
}

.columns-18
{
	width: 674px;
}

.push-18
{
	left: 684px;
	margin-right: 694px;
}

.pull-18
{
	left: -684px;
	margin-right: -674px;
}

.append-18
{
	padding-right: 684px;
}

.prepend-18
{
	padding-left: 684px;
}

.baseline-18
{
	height: 360px;
}

.baseline-up-18
{
	top: -360px;
}

.baseline-down-18
{
	top: 360px;
}

.columns-19
{
	width: 712px;
}

.push-19
{
	left: 722px;
	margin-right: 732px;
}

.pull-19
{
	left: -722px;
	margin-right: -712px;
}

.append-19
{
	padding-right: 722px;
}

.prepend-19
{
	padding-left: 722px;
}

.baseline-19
{
	height: 380px;
}

.baseline-up-19
{
	top: -380px;
}

.baseline-down-19
{
	top: 380px;
}

.columns-20
{
	width: 750px;
}

.push-20
{
	left: 760px;
	margin-right: 770px;
}

.pull-20
{
	left: -760px;
	margin-right: -750px;
}

.append-20
{
	padding-right: 760px;
}

.prepend-20
{
	padding-left: 760px;
}

.baseline-20
{
	height: 400px;
}

.baseline-up-20
{
	top: -400px;
}

.baseline-down-20
{
	top: 400px;
}

.columns-21
{
	width: 788px;
}

.push-21
{
	left: 798px;
	margin-right: 808px;
}

.pull-21
{
	left: -798px;
	margin-right: -788px;
}

.append-21
{
	padding-right: 798px;
}

.prepend-21
{
	padding-left: 798px;
}

.baseline-21
{
	height: 420px;
}

.baseline-up-21
{
	top: -420px;
}

.baseline-down-21
{
	top: 420px;
}

.columns-22
{
	width: 826px;
}

.push-22
{
	left: 836px;
	margin-right: 846px;
}

.pull-22
{
	left: -836px;
	margin-right: -826px;
}

.append-22
{
	padding-right: 836px;
}

.prepend-22
{
	padding-left: 836px;
}

.baseline-22
{
	height: 440px;
}

.baseline-up-22
{
	top: -440px;
}

.baseline-down-22
{
	top: 440px;
}

.columns-23
{
	width: 864px;
}

.push-23
{
	left: 874px;
	margin-right: 884px;
}

.pull-23
{
	left: -874px;
	margin-right: -864px;
}

.append-23
{
	padding-right: 874px;
}

.prepend-23
{
	padding-left: 874px;
}

.baseline-23
{
	height: 460px;
}

.baseline-up-23
{
	top: -460px;
}

.baseline-down-23
{
	top: 460px;
}

.columns-24
{
	width: 902px;
}

.push-24
{
	left: 912px;
	margin-right: 922px;
}

.pull-24
{
	left: -912px;
	margin-right: -902px;
}

.append-24
{
	padding-right: 912px;
}

.prepend-24
{
	padding-left: 912px;
}

.baseline-24
{
	height: 480px;
}

.baseline-up-24
{
	top: -480px;
}

.baseline-down-24
{
	top: 480px;
}

.columns-25
{
	width: 940px;
}

.push-25
{
	left: 950px;
	margin-right: 960px;
}

.pull-25
{
	left: -950px;
	margin-right: -940px;
}

.append-25
{
	padding-right: 950px;
}

.prepend-25
{
	padding-left: 950px;
}

.baseline-25
{
	height: 500px;
}

.baseline-up-25
{
	top: -500px;
}

.baseline-down-25
{
	top: 500px;
}

.columns-1,
.columns-2,
.columns-3,
.columns-4,
.columns-5,
.columns-6,
.columns-7,
.columns-8,
.columns-9,
.columns-10,
.columns-11,
.columns-12,
.columns-13,
.columns-14,
.columns-15,
.columns-16,
.columns-17,
.columns-18,
.columns-19,
.columns-20,
.columns-21,
.columns-22,
.columns-23,
.columns-24,
.columns-25
{
	position: relative;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}