/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
  text-rendering: optimizeLegibility;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*-------------------------------------------
  -GENERIC STYLES
  -SYSTEM MESSAGES & ERRORS
  -LAYOUT
  -HEADER ADS
  -HEADER
  -PAGE BODY
  -SIDE BAR
  -ARTICLES
  -STATIC PAGES
  -FORMS
-------------------------------------------*/
html {background-color: #616161;}
body {
  background: #616161 url(/images/body/gradient-bg.gif) repeat-x;
  text-align: center;
  font: normal 62.5% helvetica, sans-serif;
  color: #333;
  height: 100%;
}

a,
a:link,
a:visited {
  color: #0c5799;
  text-decoration: none;
}

a:hover,
a:active {
  color: #0c5799;
  text-decoration: underline;
}

a:focus {
  outline: 1px dotted #0c5799;
}

a.outLink {
  background: url(/images/icons/outlink.png) no-repeat right 1px;
  padding-right: 15px;
}

h1 {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

label {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #666;
  line-height: 24px;
  cursor: pointer;
}

input.textBox,
select,
textarea {
  border: 1px solid #ccc;
  font-size: 14px;
  font-family: arial, sans-serif;
  color: #333;
  line-height: 16px;
  padding: 2px 0 2px 2px;
}

  input.textBox:focus,
  select:focus,
  textarea:focus {
    border-color: #666;
    color: #333;
  }

input.button,
a.button {
  border: 1px solid #85b4dd;
  background: #ebf4fa url(/images/buttons/gradient-bg.gif) repeat-x;
  text-align: center;
  color: #39709f;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
  padding: 4px 7px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

input.button:hover,
input.button:focus,
a.button:hover,
a.button:focus {
  cursor: pointer;
  outline: none;
  border-color: #39709f;
  text-decoration: none;
}

input.button:active,
a.button:active {
  border-color: #39709f;
  background: #ebf4fa url(/images/buttons/gradient-bg.gif) repeat-x 0 -26px;
}

hr {
  border: 0;
  border-top: 1px dashed #ccc;
  height: 1px;
  margin: 8px 0 16px;
}

.clear {clear: both;}
.hide {display: none;}

/*-------------------------------------------
    SYSTEM MESSAGES & ERRORS
-------------------------------------------*/
#notice {
  width: 100%;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  background: url(/images/body/notice-bg.png) repeat-x left bottom;
  text-align: center;
}

#notice div {
  width: 960px;
  text-align: left;
  padding: 10px 0;
  margin: 0 auto 5px;
  font-size: 20px;
  color: #000;
  background: url(/images/icons/notice-positive.gif) no-repeat 0 12px;
  text-indent: 24px;
}

  #notice.error div {
    background: url(/images/icons/notice-negative.gif) no-repeat 0 12px;
  }

.errorExplanation {
  border: solid 1px #cc0000;
  background-color: #f3c2c2;
  color: #333;
  font-size: 13px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 10px 10px 0 10px;
  margin-bottom: 10px;
}

.errorExplanation p {
  margin: 10px 0;
}

.errorExplanation ul {
  margin: 0 0 10px 20px;
  list-style-type: disc;
}

.fieldWithErrors label {color: #cc0000;}

.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea {
  border: 1px solid #cc0000;
}

div.notice {
  border: solid 1px #edcc65;
  padding: 10px;
  background-color: #fff4c2;
  margin-bottom: 20px;
  color: #333;
  font-size: 13px;
  line-height: 20px;
}

/*-------------------------------------------
    FORMS
-------------------------------------------*/
.noLabel .fieldWithErrors {display:inline;}

.sign-in-label {width:600px; text-align: left;}

ul.formList,
#staticBody ul.formList,
#comments ul.formList {
  width: 640px;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.formList li,
#staticBody ul.formList li,
#comments ul.formList li {
  width: 640px;
  float: left;
  margin: 0 0 8px;
  padding: 0;
}

ul.formList li label {
  width: 200px;
  float: left;
  text-align: right;
}

ul.formList li input,
ul.formList li select,
ul.formList li textarea {
  margin-left: 10px;
  display: inline;
}

  ul.formList li textarea {
    width: 280px;
    height: 65px;
  }

ul.formList li.noLabel input,
ul.formList li.noLabel a
#staticBody ul.formList li.noLabel input,
#staticBody ul.formList li.noLabel a {
  margin-left: 210px;
}

ul.formList li.noLabel label,
#staticBody ul.formList li.noLabel label {
  width: auto;
  float: none;
  text-align: left;
  font-weight: normal;
  font-size: 11px;
  letter-spacing: 0;
}

#staticBody ul.formList li.noLabel label a {
  margin: 0;
}

ul.formList li.noLabel a.fb img {
  vertical-align: bottom;
}

ul.formList li.avatarUpdate {
  margin: 0;
  height: 58px;
}

ul.formList li.avatarUpdate label {
  height: 50px;
  line-height: 50px;
}

ul.formList li.avatarUpdate div {
  margin-left: 210px;
  vertical-align: middle;
}

ul.formList li.avatarUpdate div img,
ul.formList li.avatarUpdate div a {
  margin-right: 10px;
  vertical-align: middle;
}

ul.formList li.avatarUpdate div img {
  padding: 3px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

ul.formList li.avatarUpdate input {
  display: none;
  margin-top: 15px;
}

ul.formList li.updatePassword {
  display: none;
}

/*-------------------------------------------
    SIGN IN/SIGN UP
-------------------------------------------*/
#loginWindow {
  width: 582px;
  float: left;
  overflow: hidden;
}

#loginWindow ul.formList,
#loginWindow ul.formList li {
  width: 582px;
}

.fbConnectButton {
  margin-left: 210px;
  height: 27px;
}
.fbConnectButton a img {
  border: 1px solid #3c5a99;
  float: left;
}
.fbConnectButton a:hover img {border: 1px solid #1e2d4d;}

/*-------------------------------------------
    LAYOUT
-------------------------------------------*/
#bodyFrame {
  width: 1012px;
  margin: 0 auto;
  text-align: left;
}

/*-------------------------------------------
    HEADER/FOOTER ADS
-------------------------------------------*/
#headerAds,
#footerAds {
  width: 1000px;
  height: 104px;
  margin: 0 auto;
  text-align: left;
}

#headerBanner,
#footerBanner {
  float: left;
  width: 728px;
  height: 90px;
}

#headerInternalPromo {
  float: right;
  margin-top: 10px;
}

#footerInternalPromo {
  float: right;
}

/*-------------------------------------------
    HEADER
-------------------------------------------*/
#headerMargins {
  float: left;
  padding: 0 26px 0 6px;
  background: url(/images/header/header-bg.png) no-repeat center 0;
  overflow: hidden;
}

#header {
  width: 980px;
  float: left;
}

#logo {
  float: left;
  margin: 25px 13px 18px 20px;
}

#followUs {
  float: left;
  margin-top: 42px;
  width: 118px;
}

#followUs li {
  float: left;
  margin-right: 4px;
  height: 25px;
}

#followUs li a,
#followUs li a:visited {
  display: block;
  width: 26px;
  height: 25px;
  overflow: hidden;
  text-indent: -999px;
  background: url(/images/header/social-bg.gif) no-repeat;
}

  #followUs li a.rss {
    background-position: 0 0;
  }
  #followUs li a.fb {
    width: 25px;
    background-position: -26px 0;
  }
  #followUs li a.tw {
    background-position: -51px 0;
  }

#followUs li a:active {
  margin-top: 1px;
}

#utilityMenu {
  float: right;
  text-align: right;
  margin: 22px 0 4px 0;
}

#utilityMenu li {
  display: inline;
  padding: 0 9px 0 7px;
  background: url(/images/header/utility-menu-divider.gif) no-repeat right 2px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}

  #utilityMenu li span.fb {
    padding-right: 18px;
    background: url(/images/header/fb-logged-in-icon.gif) no-repeat right 0;
  }

  #utilityMenu li.last-child {
    padding-right: 0;
    background: none;
  }

#utilityMenu li a {
  font-weight: normal;
  color: #90c4e8;
}

#searchForm {
  width: 320px;
  height: 28px;
  float: right;
  clear: right;
}

#searchForm input {
  vertical-align: middle;
  float: right;
}

  #searchForm input.search {
    float: left;
    border: 1px solid #ccc;
    width: 241px;
    font-size: 16px;
    font-weight: bold;
    color: #ccc;
    padding: 3px 0 3px 2px;
  }
  
  #searchForm input.button {
    padding: 5px 0;
    width: 68px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.7);
    text-transform: uppercase;
    border-color: #8b8b8b;
    background: #7a7a7a url(/images/buttons/search-gradient-bg.gif) repeat-x 0 0;
  }
  
  #searchForm input.button:hover {
    border-color: #4b4b4b;
  }
  
  #searchForm input.button:active {
    background: #7a7a7a url(/images/buttons/search-gradient-bg.gif) repeat-x 0 26px;
    border-color: #4b4b4b;
  }
  
  #searchForm input.search:focus {
    border-color: #666;
    color: #666;
  }

#nav {
  width: 1000px;
  height: 32px;
  float: left;
}

#nav li {
  height: 32px;
  float: left;
  overflow: hidden;
}
  #nav li.home {
    width: 133px;
  }
  #nav li.food {
    width: 114px;
  }
  #nav li.money {
    width: 117px;
  }
  #nav li.gadgets {
    width: 141px;
  }
  #nav li.family {
    width: 133px;
  }
  #nav li.relationships {
    width: 105px;
  }
  #nav li.style-grooming {
    width: 104px;
  }
  #nav li.health {
    width: 101px;
  }
  #nav li.blog {
    width: 52px;
  }

#nav li a,
#nav li a:visited,
#nav li a:hover,
#nav li a:active,
#nav li a:focus {
  display: block;
  height: 32px;
  line-height: 32px;
  text-indent: -999px;
  overflow: hidden;
  background: url(/images/header/menu-sprite.png) no-repeat 0 0;
  outline: 0;
}
  /* Standing Positions */
  #nav li.home a {
    background-position: 0 0;
  }
  #nav li.food a {
    background-position: -133px 0;
  }
  #nav li.money a {
    background-position: -247px 0;
  }
  #nav li.gadgets a {
    background-position: -364px 0;
  }
  #nav li.family a {
    background-position: -505px 0;
  }
  #nav li.relationships a {
    background-position: -638px 0;
  }
  #nav li.style-grooming a {
    background-position: -743px 0;
  }
  #nav li.health a {
    background-position: -847px 0;
  }
  #nav li.blog a {
    background-position: -948px 0;
  }
  /* Current Positions */
  #nav li.home.current a {
    background-position: 0 -96px;
  }
  #nav li.food.current a {
    background-position: -133px -96px;
  }
  #nav li.money.current a {
    background-position: -247px -96px;
  }
  #nav li.gadgets.current a {
    background-position: -364px -96px;
  }
  #nav li.family.current a {
    background-position: -505px -96px;
  }
  #nav li.relationships.current a {
    background-position: -638px -96px;
  }
  #nav li.style-grooming.current a {
    background-position: -743px -96px;
  }
  #nav li.health.current a {
    background-position: -847px -96px;
  }
  #nav li.blog.current a {
    background-position: -948px -96px;
  }
  /* :hover & :focus Positions */
  #nav li.home a:hover,
  #nav li.home a:focus,
  #nav li.home a.hover {
    background-position: 0 -32px;
  }
  #nav li.food a:hover,
  #nav li.food a:focus,
  #nav li.food a.hover {
    background-position: -133px -32px;
  }
  #nav li.money a:hover,
  #nav li.money a:focus,
  #nav li.money a.hover {
    background-position: -247px -32px;
  }
  #nav li.gadgets a:hover,
  #nav li.gadgets a:focus,
  #nav li.gadgets a.hover {
    background-position: -364px -32px;
  }
  #nav li.family a:hover,
  #nav li.family a:focus,
  #nav li.family a.hover {
    background-position: -505px -32px;
  }
  #nav li.relationships a:hover,
  #nav li.relationships a:focus,
  #nav li.relationships a.hover {
    background-position: -638px -32px;
  }
  #nav li.style-grooming a:hover,
  #nav li.style-grooming a:focus,
  #nav li.style-grooming a.hover {
    background-position: -743px -32px;
  }
  #nav li.health a:hover,
  #nav li.health a:focus,
  #nav li.health a.hover {
    background-position: -847px -32px;
  }
  #nav li.blog a:hover,
  #nav li.blog a:focus,
  #nav li.blog a.hover {
    background-position: -948px -32px;
  }
  /* :active Positions */
  #nav li.home a:active {
    background-position: 0 -64px;
  }
  #nav li.food a:active {
    background-position: -133px -64px;
  }
  #nav li.money a:active {
    background-position: -247px -64px;
  }
  #nav li.gadgets a:active {
    background-position: -364px -64px;
  }
  #nav li.family a:active {
    background-position: -505px -64px;
  }
  #nav li.relationships a:active {
    background-position: -638px -64px;
  }
  #nav li.style-grooming a:active {
    background-position: -743px -64px;
  }
  #nav li.health a:active {
    background-position: -847px -64px;
  }
  #nav li.blog a:active {
    background-position: -948px -64px;
  }

#nav li ul {
  background: url(/images/header/drop-down-border-bg.png) repeat;
  padding: 0 5px 5px;
  position: absolute;
  z-index: 999;
  display: none;
}

  #nav li.health ul {
    margin-left: -75px;
  }
  #nav li.blog ul {
    margin-left: -125px;
  }

#nav li:hover ul,
#nav li a:focus + ul {
  display: block; /*Accomplished w/ js in inferior browsers*/
}

#nav li ul li {
  float: none;
  padding: 0;
  width: 166px;
  height: auto;
  background: #fff;
}

#nav li ul li a,
#nav li ul li a:visited,
#nav li ul li a:focus,
#nav li ul li a:active,
#nav li ul li a:hover {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 0 9px;
  font-size: 13px;
  line-height: 22px;
  height: auto;
  background: none;
  text-indent: 0;
  background: none;
}

#nav li ul li a:hover {
  border-color: #e6e6e6;
  background-color: #eee;
  text-decoration: none;
}

#nav li ul li a:active {
  background-color: #ddd;
  text-decoration: none;
}

#nav li ul,
#nav li ul li:last-child,
#nav li ul li:last-child a,
#nav li ul li:last-child a:visited,
#nav li ul li:last-child a:hover,
#nav li ul li:last-child a:active {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/*-------------------------------------------
    FOOTER
-------------------------------------------*/
#footerMargins {
  float: left;
  padding: 0 16px 0 26px;
  background: url(/images/footer/footer-bg.png) no-repeat 0 0;
  text-shadow: 0 1px 0 rgba(0,0,0,0.6);
}

#footerMargins div {
  width: 970px;
  height: 52px;
  float: left;
  font-size: 11px;
  line-height: 32px;
}

#footerMargins ul {
  float: right;
}

#footerMargins ul li {
  float: left;
  height: 32px;
  padding-right: 1px;
  background: url(/images/footer/footer-divider.gif) no-repeat right 11px;
}

  #footerMargins ul li.last-child {
    padding-right: 0;
    background: none;
  }

#footerMargins ul li a {
  text-transform: uppercase;
  color: #fff;
  padding: 0 10px;
}

#footerMargins div p {
  float: left;
  color: #fff;
}

#footerMargins div p a,
#footerMargins div p a:visited {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #838383;
}

/*-------------------------------------------
    PAGE BODY
-------------------------------------------*/
#pageBodyMargins {
  padding: 20px 26px 0;
  float: left;
  background: url(/images/body/body-white-bg.png) repeat-y;
}

#pageBody {
  width: 960px;
}

#contentBody {
  width: 640px;
  float: left;
  padding-bottom: 20px;
}

#channelSponsor {
  float: right;
  margin-top: -32px;
  padding-top: 10px;
  background: url(/images/ads/sponsored-by.gif) no-repeat top right;
}

#breadcrumb {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/*-------------------------------------------
    SIDE BAR
-------------------------------------------*/
#sidebar {
  width: 300px;
  float: right;
}

#sidebarAd {
  float: left;
  width: 300px;
  height: 270px;
}

#sidebar .block {
  float: left;
  width: 300px;
  margin-bottom: 20px;
}

#twitterSideBar {
  float: left;
  padding: 13px 236px 13px 19px;
  background: url(/images/sidebar/twitter-bg.png) no-repeat;
  margin-bottom: 20px;
}

#twitterSideBar a {
  width: 45px;
  height: 46px;
  background: url(/images/sidebar/twitter-icon.png) no-repeat;
  display: block;
  text-indent: -999px;
  overflow: hidden;
}

#communityCallout {
  float: left;
  margin-bottom: 20px;
}

/* SIGN UP SIDEBAR */
#sign-up-sidebar {
  float: left;
  width: 300px;
  background: #1e425e url(/images/sidebar/sign-up-header.png) no-repeat 0 0;
  padding-top: 71px;
  margin-bottom: 20px;
  color: #fff;
}

#sign-up-sidebar div {
  float: left;
  background: url(/images/sidebar/sign-up-footer-bg.gif) no-repeat left bottom;
  padding: 0 17px 14px;
}

#sign-up-sidebar ul.formList {
  display: none;
  width: auto;
  padding: 0;
}

#sign-up-sidebar ul.formList li {
  margin: 0 0 8px;
  width: auto;
}

  #sign-up-sidebar ul.formList li.name {
    width: 120px;
    float: left;
  }

  #sign-up-sidebar ul.formList li.noLabel {
    width: 280px;
    margin-bottom: 0;
  }
  
#sign-up-sidebar ul.formList li.noLabel label {
  color: #fff;
}

#sign-up-sidebar ul.formList li.noLabel label a {
  color: #fff;
  text-decoration: underline;
}

#sign-up-sidebar ul.formList li input.textBox {
  margin: 0;
  width: 230px;
}

  #sign-up-sidebar ul.formList li.name input.textBox {
    width: 110px;
  }

#sign-up-sidebar ul.formList li.noLabel input {
  margin-left: 0;
}

#sign-up-sidebar p {
  width: 266px;
}

#sign-up-sidebar a.button {
  float: right;
}
/* BLOG WIDGET */
#recentBlogPosts {
  width: 300px;
  float: left;
  margin-bottom: 20px;
}

#recentBlogPosts h3 {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
  margin: 0 0 10px;
}

#recentBlogPosts h3 a {
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
  padding-left: 17px;
  background: url(/images/body/generic-divider.gif) no-repeat 7px 0;
  vertical-align: middle;
}

#recentBlogPosts div {
  border: 1px solid #c9c9c9;
  background-color: #efefef;
  padding-top: 10px;
}


#recentBlogPosts p {
  margin: 0 10px 10px;
  padding-left: 15px;
  background: url(/images/icons/inlink.gif) no-repeat 0 1px;
  font-size: 11px;
  line-height: 14px;
}

#recentBlogPosts p a {font-weight: bold;}

/* FEATURED CONTRIBUTOR */
#featuredContributors {
  float: left;
}

  #featuredContributors.home {
    width: 640px;
    padding-top: 20px;
  }

  #featuredContributors.sidebar {
    width: 300px;
    margin-bottom: 10px;
    float: left;
  }

#featuredContributors div {
  width: 300px;
  height: 105px;
  float: left;
  overflow: hidden;
}

  #featuredContributors.sidebar div {
    height: auto;
  }

#featuredContributors.home div {
  width: 310px;
}

  #featuredContributors.home div.even {
    float: right;
  }

#featuredContributors h5 {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#featuredContributors.sidebar h5 {
  font-size: 16px;
  width: 300px;
}

#featuredContributors h5 a {
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
  padding-left: 17px;
  background: url(/images/body/generic-divider.gif) no-repeat 7px 0;
  vertical-align: middle;
}

#featuredContributors.sidebar h5 a span {display: none; width: 0;}

#featuredContributors img {
  float: left;
  margin: 0 10px 10px 0;
  padding: 3px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#featuredContributors h3 {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}

#featuredContributors h3 a {
  font-weight: normal;
}

#featuredContributors h4 {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
}

#featuredContributors p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
}

#featuredContributors a {
  font-size: 12px;
  font-weight: bold;
}

/* BLOG ROLL */
#blogRoll {
  float: left;
}

  #blogRoll.body {
    width: 640px;
    border-top: 1px dashed #ccc;
    padding-top: 20px;
  }

  #blogRoll.sidebar {
    width: 300px;
    margin-bottom: 20px;
  }

#blogRoll h5 {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#blogRoll h5 span {
  color: #0c5799;
}

  #blogRoll.sidebar h5 span {
    text-transform: none;
    color: #666;
    font-weight: normal;
    font-size: 15px;
  }

#blogRoll div {
  border: 1px solid #c9c9c9;
  background-color: #efefef;
  padding: 10px 0 5px 0;
  float: left;
}

#blogRoll ul,
#blogRoll ul li {
  float: left;
  margin-bottom: 5px;
}

  #blogRoll.body ul,
  #blogRoll.body ul li {
    width: 319px;
  }

  #blogRoll.sidebar ul,
  #blogRoll.sidebar ul li {
    width: 298px;
  }

#blogRoll ul li {
  margin: 0 0 10px 0;
  line-height: 14px;
}

#blogRoll ul li a {
  background: url(/images/icons/outlink.png) no-repeat 0 0;
  padding: 0 10px 0 15px;
  margin: 0 10px;
  display: block;
  font-weight: bold;
}

#blogRoll p {
  clear: both;
  margin: 0 0 10px 10px;
}

/* Popular Articles Tabs*/
#popularArticles {
  width: 300px;
  float: left;
  margin-bottom: 20px;
}

#popularArticles ul {
  width: 300px;
  float: left;
  background: url(/images/sidebar/popular-border-pixel.gif) repeat-x left bottom;
}

#popularArticles ul li {
  float: left;
  margin-right: 5px;
}

#popularArticles ul li a,
#popularArticles ul li a:visited {
  padding: 6px 10px;
  display: block;
  border: 1px solid #c9c9c9;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  outline: 0
}

#popularArticles ul li a:hover {
  background-color: #eee;
}

#popularArticles ul li a:active {
  background-color: #efefef;
  margin-top: 1px;
  padding-bottom: 5px;
}

#popularArticles ul li.ui-tabs-selected a {
  border-bottom: 1px solid #efefef;
  background-color: #efefef;
}

#popularArticles ul li a span {display: none;}

  #popularArticles ul li.ui-tabs-selected a span {display: inline;}

.ui-tabs-hide {display: none;}

#popularArticles div {
  float: left;
  border: 1px solid #c9c9c9;
  border-top: none;
  background-color: #efefef;
  padding-top: 10px;
}

#popularArticles div h4 {
  margin: 0 10px;
  padding-left: 15px;
  background: url(/images/icons/inlink.gif) no-repeat 0 1px;
  font-size: 11px;
  line-height: 14px;
}

#popularArticles div p {
  margin: 0 10px 10px 25px;
  font-size: 11px;
  line-height: 14px;
}

/* FACEBOOK LIKE BOX */
.facebookLikeBox {
  margin-bottom: 20px;
  border: 1px solid #c9c9c9;
  float: left;
}

.facebookLikeBox iframe {
  border: none;
  overflow: hidden;
  width: 298px;
  height: 57px;
}

/* DIGG WIDGET */
.digg-widget {
  width: 300px;
  float: left;
  margin-bottom: 20px;
}

.digg-widget .digg-widget-head {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
}
.digg-widget .digg-widget-content {
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}

.digg-widget .digg-story {
  border-bottom-color: #f6f6f6 !important;
}

/*-------------------------------------------
    CHANNELS/SECTIONS
-------------------------------------------*/
.featuredArticle {height: 250px;}

.featuredArticle img {display: block;}

.featuredArticle h2,
#homeMainCarousel .featuredArticle h2 {
  margin: 0;
  font-weight: bold;
  text-transform: none;
  line-height: 40px;
  width: 640px;
/*  height: 40px;*/
  position: relative;
  top: -40px;
}

  .featuredArticle h2.standard,
  #homeMainCarousel .featuredArticle h2.standard {
    height: 40px;
  }

  .featuredArticle h2.longTitle,
  #homeMainCarousel .featuredArticle h2.longTitle {
    line-height: 25px;
    height: 60px;
    top: -60px;
  }

.featuredArticle h2 a {
  display: block;
  padding: 0 5px 0 10px;
  color: #fff;
  font-size: 18px;
  text-shadow: 1px 1px 2px #333;
  background-color: rgba(0,0,0,0.4);
}

.featuredArticle h2 a:hover,
.featuredArticle h2 a:focus,
.featuredArticle a:hover + h2 a,
.featuredArticle a:focus + h2 a {
  color: #d9efff;
  text-decoration: none;
  background-color: rgba(0,0,0,0.6);
}

.featuredArticle h2 a.video {
  padding-right: 50px;
  background: rgba(0,0,0,0.4) url(/images/body/featured-title-video-icon.png) no-repeat right -20px;
}

.featuredArticle h2 a.video:hover,
.featuredArticle h2 a.video:focus,
.featuredArticle a:hover + h2 a.video,
.featuredArticle a:focus + h2 a.video {
  background: rgba(0,0,0,0.6) url(/images/body/featured-title-video-icon-over.png) no-repeat right -20px;
}

.featuredArticle h2.longTitle a {
  padding: 0 10px;
  background-position: right top;
  height: 60px;
  line-height: 30px;
}

.featuredArticle h2.longTitle a.video,
.featuredArticle h2.longTitle a.video:hover,
.featuredArticle h2.longTitle a.video:focus,
.featuredArticle a:hover + h2.longTitle a.video,
.featuredArticle a:focus + h2.longTitle a.video {
  background-position: right -10px;
  padding-right: 50px;
}

.pager {
  float: right;
  margin-top: 22px;
  width: 105px;
  text-align: right;
}

.pager a,
.pager a:visited {
  width: 16px;
  height: 16px;
  margin-left: 5px;
  float: left;
  background: url(/images/body/pager-bg.gif) no-repeat 0 0;
  overflow: hidden;
  font-size: 10px;
  line-height: 16px;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  color: #0c5799;
}

.pager a:hover,
.pager a:focus {
  background: url(/images/body/pager-bg.gif) no-repeat -16px 0;
  outline: none;
}

.pager a:active,
.pager a.activeSlide,
.pager a.activeSlide:visited {
  background: url(/images/body/pager-bg.gif) no-repeat -31px 0;
  color: #fff;
  outline: none;
}

#homeFeaturePager.pager {
  height: 16px;
  position: relative;
  padding: 0;
  margin: 0;
  float: none;
  top: 10px;
  left: 525px;
  z-index: 800;
}

#homeFeaturePager.pager a {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,0.8);
  background: url(/images/body/pager-bg-feature.png) no-repeat 0 0;
}

#homeFeaturePager.pager a:hover,
#homeFeaturePager.pager a:focus {
  background: url(/images/body/pager-bg-feature.png) no-repeat -16px 0;
}

#homeFeaturePager.pager a:active,
#homeFeaturePager.pager a.activeSlide,
#homeFeaturePager.pager a.activeSlide:visited {
  background: url(/images/body/pager-bg-feature.png) no-repeat -31px 0;
}

/*-------------------------------------------
    BLOG CHANNEL
-------------------------------------------*/
.blogPostResult {
  width: 640px;
  float: left;
  background-color: #f4f4f4;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 10px;
  font-size: 12px;
}

.blogPostResult h3 {
  font-size: 18px;
  padding: 10px 0;
  background-color: #fff;
}

.blogPostResult div {
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  background-color: #fff;
  line-height: 14px;
  padding: 7px 0;
  margin: 0 0 10px;
}

.blogPostResult div a.commentLink {
  float: right;
  padding: 0 0 0 14px;
  background: url(/images/icons/comment.png) no-repeat 0 1px;
}

.blogPostResult p {
  margin: 0 10px 10px;
}

.blogPostResult p a.more {
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 7px;
  background: url(/images/icons/arrow.gif) no-repeat 0 3px;
}

/*-------------------------------------------
    LATEST CONTENT CAROUSEL MODULE - HOME, CHANNEL
-------------------------------------------*/
.latestContentCarousel {
  width: 640px;
  float: left;
  overflow: hidden;
  border-bottom: 1px dashed #ccc;
}

.latestContentCarousel h2 {
  font-size: 18px;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
  margin: 20px 0 10px 0;
}

.latestContentCarousel h2 a {
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
  padding-left: 17px;
  background: url(/images/body/generic-divider.gif) no-repeat 7px 0;
  vertical-align: middle;
}

.latestContentFrame {
  width: 640px;
  height: 368px;
  overflow: hidden;
}

.latestContentPane {
  width: 640px;
  height: 368px;
}

  .latestContentPane.videos {
    height: 184px;
  }

.latestContentPane div {
  width: 165px;
  height: 184px;
  float: left;
}

  .latestContentPane div.fourthChild {
    width: 145px;
  }

.latestContentPane div img {
  display: block;
  margin-bottom: 10px;
  padding: 3px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.latestContentPane div span.video {
  width: 145px;
  height: 75px;
  display: block;
  position: relative;
  top: -85px;
}

.latestContentPane div span.video a {
  background: url(/images/body/latest-content-video-overlay.png) no-repeat 50px 15px;
  width: 145px;
  height: 75px;
  display: block;
  text-indent: -999px;
}

.latestContentPane div > a:focus +  span.video a,
.latestContentPane div > a:hover +  span.video a,
.latestContentPane div span.video a:focus,
.latestContentPane div span.video a:hover {
  background: url(/images/body/latest-content-video-overlay.png) no-repeat 50px -45px;
  outline: none;
}

.latestContentPane div p {
  font-size: 12px;
  line-height: 14px;
  margin-right: 20px;
}

  .latestContentPane div.fourthChild p {
    margin-right: 0;
  }

  .latestContentPane div p.video {
    margin-top: -75px;
  }

.latestContentPane div p span.summary {
  font-size: 11px;
  color: #333;
}

.latestContentPane div p a,
.latestContentPane div p a:visited {
  font-weight: bold;
}

.latestContentPane div p a span,
.latestContentPane div p a:visited span {
  font-weight: normal;
}

#allArticlesLink {
  width: 640px;
  float: left;
  padding: 10px 0;
  font-size: 12px;
}

#allArticlesLink a {
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 7px;
  background: url(/images/icons/arrow.gif) no-repeat 0 4px;
}

/*-------------------------------------------
    HOME
-------------------------------------------*/
#homeMainCarousel,
#carouselFrame {
  width: 640px;
  height: 250px;
  float: left;
  overflow: hidden;
}

#carouselFrame {
  margin-top: -16px;
}

#homeMainCarousel h2 {
  font-size: 18px;
  line-height: 17px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 5px 0 10px 0;
}

#carouselFrame,
#carouselFrame div.featuredArticle {
  width: 640px;
  height: 260px;
  background-color: #fff;
  overflow: hidden;
}

#homeMainCarousel h1 {
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
  color: #333;
  margin: 0;
}

#homeMainCarousel h1 b {
  font-weight: bold;
}

#homeMainCarousel p {
  line-height: 14px;
}

/*-------------------------------------------
    SEARCH RESULTS
-------------------------------------------*/
#resultsFilter {
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  line-height: 14px;
  padding: 7px 0;
}

#resultsFilter label {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  color: #666;
  line-height: 14px;
  margin-right: 10px;
}

.pagination {
  width: 640px;
  float: left;
  margin: 10px 0;
  font-size: 11px;
}

.pagination a,
.pagination span {
  padding: .2em .5em;
  display: block;
  float: left;
  margin-right: 3px;
}
  .pagination span.disabled {
    color: #999;
    border: 1px solid #ddd;
  }
  .pagination span.current {
    font-weight: bold;
    background: #0c5799;
    color: white;
    border: 1px solid #0c5799;
  }
  
.pagination a {
  text-decoration: none;
  color: #0c5799;
  border: 1px solid #0c5799;
}

.pagination a:hover,
.pagination a:focus {
  color: #666;
  border-color: #666;
}

.pagination .page_info {
  background: #0c5799;
  color: white;
  padding: .4em .6em;
  width: 22em;
  margin-bottom: .3em;
  text-align: center;
}

.pagination .page_info b {
  color: #003;
  background: #6aa6ed;
  padding: .1em .25em;
}

#new-search {
  width: 320px;
  float: left;
  clear: both;
  padding-top: 10px;
}

#new-search p {
  margin: 20px;
}

#new-search input {
  vertical-align: middle;
  float: right;
}

  #new-search input.search {
    float: left;
    border: 1px solid #ccc;
    width: 241px;
    font-size: 16px;
    font-weight: bold;
    color: #ccc;
    padding: 3px 0 3px 3px;
  }
  
  #new-search input.button {
    padding: 5px 0;
    width: 68px;
  }

  #new-search input.search:focus {
    border-color: #666;
    color: #666;
  }

/*-------------------------------------------
    ARTICLE RESULTS
-------------------------------------------*/
.searchResult,
.searchResultNoPic,
.searchResultVideo {
  width: 640px;
  float: left;
  padding: 10px 0;
  border-bottom: 1px dashed #ebebeb;
  font-size: 12px;
}
  .searchResult.odd,
  .searchResultVideo.odd {background-color: #f3f3f3;}

.searchResult img,
.searchResultVideo img {
  float: left;
  margin-left: 10px;
  background-color: #fff;
  padding: 3px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.searchResultVideo span.video {
  width: 145px;
  height: 75px;
  display: block;
  position: relative;
  top: 0;
  left: 10px;
}

.searchResultVideo span.video a {
  background: url(/images/body/latest-content-video-overlay.png) no-repeat 50px 15px;
  width: 145px;
  height: 75px;
  display: block;
  text-indent: -999px;
}

.searchResultVideo > a:focus + span.video a,
.searchResultVideo > a:hover + span.video a,
.searchResultVideo span.video a:focus,
.searchResultVideo span.video a:hover {
  background: url(/images/body/latest-content-video-overlay.png) no-repeat 50px -45px;
  outline: none;
}

.searchResult h3,
.article .searchResult h3,
.searchResultVideo h3,
.article .searchResultVideo h3 {
  margin: 0 10px 0 165px;
  line-height: 15px;
}

.searchResultVideo h3,
.article .searchResultVideo h3 {
  margin-top: -75px;
}

.searchResult p,
.article .searchResult p,
.searchResultVideo p,
.article .searchResultVideo p {
  margin: 0 10px 0 165px;
  line-height: 15px;
}

  .searchResultNoPic h3,
  .article .searchResultNoPic h3,
  .searchResultNoPic p,
  .article .searchResultNoPic p {
    margin-left: 10px;
  }

/*-------------------------------------------
    ARTICLES
-------------------------------------------*/
.article            {font-size: 13px; line-height: 16px;}

.article p,
.article ul,
.article ol,
.article blockquote,
.article table      {margin-bottom: 16px;}
.article h1         {margin-bottom: 0; line-height: 20px;}
.article h2,
.article h3         {font-size: 14px;font-weight: bold; margin-bottom: 8px;}

.article ul {
  margin-left: 20px;
  list-style: disc;
}

  .article ul ol {
    margin: 0 0 0 20px;
    list-style: decimal;
  }

.article ol {
  margin-left: 20px;
  list-style: decimal;
}

  .article ol ul {
    margin: 0 0 0 20px;
    list-style: disc;
  }

.article ul li,
.article ol li {
  margin-bottom: 8px;
}

.article p.articleMeta {
  font-size: 12px;
  margin-bottom: 10px;
}

.article div.disclaimer {
  font-size: 12px;
  margin-bottom: 10px;
  font-style: italic;
}

.article a.commentCountJumpLink {
  background: url(/images/icons/comment.png) no-repeat;
  padding-left: 15px;
}

.article ul.articleFunctions {
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  line-height: 14px;
  padding: 2px 0;
  margin: 0 0 10px;
  list-style-type: none;
  float: left;
  width: 640px;
  font-size: 12px;
}
  .article ul.articleFunctions.footer {
    margin: 0;
  }

.article ul.articleFunctions li {
  float: left;
  margin: 0;
}

  .article ul.articleFunctions li.share {
    float: right;
    width: 80px;
    padding-top: 4px;
  }
  
.article ul.articleFunctions li iframe {
  border: none;
  overflow: hidden;
  width: 520px;
  height: 24px;
  float: left;
}

.article ul.articleFunctions li.share img {
  float: left;
  margin-left: 4px;
}

.article img.featurePhoto {
  display: block;
  margin-bottom: 10px;
  clear: both;
}

.article #featuredContributor {
  float: right;
  margin-left: 10px;
  padding: 10px 10px 5px;
  background-color: #e8e8e8;
}

.article #featuredContributor img {
  display: block;
  margin-bottom: 4px;
  background-color: #fff;
  padding: 3px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.article #featuredContributor a {
  display: block;
  width: 85px;
  font-size: 11px;
}

.article .tags,
.article .relatedArticles {
  width: 640px;
  float: left;
  border-bottom: 1px dashed #ccc;
  line-height: 14px;
  padding: 7px 0;
  font-size: 12px;
}

.article .tags h3,
.article .tags p {
  margin: 0;
  display: inline;
}

.article .hrecipe .fn {
  display: none;
}

/* COMMENTS */
#comments {
  width: 640px;
  float: left;
}

.article #comments h2 {
  margin: 20px 0 10px 0;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

.article #comments h2 span {
  font-weight: normal;
}

.article #comments h3 {
  margin: 0 0 10px;
  padding-left: 150px;
  background: url(/images/users/default-avatar-50.gif) no-repeat 90px 0;
  line-height: 25px;
  font-weight: bold;
  font-size: 19px;
  color: #333;
}

.article #comments h3 span {
  font-weight: normal;
  font-size: 18px;
  color: #666;
  display: block;
}

.article #comments ul.x {
  margin: 0 0 10px;
}

#comments ul.formList li label {
  width: 140px;
}

#comments ul.formList li.noLabel {
  width: 490px;
  float: right;
}

#comments ul.formList li.noLabel input,
#comments ul.formList li.noLabel a {
  margin-left: 0;
  display: inline;
  float: none;
}

#comments ul.formList li.noLabel label {
  font-size: 11px;
}

#comments .comment,
#commentForm {
  width: 640px;
  float: left;
  padding-bottom: 10px;
}

#commentForm {
  padding-bottom: 20px;
}

#comments .comment img,
#commentForm img {
  float: left;
}

#commentForm textarea {
  width: 578px;
  height: 48px;
  float: right;
}

#commentForm input {
  margin: 0 0 0 10px;
  float: left;
}

#commentForm input.button {
  margin: 10px 0 0 60px;
}

#comments .comment div {
  margin-left: 60px;
  padding: 10px;
  background: #e9e9e9 url(/images/articles/comment-shadow-bg.gif) repeat-x;
  font-size: 12px;
  line-height: 16px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#comments .comment div span {
  color: #999;
}

#comments h4 {
  clear: both;
  padding: 10px 10px 10px 60px;
  background-color: #f3f3f3;
}

/* HOW-TO ARTICLES */
.itemsListing {
  border: 1px solid #ccc;
  padding: 9px 9px 5px;
  margin-bottom: 16px;
  font-size: 14px;
}

.article .itemsListing ul {
  list-style-type: square;
  margin-bottom: 0;
}

/* VIDEO ARTICLES */
#flash-content {
  margin-bottom: 16px;
}

.videoScript {
  color: #999;
}

.videoScript p b {
  text-transform: uppercase;
  font-weight: normal;
}

/*-------------------------------------------
    STATIC PAGES
-------------------------------------------*/
#staticBody           {font-size: 13px; line-height: 16px; text-align: left;}
#staticBody h1,
#staticBody p,
#staticBody ul,
#staticBody ol,
#staticBody blockquote,
#staticBody table     {margin-bottom: 16px;}

#staticBody h2,
#staticBody h3        {font-size: 14px; font-weight: bold; margin-bottom: 8px;}
  #cboxContent #staticBody h2 {margin: 0 10px 8px;}

#staticBody ul {
  margin-left: 20px;
  list-style: disc;
}

  #staticBody ul ol {
    margin: 0 0 0 20px;
    list-style: decimal;
  }

#staticBody ol {
  margin-left: 20px;
  list-style: decimal;
}

  #staticBody ol ul {
    margin: 0 0 0 20px;
    list-style: disc;
  }

#staticBody ul li,
#staticBody ol li {
  margin-bottom: 4px;
}

#staticBody blockquote {
  margin: 0 20px 16px˜;
}

/*-------------------------------------------
    PROFILES/BIO PAGE
-------------------------------------------*/
h2.otherHeadline {
  margin: 20px 0 10px 0;
  width: 960px;
  float: left;
  font-size: 14px;
}

.contributorResult {
  width: 640px;
  float: left;
  padding: 10px 0;
  border-bottom: 1px dashed #ebebeb;
  font-size: 12px;
}
  .contributorResult.odd {background-color: #f3f3f3;}

.contributorResult img {
  float: left;
  background-color: #fff;
  margin-left: 10px;
  padding: 3px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.contributorResult h3 {
  margin: 0 10px 5px 105px;
  font-size: 14px;
  line-height: 16px;
}

.contributorResult p {
  margin: 0 10px 0 105px;
  line-height: 16px;
}

  .contributorResult p.nonFeatured {
    margin-left: 10px;
  }

#userProfile {
  width: 640px;
  float: left;
  padding-bottom: 10px;
  font-size: 13px;
}

#userProfile img {
  float: left;
  margin-right: 10px;
  padding: 3px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#userProfile h1 {
  margin-bottom: 5px;
}

#userProfile p {
  line-height: 16px;
}

#contributorInfo {
  width: 640px;
  float: left;
  margin-bottom: 20px;
}

#contributorInfo h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0 5px;
}

#profileLinks {
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  background-color: #f3f3f3;
  width: 640px;
  float: left;
}

#profileLinks li {
  float: left;
  margin: 0 10px;
  font-size: 13px;
  padding: 5px 0;
}

#profileLinks li a {
  line-height: 20px;
  display: block;
  padding-left: 22px;
}

#profileLinks li a.email {
  background: url(/images/profiles/icon-email.gif) no-repeat;
}

#profileLinks li a.twitterHoverCard {
  background: url(/images/profiles/icon-twitter.gif) no-repeat;
}

#profileLinks li a.web {
  background: url(/images/profiles/icon-web.gif) no-repeat;
}

#contributorInfo ul.formList {
  margin: 0;
  border-bottom: 1px dashed #ccc;
  padding: 10px 0;
  display: none;
}

.profileArticleHeading {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

.profileMoreArticles {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
  clear: both;
}

/*-------------------------------------------
    VIDEO SERIES
-------------------------------------------*/
.videoSeriesGroup {
  width: 640px;
  float: left;
  border-top: 1px dashed #cdcdcd;
  border-bottom: 1px dashed #cdcdcd;
  padding: 20px 0;
  margin-bottom: 20px;
  background: #efefef url(/images/body/series-strip-bg.gif) repeat-y 319px 0;
}

.videoSeriesGroup div {
  width: 320px;
  float: left;
}

.videoSeriesGroup div h3 {
  margin: 0 20px 10px;
  font-size: 14px;
  font-weight: bold;
}

.videoSeriesGroup div img {
  margin: 0 20px 10px;
}

.videoSeriesGroup div span {
  width: 145px;
  height: 75px;
  display: block;
  position: relative;
  top: -85px;
  left: 20px;
}

.videoSeriesGroup div span a {
  background: url(/images/body/latest-content-video-overlay.png) no-repeat 50px 15px;
  width: 145px;
  height: 75px;
  display: block;
  text-indent: -999px;
}

.videoSeriesGroup div span a:focus,
.videoSeriesGroup div span a:hover {
  background: url(/images/body/latest-content-video-overlay.png) no-repeat 50px -45px;
  outline: none;
}

.videoSeriesGroup div ul {
  margin: -75px 20px 15px;
}

.videoSeriesGroup div ul li {
  margin-bottom: 10px;
  padding-left: 15px;
  background: url(/images/icons/inlink.gif) no-repeat 0 1px;
  font-size: 11px;
  line-height: 14px;
}

.videoSeriesGroup div p {
  margin: 0 20px;
}

/*-------------------------------------------
    SITE MAP
-------------------------------------------*/
.siteMapGroup {
  width: 640px;
  float: left;
  margin-bottom: 15px;
}

.siteMapGroup div {
  width: 310px;
  float: left;
}

  .siteMapGroup div.even {float: right;}

#staticBody .siteMapGroup div h3 {padding-left: 3px;}

#staticBody .siteMapGroup div ul {
  margin: 0;
  list-style-type: none;
  border-top: 1px dashed #ccc;
  padding-top: 5px;
}

#staticBody .siteMapGroup div ul li {
  float: none;
  height: auto;
  font-size: 13px;
  line-height: 18px;
}

.siteMapGroup div ul li a {
  display: block;
  font-weight: normal;
  padding-left: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

  .siteMapGroup div ul.blogRoll li a {
    background: url(/images/icons/outlink.png) no-repeat 3px 2px;
    padding: 0 10px 0 19px;
  }

.siteMapGroup div ul li a:hover {
  text-decoration: none;
  background-color: #e6e6e6;
}

.siteMapGroup div ul li a span,
.siteMapGroup div ul li a:visited span {
  float: right;
  color: #b5b5b5;
  padding: 0 3px;
  font-size: 12px;
}

.siteMapGroup div ul li a:hover span {
  color: #fff;
  background-color: #0c5799;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/colorbox/overlay.png) 0 0 repeat;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/images/colorbox/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(/images/colorbox/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(/images/colorbox/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/images/colorbox/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(/images/colorbox/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(/images/colorbox/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(/images/colorbox/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(/images/colorbox/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/images/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}