/* Copyright (C) 2008 Crush & Lovely */

/* Boxes */

div.box {
  background: #fff;
  padding: 16px 24px 24px 24px;
  margin-bottom: 6px;
}

div.green {
  background: #104255;
  color: #fff;
}

/* Two column box */

div#left_column {
  float: left;
  width: 605px;
}

div#right_column {
  float: right;
  width: 339px;
}

h3 { left: -24px; }
h3.fancy { left: -35px; }

div#right_column h3 {
  width: 259px;
  background: url(../images/content/h3_narrow.gif) 0 0 no-repeat;
}

div#right_column div.green h3 {
  background: #165f7a url(../images/content/h3_green.gif) right top no-repeat;
  padding: 11px 30px 12px 24px;
  color: #fff;
  width: 245px;
  position: relative;
}

div#right_column div.green h3, x:-moz-any-link, x:default { padding: 14px 30px 9px 24px; }

div#right_column div.green h3, x:-moz-any-link { padding: 14px 30px 9px 24px; }

div#right_column div.green h3 span.insightnumber {
  display: block;
  position: absolute;
  font-family: "Georgia", serif;
  top: 11px;
  right: 21px;
  color: #fff;
}

div#right_column h4 { padding-top: 18px; }

div#right_column h4 a {
  color: #0785bb;
  text-decoration: none;
}

div#right_column h4 a:hover { text-decoration: underline; }

div#right_column h6 {
  clear: both;
  margin-bottom: 12px;
}

div#right_column h6 a {
  font-size: 17px;
  height: 17px;
  background: url(../images/content/h6_green.gif) 0 0 no-repeat;
  padding: 7px 20px 7px 0;
  line-height: 1em;
  display: block;
  width: 240px;
  text-decoration: none;
  color: #fff;
  margin-bottom: 6px;
  font-weight: normal;
  position: relative;
  left: -24px;
}

div#right_column h6 a, x:-moz-any-link, x:default { padding: 8px 20px 6px 0; }

div#right_column h6 a, x:-moz-any-link { padding: 8px 20px 6px 0; }

div#right_column h6 a span {
  color: #90e6fc;
  text-transform: uppercase;
  font-weight: bold;
  width: 62px;
  padding-left: 24px;
  float: left;
  display: block;
  text-align: left;
}

div#right_column h6 a:hover {
  color: #90e6fc;
  text-decoration: none;
  background-position: 0 -31px;
}

div#right_column p {
  font-size: 11px;
  line-height: 1.5em;
  padding-bottom: .75em;
}

div#right_column div.green p.more {
  clear: both;
  color: #fff;
  font-size: 12px;
}

div#right_column div.green p.more img {
  border: none;
  left: 0;
}

div#right_column div p.issue_byline {
  margin-bottom: 24px;
  width: 228px;
  float: right;
  line-height: 1.35em;
  font-size: 12px;
  color: #f4f9fb;
}

div#right_column div p.issue_byline span {
  color: #90e6fc;
  font-weight: bold;
}

div#right_column div p.issue_byline span.dark {
  color: #071d26;
  font-weight: normal;
}

div#right_column div p.issue_byline span.line {
  display: block;
  color: #809da8;
  font-weight: normal;
  padding-bottom: 4px;
}

div#right_column div.green img {
  float: left;
  padding: 0;
  margin-bottom: 24px;
  border: #5998b1 3px solid;
  width: 52px;
  position: relative;
  left: -8px;
}

/* Copyright (C) 2008 Crush & Lovely */

div#left_column form { padding-top: 2px; }

div#left_column form textarea, div#left_column form input, form#sign_up input {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  color: #3e535c;
}

div#left_column form textarea {
  width: 306px;
  height: 163px;
  padding: 6px;
  background: url(../images/form/textarea.gif) 0 0 no-repeat;
  line-height: 1.5em;
  resize: none;
  float: left;
}

div#left_column form textarea:hover,
div#left_column form textarea:focus { background-position: 0 -175px; }

div#left_column form input,
form#sign_up input {
  line-height: 1em;
  height: 15px;
  padding: 9px 7px 5px 7px;
}

div#left_column form label,
form#sign_up label {
  color: #0071a0;
  font-size: 12px;
  line-height: 1em;
  display: block;
  margin-bottom: 5px;
}

div#left_column form button,
form#sign_up button {
  clear: both;
  height: 42px;
  margin-top: 0;
  text-indent: -9999em;
  position: relative;
  left: -4px;
  background: url(../images/form/submit.gif) 0 0 no-repeat;
  width: 112px;
  cursor: pointer;
}

form#sign_up button {
  position: relative;
  left: 6px;
}

div#left_column form button:hover, form#sign_up button:hover, form#sign_up a:hover { background-position: 0 -42px; }

div#left_column form button:active, form#sign_up button:active, form#sign_up a:active { background-position: 0 0; }

form div.errorExplanation h2, div#left_column form h4 {
  font-size: 14px;
  line-height: 1em;
  padding-bottom: .5em;
  font-weight: normal;
}

form div.errorExplanation {
  color: #fff;
  background: #8a0000;
  padding: 12px;
  margin-bottom: 20px;
}

form div.errorExplanation h2 {
  font-weight: normal;
  color: #fff;
}

form div.errorExplanation p { color: #fff; }

form div.errorExplanation ul {
  color: #fff;
  list-style-type: disc;
  margin-left: 18px;
}

form div.errorExplanation ul li {
  margin: 0;
  padding-bottom: .5em;
  font-size: 12px;
}

div#left_column form div.form_right {
  float: right;
  width: 215px;
}

div#left_column form div.form_right div { padding-bottom: 12px; }

div#left_column form div.form_right div#name input {
  width: 201px;
  background: url(../images/form/name.gif) 0 0 no-repeat;
}

div#left_column form div.form_right div#age input {
  width: 90px;
  background: url(../images/form/age.gif) 0 0 no-repeat;
}

div#left_column form div.form_right div#name input:hover,
div#left_column form div.form_right div#name input:focus,
div#left_column form div.form_right div#age input:hover,
div#left_column form div.form_right div#age input:focus,
form#sign_up input:hover,
form#sign_up input:focus { background-position: 0 -29px; }

form#sign_up input {
  width: 277px;
  margin-bottom: 12px;
  background: url(../images/form/email.gif) 0 0 no-repeat;
}

form#sign_up a {
  width: 177px;
  height: 42px;
  background: url(../images/form/subscribe.gif) 0 0 no-repeat;
  text-indent: -9999em;
  display: block;
  float: left;
  position: relative;
  left: -4px;
}

form#sign_up p {
  font-size: 12px;
  padding-bottom: 1.5em;
}

/* Copyright (C) 2008 Crush & Lovely */

#response_filters,
#response_filters h4 {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  color: #a6abad;
  margin-bottom: 18px;
}

#response_filters h4,
div#left_column #response_filters li {
  float: left;
  padding: 0 12px 0 0;
  line-height: 1em;
}

#response_filters li a {
  color: #0071a0;
  text-decoration: none;
}

#response_filters li a:hover { text-decoration: underline; }
#response_filters li.active a { color: #ba0000; }

#response_filters p#entry_info {
  clear: both;
  text-transform: none;
  font-weight: normal;
}

div#response_wrap { clear: both; }

div.response { margin-bottom: 20px; }

div.response div.wrapper {
  padding: 14px 14px 0 14px;
  border-bottom: #e1e6e8 solid 1px;
  background: #f4f6f7;
  float: left;
  width: 529px;
}

div.response div p {
  font-size: 15px;
  line-height: 1.35em;
  padding: 0 0 1em 0;
  margin: 0;
}

div.response span {
  display: block;
  color: #0071a0;
  font-size: 10px;
  text-align: right;
  padding-top: 8px;
  line-height: 10px;
  clear: both;
}

div.response span span {
  display: inline;
  text-transform: uppercase;
  color: #0c2c39;
}

div.response span a {
  color: #0071a0;
  text-decoration: none;
}

div.response span a:hover { text-decoration: underline; }

/* Social Networking */

div.response div.wrapper object,
img.twitter_profile_pic,
img.flickr_photo {
  float: left;
  margin: 0 14px 16px 0;
}

img.twitter_profile_pic,
img.flickr_photo { border: 3px #e1e6e8 solid; }

/* Pagination */

.pagination {
  text-align: center;
  color: #0071a0;
  font-size: 14px;
  padding-top: 18px;
}

.pagination a {
  padding: 6px 8px;
  color: #0071a0;
  text-decoration: none;
}

.pagination a:hover, .pagination a:hover {
  background: #f4f6f7;
  border-bottom: #e1e6e8 solid 1px;
}

.pagination span.current {
  padding: 6px 8px;
  color: #ba0000;
  font-weight: bold;
}

.pagination a.next_page, .pagination a.prev_page {
  background: #f4f6f7;
  text-transform: lowercase;
  border-bottom: #e1e6e8 solid 1px;
}

.pagination a.next_page:hover, .pagination a.prev_page:hover {
  background: #e1e6e8;
  border-color: #d1dadd;
}

.pagination .disabled { display: none; }

/* Copyright (C) 2008 Crush & Lovely */

div#links_box {
  background: #e8edef;
  padding: 15px 0 15px 15px;
}

/* External Call to Action buttons */

div#links_box ul li {
  float: left;
  margin-right: 9px;
  margin-bottom: 6px;
  width: 150px;
  height: 59px;
  background: url(/images/links/li.gif) 0 0 no-repeat;
}

div#links_box ul li a {
  width: 150px;
  height: 59px;
  text-indent: -9999em;
  display: block;
  background-position: center 0;
  background-repeat: no-repeat;
}

div#links_box ul li:hover { background-position: 0 -59px; }
div#links_box ul li a:hover { background-position: center -59px; }

div#links_box ul li:active { background-position: 0 0; }
div#links_box ul li a:active { background-position: center 0; }

div#links_box ul li#facebook a { background-image: url(/images/links/facebook.gif); }
div#links_box ul li#twitter a { background-image: url(/images/links/twitter.gif); }
div#links_box ul li#flickr a { background-image: url(/images/links/flickr.gif); }
div#links_box ul li#virb a { background-image: url(/images/links/virb.gif); }
div#links_box ul li#vimeo a { background-image: url(/images/links/vimeo.gif); }
div#links_box ul li#youtube a { background-image: url(/images/links/youtube.gif); }

div#links_box p {
  clear: both;
  width: 309px;
  padding-top: 8px;
  padding-bottom: 0;
}

/* Copyright (C) 2008 Crush & Lovely */

ul#insights li {
  color: #cfdbe0;
  line-height: 1.5em;
  font-size: 12px;
}

div#insight_controls {
  margin-top: 12px;
  height: 16px;
  position: relative;
}

div#insight_controls a {
  width: 46px;
  height: 16px;
  text-indent: -9999em;
  display: block;
  position: absolute;
  top: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
}

div#insight_controls a:hover { background-position: 0 -16px; }

div#insight_controls a#next_insight {
  background-image: url(/images/content/next_insight.gif);
  left: 56px;
}

div#insight_controls a#prev_insight {
  background-image: url(/images/content/prev_insight.gif);
  left: 0;
}