@import url('grid.css');

/* @override http://beta.ccasayourworld.com/css/style.css */

/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
html{
/*	-webkit-font-smoothing: antialiased;*/
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline: 0; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body { font:16px/28px sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }

ul, ol { margin-left: 0; margin-bottom: 22px;}
ol { list-style-type: decimal; }
.sidebar ul, .sidebar ol{
  list-style-position: inside;
}

nav ul, nav li { margin: 0; } 
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }

::-moz-selection{ background: #a60010; color:#fff; text-shadow: none; }
::selection { background: #a60010; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.group:before, .group:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.group:after { clear: both; }
.group { zoom: 1; }


@font-face {
	font-family: 'UniversUltraCondensed';
	src: url('../fonts/universltstd-ultracn-webfont.eot');
	src: local('☺'), url('../fonts/universltstd-ultracn-webfont.woff') format('woff'), url('../fonts/universltstd-ultracn-webfont.ttf') format('answerTruetype'), url('../fonts/universltstd-ultracn-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'UniversLightUltraConde';
	src: url('../fonts/universltstd-lightultracn-webfont.eot');
	src: local('☺'), url('../fonts/universltstd-lightultracn-webfont.woff') format('woff'), url('../fonts/universltstd-lightultracn-webfont.ttf') format('answerTruetype'), url('../fonts/universltstd-lightultracn-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



 /* Primary Styles
    Author: 
 */

/* @group Type */
html{
	-webkit-font-smoothing: antialiased;
}
body{
	font-weight: 500;
}

body, #main input, textarea{
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","nudista-web-1","nudista-web-2", "Helvetica Neue", arial, helvetica, sans-serif;
}
h1, #logo p, #home-hero p, .fact p{
	font-family: "proxima-nova-1","proxima-nova-2","Helvetica Neue", arial, helvetica, sans-serif;	
}
#logo a{
	font-family: UniversLightUltraConde,"Helvetica Neue", arial, helvetica, sans-serif;
	font-weight: normal;;
}

nav#primary a, h2, time, .get-help p.tel, .get-help h3, .quiz label, button, #subnav a, .social p, label, aside h3{
	font-family: UniversUltraCondensed,"Helvetica Neue", arial, helvetica, sans-serif;
	font-weight: normal;

}
nav#primary a{
	text-shadow: 1px 2px 1px rgba(0,0,0,0.9);	
}
h1{
	font-weight: 900;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	font-size: 96px;
	line-height: 72px;
	text-indent: -0.04em;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	
}

.home-hero h1{
	margin-top: 50px;
	font-size: 68px;
	line-height: 56px;
	text-shadow: none;
}
h2{
	font-size: 37px;
	line-height: 42px;
	margin-top: 49px;
	text-transform: uppercase;
	margin-bottom: 7px;
	font-weight: 100;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.1);
	letter-spacing: 0.03em;
}
.blog article h2 a{
	font-size: 59px;
	line-height: 56px;

	font-weight: normal;
}
.blog article h2 {
	margin-top: 21px;	
}
h3{
	font-weight: 400;
	font-size: 26px;
	line-height: 28px;
	margin-top: 21px;
	margin-bottom: 7px;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.2);	
}
aside h3{
	margin-top: 0;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 31px;
	line-height: 1.1;
}
h4{
	font-size: 18px;
	line-height: 28px;
}
h5{
	font-size: 14px;
	line-height: 28px;
}
h6{
	font-size: 16px;
	line-height: 28px;
}
p{
	margin-bottom: 28px;
}
.intro p{
	font-weight: 400;
	font-size: 37px;
	line-height: 56px;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
#logo p, #home-hero p{
	font-weight: 100;
}
small, .small{
	font-size:11px;
	line-height: 16px;
}
a{
	text-decoration: none;
	font-weight: 600;	
}
blockquote{
	overflow: hidden;
	padding: 22px 28px 0 28px;
	margin-bottom: 28px;
	-webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
	font-style: italic;
	font-size: 18px;
	text-shadow: 0 1px -1px rgba (255,255,255,1);
	border: 1px solid rgba(0,0,0,0.08);
}
.define{
	border-top: 1px dotted #c1bfb7;
	font-style: normal;
	font-size: 14px;
	line-height: 21px;
	padding-top: 27px;
}
.define span{
	font-style: italic;
	font-size: 16px;
	display: block;
	font-weight: bold;
}
.caption{
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 35px;
	font-weight: 400;
	font-style: italic;
}
.col{
	-webkit-column-count: 3;
	-webkit-column-gap: 28px;
	-moz-column-count: 3;
	-moz-column-gap: 28px;
}
/* @end */



/* @group Colour */

/* Backgrounds */
body{
	background: #efeeea url(../img/bg2.jpg) center top;
}
#main input,
textarea {
	background-color: #f2f2f2;
}
.get-help {
	background-color: #7c000d;
}
button {
	background-color: #444;
}
blockquote {
   background-color: rgb(250,250,250);
	background-color: rgba(0,0,0,0.02);
}
footer#contentInfo {
   background-color: rgb(212,211,208);
	background-color: rgba(0,0,0,0.1);	
}
.count {
    background-color: rgb(100,100,100);
	background-color: rgba(0,0,0,0.6);
}
/*article.post time,*/
.comment
 {
	background-color: rgb(250,250,250);
	background-color: rgba(0,0,0,0.05);	
}
#branding{
	background: #000 url(../img/homebg2.jpg) center top;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
	background-color: #f0dddd;
}
/* Text Color */
body,
#main input,
textarea {
   color: rgb(49,47,37);
	color: rgba(49,47,37,0.9);
}
#logo a{
	color: #d0c9aa;
}
h1,
.intro p {
	color: #7c000c;
}
.home h1{
	color: #c2ba95;
}
h2{ 
	color: #525551;
}
h3{
	color: #827c64;
}
.get-help h3{
	color: #eae5d5;
}
label span {
	color: #525551;

}
blockquote {
	color: #444;
}
.get-help,
.count {
	color: #ddd7bf;
}
a:link,
a:visited { 
	color: #00474a;;
}
a:hover,
a:active,
.important { 
	color: #a60010;
}
.left{
	float: left;
}
.right{
	float: right;
}
/* @end */





/* @group Layout */

header#branding{
	position: relative;
	margin-bottom: 56px;
	-webkit-box-shadow: 0 5px 60px rgba(97,93,75,0.6);
	-moz-box-shadow: 0 5px 60px rgba(97,93,75,0.6);
	overflow: hidden;
}
#page-header{
	padding: 0px 28px 0 28px;
	-webkit-border-bottom-right-radius: 11px;
	-webkit-border-bottom-left-radius: 11px;
	-moz-border-radius-bottomleft: 11px;
	-moz-border-radius-bottomright: 11px;
	border-bottom-right-radius: 11px;
	border-bottom-left-radius: 11px;
}
#logo{
	position: relative;
	margin-top: 42px;
}
#logo a{
	font-size: 95px;
	line-height: 66px;
	text-transform: uppercase;
	letter-spacing: -0.03em;
	text-indent: -9000px;
	font-weight: normal;
	background: url(../img/logo2.png) no-repeat left top;
	display: block;
	height: 79px;
	width: 308px;
	margin-top: 0px;
}
#logo p{
	font-size: 14px;
	font-weight: normal;
	color: #bac9c2;
	margin-bottom: 0;
	line-height: 21px;
	text-indent: 0.5em;
}
#main{
	position: relative;
	overflow: visible;
}
#main img.hero{
	float: right;
}
.intro section{

}
.intro img{
	position: relative;
	z-index: 1;
}
footer#contentInfo{
	position: relative;
	overflow: hidden;
	margin-top: 88px;
	padding: 22px 22px 0 22px;
}
.social p{
}
.social a{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 100;
	display: block;
	letter-spacing: 0.07em;
	margin-top: 66px;
	padding-left: 24px;
	padding-top: 1px;
}
footer .facebook a{
	background: url(../img/icon.facebook.png) no-repeat 0px 0px;
}
footer .twitter a{
	background: url(../img/icon.twitter.png) no-repeat 0px 0px;
}
footer .social a:link, footer .social a:visited{
	color: #525551;
}
footer .social a:hover, footer .social a:active{
	color: #a60010;
}
.telus img{
	margin-top: 66px;
}
#contentInfo small{
	margin-top: 0px;
	margin-bottom: 6px;
	text-align: right;
}
.content img.hero{
	margin-top: 22px;
	margin-bottom: 22px;
}
.cover{
  text-align: center;
  margin-top: 47px;
  margin-bottom: 0;
}
.cover a{
  display: block;
  padding: 9px 10px 0;
  font-size: 28px;
  background: rgb(198,197,194);
  background: rgba(0,0,0,0.05);
  color: #a60010;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #b1aeb0;
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1) inset;
  width: 70%;
  float: right;
}
.cover a:hover, .cover a:active{
  color: #3e7272;
  background: rgb(198,197,194);
  background: rgba(0,0,0,0.02);
}
/* @end */

/* @group Navigation */
nav#utility{
	float: right;
}
nav#primary{
	position: relative;
	clear: both;
	padding: 0px 0 0px 0;
	background: url(../img/navbg.png) repeat-y center top;
	border-top: 1px solid rgb(47,51,50);
	border-top: 1px solid rgba(255,255,255,0.1);
}
.home nav#primary{
	border-bottom: 1px solid rgb(47,51,50);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.4);
   -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.4);
   box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}
nav#primary ul, .search{
	position: relative;
}
nav#primary ul{
	position: relative;
	overflow: hidden;
}
.get_the_facts nav#primary ul{
	padding-bottom: 44px;
}
nav#primary>ul{
}
nav#primary li{
	float: left;
	margin-right: 1px;
}
nav#primary li a{
	display: block;
	font-size: 23px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 13px 0px 11px 0px;
	margin-right: 44px;
	margin-bottom: 1px solid #f2f2f2;
}

nav#primary li.active>a, nav#primary li.parent_active>a{
	color: #f1e2ae;
	border-top: 2px solid #ead073;
	padding-top: 11px;
}
nav#primary li.active.parent>a{
	border: none;
}
nav#primary a:link, nav#primary a:visited{
	color: #85a1a1;
}
nav#primary a:hover, nav#primary a:active{
	text-decoration: none;
	border-top: 1px solid #85a1a1;
	padding-top: 12px;
}
nav#primary ul ul{
	position: absolute;
	top: 49px;
	left: 0;
	width: 100%;
	padding-top: 11px;
}
nav#primary ul ul li.active>a{
	padding-top: 5px;
}
nav#primary ul ul a{
	font-size: 19px;
	padding-top: 7px;
	letter-spacing: 0.1em;
	line-height: 1;
}
nav#primary ul ul a:hover, nav#primary ul ul a:active{
		padding-top: 6px;
}
.search{
	padding-top: 9px;
}
body.search{
  padding: 0;
}
/* @end */

/* @group Sidebars */

#main .sidebar{
	padding-top: 28px;
	padding-right: 14px;
	padding-bottom: 28px;
	padding-left: 21px;
	width: 246px;
	border: 1px solid rgb(55,102,102);
	border: 1px solid rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
  background-color: #3e7272;
  color: #e1ded5;
  -webkit-box-shadow: 0 0 60px rgba(0,0,0,0.3) inset;
  -moz-box-shadow: 0 0 60px rgba(0,0,0,0.3) inset;
  box-shadow: 0 0 60px rgba(0,0,0,0.3) inset;
}
#main .sidebar.p1{
	margin-left: 130px;
}
#main .sidebar h3{
  color: #e1ded5;
}
.sidebar a{
  padding: 8px 0;
  display: block;
}
.sidebar a:link, .sidebar a:visited{
  color: #edece8;
}
.sidebar a:hover, .sidebar a:active{
  color: #e3b7b3;
}
.popular{
	margin-top: 56px;
}
.popular ol{
  list-style: none;
   border-top: 1px dotted rgb(124,157,154);
   margin-top: 28px;
}
.popular li{
  border-bottom: 1px dotted rgb(124,157,154);
}
.get-help{
	position: relative;
	overflow: hidden;
	padding: 28px 11px 28px 11px;
	-webkit-box-shadow:  0 0 80px rgba(0,0,0,0.95) inset;
	-moz-box-shadow:  0 0 80px rgba(0,0,0,0.95) inset;
	box-shadow:  0 0 80px rgba(0,0,0,0.95) inset;
	text-shadow: none;
	text-align: center;
	border-left: 1px solid rgb(125,2,14);
	border-left: 1px solid rgba(255,255,255,0.01);
	border-right: 1px solid rgb(125,2,14);
	border-right: 1px solid rgba(255,255,255,0.01);
	text-shadow: 1px 1px 0px #530008,2px 2px 0px #530008,3px 3px 0px #530008;
}
.no-boxshadow .get-help{
  background: transparent url(../img/help.bg.jpg) no-repeat;
}
.get-help h3{
	font-size: 42px;
	text-transform: uppercase;
	line-height: 49px;
	margin: 0;
	font-weight: normal;
	letter-spacing: 0.07em;
	text-shadow: 1px 1px 0px #530008,2px 2px 0px #530008,3px 3px 0px #530008,4px 4px 0px #530008 ;
}
.get-help p{
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 14px;
	font-weight: 600;
	font-style: italic;
}
.get-help p.tel{
	text-align: center;
	display: block;
	font-size: 35px;
	font-weight: 100;
	font-style: normal;
	text-shadow: 1px 1px 0px #530008,2px 2px 0px #530008,3px 3px 0px #530008,4px 4px 0px #530008;
}

/* @end */

/* @group Subnav */

.subnav{
	background: rgb(198,197,194);
	background: rgba(0,0,0,0.04);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius:7px;
	margin-top: 22px;
}
.subnav ul{
	padding: 11px;
}

/* @end */

/* @group Home */
.home #branding{
	margin-bottom: 0px;
}
.home .hero{

	background: rgb(0,0,0);
	-webkit-box-shadow: 0 0 100px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 100px rgba(0,0,0,0.9);
	box-shadow: 0 0 100px rgba(0,0,0,0.9);
	height: 392px;
  text-indent: -9999px;
}
.hero-content{
  display: none;
}
.hero img{
	margin-top: 32px;
	margin-right: 3px;
}
.hero ul{
	list-style-type: none;
}
.home .get-help{
	opacity: 0.9;
}
.home-primary{
	border-bottom: 1px solid #ccc;
	
}
.home-secondary{
	border-top: 1px solid #fff;
	padding: 56px 0px 28px 0;
}
.home #branding h1{
	margin-top: 0px;
	text-indent: -0.5em;
	color: #7c000c;
	margin-bottom: 7px;

}
.svgclippaths .home #branding h1{
		color: #7c000c;
	background: url(../img/h1bg.jpg),-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0))) no-repeat;
	padding-left: 0.5em;
	margin-left: -0.5em;
	margin-top: 28px;
	

-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-animation-name: masked-animation;
}
.hero p{
	color: #bac9c2;
}
.home h3{
	margin-top: 0;
}
#home-summary h2{
	font-size: 59px;
}
.define{

	padding-top: 55px;
	margin-top: 56px;
}
.callout{
	background: #3e7272;
	padding: 14px;
	color: #f2eee1;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius:7px;
  -webkit-box-shadow: 0 0 60px rgba(0,0,0,0.3) inset;
  -moz-box-shadow: 0 0 60px rgba(0,0,0,0.3) inset;
  box-shadow: 0 0 60px rgba(0,0,0,0.3) inset;
	margin-left: -14px;
}
.side.callout{
	margin-left: 0;
	margin-bottom: 28px;
	text-align: right;
	padding: 14px 24px;
}
.side.callout p{
	margin-bottom: 0;
	font-weight: 600;
	font-size: 19px;

}
.side.callout h2{
	color: #efebdf;
	margin-top: 0;
}

/* @group Quiz */

.quiz{
	margin-top: 43px;
}
.quiz h2{
	margin-top: 6px;
}
.quiz fieldset{
	display: block;
	padding:  12px 24px;
	background: rgb(212,211,208);
	background: rgba(0,0,0,0.08);
	-webkit-box-shadow: 0 0 56px rgba(0,0,0,0.07) inset;
	-moz-box-shadow: 0 0 56px rgba(0,0,0,0.07) inset;
	box-shadow: 0 0 56px rgba(0,0,0,0.07) inset;
	border: 1px solid rgb(193,193,190);
	border: 1px solid rgba(0,0,0,0.1);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
#main .quiz input{
	display: inline;
	margin-bottom: 7px;
	margin-right: 6px;
}
.quiz p{
	margin-bottom: 11px;
	font-size: 14px;
	line-height: 21px;
}
.quiz h3{
	border-top: 1px dotted rgb(193,193,190);
	border-top: 1px dotted rgba(0,0,0,0.2);
	padding-top: 17px;
	margin-bottom: 28px;
}
.quiz label{
	font-size: 23px;
	line-height: 28px;
	margin-bottom: 28px;
	text-transform: uppercase;
}
.quiz button{
	margin: 24px 0;
	width: 100%;
	line-height: 1.6;
	padding: 0px 0px 0px 0px;
}
.js .quiz label{
	margin: 0;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	line-height: 1.5;
	height: 30px;
	padding: 0px 0px 0px 0px;
	border: 1px solid rgb(27,29,28);
	border: 1px solid rgba(0,0,0,0.4);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	width: 45%;
	color: #e1ded5;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3), 0 0px 2px rgba(255,255,255,0.6) inset;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3), 0 0px 2px rgba(255,255,255,0.6) inset;
	box-shadow:0 2px 2px rgba(0,0,0,0.3), 0 0px 2px rgba(255,255,255,0.6) inset;
}
.js .quiz label.answerTrue{
	background: rgb(0,71,74) url(../img/blkgrd.png) repeat-x left -15px;
	float: left;	
}
.js .quiz label.answerFalse{
	background: #7c000c url(../img/blkgrd.png) repeat-x left -15px;	float: right;
}
.js .quiz label.answerTrue:hover{
	background-color: rgb(0,53,55);
}
.js .quiz label.answerFalse:hover{
	background-color: #530008;
}
.js .quiz label.answerTrue:active, .js .quiz label.answerTrue.selected{
	background-color: #002425;
	color: #c2ba95;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.6) inset;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.6) inset;
	box-shadow: 0 3px 3px rgba(0,0,0,0.6) inset;
}
.js .quiz label.answerFalse:active, .js .quiz label.answerFalse.selected{
	background-color: #2a0004;
	color: #c2ba95;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.6) inset;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.6) inset;
	box-shadow: 0 3px 3px rgba(0,0,0,0.6) inset;
}
.js .quiz label input{
	position: absolute;
	left: -99999px;
	top: 0;
}

#loader{
	margin-left: 20px;
	display: none;
}
.js .quiz #submit{
  clear: both;
}
/* @end */
.home-primary{
  position: relative;
}
.home .latest{
	padding-top: 64px;
	background: rgb(212,211,208);
	background: rgba(0,0,0,0.08);
	-webkit-box-shadow: 0 0 56px rgba(0,0,0,0.07) inset;
	-moz-box-shadow: 0 0 56px rgba(0,0,0,0.07) inset;
	box-shadow: 0 0 56px rgba(0,0,0,0.07) inset;
	border-left: 1px solid rgb(192,191,188);
	border-right: 1px solid rgb(192,191,188);
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	position: absolute;
	width: 306px;
	top: 0;
	bottom: 0;
	right: 0;
}
.home .latest article{
	font-size: 14px;
	line-height: 21px;
	padding: 14px 24px;
	margin: 18px 0 0 0;
}
.home .latest ol{
	padding: 27px 24px 28px 24px;
	list-style-type: none;
	border-top: 1px dotted rgb(153,152,149);
	border-top: 1px dotted rgba(0,0,0,0.3);
	margin-bottom: 0;
}
.home .latest ol time{
	display: block;
	margin-bottom: 8px;
}
.home .latest h2{
	margin-top: 0;
}
.home .latest h4{
	font-size: 16px;
	line-height: 20px;
}
.home .latest time{
	font-size: 16px;
}
.home .latest h3, .home .quiz h3{
	font-size: 23px;
	color: #615d4b;
}
.home #twitter{
	font-size: 14px;
	line-height: 21px;
}
.fact{
	padding: 14px 22px;
	background: #3e7272 url(../img/assaulted.png) no-repeat 200px 12px;
	-webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
	border: 1px solid rgba(0,0,0,0.08);
  color: #f2eee1;
  -webkit-box-shadow: 0 0 60px rgba(0,0,0,0.3) inset;
  -moz-box-shadow: 0 0 60px rgba(0,0,0,0.3) inset;
  box-shadow: 0 0 60px rgba(0,0,0,0.3) inset;
  margin-bottom: 28px;
}
.fact p{
	margin-bottom: 0;
}
.fact h3{
  color: #dfdcd3;
}
/* @end */


/* @group Help */

#subnav{
	margin-top: 49px;
}
#subnav li{
	margin-bottom: 7px;
}
#subnav a{
	text-transform: uppercase;
	font-weight: 100;
	font-size: 26px;
	padding: 7px;
	display: block;
	color: #525551;
	background: rgb(212,211,208);
	background: rgba(0,0,0,0.08);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
#subnav .now a{
	background: rgb(124,0,12);
	background: rgba(124,0,12,0.9);
	color: #f2eee1;
	-webkit-box-shadow: 0 0 56px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 0 56px rgba(0,0,0,0.3) inset;
	box-shadow: 0 0 56px rgba(0,0,0,0.3) inset;
}
#subnav a:hover{
	background-color: rgb(153,152,149);
	background-color: rgba(0,0,0,0.12);
}
#subnav .now a:hover{
	background-color: rgb(124,0,12);
	background-color: rgba(124,0,12,0.9);
	cursor: default;
}

/* @end */




/* @group Key Messages */

.ideas h3{
	text-indent: -1.15em;
}
/* @end */

/* @group Merch */

.merch ul{
	list-style-type: none;
	position: relative;
}
#posters, #videos, #shirts{
	margin-bottom: 56px;
}
#posters li{
	position: relative;
	float: left;
	margin-right: 28px;
	margin-bottom: 28px;
}
#posters li img{
  display: block;
}
#posters .featured-list li.four{
  margin-right: 0;
}
#posters .full-list li.six{
  margin-right: 0;
}
#posters .full-list li.one{
  clear: both;
}
#posters img{
	max-width: 100%;
}
#posters ul{
  margin-bottom: 0;
}
#videos .latest{
	padding-top: 6px;
}
#videos ol{
	list-style-type: none;
}
#videos h3{
	font-style: italic;
	margin-bottom:22px;
	margin-top: 0;
}
#videos li{
	display: block;
	max-width: 100%;
	margin-bottom: 18px;
}

/* @end */

/* @group Pyramid */

.pyramid{
	position: absolute;
	top: 10px;
	right: 42px;
}
.intro-vid{
	display: block;
	margin-bottom: 112px;
}
.secondary-vid{
	margin-top: 56px;
}
.change img{
	margin-top: 18px;
	margin-left: -18px;
}
aside.change{
  overflow: hidden;
	background: rgb(212,211,208);
	background: rgba(0,0,0,0.08);
	-webkit-box-shadow: 0 0 56px rgba(0,0,0,0.07) inset;
	-moz-box-shadow: 0 0 56px rgba(0,0,0,0.07) inset;
	box-shadow: 0 0 56px rgba(0,0,0,0.07) inset;
	border: 1px solid rgb(193,193,190);
	border: 1px solid rgba(0,0,0,0.1);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
aside.change h2{
  margin-top: 0;
}
aside.change .summary{
  padding-left: 28px;
  margin-top: -28px;
}
/* @end */




/* @group Blog */

.blog article{
	position: relative;
	padding-bottom: 27px;
	padding-top:111px;
	border-top: 1px solid rgb(255,255,255);
	border-bottom: 1px solid rgb(214,213,210);
	border-bottom: 1px solid rgba(0,0,0,0.08);
}
.toarchive{
	border-top: 1px solid rgb(255,255,255);
}
.blog article:first-child{
	border-top: 0;
	padding-top: 28px;
}

article footer{
	position: absolute;
	font-size: 14x;
	left: -112px;
	top: 142px;
	text-align: center;
}
.blog article:first-child footer{
	top: 60px;
}
.post-detail article.post footer{
	left: -1px;
}
article.post time{
	display: block;
	padding: 0px 14px 4px 14px;
	text-shadow: 0 1px 1px rgba(255,255,255,1);
	margin-bottom: 0px;
	font-weight: normal;
}
article.post time span{
	display: block;
}
.post .month{
	font-size: 42px;
	text-transform: uppercase;
	line-height: 40px;
}
.post .day{
	font-size: 69px;
	line-height: 69px;
	letter-spacing: -0.04em;
	text-indent: -0.05em;
}
.post .year{
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0.08em;
	margin-top: -8px;
}
.post .time{
	font-size: 16px;
	margin-top: 0px;
	border-top: 1px dotted rgb(153,152,149);
	border-top: 1px dotted rgba(0,0,0,0.1);
	line-height: 28px;
	letter-spacing: 0.07em;
}
.author{
	text-indent: 1%;
	font-style: italic;
}
#comments{
	padding-bottom: 54px;
	border-bottom: 1px solid #ccc;
}
.count{
	padding: 4px 28px 7px 28px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.comment{
	position: relative;
	padding: 22px 28px 1px 28px;
	margin: 22px 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	min-height: 204px;
}
.comment footer{
	position: absolute;
	left: -112px;
	top: 1px;
	width: 84px;
	line-height: 18px;
	text-align: right;
}
.comment-count a{
	font-size: 11px;
	text-shadow: 0 1px 1px rgba(255,255,255,1);
}
.comment footer cite{
	font-size: 18px;
	line-height: 21px;
	display: block;
	margin-bottom: 7px;
}
.comment footer .avatar{
	max-width: 100%;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.comment footer .time{
	display: block;
	color: #999;
}
.comment footer time{
	font-size: 18px;
	line-height: 21px;
	text-transform: uppercase;
}
#comment-form{
	padding-top: 55px;
	padding-bottom: 54px;
	border-top: 1px solid #fff;
	background: rgb(212,211,208);
	background: rgba(0,0,0,0.04);
	-webkit-border-bottom-left-radius: 22px;
	-webkit-border-bottom-right-radius: 22px;
	-moz-border-radius-bottomright: 22px;
	-moz-border-radius-bottomleft: 22px;
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 22px;
}
/*.popular{
	background: rgba(0,0,0,0.08);
	-webkit-box-shadow: 0 0 56px rgba(0,0,0,0.07) inset;
	border: 1px solid rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}*/
/* @end */

/* @group Contact */

#contactForm{
	padding: 27px 0;
	margin-bottom: 28px;
}
.contactInfo{
	margin-top: 91px;
}
.elsewhere{
	border-top: 1px solid rgb(255,255,255);
	border-bottom: 1px solid rgb(214,213,210);
	border-bottom: 1px solid rgba(0,0,0,0.08);
	padding-bottom: 13px;
}
.elsewhere h4{
	margin-top: 56px;
}
.elsewhere img{
	margin-top: 50px;
}
#places{
	border-bottom: 1px solid rgb(255,255,255);
}
.content.general{
	border-bottom: 1px solid rgb(214,213,210);
	border-bottom: 1px solid rgba(0,0,0,0.08);
	padding-bottom: 27px;
}
.sender{
	border-bottom: 1px solid rgb(214,213,210);
	border-bottom: 1px solid rgba(0,0,0,0.08);
	border-top: 1px solid rgb(255,255,255);
}
.sender aside{
	margin-top: 27px;
}
/* @end */



/* @group Search  */

.search-results li{
  border-bottom: 1px dotted rgb(190,190,190);
}

/* @end */

/* @group Forms */

label{
	display: block;
	font-size: 19px;
	text-indent: 1%;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
label span{
	font-size: 11px;
}
#main input, textarea{
	font-size: 14px;
	line-height: 21px;
	padding: 8px 7px 0px 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 3px solid #ccc;
	margin-bottom: 20px;
}
#comment-form input, #contact-form input{
	width: 70%;
}
textarea{
	min-height: 140px;
	width: 93%;
}
input:valid, textarea:valid{

}
/*input:invalid, textarea:invalid {
	-moz-box-shadow: 0px 0px 7px red;
	-webkit-box-shadow: 0px 0px 7px red; 
	box-shadow: 0px 0px 7px red;
}*/

button{
	background: #141816 url(../img/blkgrd.png) repeat-x left -15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	border:0;
	padding: 0px 10px 0px 10px;
    vertical-align: top;
	font-weight: 100;
	font-size: 23px;
	line-height: 36px;
	height: 32px;
	text-transform: uppercase;
	color: #f2f2f2;
	border: 1px solid rgb(27,29,28);
	border: 1px solid rgba(0,0,0,0.4);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.9);
	color: #e1ded5;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3), 0 0px 2px rgba(255,255,255,0.3) inset;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3), 0 0px 2px rgba(255,255,255,0.3) inset;
	box-shadow:0 2px 2px rgba(0,0,0,0.3), 0 0px 2px rgba(255,255,255,0.3) inset;
	margin-top: 1px;
}
button:hover{
	background-color: #0e100f;
}
button:active{
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.6) inset;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.6) inset;
	box-shadow: 0 3px 3px rgba(0,0,0,0.6) inset;
	color: #c1bfb7;
}
/*input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}*/
input[type=search] {
   -moz-appearance:none;
   -webkit-appearance:none;
}
nav input{
	width: 150px;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	padding: 4px;
	margin-right: 0;
	color: #c1bfb7;
	font-size: 14px;
	background: rgb(87,90,90);
	background: rgba(255,255,255,0.3);
}
nav button{
	display: block;
	background: #002425 url(../img/blkgrd.png) repeat-x left -15px;
	color: #d0c9aa;
	letter-spacing: 0.1em;
	font-size: 16px;
	line-height: 1.7;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 5px;
	width: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	position: relative;
	top:3px;
	height: 26px;
	float: right;
}
nav button:hover{
	color: #918b70;
	background-color: #001213;
}
nav button:active{
	
}
nav form{
	margin-top: 1px;
}
form .confirm-field { display: none; }
/* errors
-------------------------------------- */
.form .message {
	margin-bottom: 20px;
	padding: 14px 14px;
	color: #7d9746;
	border: 2px solid #dcdcdc;
	font-weight: bold;
	background: rgb(226,228,217);
	background: rgba(125,152,70,0.09);
  
}

.form .message.error { 
background-color: rgb(236,221,218);
background-color: rgba(247,194,194,0.26);border-color: #f39797; }

.form .message p,.form .message h2 {
	margin: 0;
	padding-left: 18px;
}

.form .message ul { 
	margin: 0;
	margin-left: 0 !important;
	list-style: none;
}

.error { color: #333; }

.error li, label.error {
	color: #141816;
	padding: 0 0 0 18px;
	margin: 3px 0;
	font-weight: normal;
	background: url(http://ccasayourworld.com/img/icon_error.gif) no-repeat 0 50%;
}

.error span, label span { 
	color: #c00; 
	font-weight: bold;
}




/* @end */











@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

@media screen and (max-device-width: 480px) {
  
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}



/body{
	background: #f2f2f2 url(../img/grid.png) repeat-y center top;
}