dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; margin: 0;}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


img, a img {
  border: none;
}

/* @group Typography */

body {
	font-family: helvetica, arial, helvetica, sans-serif;
		/*font-size: 0.8125em;  13px (0.8125 times browser default of 16px) */
	font-size: 75%;
		/*line-height: 1.231em;  16px (1.231 times font size of 13px) */
	line-height: 1.5em; /* 18px ... breaks the grid, but makes single-A accessibility */
}

h1 { 
		/* font-size: 2.462em;  32px (2.462 times body font size of 13px) */
	font-size: 3em;  /* 30px (2.5 times body font size of 12px)
		/* line-height: 1.25em; 40px (1.25 times font size of 32px) */
	line-height: 1.333em; /* 40px (1.333 times font size of 30px)
	clear: both; /* clears breadcrumbs */
}

h2 {
		/* font-size: 1.615em;  21px (1.615 times body font size of 13px) */
	font-size: 1.5em;  /* 21px (1.75 times body font size of 12px)
		/* line-height: 1.143em; 24px (1.143 times font size of 21px) */
	line-height: 1.143em; /* 24px (1.143 times font size of 21px) */
}

h3 { 
		/* font-size: 1.308em; 17px (1.308 times body font size of 13px) */
	font-size: 1.16em; /* 18px (1.5 times body font size of 12px) */
		/* 2line-height: 1.412em; 4px (1.412 times font size of 17px) */
	line-height: 1.333em; /* 24px (1.333 times font size of 18px) */
}

h1,h2,h3,h4,h5,h6,h7,h8,h9 { 
	font-weight: bold;
	margin-bottom: 0.25em;
}

p, ul, ol, dl, blockquote, table {
	margin-bottom: 1.333em; /* 16px */
}
/* @end */



/* @group Highlighted Boxes */

.highlighted_box {
	clear: both;
	margin: 0 0 1.333em 0;
	padding: 0.626em 8px;
	background-color: #eee;
	color: #000;
}

.highlighted_box h1,
.highlighted_box h2, 
.highlighted_box h3, 
.highlighted_box h4  {
	/*color: #006990;*/
}

/* @end */

/* @group Blockquote */

/* @end */

/* @group Download lists */

ul.download_list {
	list-style: none;
	list-style-image: none;
	line-height: 2em; /* 24px */

}

ul.download_list li {
}

#container a.download_pdf,
#container a.download_txt,
#container a.download_doc {
	padding: 2px 0 2px 29px;
	border: 0;
	text-decoration: underline;
}

#container a.download_pdf {
	background-image: url(../../images/icon_pdf.gif);
	background-repeat: no-repeat;
}

#container a.download_txt {
	background-image: url(../../images/icon_txt.gif);
	background-repeat: no-repeat;
}

#container a.download_doc {
	background-image: url(../../images/icon_doc.gif);
	background-repeat: no-repeat;
}

/* @end */

/* @group Tables */

table.full_width {
	width: 100%;
}

caption {
	padding: 0.626em 0;
}

table th,
table td {
	padding: 0.626em 8px;
	vertical-align: top;
}

#container table th {
/* EDIT: colors */
	background: #000;
	color: #fff;
}

#container table td {
	background: #ddd;
}

/* @end */

/* @group Bulleted lists */

ul {
	list-style-position: outside;
	margin-left: 16px;
}

/* @end */

/* @group Definition Lists */

#container dl {
	
}

#container dt {
	font-weight: bold;
}
#container dd {
	
}

/* @end */



/* @group Breadcrumbs */

.breadcrumb {
	
}

.breadcrumb strong {
	
	
}

.breadcrumb span {
	
}

.breadcrumb em {
	
}

.breadcrumb a:link, .breadcrumb a:visited {
  
}

.breadcrumb a:hover {
  
}

/* @end */


/* @group Header */

#header {
  position: relative; /* for absolutely positioning the search form */

}

.noshow {
	text-indent: -3000em;
	height: 1px;
	display: block;
	width: 1px;
	position: absolute;
}

#skip-nav a {
	text-indent: -3000em;
	height: 1px;
	display: block;
	width: 1px;
	position: absolute;
}

#skip-nav a:focus,
#skip-nav a:hover,
#skip-nav a:active {
	z-index: 2;
	color: #fff;
	width: 910px;
	font-weight: bold;
	padding: 0.8em 10px;
	text-indent: 0;
	height: auto;
	background: #000 url('/images/blackTexture.jpg') top left no-repeat;
	left: 0; 
	top: 105px;
}

/* 
#search-theme-form = standard and drupal 5 markup
#block-search-0 = drupal 6 theme
*/

#search-theme-form,
#block-search-0 { 
	position: absolute;
  top: 12px;
  right: 0;
    
}

#block-search-0 h2 {
	display: none;
}

#block-search-0 * {
	display: inline;
}

#search-theme-form label {
	
}

#search-terms {
	
}


/* @end */

/* @group CSS Support */

span.clear     { clear: both; display: block; font-size: 0; height: 1px; line-height: 0; margin-bottom: -1px; }
.clear         { clear: both; }
.clear-block   { display: block; }
.float-left    { float: left; }
.float-right   { float: right; }
.nopadding     { padding: 0 }
.noindent      { margin-left: 0; padding-left: 0 }
.nobullet      { list-style: none; list-style-image: none; }

.clearfix:after  {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* @end */

html, body {
	margin: 0;
  padding: 0;
}

/* @group Centre layout */

body {
	text-align:center;
}

div#wrapper {
	text-align:left;
	margin:0 auto;
}
/* @end */

/* @group Grid - columns */


#wrapper {
  width: 930px;
}

#container {
  float:left;
	width:100%;
}

/* @group 1 column */

body.no-sidebars #content {
	width: 930px;
}

body.no-sidebars div#content-inner {
	margin: 0 0 16px 0;
}

/* @end */

/* @group 3 columns */
body.sidebars div#content,
body.two-sidebars div#content {
	margin: 0 345px;
}

body.sidebars div#content-inner,
body.two-sidebars div#content-inner {
	margin: 0 0 16px 0;
}

body.sidebars div#col1,
body.two-sidebars div#col1 {
	float:left;
	width:345px;
	margin-left:-930px;
}

body.sidebars div#col2,
body.two-sidebars div#col2 {
	float:left;
	width: 345px;
	margin-left:-345px;
}

body.sidebars div#col1 div.sidebar-inner,
body.two-sidebars div#col1 div.sidebar-inner {
	margin-left: 0px;
	margin-right: 0px;
}

body.sidebars div#col2 div.sidebar-inner,
body.two-sidebars div#col2 div.sidebar-inner  {
	margin-left: 0px;
	margin-right: 0px;
}


/* @end */

/* @group 2 columns - sidebar-left  */

body.sidebar-left div#content {
	margin: 0 0 0 345px;
}

body.sidebar-left div#content-inner {
	margin: 0 0 16px 0;
}

body.sidebar-left div#col1 {
	float:left;
	width:345px;
	margin-left:-930px;
}

body.sidebar-left div#col1 div.sidebar-inner {
	margin-left: 0px;
	margin-right: 0px;
}


/* @end */

/* @group 2 columns - sidebar-right */

body.sidebar-right div#content {
	margin: 0 348px 0 0;
	background-image: url(/images/column-border.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

body.sidebar-right div#content-inner {
	margin: 0 12px 16px 8px;
}

body.sidebar-right div#col2 {
	float:left;
	width: 348px;
	margin-left:-348px;
}

body.sidebar-right div#col2 div.sidebar-inner {
	margin-left: 12px;
	margin-right: 0px;
}

/* @end */


/* @end */


/* @group Forms */

fieldset,
div.fieldset {
	border: 1px solid black;
	padding: 8px 0 0 1% /*P*/;
	width: 98%;
	margin-bottom: 16px;
}

fieldset {
	position: relative;
}

legend {
	font-weight: bold;
	font-size: 1.308em; 
	color: #000;
}

.formRow,
.formRowRadio,
.formRowCheckbox {
	margin-bottom: 13px;
	padding-top: 4px;
	padding-bottom: 9px;
	background-color: transparent;
	background-image: none;
	position: relative;
	clear: both;
	width: 98%;
}


.formRow label,
span.pseudo-label {
	font-weight: bold;
	display: block;
	float: left;
	width: 31%;
	padding-right: 2%;
	background-color: transparent;
	font-size: 116%; /* 14px */ 
	text-align: right;
}

/* @group Checkbox and Radio rows */

.formRowRadio .verticalContainer label,
.formRowCheckbox .verticalContainer label  { /* labels for vertically aligned radio buttons and checkboxes */
	display: block;
	float: none;
	padding-left: 20px;
	position: relative;
	width: auto;
	margin-bottom: 4px;
	font-size: 1em;
}

.formRowRadio .verticalContainer input,
.formRowCheckbox .verticalContainer input {  /* vertically aligned radio buttons and checkboxes */
	position: absolute;
	left: 0;
}

.formRow .frFieldContainer,
.formRowRadio .frFieldContainer,
.formRowCheckbox .frFieldContainer  {
	float: left;
	width: 66%;
}

/* @end */

.formRow .frFieldContainer input.full {
	width: 98%;
}

.formRow .frFieldContainer textarea {
	width: 98%;
}

.formRow .frFieldContainer input.small {
	width: 40%;
}


.formRow .frFieldContainer input.medium {
	width: 60%;
}

.formRow .frFieldContainer input.x-small {
	width: 2em;
}

.frFinal { /* submit button */
	padding-top: 9px;
	position: relative;
	margin: 0;
}

.frFinal input {
}


.frFinal p {
	
}

.frFinal p span {
	display: block;
	float: left;
	width: 30%; 
	padding-right: 3%;
	text-align: right;
}

.formRow label.above-field {	
	position: absolute;
	top: -1.1em;
	text-align: left;
	font-size: 1em;
	color: #333;
	font-weight: normal;
}

span.above-field {
	display: block;
	float: left;
	width: 31%;
	padding-right: 2%;
	background-color: transparent;
	position: absolute;
	top: -1.1em;
	font-size: 1em;
	color: #333;
}

.frNoMargin { margin-bottom: 0; }

/* @group Date fields */

.frDateField {}
.frDateField .frFieldContainer div {
	float: left;
	margin-right: 9px;
}

.frDateField .frFieldContainer input.frDfD,
.frDateField .frFieldContainer input.frDfM { width: 2em; }
.frDateField .frFieldContainer input.frDfY { width: 3em; }

.frDateField label.above-field {
	margin-left: 0.4em;
}

/* @end */

/* @group Double Fields */


.frDoubleField .frFieldContainer div {
	float: left;
	margin-right: 1%;
	width: 48%;
}

.frDoubleField .frFieldContainer div label {
	width: 40%;
	padding-right: 6%;
}

.frDoubleField .frFieldContainer div input.small {
	width: 47%;
}
/* @end */


/* @group Form errors */


.form-error {
	border: 2px solid red;
	margin-bottom: 16px;
	color: red;
	float: left;
}

.form-error label {
	color: red;
}
p.error, ul.error {
	color: red;
}
p.error {
	margin-bottom: 0;
}

.form-error ul, .form-error p {
	margin-bottom: 4px;
	float: left;

}

.form-error p  {
	padding: 4px;
}

/* @end */

/* @end */

body {
	background: #EEE url('/images/siteBg-tile.png') top left repeat;
}

#footnotes_debug { 
  position: absolute; 
  left: 15%;
}

#logo-holder {
	width: 233px;
	height: 88px;
	margin: 15px 0 15px 0;
}

.formRow:after,
.frFinal:after  {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#wrapper {
	
}

a:link,
a:visited,
a:hover,
a:active
 {
	color: #3a781a;
}

a:focus { color: #FFF; background: #3a781a; }
#navigation ul a { color: #469020; }
#navigation ul a:focus,
#logo-holder a:focus,
#view-older-articles:focus,
#driver-contributors-do-it .header a:focus {
	background: transparent;
	outline: 1px dotted #469020;
}


a:active {
	
}

h1 {
	margin-bottom: 0.25em;
	text-transform: uppercase;
}

strong.big { font-size: 1.2em; }

ol { list-style: decimal outside; margin-left: 2em; }
ol.lcalpha { list-style: lower-alpha outside; margin-left: 2em; }
ol.ucalpha { list-style: upper-alpha outside; margin-left: 2em; }
ol.lcroman { list-style: lower-roman outside; margin-left: 2em; }
ol.ucroman { list-style: upper-roman outside; margin-left: 2em; }
ol.lcgreek { list-style: lower-greek outside; margin-left: 2em; }
ol.ucgreek { list-style: upper-greek outside; margin-left: 2em; }

.img-border-228 {
	background-image: url(/images/img-border-228.jpg);
	background-repeat: no-repeat;
	padding: 6px;
}

.img-border-104 {
	background-image: url(/images/img-border-104.jpg);
	background-repeat: no-repeat;
	padding: 6px;
}

.img-border-80 {
	background-image: url(/images/img-border-80.jpg);
	background-repeat: no-repeat;
	padding: 6px;
}

.sir { position: relative; overflow: hidden; display: block; }
	.sir span { display: block; position: absolute; top: 0; left: 0; z-index: 50; }
	a.sir span { cursor: pointer; }

p.indent {
	/* used to indent submit image buttons */
	padding-left: 184px;
}

p.indent-small {
	/* used to indent submit image buttons */
	padding-left: 109px;
}

.note {
	display: block;
}
.small-note {
	font-size: 0.9em;
}

.invisible {
	visibility: hidden;
}

#flash_notice, #flash_error { margin-bottom: 1.33em; }

#flash_notice, #flash_profile { color: #FFF; font-weight: bold; border: 2px solid #3a781a; background: #3a781a; padding: 0.5em; line-height: 1em; }
#flash_error { color: #C90000; font-weight: bold; border: 2px solid #C90000; background: transparent; padding: 0.5em; line-height: 1em; }

/* @group Search */

#search-theme-form {
	margin: 0;
	width: 247px;
	padding: 6px 0 8px 8px;
	background-image: url(/images/bg-search.gif);
	background-repeat: no-repeat;
}

#search-theme-form #search {
	width: 147px;
	margin: 0 3px 0 0;
	padding: 2px;
	border: 1px solid #ccc;
}

#search-theme-form #search-submit {
	/*margin-bottom: -5px;*/
	position: absolute;
}

/* @end */

/* @group Font variants */

#status,
.breadcrumb,
#footer,
.article-nav,
.filter-nav,
body.articles #content-inner h2,
body.article-list #content-inner h2,
div.pager,
#home-drivers h3,
.spotlight .more,
body.article h2,
body.article h3,
p.add-comment,
.article-author-info a,
body.people #content h3,
.person h4 a,
body.profile h3,
body.profile #profile #profile-content #profile-latest-article .content,
#user_comments p.small a,
.author,
body.people h2 {
	font-family: Georgia, Times, serif;
	text-transform: uppercase;
}

body.article h2,
body.article h3,
body.people #content h3,
body.profile h3,
#home-drivers h3,
body.people h2 {
	font-weight: normal;
}

.breadcrumb,
.article-nav,
.filter-nav,
body.articles #content-inner h2,
body.article-list #content-inner h2,
#home-drivers h3,
.spotlight .more,
.article-author-info a,
.person h4 a,
#navigation p,
body.profile h3,
.author {
	font-size: 1.166em; /* 14px */
}

body.people #content-inner h2 {
	font-size: 1.75em;
}
/* @end */

/* @group Navigation */

#navigation {
	border-top: 2px solid black;
	background-image: url(/images/bg-nav.gif);
	background-position: 0% 100%;
	background-repeat: repeat-x;
	padding: 7px 0 6px 0;
	margin: 0 0 12px 0;
	height: 1%;
	text-transform: uppercase;
}

#navigation ul {
	margin: 0;
	float: left;
	font-size: 1.75em;
}

#navigation li {
	display: inline;
	margin-right: 1.1em;
	letter-spacing: -0.05em;
}

#navigation li a {
	text-decoration: none;
}

#navigation li a.current {
	color: #000;
}

#navigation p {
	float: right;
	margin: 0;
}

/* @end */


.breadcrumb em {
	font-style: normal;
}

/* @group Article List */

body.articles .article-row {
	padding-left: 116px;
	position: relative;
	width: 444px;
	background-image: url(/images/because-logo-small.gif);
	background-repeat: no-repeat;
	background-position: 73px 0px;
	padding-top: 7px;
}

body.articles .article-row-full { height: auto !important; height: 110px; min-height: 110px; }
body.articles .article-row-normal { height: auto !important; height: 80px; min-height: 80px; }

.article-row img {
	position: absolute;
	left: 0;
	top: 0;
}

.article-row img.img-border-80 {
	left: 24px;
}

#view-older-articles {
	display: block;
	margin: 32px 0 16px 116px;
	width: 211px;
}

/* @end */

.posted {
	font-style: italic;
}

.element {
	margin-bottom: 22px;
}

#main-link {
	width: 928px;
	height: 396px;
	position: relative;
}

#main-link span {
	background-image: url(/images/home-main.jpg);
	position: absolute;
	width: 100%;
	height: 100%;
}

.article-snippet {
	margin-bottom: 20px;
}

#home-driver-1 .article-snippet .posted {
	margin-bottom: 0.2em;
}

/* @group Home drivers */

#home-drivers {
	background-image: url(/images/bg-nav.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	padding-top: 16px;
	margin-top: 16px;
}

body.home-return #home-drivers {
	background-image: none;
	padding-top: 12px;
	margin-top: 4px;
}

#home-drivers h2 {
	font-size: 2em;
	text-transform: uppercase;
}

#home-drivers h3 {
	margin-bottom: 0.25em;
}

.home-driver {
	float: left;
	background-image: url(/images/column-border.gif);
	background-position: 0% 0%;
	background-repeat: repeat-y;
}

/* @group Home driver 1 - latest articles */

#home-driver-1 {
	margin-left: 0px;
	padding-left: 12px;
	padding-right: 2px;
	width: 206px;
	background: none;
}

body.home-return #home-driver-1 {
	padding-left: 8px;
	padding-right: 2px;
	width: 214px;
}

#home-driver-1 p {
	margin-bottom: 0.5em;
}

#home-driver-1 img {
	z-index: -200;
}

/* @end */

/* @group Home driver 2 - Latest members */

#home-driver-2 {
	margin-left: 11px;
	padding-left: 12px;
	width: 213px;
}

body.home-return #home-driver-2 {
	margin-left: 8px;
	padding-left: 12px;
	width: 212px;
}

.speech-bubble {
	width: 184px;
	padding-top: 16px;
	position: relative;
	margin-left: 29px;
	margin-top: -37px;
	z-index: 200;
	background-image: url(/images/quote.gif);
	background-repeat: no-repeat;
}

.speech-bubble-inner {
	background-color: #fff;
	padding: 8px;
}

/* @end */

/* @group Home driver 3 - Join and Spotlight */

#home-driver-3 {
	margin-left: 7px;
	padding-left: 9px;
	padding-right: 4px;
	width: 216px;
}

#driver-join-because {
	margin-left: 7px;
	padding-left: 9px;
	padding-right: 4px;
	width: 216px;
}
	#driver-join-because h2,
	#driver-join-because h2 span { height: 56px; width: 216px; background: url('/images/home/join-because.png') top left no-repeat; }
	
	#driver-join-because ul { list-style: none outside; margin: 0 0 1em 8px; padding: 0; }
	#driver-join-because ul li { margin: 0 0 0.5em 0; padding: 0 0 0 10px; background: url('/images/home/bullet.png') 0 0.3em no-repeat; font-size: 1.5em; text-transform: uppercase; }
	
	#driver-join-because .footer a,
	#driver-join-because .footer span { height: 32px; width: 216px; background: url('/images/home/find-out-more.png') top left no-repeat; }

body.home-return #home-driver-3 {
	margin-left: 8px;
	padding-left: 8px;
	padding-right: 0px;
	width: 220px;
}

#driver-contributors-do-it { background: url('/images/whitebox-bottom.png') bottom left no-repeat; width: 212px; margin: 0 0 1em 7px; }
	#driver-contributors-do-it .header { 
		background: url('/images/whitebox-top.png') top left no-repeat; 
		text-align: left; 
		position: relative; 
		padding: 10px 10px 10px 96px;
		width: 108px;
	}
	
	#driver-contributors-do-it h2,
	#driver-contributors-do-it h2 span { height: 75px; width: 108px; background: url('/images/home/contributors-do-it.png') top left no-repeat; }
	
	#driver-contributors-do-it .header a.sir { 
		position: absolute; 
		top:      -5px;
		left:     -6px;
		height:   64px;
		width:    64px;
		padding:  16px;
	}
	#driver-contributors-do-it .header a.sir span {
		height: 96px;
		width: 96px;
		background: url('/images/home/join-in.png') top left no-repeat;
	}
	
	#driver-contributors-do-it .content { padding: 0 10px; }
		#driver-contributors-do-it .content ul { list-style: none outside; margin: 0 0 1em 0; padding: 0; }
		#driver-contributors-do-it .content ul li { margin: 0 0 0.5em 0; padding: 0 0 0 10px; background: url('/images/home/bullet.png') 0 0.3em no-repeat; font-size: 1.5em; text-transform: uppercase; }

	#driver-contributors-do-it .footer { padding: 10px; padding-top: 0; }
		#driver-contributors-do-it .footer a.sir,
		#driver-contributors-do-it .footer a.sir span { height: 32px; width: 192px; background: url('/images/home/email-the-editor.jpg') top left no-repeat; }

.spotlight {
	background-image: url(/images/whitebox-bottom.png);
	background-position: 7px 100%;
	background-repeat: no-repeat;
	padding: 0 0 14px 0;
}

body.home-contributor .spotlight {
	margin-top: 0;
}

.spotlight-inner {
	background-image: url(/images/industry-spotlight.jpg);
	background-repeat: no-repeat;
	padding: 82px 9px 0 17px;
}

.spotlight p {
	margin: 0.25em 0 0 0;
}

/* @end */

/* @group Home driver 4 - Twitter */

#home-driver-4 {
	margin-left: 3px;
	padding-left: 8px;
	width: 220px;
}
#home-driver-4 h2 a { color: #000 !important; text-decoration: none; }

body.home-return  #home-driver-4 {
	margin-left: 8px;
	padding-left: 8px;
	width: 220px;
}

#home-driver-4-inner {
	background-image: url(/images/twitter.gif);
	background-position: 180px 0;
	background-repeat: no-repeat;
	padding-right: 40px;
}

#home-driver-4 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#home-driver-4 li {
	margin-bottom: 1em;
}

#home-driver-4 li span {
	font-style: italic;
	display: block;
	margin-top: 0.25em;
}

/* @end */

p.contributor-welcome {
	background: #fff;
	margin: 1em 2px 1em 0;
	padding: 8px 10px;
	border: 1px solid #ccc;
	font-size: 1.16em;
	line-height: 0.9em;
}

span.introduction {
	font-weight:bold;
}

span.prompt {
	
}

/* @end */

/* @group Pagination */

div.pager {
	margin-top: 48px;
}

div.pager a {
	display: block;
	float: left;
	margin-right: 8px;
}

div.pager span {
	display: block;
	float: left;
	margin-right: 8px;
}

div.pagination .disabled {
  display:none;
}

div.pagination .current {
  display:block;
  margin-top:3px;
  padding: 5px 8px;
  background-color: #000;
  color: #FFF;
}

div.pager a {
	display: block;
	padding: 5px 8px;
	margin-top: 3px;
}

div.pager a {
	color: #fff;
	background: #469020;
	text-decoration: none;
	font-weight: bold;
}


div.pager a.next_page {
	height: 24px;
	width: 71px;
	padding: 9px 0 0 8px;
	background: url(/images/btn-next.gif);
	background-repeat: no-repeat;
	font-size: 1.7em;
	margin-top: 0;
}

div.pager a.prev_page {
	height: 24px;
	width: 49px;
	padding: 9px 0 0 28px;
	background: url(/images/btn-previous.gif);
	background-repeat: no-repeat;
	font-size: 1.7em;
	margin-top: 0;
}



/* @end */



/* @group Sidebar headings */

.sidebar h2 {
	font-size: 2em;
	text-transform: uppercase;
}


/* @end */

/* @group Sidebar article lists and filter lists */

ul.article-nav,
ul.filter-nav {
	list-style: none;
	margin: 0 0 32px 0;
}


ul.article-nav li,
ul.filter-nav li {
	margin: 0.5em 0;
}

/* @end */

/* @group Footer */

#footer {
	background: transparent url('/images/siteBg-footer.png') bottom left repeat-x;
	height: 90px;
	position: relative;
	width: 100%; 
}

#footer a { color: #FFF; }
#footer a:focus { background: #FFF; color: #000; }

#footer-inner {
	background: #000;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%; 
}

#footer-inner-two {
	text-align:left;
	margin:0 auto;
	width: 930px;
	padding: 8px 0;
	position: relative;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	margin: 0;
	padding: 0;
	display: inline;
	padding-left: 8px;
	border-left: 1px solid #fff;
	margin-right: 8px;
}

#footer li.first {
	border: 0;
	padding-left: 0;
}

#footer li.rss a {
	padding-left: 14px;
	background: url('../../images/icons/rss.gif') 0 0.2em no-repeat;
}

#footer li.last {
    border: 0;
    padding: 0; 
	position: absolute;
	right: 0;
	bottom: 0;
}

/* @end */

/* @group Article Page */

#comment-region {
	background-image: url(/images/bg-nav.gif);
	background-repeat: repeat-x;
	padding: 18px 0 8px 0;
	position: relative;
	margin-top: 26px;
}

#comment-region h2 {
	font-size: 2em;
}

#comment-confirmation { font-size: 1.2em; }

p.add-comment {
	background-image: url(/images/comment-bg.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	display: inline;
	padding: 7px 8px 23px 8px;
}

#comment-region p.add-comment {
	position: absolute;
	top: 9px;
	right: 0;
}

p.add-comment a {
	color: #fff;
	font-weight: bold;
}
p.add-comment a:focus { background: #FFF; color: #3a781a; }

.comment-list {
	list-style: none;
	margin: 24px 0 16px 0;
	padding: 0;
	border-bottom: 1px solid #000;
}

.comment-list li {
	padding-left: 116px;
	position: relative;
	width: 444px;
	min-height: 112px;
}

.comment-list p { clear: both; }
.comment-list p.posted { float: left; clear: none; }
.comment-list p.abuse { float: right; clear: none; margin-top: -0.1em; }

.comment-list img {
	position: absolute;
	left: 0;
	top: 0;
}

#comment-form,
#new_comment {
	margin-top: 8px;
	position: relative;
}

#comment-form .formRow label,
#new_comment .formRow label {
	width: 105px;
}

#comment-region .frFinal,
#new_comment .frFinal {
	padding-left: 115px;
}

.author-details {
	margin-bottom: 36px;
}

span.article-author {
	display: block;
	font-weight: bold;
	font-size: 2em;
	margin-bottom: 0.25em;
	text-transform: uppercase;
}

span.article-author-info {
	display: block;
	float: right;
	width: 225px;
}

span.article-author-info a,
span.article-author-info span {
	margin-bottom: 0.25em;
}

span.article-author-info span {
	display: block;
}

.author-details img {
	float: left;
}


/* @end */


/* @group People */

body.people div#content {
	margin: 0 148px 0 0 !important;
}

body.people div#col2 {
	width: 148px !important;
	margin-left:-148px !important;
}

#letter-filter {
	border-top: 1px solid black;
	margin-top: 0;
	padding: 0.75em 0;
}

#letter-filter p {
	display: inline;
	font-weight: bold;
}

#letter-filter ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}

#letter-filter li {
	display: inline;
	padding-left: 0.5em;
	margin-left: 0.5em;
	border-left: 1px solid #000;
}

#letter-filter li.first {
	border-left: 0;
}

body.people #content-inner h2 {
	border-top: 1px solid black;
	margin-top: 0;
	padding-top: 1em;
}


body.people #content h3 {
	font-size: 2em;
}

/* @group People List */

body.people .person {
	padding: 16px 8px 0 124px;
	position: relative;
	width: 444px;
	background-image: url(/images/because-logo-small.gif);
	background-repeat: no-repeat;
	background-position: 73px 0px;
	height: auto !important;
	height: 104px;
	min-height: 104px;
	margin-bottom: 8px;
}

body.people .person img {
	position: absolute;
	left: 8px;
	top: 8px;
}

body.people .person img.img-border-80 {
	left: 24px;
}

body.people .member {
	background: #efefef;
	border: 1px solid #ccc;
}

body.people .contributor {
	background: #fff;
	border: 1px solid #ccc;
}


/* @end */

/* @end */


/* @group Edit profile */

#bio_word_count {
	text-align: right;
	float: right;
	display: none;
}

#delete-file {
	padding-left: 180px;
	padding-top: 2px;
}

#delete-file label {
	font-weight: normal;
	font-size: 1em;
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
	text-align: left;
	display: inline;
}

body.profile-edit {}
    body.profile-edit fieldset { border: 0; padding: 1em 0 0 0; margin: 0 0 1em 0; border-bottom: 1px solid #ccc; }
    body.profile-edit legend { margin: 0 0 1em 0; padding: 0; float: none; display: block; }

    body.profile-edit #fieldset_you { padding: 0; }
    
    body.profile-edit #content .formRow {}
    body.profile-edit #content .formRow label,
    body.profile-edit #content .formRow span.pseudo-label { width: 125px; }
    
    body.profile-edit .sidebar { margin-top: 3.2em; }
    body.profile-edit .sidebar fieldset { border: 0; margin-bottom: 3em; }
    body.profile-edit .sidebar legend { text-transform: none; padding: 0; }
    body.profile-edit .sidebar .formRow { margin: 0; padding: 0 0 0.5em 0; font-size: 0.91em; }
    body.profile-edit .sidebar .formRow label { width: 5em; text-align: left; }
    body.profile-edit .sidebar .formRow .frFieldContainer { width: 230px; }
    body.profile-edit .sidebar form p.indent { padding: 0 0 0 6.2em; }
    
    body.profile-edit .sidebar #fieldset-newsletter label { float: none; width: auto; font-weight: normal; }
    body.profile-edit .sidebar #fieldset-newsletter p { margin: 0 0 0.5em 1.5em; }
    body.profile-edit .sidebar p.flash { font-weight: bold; color: #3a781a; }
    
    body.change-password #content .formRow { margin: 0; }
    body.change-password p.indent { padding: 0 0 0 135px; }

/* @end */

#signup-terms .verticalContainer span {
	display: block;
	float: none;
	padding-left: 20px;
	position: relative;
	width: auto;
	margin-bottom: 4px;
}

#signup-terms .verticalContainer label {
	display: inline;
	float: none;
	padding-left: 0px;
	position: static;
	width: auto;
	margin-bottom: 0px;
}

#signup-terms label {
	
}

#signup-terms span {
	
}

/* @group Login */

#email-link {
	display: inline;
}

/* @end */


/* @group user profile */
body.profile {}
body.profile h1 { float: right; width: 678px; text-align: left; }
body.profile h2 { font-size: 2em; text-transform: uppercase; }
body.profile #profile-pic { float: left; width: 228px; }
    body.profile #profile-pic p { padding: 0 8px; }
	body.profile #profile-pic img.profilePic { margin-bottom: 1em; }
body.profile #profile-content { width: 678px; margin-left: 252px; clear: right; }
    body.profile #profile-content .profile-box { width: 331px; float: left; margin: 1em 16px 0 0; }
    body.profile #profile-content .pb-two { margin-right: 0; }
    
    body.profile #profile-content .profile-box blockquote { float: none; clear: none; width: auto; margin: 0 0 1em 0; padding: 0; background: transparent none; }
    
    body.profile #profile-content .profile-box ul { list-style: none outside; margin: 0; padding: 0 ; }
        body.profile #profile-content .profile-box ul li { margin: 0 0 1em 0; padding: 0; }


/* @end */

.errorExplanation, .fieldWithErrors, .error { color: #cd0000; }

.formRowRadio .verticalContainer div.fieldWithErrors,
.formRowCheckbox .verticalContainer div.fieldWithErrors { /* autogenerated code is Nasty™ */
	display: inline;
	margin: 0;
	padding: 0;
}

#user_comments { list-style: none outside; margin: 16px 0; }
#user_comments li { margin-bottom: 2em; padding: 0; }
	#user_comments blockquote {
		float: none; 
		width: auto; 
		margin: 0; 
		padding: 1em 1em 1px 1em; 
		background: url('/images/comment_bubble-top.png') top left no-repeat;
	}
	#user_comments p.small {
		margin: 0;
		padding: 13px 0 10px 40px;
		background: url('/images/comment_bubble-bottom2.png') top left no-repeat;
	}
	#user_comments p.small span {
	display: block;
}

.author {
	display: block;
}
	
body.category-list {}
body.category-list ul.categories { list-style: none outside; margin: 0; padding: 0; }
body.category-list ul.categories li { list-style: none outside; margin: 0 0 2em 0; padding: 0; }
body.category-list ul.categories h2 { text-transform: uppercase; }
body.category-list ul.categories p { margin-bottom: 0.5em; }
body.category-list ul.categories p.meta { margin: 0; font-style: italic; }

/* article edit form */
form.edit_article .formRow { width: 562px; }
form.edit_article label,
form.edit_article .pseudoLabel { width: 100px; padding-right: 8px; }
form.edit_article .frFieldContainer { width: 454px; }

#article-body p.intro { font-family: Georgia, Times, serif; text-transform: uppercase; }
#article-body div.imgBox {
    margin: 0 0 1.333em 0;
    width: 563px;
    text-align: center;
}
    #article-body div.imgBox img { 
        border: 4px solid #FFF;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
        margin: 0; 
    }
    
    #article-body div.imgBox p.caption { font-style: italic; line-height: 1em; margin: 0.5em 0 0 0; }

#article-body div.ibLeft { text-align: left; float: left; clear: left; width: 270px; margin-right: 1em; }
#article-body div.ibRight { text-align: right; float: right; clear: right; width: 270px; margin-left: 1em; }

#article-body blockquote { margin: 0 2em 1.5em 2em; padding: 0.5em 1em; background: #EEE; clear: both; }
#article-body blockquote.mono { font-family: Courier, 'Courier New', monospace; } 
#article-body blockquote p.none { margin-bottom: 0; }
#article-body blockquote.pullLeft { float: left; width: 270px; clear: left; margin-right: 1em; }
#article-body blockquote.pullRight { float: right; width: 270px; clear: right; margin-left: 1em; }

/* social bookmarks */
div.socialMedia {}
    div.socialMedia p { margin: 0; }
    div.socialMedia ul { list-style: none outside; padding: 0; margin: 0; }
    div.socialMedia li { background: transparent none; padding: 0; margin: 0 2em 1em 0; float: left; }
        div.socialMedia li a {
            display: block;
            height: auto !important;
            height: 16px;
            min-height: 16px;
            padding-left: 20px;
            text-decoration: none;
            float: left;
            color: #000;
        }
        div.socialMedia li a:hover { text-decoration: underline; }
        
        div.socialMedia li.smFacebook  a { background: url('/images/icons/facebook.png') left center no-repeat; }
        div.socialMedia li.smDelicious a { background: url('/images/icons/delicious.png') left center no-repeat; }
        div.socialMedia li.smDigg      a { background: url('/images/icons/digg.png') left center no-repeat; }
        div.socialMedia li.smTwitter   a { background: url('/images/icons/twitter.png') left center no-repeat; }
        div.socialMedia li.smSlashdot  a { background: url('/images/icons/slashdot.png') left center no-repeat; }
        div.socialMedia li.smLinkedIn  a { background: url('/images/icons/linkedin.png') left center no-repeat; }

/* tag auto-suggest */
#popular-tags { position: relative; }
#popular-tags ul {
    margin: 0 0 0 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
}

/* die, WYSIWYG, die */
.rte-toolbar ul li a.disable,
.rte-toolbar ul li a.enable { display: none; }

/* pop-up */
#pubhelp h2 { margin-bottom: 1.5em; }
.popup-window {
    background: #FFF;
    padding: 1em;
    position: absolute;
    width: 600px;
    height: auto !important;
    height: 400px;
    max-height: 400px;
    overflow: auto;
    display: none; 
    z-index: 999;

    /* dear browser manufacturers: I think we've agreed this stuff is cool, can we do away with the prefixes already? */
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
    .popup-window p.noMargin { margin: 0; }
    
.popup-background {
    z-index: 998;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    height: 0;
    width: 0;
}

/* random drivers */
.drvFindOutMore, .drvFindOutMore span { height: 32px; width: 216px; background: url('/images/home/find-out-more.png') top left no-repeat; }
.drvSignUpNow, .drvSignUpNow span { height: 32px; width: 216px; background: url('/images/sign-up-now.png') top left no-repeat; }

#driver-whats-in-it-for-me { background: url('/images/whitebox288-bottom.png') bottom left no-repeat; width: 288px; margin: 0 0 1em 7px; }
	#driver-whats-in-it-for-me h2 { 
		position: absolute; 
		top:      -5px;
		left:     -6px;
		height:   61px;
		width:    61px;
		padding:  30px;
		font-size: 1em;
	}
	#driver-whats-in-it-for-me h2 span {
		height: 121px;
		width: 121px;
		background: url('/images/whats-in-it-for-me.png') top left no-repeat;
	}
	
	#driver-whats-in-it-for-me .content { 
	    padding: 32px 10px 10px 128px;
	    background: url('/images/whitebox288-top.png') top left no-repeat; 
		text-align: left; 
		position: relative;
	    height: auto !important;
	    height: 96px;
	    min-height: 96px;
	}
		#driver-whats-in-it-for-me .content ul { list-style: none outside; margin: 0 0 1em 0; padding: 0; }
		#driver-whats-in-it-for-me .content ul li { margin: 0 0 0.2em 0; padding: 0; font-size: 1.5em; text-transform: uppercase; }

	#driver-whats-in-it-for-me .footer { padding: 10px; padding-top: 0; }
		#driver-whats-in-it-for-me .footer a.sir,
		#driver-whats-in-it-for-me .footer a.sir span { height: 32px; width: 265px; background: url('/images/join-big.png') top left no-repeat; }