/* Theme Name: CP(UK)
 * Description: WordPress theme for Careers Partnership (UK).
 * Version: 1.0
 * Author: Rob Barrett
 * Author URI: http://www.rob-barrett.com */
body {
  background-color: #f4f1de;
  font: 62.5% Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5em; }

#page {
  background-color: #003366;
  width: 770px;
  border: solid 1px #003366; }

#header {
  overflow: hidden; }
  #header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html #header {
    height: 1%; }
  #header h1 {
    background: url(images/logo.gif) no-repeat top right;
    height: 50px; }
    #header h1 a {
      text-indent: -999em;
      display: block;
      width: 298px;
      height: 33px;
      float: right;
      margin-top: 10px;
      margin-left: 462px; }
  #header #nav {
    max-width: 610px;
    float: right;
    margin-top: -2px;
    margin-right: 8px; }
    #header #nav:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    * html #header #nav {
      height: 1%; }
    #header #nav li {
      font-size: 1.1em;
      font-weight: bold;
      float: left;
      margin-top: 2px;
      margin-right: 2px; }
      #header #nav li a {
        color: #FFF;
        text-decoration: none;
        background-color: #8b9bcc;
        white-space: nowrap;
        display: block;
        padding: 3px 6px;
        -moz-border-radius-topleft: 5px;
        -khtml-border-top-left-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-radius-topright: 5px;
        -khtml-border-top-right-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px; }
        #header #nav li a:hover {
          text-decoration: underline; }

#container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
* html #container {
  height: 1%; }

#content {
  background-color: #f4f1de;
  width: 590px;
  min-height: 30em;
  float: right;
  padding: 20px;
  -moz-border-radius-topleft: 10px;
  -khtml-border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px; }
  #content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html #content {
    height: 1%; }
  #content *:first-child {
    margin-top: 0; }
  #content h1, #content h2, #content h3 {
    line-height: 1.5em; }
  #content h1 {
    font-size: 2em;
    color: #ff6600;
    margin-top: 1em; }
  #container #content h2 {
    color: #FFF;
    background-color: #336699;
    font-size: 1.4em;
    padding: 5px;
    margin-top: 1.429em; }
    #container #content h2 a {
      color: #FFF;
      text-decoration: underline; }
      #container #content h2 a:hover {
        text-decoration: none; }
  #container #content h3 {
    font-size: 1.3em;
    margin-top: 1.538em; }
  #content p, #content li {
    font-size: 1.1em;
    line-height: 1.5em; }
  #content p, #content ul, #content ol {
    margin-top: 1.818em; }
  #content p.breadcrumb {
    color: #666;
    margin-top: 0; }
    #content p.breadcrumb a {
      color: #666;
      text-decoration: underline; }
      #content p.breadcrumb a:hover {
        text-decoration: none; }
  #content ul {
    margin-left: 15px; }
    #content ul li {
      padding-left: 10px;
      list-style: disc; }
      #content ul li:first-child {
        margin-top: 0; }
    #content ul ul {
      margin-top: 0.909em; }
  #content ol {
    padding: 0;
    margin-left: 19px; }
    #content ol li {
      list-style: decimal; }
      #content ol li:first-child {
        margin-top: 0; }
    #content ol ol {
      margin-top: 0.909em; }
    #content ol.commentlist {
      margin-left: 0; }
      #content ol.commentlist li.comment {
        background-color: #beceff;
        padding: 5px 10px;
        margin-left: 0;
        list-style: none; }
        #content ol.commentlist li.comment.post-author-comment {
          background-color: #9cacdd; }
          #content ol.commentlist li.comment.post-author-comment p.comment-info {
            color: #003366; }
        #content ol.commentlist li.comment p {
          margin-top: 0.909em; }
          #content ol.commentlist li.comment p.comment-info {
            text-transform: uppercase;
            color: #336699;
            text-align: right;
            padding-top: 5px;
            border-top: solid 1px #336699; }
            #content ol.commentlist li.comment p.comment-info a {
              text-decoration: underline; }
              #content ol.commentlist li.comment p.comment-info a:hover {
                text-decoration: none; }
        #content ol.commentlist li.comment *:first-child {
          margin-top: 0; }
  #content li {
    margin-top: 0.909em; }
    #content li li {
      font-size: 1em; }
    #container #content li p {
      font-size: 1em;
      margin-top: 0.909em; }
    body#links #content li {
      clear: both; }
  #content a {
    color: #114477;
    text-decoration: none; }
    #content a:hover {
      text-decoration: underline; }
  #container #content form {
    background-color: #FFF;
    width: 566px;
    padding: 10px;
    margin-top: 2em;
    border: solid 2px #003366; }
    #container #content form h2 {
      width: 576px /* Form Width + Form Padding - H2 Padding */;
      margin-top: -10px;
      margin-left: -10px; }
    #container #content form p.first {
      margin-top: 0; }
    #container #content form input[type="text"], #container #content form textarea, #container #content form select {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 1.1em;
      border: solid 1px #336699;
      padding: 3px 2px;
      margin-top: 5px; }
    #container #content form input[type="text"] {
      width: 373px; }
    #container #content form textarea {
      width: 560px; }
    #container #content form input[type="text"].wpcf7-validates-as-required,
    #container #content form textarea.wpcf7-validates-as-required,
    #container #content form select.wpcf7-validates-as-required {
      border: solid 2px #336699; }
    #container #content form input[type="text"].wpcf7-validates-as-required,
    #container #content form textarea.wpcf7-validates-as-required {
      width: 371px; }
    #container #content form label {
      font-weight: bold;
      clear: left; }
    #container #content form input.postcode {
      width: 148px; }
    #container #content form p.submit input {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: bold;
      color: #FFFFFF;
      padding: 5px 10px;
      border: solid 2px #001144;
      cursor: pointer;
      background-color: #003366; }
      #container #content form p.submit input:hover {
        background-color: #001144; }
  #content blockquote {
    padding: 5px 0 5px 10px;
    margin-top: 2em;
    border-left: solid 5px #8b9bcc; }
    #content blockquote p:first-child {
      margin-top: 0; }
  #content img {
    border: solid 1px #336699; }
  #content .course:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html #content .course {
    height: 1%; }
  #content .course .box {
    width: 420px;
    float: right;
    margin-top: 2em; }
  #content .course p.label {
    width: 150px;
    float: left;
    clear: both; }

#sidebar {
  color: #FFF;
  width: 110px;
  float: left;
  padding: 0 10px 10px; }
  #sidebar *:first-child {
    margin-top: 0; }
  #sidebar h4 {
    font-size: 1.1em;
    line-height: 1.5em;
    margin-top: 0.909em; }
  #sidebar p {
    font-size: 1em;
    line-height: 1.5em; }
    #sidebar p.blog-link {
      font-size: 1.1em;
      font-weight: bold; }
      #sidebar p.blog-link a {
        color: #FFF;
        text-decoration: none;
        background-color: #8b9bcc;
        text-align: center;
        display: block;
        padding: 3px 0;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
        #sidebar p.blog-link a:hover {
          text-decoration: underline; }
    #sidebar p.options {
      margin-top: 1em; }
  #sidebar a {
    color: #FFF;
    text-decoration: underline; }
    #sidebar a:hover {
      text-decoration: none; }

#footer {
  color: #FFF;
  background-color: #8b9bcc;
  margin-top: 1px;
  padding: 10px 20px; }
  #footer ul {
    float: right; }
    #footer ul:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    * html #footer ul {
      height: 1%; }
    #footer ul li {
      font-size: 1.1em;
      font-weight: bold;
      line-height: 1.5em;
      float: left;
      padding: 0 5px;
      border-left: solid 1px #adbdee; }
      #footer ul li:first-child {
        padding-left: 0;
        border-left-width: 0; }
      #footer ul li a {
        color: #FFF;
        text-decoration: none;
        white-space: nowrap;
        display: block; }
        #footer ul li a:hover {
          text-decoration: underline; }
  #footer p {
    font-size: 1.1em;
    line-height: 1.5em;
    text-align: right;
    clear: both;
    margin-top: 0.909em; }
    #footer p a {
      color: #cfdfff;
      text-decoration: none; }
      #footer p a:hover {
        text-decoration: underline; }

/* SPECIFIC */
#list-individuals, #list-employers, #faq {
  background-color: #FFF;
  padding: 0 0 1em;
  margin-top: 2em;
  border: solid 2px #003366; }
  #list-individuals ul, #list-employers ul, #faq ul {
    margin-right: 10px;
    margin-left: 25px;
    margin-top: 1em; }
    #list-individuals ul li a, #list-employers ul li a, #faq ul li a {
      color: #ff6600; }
    #list-individuals ul li.moreinfo, #list-employers ul li.moreinfo, #faq ul li.moreinfo {
      list-style: none; }

#list-individuals, #list-employers {
  width: 277px;
  float: left; }

#page #list-individuals h2, #page #list-employers h2, #page #faq h2 {
  margin-top: 0; }

#list-individuals {
  margin-right: 20px; }

#content p.view-more-services {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1.667em; }
#content p.post-info {
  color: #FFF;
  background-color: #336699;
  padding: 0 5px 5px;
  margin-top: 0; }
  #content p.post-info a {
    color: #FFF;
    text-decoration: underline; }
    #content p.post-info a:hover {
      text-decoration: none; }
  #content p.post-info.single {
    font-weight: bold;
    color: #ff6600;
    background: none;
    padding: 0;
    margin-top: 0.833em; }
    #content p.post-info.single a {
      color: #ff6600;
      text-decoration: underline; }
      #content p.post-info.single a:hover {
        text-decoration: none; }
#content p.read-more {
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 1.538em; }
  #content p.read-more a {
    color: #ff6600;
    text-decoration: underline; }
    #content p.read-more a:hover {
      text-decoration: none; }
#content p.post-navigation:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
* html #content p.post-navigation {
  height: 1%; }
#content p.post-navigation .prev, #content p.post-navigation .next {
  display: block;
  width: 40%; }
  #content p.post-navigation .prev a, #content p.post-navigation .next a {
    text-decoration: none;
    color: #FFF;
    background-color: #003366;
    padding: 5px 10px; }
    #content p.post-navigation .prev a:hover, #content p.post-navigation .next a:hover {
      background-color: #001144; }
#content p.post-navigation .prev {
  float: left; }
#content p.post-navigation .next {
  text-align: right;
  float: right; }

#container #content div.link-item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
* html #container #content div.link-item {
  height: 1%; }
#container #content div.link-item p {
  margin-top: 1.818em; }
  #container #content div.link-item p.alignright {
    margin-top: 0;
    margin-bottom: 0; }
#container #content div.link-item img {
  border-width: 0; }
#container #content div.ddsg-wrapper p {
  margin-top: 1.818em; }
#container #content div.ddsg-wrapper ul.level-0 li {
  text-transform: uppercase; }
#container #content div.ddsg-wrapper ul.level-1 li {
  text-transform: none; }
#container .wp-pagenavi {
  font-size: 1.3em;
  text-align: center;
  margin-top: 1.538em; }
  #container .wp-pagenavi span,
  #container .wp-pagenavi a {
    color: #FFF;
    background-color: #336699;
    padding: 5px 10px;
    margin-left: 5px; }
  #container .wp-pagenavi span.pages,
  #container .wp-pagenavi span.current {
    background-color: #8b9bcc; }
  #container .wp-pagenavi span.pages {
    margin-right: 10px;
    margin-left: 0; }
  #container .wp-pagenavi span.current {
    font-weight: bold; }

/* GENERIC */
strong, h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

.normal {
  font-weight: normal; }

em {
  font-style: italic; }

.hidden {
  display: none; }

.clear {
  clear: both; }
  div.clear {
    height: 0px; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.float-right, .alignright {
  float: right;
  margin: 0 0 10px 15px; }

div.float-right, div.alignright {
  margin-right: 15px; }

.float-left, .alignleft {
  float: left;
  margin: 0 15px 10px 0; }

.larger {
  font-size: 1.1666em /* 12px x 1.1666 = 14px */; }
  p.larger {
    font-size: 1.4em; }

.smaller {
  font-size: 0.916em /* 12px x 0.916 = 11px */; }
  #content p.smaller {
    font-size: 1.1em; }

.subtle {
  color: #666; }

.nowrap {
  white-space: nowrap; }

input[type=hidden] {
  display: none; }

hr {
  color: #336699;
  background-color: #336699;
  height: 1px;
  clear: both;
  margin-top: 2em;
  border-width: 0; }