/*======================================================================
  iAdvertize » site-wide CSS
  © 2009 The WPM Group, LLC
  Bryan Pack
----------------------------------------------------------------------*/
@import url(reset.css);
/*======================================================================
  core layout structure
 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
  +html
    +body
      +div#header
      +div#main
      [ +div.articles
          +div.column-A
          +div.column-B
      ]
      [ +div.features
          +div.content
          +div.sidebar
      ]
      +div#footer
 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
----------------------------------------------------------------------*/

html {
  text-align:   center;
  font:         75%/1.25em 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
  color:        #47484F;
  background:   #FFFFFF url(gfx/body-background.png) fixed;
  padding:      6px 0 36px;
}

body {
  width:        984px; /* [page_width] */
  margin:       0 auto;
  text-align:   left;
  background:   #FFFFFF url(gfx/page-content-body.gif) center top repeat-y;
}

#main {
  padding-bottom: 72px;
  background:     url(gfx/page-footer-top.gif) center bottom no-repeat;
}

#main .articles,
#main .features {
  overflow:     auto;
  padding-top:  36px;
}

#main .articles .column-A,
#main .articles .column-B,
#main .features .content,
#main .features .sidebar {
  display:      inline;
  float:        left;
}

#main .articles {
  background:   url(gfx/body-rule-vert-dotted.gif) center top repeat-y;
}

#main .articles .column-A,
#main .articles .column-B {
  width:        396px;
}
#main .articles .column-A {
  margin-left:  78px;
}
#main .articles .column-B {
  margin-left:  36px;
}

#main .features {
  background:   url(gfx/body-rule-vert-dotted.gif) 342px repeat-y;
}

#main .features .content {
  width:        540px;
  margin-left:  366px;
}
#main .features .sidebar {
  width:        252px;
  margin-left: -828px;
}

#footer {
  overflow:       auto;
  clear:          both;
  background:     #EDF1D5 url(gfx/page-footer-body.gif) center top repeat-y;
}


/*======================================================================
                                                         common layout
------------------------------------------------------------------------
                                         ::  common elements  ::
..............................................................*/

.moniker {
  font-weight:  normal;
  color:        black;
}

.clearfloats {
  clear: both;
}

/*--------------------------------------
    links: regular inline
......................................*/

a {
  text-decoration:  none;
  border-bottom:    1px dotted;
  color:            #2F786E;
}
a:hover {
  border-bottom:    1px solid;
  color:            #913000;
  background-color: #FFEFBF;
}


/*--------------------------------------------------------------
                  ::  principal/primary body copy typography  ::
..............................................................*/
/*--------------------------------------
  basis: print size  == 16 pt
         screen size == 12 pt

body  :  1 em == 12 ÷ 16 = 0.75
h1    : 36 pt ÷  12 =   3      em
h2    : 24 pt ÷  12 =   2      em
h3    : 18 pt ÷  12 =   1.5    em
h4    : 14 pt ÷  12 =   1.1667 em
      :  9 pt ÷  12 =   0.75   em
      :  8 pt ÷  12 =   0.667  em
      :  6 pt ÷  12 =   0.5    em
ref: http://bit.ly/Ygylg
     http://bit.ly/3FZWLA
--------------------------------------*/

.principal-copy p {
  margin:       0.5em 0;
}
.principal-copy p.subhead {
}
.principal-copy p.footnote {
}

.principal-copy h1, .principal-copy h2,
.principal-copy h3, .principal-copy h4,
.principal-copy h5, .principal-copy h6 {
  clear:          both;
  font-family:    Cambria, Georgia, 'Times New Roman', Times, serif;
  font-weight:    normal;
  font-style:     normal;
}

.principal-copy h1 {
  margin:         0 0 0.25em;
  font-size:      3em;
  line-height:    1em;
  color:          #00364C;
}

.principal-copy h2 {
  margin:         0.5em 0 0.25em;
  border-bottom:  1px solid;
  font-size:      2em;
  line-height:    1em;
  color:          #2F786E;
}

.principal-copy h3 {
  margin:         0.75em 0 0.25em;
  font-size:      1.5em;
  line-height:    1em;
  font-weight:    bold;
  color:          #629892;
}

.principal-copy h4 {
  margin:         0.75em 0 0.25em;
  font-size:      1.1667em;
  line-height:    1em;
  font-weight:    bold;
  color:          #757F67;
}

.principal-copy h5 {
  font-weight:    bold;
}

.principal-copy h6 {
  font-style:     italic;
}

.principal-copy hr {
  clear:    both;
  margin:   1em 0;
}

/*--------------------------------------
    images
......................................*/

.principal-copy  img.float-left {
  float:    left;
  margin:   1em 2em 1em 0;
}
.principal-copy  img.float-right {
  float:    right;
  margin:   1em 0 1em 2em;
}

.principal-copy  a img {
  border:   2px solid white;
}
.principal-copy  a:hover img {
  border:   2px solid #BEBDA9;
}

/*--------------------------------------
    list elements
......................................*/

.principal-copy ul {
  margin:       0.25em;
  list-style:   square inside;
}
.principal-copy ol {
  margin:       0.25em;
  list-style:   decimal inside;
}
.principal-copy li {
  margin:       0.25em 0;
}


/*======================================================================
                                                          page: header
------------------------------------------------------------------------
*/


#header .site-identity {
  height:       126px;
  text-indent: -99999px;
  overflow:     hidden;
  background:   url(gfx/page-head-full.gif) no-repeat center top;
}

/*--------------------------------------
    menu (horizontal bar)
......................................*/

#header .site-menu {
  margin:           6px 60px 0 402px;
  border-top:       2px solid #757F67;
  text-align:       right;
}
#header .site-menu li {
  display:          inline;
  padding:          0 1px 0 11px;
  background:       url(gfx/menu-header-bullet.gif) no-repeat center left;
}
#header .site-menu li.page-home {
  padding-left:     0;
  background:       transparent;
}
#header .site-menu a,
#header .site-menu span.current {
  text-decoration:  none;
  color:            #B22E30;
  padding:          1px 3px 2px;
  border-bottom:    2px dotted white;
}
#header .site-menu span.current {
  font-weight:      bold;
  color:            #000000;
  background-color: #DBE2AA;
  border-bottom:    2px solid #757F67;
}
#header .site-menu a:hover {
  color:            #65191A;
  background-color: #F7F3AF;
  border-bottom:    2px dotted #B12D2F;
}


/*======================================================================
                                                         page: sidebar
------------------------------------------------------------------------
*/

.features .sidebar {
}

#page-terms .features .sidebar img {
  display:  block;
  margin:   18px 0 18px auto;
}



/*------------------------------------*/

.features .sidebar .twitter-box ,
.features .sidebar .facebook-box {
  width: 252px;
}

/*===*/

.features .sidebar .twitter-box {
  background:     url(gfx/twitter-side-panel-balloon-body.gif) repeat-y center;
}

.features .sidebar .twitter-box h2 {
  height:         42px;
  text-indent:   -99999px;
  overflow:       hidden;
  background:     url(gfx/twitter-side-panel-balloon-top.gif) no-repeat center top;
}
.features .sidebar .twitter-box ul.updates {
  padding:        0 18px;
}
.features .sidebar .twitter-box ul.updates li {
  padding-bottom: 6px;
  border-bottom:  1px dotted #B12D2F;
  margin-bottom:  6px;
}

.features .sidebar .twitter-box ul.updates li .msg {
}
.features .sidebar .twitter-box ul.updates li .src {
  font-size:      0.75em;
}
.features .sidebar .twitter-box ul.updates li .src a {
  color:          #B12D2F;
}

.features .sidebar .twitter-box p.more {
  font-weight:    bold;
  text-align:     right;
  padding:        0 36px 30px;
  background:     url(gfx/twitter-side-panel-balloon-bottom.gif) no-repeat center bottom;
}

/*===*/

.features .sidebar .facebook-box {
  color:          #FFFFFF;
  background:     #00549E url(gfx/facebook-side-panel-balloon-body.gif) repeat-y center;
}


.features .sidebar .facebook-box h2 {
  height:         42px;
  text-indent:   -99999px;
  overflow:       hidden;
  background:     url(gfx/facebook-side-panel-balloon-top.gif) no-repeat center top;
}

.features .sidebar .facebook-box p {
  font-size:      1.25em;
  line-height:    1.25em;
  text-align:     right;
  padding:        0 18px 30px;
  background:     url(gfx/facebook-side-panel-balloon-bottom.gif) no-repeat center bottom;
}

.features .sidebar .facebook-box a {
  color:          #FFFFFF;
}
.features .sidebar .facebook-box a:hover {
  color:          #00549E;
  background-color: #B7D1E5;
}

/*------------------------------------*/






/*======================================================================
                                                          page: footer
------------------------------------------------------------------------
*/


#footer .content {
  overflow: auto;
}
#footer .content .copyright {
  clear:          both;
  padding:        12px 78px 36px;
  text-align:     right;
  background:     url(gfx/page-footer-bottom.gif) no-repeat center bottom;
}
#footer .content .copyright img.logo {
  margin-left: 1em;
  vertical-align: bottom;
}