/*
Title:    Base styles
Author:    D2 Media, reinvent@d2media.com
Updated:  April 18, 2006
Notes:    April 18, 2006: Added "backup" background image to section title
----------------------------------------------- */


/* =LINKS
----------------------------------------------- */

a:link {
  color: #333;
}
a:visited {
  color: #333;
}
a:hover {
  color: #333;
}
a:active {
  color: #666;
}


/* =ROOT HTML TAGS
----------------------------------------------- */

body {
  background: #777 url(/assets/images/bg.gif);
  padding: 0;
  margin: 0;
}
hr {
  background-color: #789;
  border: 0; /* for Mozilla only */
  clear: both;
  color: #789;
  height: 1px;
}
blockquote {
  background: #EEE;
  border: 1px dotted #CCC;
  margin: 1em 2em !important;
  padding: 1em;
}
blockquote p {
  margin: 0;
}
dt {
  font-weight: bold;
  margin: 1em 0;
}
dd {
  margin: 1em 2em;
}


/* =TABLES
----------------------------------------------- */

table {
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  margin: 0 0 1em 0;
  width: 100%;
}
th, td {
  padding: 5px 10px;
  text-align:left;
  vertical-align:top;
}
th {
  background: #CCC;
  border-bottom: 3px double #FFF;
}
td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}


/* =CONTAINING DIVS
----------------------------------------------- */

#containerOuter {
  background: #FFF;
  margin: 0 auto;
  padding: 0 10px;
  width: 740px;
}
#containerInner {
  background: #FFF url(/assets/images/dotted-line.gif) 530px 0 repeat-y;
  margin: 20px 0 0 0;
}

/* =MAIN DIVS
----------------------------------------------- */

#logo {
  float: left;
  font-size: 2em;
  padding: 20px 0;
}
#search {
  float: right;
  padding: 6px 0 0 0;
}
#navPrimary {
  /*background-color: #E22;*/
  background-color: #004A8A;
  margin: 0;
  padding: 9px 0 8px 0;
}
#sectionTitle {
  background: #BBB url(/assets/images/bg-section-title.png) bottom left no-repeat;
  border-top: 1px solid #FFF;
  clear: both; /* FOR DREAMWEAVER RENDERING */
  height: 80px;
  position: relative;
}
#content {
  float: left;
  margin: 0;
  padding: 0 0 150px 10px;
  width: 500px;
}
#sidebar {
  float: right;
  margin: 0;
  padding: 0 10px 0 0;
  position: relative;
  width: 180px;
  z-index: 5;
}
#footer {
  background: url(/assets/images/footer-stack.jpg) no-repeat;
  clear: both;
  padding: 126px 0 0 0;
  position: relative;
  top: -100px;
  margin: 0;
}

/* =MAIN DIV CONTENT
----------------------------------------------- */

#header img {
  border: 0;
}
#logo a {
  text-decoration: none;
}
#search form {
  margin: 0;
  padding: 0;
}
#search form input {
  vertical-align: middle;
}
#search form #searchInput {
  border: 1px solid #777;
  border-right-color: #BBB;
  border-bottom-color: #BBB;
  color: #999;
  font-size: 1em;
  width: 150px;
}
#search form #searchBtn {
  margin: 0 15px 0 5px;
}
#search p {
  margin: 7px 15px 10px 0;
  text-align: right;
}
#search h2 {
  margin: 0 15px 5px 0;
  text-align: right;
  font-size: 13px;
}
#sectionTitle h1 {
  color: #FFF;
  font-size: 32px;
  position: absolute;
  bottom: 13px;
  left: 20px;
  text-transform: uppercase;
}
#sidebar h2 {
  /*color: #E22;*/
  color: #004A8A;
  font-size: 1.27em;
  margin: 0 0 .3em 0;
  text-transform: uppercase;
}
#footer #copyright {
  /*border-top: 5px solid #E22;*/
  border-top: 5px solid #004A8A;
  color: #999;
  float: left;
  font-size: 1em;
  line-height: normal;
  margin: 0;
  padding: 1px 0 0 0;
  width: 100%;
}
#footer #d2 {
  float: right;
  line-height: normal;
  margin: 0;
  padding: 0;
  position: relative;
  top: -1em;
}
#footer a {
  color: #999;
}


/* =COMPANY PAGES
----------------------------------------------- */

.company dt {
  float: left;
  margin: 0;
  padding: 1.5em 0 0 0;
}
.company dd {
  border-top: 1px solid #DDD;
  margin: 1em 0;
  padding: 1em 0 0 140px;
}


/* =NEWS PAGES
----------------------------------------------- */

.news dt {
  border-top: 1px solid #DDD;
  font-weight: normal;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
}
.news dd {
  margin: 0;
}
.news #aboutRelease,
.news #aboutNXTbook {
  border-top: 1px solid #DDD;
  margin: 2em 0 0 0;
}


/* =NEWSSTAND PAGES
----------------------------------------------- */

.newsstand dl {
  float: left;
  margin: 1em 0;
  padding: 0;
  text-align: center;
  width: 160px;
}
.newsstand dt {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.newsstand dd {
  margin: 0;
}


/* =BLOG PAGES
----------------------------------------------- */

.blog h1 {
  margin: 0;
}
.post .entry IMG { border: 6px solid #FFF; }
.info {
  border-top: 1px solid #DDD;
}
.info a {
  margin: 0 10px 0 0;
  padding: 0 0 0 6px;
}
.info .commentlink {
  background: url(/assets/images/icons/icon-comment.gif) 0 50% no-repeat;
  margin: 0 10px 0 0;
  padding: 0 0 0 13px;
}
.info em {
  background: url(/assets/images/icons/icon-document.gif) 0 50% no-repeat;
  padding: 0 0 0 13px;
  font-style: normal;
}
#comments {
  border-top: 1px solid #DDD;
}
#comments h2 {
  font-size: 1em;
}
#comments h2 a {
  margin: 0 0 0 5px;
  padding: 0 0 0 7px;
}
#comments h2 .commentlink {
  background: url(/assets/images/icons/icon-comment.gif) 0 50% no-repeat;
  margin: 0 0 0 5px;
  padding: 0 0 0 15px;
}
#comments dt {
  background: #EEE;
  margin: 1em 0 0 0;
  padding: 1em 1em 0 1em;
}
#comments dt .commentNumber {
  background: url(/assets/images/icons/icon-comment.gif) 0 50% no-repeat;
  padding: 0 0 0 13px;
  text-decoration: none;
}
#comments dt em {
  font-weight: normal;
}
#comments dd {
  background: #EEE;
  margin: 0;
  padding: 1em;
}
#comments dd p {
  margin: 0;
  padding: 0;
}
.feed {
  background: url(/assets/images/icons/feed.gif) 0 50% no-repeat;
  padding: 0 0 0 20px;
}


/* =SAMPLES PAGES
----------------------------------------------- */

.samples dl {
  float: left;
  margin: 1em 0;
  padding: 0;
  text-align: center;
  width: 240px;
}
.samples dt {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.samples dd {
  line-height: normal;
  margin: .5em;
}
.samples #content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.samples #content li {
  float: left;
  margin: 0;
  padding: 0 10px 25px 0;
}


/* =HOME PAGE
----------------------------------------------- */

#mainFeature {
  clear: both; /* FOR DREAMWEAVER RENDERING */
  height: 128px;
}
#news {
  float: right;
  margin: 0;
  padding: 0 10px 0 0;
  position: relative;
  width: 180px;
  z-index: 5;
}
#news h2 {
  font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
  margin: 1em 0 0 0;
}
#news p {
  margin: 0;
}

/* =CLASSES
----------------------------------------------- */

.clear {
  clear: both;
}
.floatLeft {
  float: left;
  margin: 0 10px 10px 0;
}
.floatRight {
  float: right;
  margin: 0 0 10px 10px;
}
.hide {
  display: none;
}
.indent {
  margin-left: 2em;
}


/* =CLEARFIX
   by Tony Aslett
   http://www.positioniseverything.net/easyclearing.html
   IE7 fix found here
   http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
----------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
  display: inline-block; /* FOR IE7 */
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display:block;
}
/* End hide from IE-mac */



/* addtions for the admin UI */

#adminContainerInner {
  margin: 20px 0 0 0;
}

#adminFooter {
  clear: both;
  position: relative;
  margin: 0;
}

.arrow_link {
  border: 0;
}

#addl_info {
  display: none;
}

/* =Nxt-Text
----------------------------------------------- */

label
{
float: left;
margin-right: 0.5em;
display: block;
/*width: 4em;
text-align: right;
*/
}

.submit
{
display: block;
margin-left: 5.5em;
} 

<!-- 

.submit input
{
margin-left: 4.5em;
}

fieldset
{
border: 2px solid #ccc;
background: #d7e4ef;
width: 180px;
position: relative;
margin-top:1em;
padding-top:.75em;
}

legend
{
color: #fff;
font-size:13px;
background: #004a8a;
border: 1px solid #ccc;
padding: 2px 6px;
position:absolute;
top: -.9em;
left: .5em;
} 

.space
{
margin-top:1em;
color: #000;
font-weight:bold;
background: #ffa20f;
border: 2px outset #d7b9c9;
}

.protect
{
	visibility:hidden;
	display:none;
}
