/*
Baseline - a designer framework
Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
Mods Copyright (C) 2009 Richard Kershaw, CodaOnline.net for SafeBuy Ltd.
Creative Commons Attribution-Share Alike 3.0 License
*/
/* Page style */
#page					{ margin: 0 auto 36px auto; }
body					{ -webkit-text-stroke: 1px transparent; }
.layout-grid			{ background: url(../../css/background-grid/images/baseline+column.png) repeat 0 1px; }
.hidden { display:none; }

#branding { position:relative; padding:0; margin:10px 0 10px 0; height:98px; background-image:url(/images/header/back.gif); }
#branding .left { position:absolute; width:320px; height:98px; left:0; top:0; background-image:url(/images/header/left.gif); padding:0; }
#branding .right { position:absolute; width:244px; height:98px; right:0; top:0; background-image:url(/images/header/right.gif); padding:0; }
#branding a.home { position:absolute; width:320px; height:98px; left:0; top:0; }

#title { border-bottom:4px solid #6161a8; padding-bottom:15px; margin-bottom:10px; }
#title h1 { padding:0; margin:0; }
#title h3#progress { float:right; margin-top:-22px; }

nav ul					{ text-align: right; }
nav li					{ display: inline; margin-left: 12px; padding-left: 12px; border-left: solid 1px #000; }
nav li:first-child		{ margin-left: 0; padding-left: 0; border: none; }
nav a					{ font-weight: bold; text-decoration: none; }

#main-content { margin-bottom:15px; border-bottom: solid 1px #6161a8; }
div { padding-bottom:0; }
.questions { margin-top:10px; }
.bar { display:block; background-color:#333333; height:16px; margin:0 5px 0 5px; }
.ratingtext { font-size:13px; color:red; }

/* Type */
.white-space			{ margin-left: 0; list-style-type: none; clear: both; }
.space-width			{ font-family: times, "times new roman", serif; line-height: 14px; }
.description			{ display: block; float: left; clear: left; }
.description code		{ color: #999; }
.space-width			{ background: rgba(255, 255, 0, 0.4); }

h1 						{ color: #6161a8; font-family: HelveticaNeue-Light,Helvetica,Arial; font-weight: bold; }
p						{ margin-bottom:5px; }
p + p					{ text-indent:0; }

/* Table */
table code				{ background: rgba(187, 204, 221, 0.3); font-weight: normal; color: #069; margin-left: 18px; padding: 1px 4px; }
table.rankings tr		{ border:none; border-bottom:1px solid #999999; background:none; }
table.rankings td, table.rankings th { border:none; }

/* Grid */
.grid-example			{ background: rgba(187, 204, 221, 0.3); color: #069; }

.grid-example.unitx1, .grid-example.unitx2,
.grid-example.unitx3, .grid-example.unitx4,
.grid-example.unitx5, .grid-example.unitx6,
.grid-example.unitx7	{ margin-bottom: 18px; }

/* Footer elements */
footer { position:relative; height:61px; margin-bottom:10px; background-color:#6A6A88; vertical-align:middle; text-align:right; padding:5px 0 0; }
footer div { padding:0; }
footer .left { position:absolute; left:6px; top:1px; width:150px; height:60px; background-image:url(/images/footer/left.gif); }
footer p { margin:0 10px 0 0; padding:0; color:#B2B2CE; text-align:right; }
footer .siteseal { position:absolute; right:0; top:-110px; }