html{color:#333;background:#FFFFFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* Element Defaults
-------------------------------------------------*/
body{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:13px;
  line-height:1.4;
	background:#FFFFFF url(/images/bgbody.png) repeat-x scroll center top;
}
input {padding:1px 0pt;}
h1 {
	font-size:16px;
	font-weight:normal;
	margin:0pt 0pt 4px;
}
h2 {
	font-size:14px;
	font-weight:bold;
}
h3 {
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 6px;
	position:relative;
}
p {margin-bottom:10px;}
a {
	color:#006FBB;
	outline: none;
}
a:hover {
	color:#002E4E;
}
a.delete { color:#FF0033; }
a.delete:hover { color:#CC0029; }
table.padded td {
	padding:2px;
}
ol li {
    /*giving OL's LIs generated numbers*/
    list-style: decimal inside;        
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display:inline-block;}
.clearfix {display: block;}


/* Layout
-------------------------------------------------*/
#wrapper {
  position:relative;
  width:940px;
  margin:0 auto;
}
#nav {
  position:relative;
  background: transparent;
  height:50px;
  padding:0px 30px;
}
#header {
  position:relative;
  padding:0px 30px;
  color:#fff;
  height:34px;
  overflow:hidden;
}
#header h1 {
  margin-top:2px;
  font-size:20px;
  font-weight:bold;
}
#content {
  background: transparent url(/images/bgcontent.png) no-repeat scroll center top;
  padding:10px 30px;
}
table.layout {
  width:100%;
}
table.layout td,table.layout th { vertical-align:top; }
table.layout.two td {
  width:50%;
  padding-right:5px;
}


/* Splash
-------------------------------------------------*/
body.splash, html.splash{ background:#BFC2CF url(/images/bgbody-long.png) repeat-x scroll center top; }
body.splash #header { 
  height:325px; 
  padding-right:433px;
  background: transparent url(/images/bgsplash.png) no-repeat scroll right top;
}
body.splash #header h1 {
  padding:5px 0px;
  font-size:24px;
  font-weight:bold;
}
body.splash #header p {
  font-size:14px;
  color:#ddd;
} 
body.splash #header div.signup {
  width:224px;
  height:42px;
  margin:0px auto;
  margin-top:55px;
}
body.splash #content {
  background:none;
  height:50px;
}

/* Nav bar
-------------------------------------------------*/
#nav h3 {
  color:#38AFFF;
  font-weight:bold;
  font-size:22px;
  padding:9px 0px 0px 0px;
}
#nav h3 a, #nav h3 a:visited, #nav h3 a:active {
  color:#38AFFF;
  text-decoration:none;
}

#nav ul {
  position:absolute;
  top:13px; right:0px;
}
#nav ul li {
  float:left;
}
#nav ul li a {
  display:block;
  float:left;
  font-size:14px;
  font-weight:bold;
  color:#ccc;
  padding:0px 10px;
  text-decoration:none;
  border-bottom:3px solid #151515;
}
#nav ul li a:hover, #header ul li a.selected {
  color:#fff;
  border-bottom:3px solid #FFCC00;
}

/* Content
-------------------------------------------------*/
#content h1 {
  color:#405EA9;
  font-size:19px;
  margin:3px 0px 15px 0px;
}
/* non-migrated from old look&feel
div.blurb {
  float:left;
  margin:0 20px 20px 0;
  width:220px;
}
div.blurb.end { margin-right:0; }
div.blurb h2 {
  color:#3671A1;
  font-size:15px;
  line-height:1.2em;
  margin:0;
  padding:0;
  text-transform:uppercase;
}
div.blurb p {
  font-family:georgia;
  font-size:14px;
  line-height:1.3em;
  margin:0 0 30px;
  color:#445544;
}
*/

/* Forms
-------------------------------------------------*/
ul.form li {
  clear:both;
  display:block;
  padding:6px 5px 9px 9px;
}
ul.form li.submit {
  border-top:1px dotted #CCCCCC;
  margin-top:6px;
  padding-top:15px;
}
ul.form label {
  display:block;
  padding-bottom:3px;
  font-size:16px;
  color:#444;
}
ul.form label em {
  color:#0D5E9B;
  font-weight:bold;
}
ul.form span.req {
  color:red;
  font-weight:bold;
}
ul.form cite {
  color:#444;
  font-size:10px;
  display:block;
}
ul.form input {
  color:#000;
}
ul.form input.big {
  font-size:16px;
  width:99%;
}
ul.form li div.formError {
  border-right:1px solid #660000;border-bottom:1px solid #660000;
  border-left:1px solid #E00000;border-top:1px solid #E00000;
  background-color:#A30000;
  color:#fff;
  padding:0px 2px;
  margin-bottom:2px;
  display:none;
}

#login_form {
  display:block;
  margin:30px auto;
  width:350px;
}

/* About
-------------------------------------------------*/
div#about {
  position:relative;
  padding-right:145px;
}
div#about div.booklink {
  position:absolute;
  top:10px;
  right:10px;
}
div#about ol {
  margin:0px 0px 10px 10px;
}
table.calltoaction {width:100%; margin:15px 0px;}
table.calltoaction td {width:50%; padding:0px 5px; vertical-align:top;}
table.calltoaction td h2 {font-size:120%; font-weight:bold;color:#263C47;}

/* Signup
-------------------------------------------------*/
#signup {
  position:relative;
  padding-right:260px;
  font-size:14px;
}
#signup div.pricing {
  background-color:#FFFFFF;
  position:absolute; top:5px; right:20px;
  font-family:helvetica,arial,sans-serif;
  padding:8px 10px 10px;
  text-align:center;
  width:220px;
}
#signup div.pricing h2 {
  color:#000000;
  font-size:24px;
  font-weight:normal;
  margin:0 0 5px;
  padding:0;
}
#signup div.pricing h3 {
  border-bottom:1px solid #CCCCCC;
  color:#4582B5;
  font-size:16px;
  font-weight:bold;
  margin:0 0 5px;
  padding:0 0 4px;
}
#signup div.pricing strong { color:#C33700 }
#signup_form ul {
  width:450px;
}
#signup_form ul li {
  width:350px;
}
#signedup em { color:#313750; font-weight:normal;}
#content.signedup a {color:#47FF47;}

#signedup {
  width:475px;
  margin:0px auto;
}