/*
Theme Name: Shaw Center
Theme URI: http://stressdesign.com/
Author: stressdesign
Author URI: http://stressdesign.com/
Description: Theme for Shaw Center website.
Version: 1.0
*/


/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

body {
  background-color:#636466;
  margin:0;
  padding:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
  display: block;
  margin:0;
  padding:0;
}
a { }
a img {
  border: 0;
}

* {
  outline:none;
}


/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 

#container {
	background-color:#fff;
}

.inner {
}

/* Header */

#header {
  background:url(images/header-bg.png) no-repeat top center;
  padding:30px 0 20px;
  position:relative;
}

#logo {
}

#tagline {
  position:absolute;
  left:290px;
  top:79px;
}

#header-area {
  position:absolute;
  top:15px;
  right:0;
}
#header-area p {
}
#header-area form {
  margin:0!important;
}
#header-area input[type="text"] {
  display:inline!important;
  margin-bottom:0!important;
}
#header-area input[type="submit"], #header-area input[type="button"] {
  background:#838487 url(images/arrow-rt-white.png) no-repeat center center!important;
  text-indent:-9999px;
  padding:3px 6px!important;
  margin-bottom:0!important;
}
#header-area input[type="submit"]:hover, #header-area input[type="button"]:hover {
  background-color:#666!important;
}



/*  Main Navigation  */

#nav {
  background:url(images/nav-bg.png) repeat-x left top;
  clear:both;
  z-index:10;
  overflow:hidden;
  font-size:0px;
  border-top:1px solid #d1d2d4;
}
#nav ul {
  margin:0;
  padding:0;
  text-align:left/*center*/;
}
#nav ul li {
  margin:0;
  padding:0;
  list-style:none;
  display:inline-block;
  border-left:1px solid #cdcdcd;
  /* For IE 7 */
  zoom: 1;
  *display: inline;
}
#nav ul li:first-child, #nav ul li:first-child a {
  border:none!important;
}
#nav ul li a {
  font-size:11px!important;
  font-weight:bold;
  color:#020202;
  text-decoration:none;
  text-transform:uppercase;
  line-height:1;
  display:block;
  margin-left:1px;
  padding:9px 24px;
  border-left:1px solid #cdcdcd;
}

/* Home Link */
#nav ul li.menu-item-2082 {
}
#nav ul li.menu-item-2082 a {
	background:#6e7982 url(images/home.png) no-repeat center;
	padding:9px 0;
	width:30px;
	text-indent:-9999px;
}

#nav ul li a:hover, #nav ul li.current-menu-item a, #nav ul li.current-menu-ancestor a {
  background-color:#f49630;
  box-shadow:inset 0 0 10px #915a1d;
  -moz-box-shadow:inset 0 0 10px #915a1d;
  -webkit-box-shadow:inset 0 0 10px #915a1d;
}
#nav ul li a span {
  background:url(images/arrow-dwn.png) no-repeat right 30%;
  padding-right:12px;
}
#nav ul li a:hover span, #nav ul li.current-menu-item a span, #nav ul li.current-menu-ancestor a span {
  background-image:url(images/arrow-dwn-red.png);
}



/* Feature */

#feature {
  background:url(images/feature-bg.png) no-repeat center top;
  margin-bottom:10px;
  padding:10px 0 25px;
}
#feature p {
}
#feature img, .featured-image {
  vertical-align:bottom;
  box-shadow:0 0 4px #888;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

#feature-info {
  background:#6e7982;
  width:930px;
  margin:-25px auto 20px;
  padding:2px 15px 0;
  font-size:0.9em;
  line-height:1;
  color:#fff;
  overflow:hidden;
  box-shadow:0 0 4px #888;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
#home #feature-info {
  margin-bottom:0;
}
#feature-info p {
  margin:0;
  line-height:20px
}
#feature-info .button {
  background:#af282e!important;
  margin:-2px 0 0!important;
  padding:1px 40px!important;
  font-size:1em!important;
  font-weight:bold;
  color:#fff!important;
  line-height:20px!important;
}
#feature-info .button:hover {
  background:#932126!important;
}
#feature-info .button.right {
  margin-right:-15px!important;
  border-top-left-radius:0!important;
  border-bottom-left-radius:0!important;
  -moz-border-radius-topleft:0!important;
  -moz-border-radius-bottomleft:0!important;
}
#feature-info .button.left {
  margin-left:-15px!important;
  margin-right:10px;
  border-top-right-radius:0!important;
  border-bottom-right-radius:0!important;
  -moz-border-radius-topright:0!important;
  -moz-border-radius-bottomright:0!important;
}


/* Wrapper */

#wrapper {
  clear:both;
  padding-bottom:20px
}



/* Content */

#content {
}
#home #content {
  padding-top:18px;
}
#content .featured-image {
  margin:0 0 20px;
}



/* Sidebar */

#sidebar {
}

.sidebar-block {
  background:#eee;
  margin:-20px 0 5px;
  padding:15px;
  color:#515151;
  font-size:18px;
  line-height:1.25;
}
.sidebar-block p {
  margin-bottom:0.5em;
}
.sidebar-block img {
  margin:-15px -15px 10px;
}




/* Sub Navigation */

#sidebar ul, #sidebar ul ul {
  margin: 0 0 2em;
  padding: 0;
  list-style: none;
}
#sidebar ul ul {display: none;}
#sidebar ul li.current-menu-item ul, #sidebar ul li.current-menu-ancestor ul {display: block;}
#sidebar ul li {
  font-size: 1em;
  text-transform:uppercase;
  margin:0;
  padding:0;
  border-bottom:1px solid #d1d2d4;
}
#sidebar ul li a {
  font-weight:bold;
  color:#636466;
  text-decoration:none;
  display:block;
  padding:6px 10px;
}
#sidebar ul li a:hover {
  color: #060606!important;
}
#sidebar ul li.current_page_item a, #sidebar ul li.current_page_ancestor a {
}
#sidebar ul li.current_page_item a span, #sidebar ul li.current_page_ancestor a span {
  background:url(images/arrow-rt.png) no-repeat right 40%;
  padding-right:10px;
}
#sidebar ul li.current_page_item li a span, #sidebar ul li.current_page_ancestor li a span {
  background:none;
}
#sidebar ul li li {
  border-bottom:none!important;
  text-transform:none;
}
#sidebar ul li ul {
  margin:0 0 0.5em;
}
#sidebar ul li ul ul {
  margin:0;
}
#sidebar ul li ul ul a {
  padding:2px 30px 2px 50px;
}
#sidebar ul li li a {
  padding:2px 30px;
  border:none;
  color:#82898f!important;
  font-weight:normal;
}
#sidebar ul li.current_page_item ul.children a, #sidebar ul li.current_page_ancestor ul.children a {
  color:#82898f!important;
}
#sidebar ul li.current_page_item ul.children a:hover, #sidebar ul li.current_page_ancestor ul.children a:hover {
  color:#060606!important;
}
#sidebar ul li.current_page_ancestor li.current_page_item a {
  color:#060606!important;
}
#sidebar ul li.current_page_ancestor li.current_page_item ul a {
  color:#82898F!important;
}
#sidebar ul li li.current_page_item a {
  background:#e5e5e5;
  color: #060606!important;
}
#sidebar ul li li.current_page_item ul a {
  background:none;
  color:#82898F!important;
}
#sidebar ul li li.current_page_item ul a:hover {
  color:#060606!important;
}
#sidebar ul li li.current_page_item a span, #sidebar ul li li.current_page_ancestor a span {
  background:none;
  padding:0;
}



/* Footer Top */
#footer-top {
  background:#d1d2d4;
  padding:15px 0;
  overflow:hidden;
}
#footer-top h1 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  color:#a8a9ab;
  margin:5px 0;
}
#footer-top h1 a {
  color:#a8a9ab;
}
#footer-top h1 a:hover {
  color:#888;
}
#footer-top h6 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:0;
}
#footer-top form {
  margin:0!important;
}
#footer-top input[type="text"] {
  display:inline!important;
  margin-bottom:0!important;
  border-color:#999!important;
}
#footer-top input[type="submit"], #footer-top input[type="button"] {
  background:#f78f1e url(images/arrow-rt-white.png) no-repeat center center!important;
  text-indent:-9999px;
  padding:3px 6px!important;
  margin-bottom:0!important;
}
#footer-top input[type="submit"]:hover, #footer-top input[type="button"]:hover {
  background-color:#ec7e06!important;
}



/* Footer */

#footer {
  background:#636466 url(images/seal-watermark.png) no-repeat center top;
  clear:both;
  margin:0;
  padding:15px 0 175px;
  font-size:10px;
  color:#fff;
  line-height:1.5;
  overflow:hidden;
}
#footer a {
  color:#fff;
}
#footer a:hover {
  color:#fff;
  text-decoration:underline;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
  color:#f78f1e;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
}
#footer ul {
  margin:0;
  padding:0;
  list-style:none;
}
#footer ul li {
  margin:0;
  padding:0;
}
#footer ul li a {
  text-decoration:none;
}

#footer section {
  margin-bottom:3em;
  overflow:hidden;
}

#footer .left p {
  margin:0;
}
#footer .left a {
  color:#f78f1e!important;
  text-decoration:underline!important;
}

#footer .right ul li {
  float:left;
  margin-left:15px;
  text-transform:uppercase;
}

#footer #affiliates ul {
  float:left;
  margin:0 70px 0 0;
}



/* Callout */
.callout {
  border:1px solid #d1d2d4;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 0 2em;
  padding:20px;
  box-shadow:inset 0 0 8px #ccc;
  -moz-box-shadow:inset 0 0 8px #ccc;
  -webkit-box-shadow:inset 0 0 8px #ccc;
}
.callout p {
  margin:0 0 1em;
}
.callout img.alignleft {
  transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  margin-left: -15px;
    margin-top: -20px;
}
.callout img.alignright {
  transform:rotate(3deg);
  -moz-transform:rotate(3deg);
  -webkit-transform:rotate(3deg);
  -ms-transform:rotate(3deg);
  margin-right: -15px;
    margin-top: -20px;
}
.callout img.top {
  margin:-21px -21px 10px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}
.callout .button {
  margin:0!important;
  box-shadow:inset 0 0 10px #79262a;
  -moz-box-shadow:inset 0 0 10px #79262a;
  -webkit-box-shadow:inset 0 0 10px #79262a;
  font-weight:normal!important;
}


/* Forms
================================================== */

#container form {
  margin-bottom: 20px;
}
#container fieldset {
  margin-bottom: 20px;
}
#container input[type="text"],
#container input[type="password"],
#container input[type="email"],
#container textarea,
#container select {
  border: 1px solid #ccc;
  padding: 3px 4px;
  outline: none;
  font: 11px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
  margin: 0;
  width: 160px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}
#container select {
  padding: 0;
}
#container input[type="text"]:focus,
#container input[type="password"]:focus,
#container input[type="email"]:focus,
#container textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
  box-shadow:  0 0 3px rgba(0,0,0,.2);
}
#container textarea {
  width:90%;
  min-height: 60px;
}
#container label,
#container legend {
  display: block;
  font-weight: bold;
  font-size: 13px;
}
#container select {
  width: 220px;
}
#container input[type="checkbox"] {
  display: inline;
}
#container label span,
#container legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}


/* Page List Block */
.ccm-page-list-title {
  margin:0 0 0.45em;
}
div.ccm-page-list-description {
  margin-bottom:2.5em;
}
.ccm-page-list-thumbnail {
  margin-bottom:0.5em;
}
.ccm-page-list-link {
  text-decoration:none;
}
.ccm-page-list-one-col .row, .ccm-page-list-two-col .row, .ccm-page-list-three-col .row, .ccm-page-list-four-col .row {
  margin-bottom:2em;
}
.ccm-page-list-one-col p, .ccm-page-list-two-col p, .ccm-page-list-three-col p, .ccm-page-list-four-col p {
  margin-bottom:0.75em;
}


/* Blog Styles */




/* #Buttons
================================================== */

#container a.button,
#container button,
#container input[type="submit"],
#container input[type="reset"],
#container input[type="button"] {
  background: #af282e; /* Old browsers */
  padding: 4px 12px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 15px;
  font-family: Arial, sans-serif;
  text-transform:uppercase;
  border:none;
}

#container a.button:hover,
#container button:hover,
#container input[type="submit"]:hover,
#container input[type="reset"]:hover,
#container input[type="button"]:hover {
  color: #fff;
  background: #932126; /* Old browsers */
}

#container a.button:active,
#container button:active,
#container input[type="submit"]:active,
#container input[type="reset"]:active,
#container input[type="button"]:active {
  background: #932126; /* Old browsers */
}

#container .button.full-width,
#container button.full-width,
#container input[type="submit"].full-width,
#container input[type="reset"].full-width,
#container input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}


/* alignment classes & additional classes*/

.left  { float: left; }
.right { float: right; }


/* Clearing */

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