/*^^--**--------------------------^^--**
CSS RESET
^^--**----------------------------^^--**/
html, body, 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,object,embed {max-width: 100%;} html {overflow-y: scroll;} 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;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
 .ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
/*^^--**--------------------------^^--**
ESSENTIALS
^^--**----------------------------^^--**/
body {
	font-size: 16px;
	color: #454545;
	font-family: 'HelveticaNeueLTStdLtCnRegular', helvetica, arial, sans-serif;
}
.container {
	max-width: 1004px;
	min-width:900px;
	margin: 0 auto;
}
@font-face {
    font-family: 'HelveticaNeueLTStdBold';
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot');
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-bd-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-bd-webfont.svg#HelveticaNeueLTStdBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStdCnBold';
    src: url('../fonts/helveticaneueltstd-bdcn-webfont.eot');
    src: url('../fonts/helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStdCnBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStdLtCnRegular';
    src: url('../fonts/helveticaneueltstd-ltcn-webfont.eot');
    src: url('../fonts/helveticaneueltstd-ltcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-ltcn-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-ltcn-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-ltcn-webfont.svg#HelveticaNeueLTStdLtCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.responsive-on {
	display: none;
}
cite a {
	text-decoration: none;
	color: #db1eba;
}
cite a:hover {
	text-decoration: none;
}
#oops {
	font-size: 4em;
}
.pink {
	color: #db1eba;
	font-size: 1.4em;
}
/*^^--**--------------------------^^--**
HEADER
^^--**----------------------------^^--**/
#header {
	width: 100%;
	height: 130px;
	padding-top: 15px;
}
#header hgroup {
	float: left;
	width: 45%;
	position: relative;
}
#header hgroup a {
	text-decoration: none;
	color: #454545;
}
#logo {
	float: left;
	width: 45%;
}
#sheldonFace {
	float: right;
}
#header h1 {
	font: 3em/.8em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	text-transform: uppercase;
	text-shadow: -1px -1px 1px #db1eba;
	top: 28px;
	left: 42%;
	width: 56%;
	position: absolute;
	
}
#header h1 span {
	font-family: 'HelveticaNeueLTStdLtCnRegular', helvetica, arial, sans-serif!important;
	padding-left: 10%;
}
#header-pitch {
	margin-top: 40px;
	float: right;
	background: #fff url(../images/play-button.png) no-repeat 93% 50%;
	padding: 5px 0;
	width: 36%;
		-webkit-transition: all 300ms ease 200ms;
		-moz-transition: all 300ms ease 200ms;
	transition: all 300ms ease 200ms;
		-moz-box-shadow: 3px 3px 6px #ccc;
		-webkit-box-shadow: 3px 3px 6px #ccc;
	box-shadow: 3px 3px 6px #ccc;
	font: 1.5em 'HelveticaNeueLTStdBold', helvetica, arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #2e2e2e;
	text-shadow: none!important;
	border: none!important;
}
#header-pitch:hover {
	color: #db1eba;
	-moz-box-shadow: 2px 3px 9px 3px #7d7c7d;
		-webkit-box-shadow: 2px 3px 9px 3px #7d7c7d;
	box-shadow: 2px 3px 9px 3px #7d7c7d;
}
#header-pitch span {
	margin-left: 20px;
	color: #2e2e2e!important;
}
/*^^--**--------------------------^^--**
BANNER
^^--**----------------------------^^--**/
#banner {
	width: 100%;
	height: 446px;
	background: url(../images/banner-bg.png) repeat-x 0 0;	
}
#featured-video {
	width: 61.3%;
	padding: 27px 0 0 2.7%;
	float: left;
}
#featured-video iframe {
	width: 100%;
	z-index: 2;
}
#banner aside{
	width: 32.5%;
	padding: 40px 0 0 3.5%;
	float: right;
}
#banner aside h2 {
	font: 2.25em/1.3em 'HelveticaNeueLTStdLtCnRegular', helvetica, arial, sans-serif;
	color: #fff;
	padding: 0 8% 20px 0;
}
#banner aside a {
	background: url(../images/sign-button-sprite.png) no-repeat 0 0;
	width: 96%;
	height: 44px;
	padding-top: 6px;
	display: block;
	text-align: center;
	font: 1.875em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#banner aside a span {
	margin-left: -6%;
		-webkit-transition: all 300ms ease 200ms;
		-moz-transition: all 300ms ease 200ms;
	transition: all 300ms ease 200ms;
}
#banner aside a span:hover {
	color: #ccc;
}
/*^^--**--------------------------^^--**
NAVIGATION
^^--**----------------------------^^--**/
#main-nav  {
	background: #373636;
	width: 100%;
	height: 45px;
}
#main-nav  ul {
	float: left;
	width: 60%;
}
#main-nav aside {
	display: none;
}
#main-nav aside a{
	float: left;
	color: #db1eba;
	font-size: 1.25em;
	line-height: 2.5em;
	padding: 0 2%;
	text-decoration: none;
}
#main-nav ul li {
	display: inline;
	padding: 8px 2% 14px;
	font-size: 1.25em;
	line-height: 2em;
	color: #fff;
	text-transform: uppercase;
		-webkit-transition: all 300ms ease 0s;
		-moz-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}
#main-nav ul li a {
	color: #fff;
	text-decoration: none;
}
#main-nav ul li:hover,
#main-nav ul li.current-menu-item {
	background: #7d7c7d;
}
#contact {
	cursor: pointer!important;
}
.contact-info:hover, 
.contact-info a:hover{
	color: #fff!important;
	background: none!important;
}

/*^^--**--------------------------^^--**
MAIN
^^--**----------------------------^^--**/
#main {
	width: 100%;
}
#left-column {
	width: 49%;
	float: left;
}
#right-column {
	float: right;
	width: 41%;
}
#social-buttons {
	margin-top: 30px;
	height: 60px;
}
#fb {
	margin-right: 7%;
}
.s-button {
	float: right;
	width: 18%;
	padding: 0 5%;
}
#upper-right {
	margin-bottom: 55px;
}
.page-block {
	width: 100%;
	position: relative;
	margin-top: 30px;
}
.page-block header {
	position: absolute;
	top: 8px;
	padding: 0 8% 0 4%;
	z-index: 2;
	left: 2%;
	transform: skew(-20deg);
		-ms-transform: skew(-20deg); /* IE 9 */
		-webkit-transform: skew(-20deg); /* Safari and Chrome */
		-o-transform: skew(-20deg); /* Opera */
		-moz-transform: skewX(-20deg); /* Firefox */	
	background: #464747;
	height: 41.5px;
}	
.ribbon-left {
	float: left;
	width: 0;
	height: 0;
	border-top: 32px solid #7d7c7d;
	border-left: 25px solid transparent;
	margin-top: 48px;
}
.page-block header h2 {
	float: left;
	color: #fff;
	font: 1.5em/1.6em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	position: relative;
	transform: none!important;
	transform: skew(20deg);
		-ms-transform: skew(20deg); /* IE 9 */
		-webkit-transform: skew(20deg); /* Safari and Chrome */
		-o-transform: skew(20deg); /* Opera */
		-moz-transform: skewX(20deg); /* Firefox */	
}
.page-block article{
	width: 83%;
	padding: 80px 5.5% 22px;
	margin-left: 6.0%;
	border: 1px solid #acacac;
	position: relative;
}
#left-column .page-block article {
	margin-left: 5%;
}
.page-block article p {
	font-size: 1.125em;
	padding-bottom: 20px;
}
.page-block article p:last-child {
	padding-bottom: 0;
}
.page-block article h3 {
	font: 1.125em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	padding-bottom: 15px;
}
#expand-button {
	background: url(../images/expand-button.png) no-repeat 0 0;
	position: absolute;
	right: 1%;
	top: 120px;
	display: block;
	width: 9%;
	border: 0;
	height: 35px;
}
#top10-list {
	padding: 20px 0;
	list-style-type: decimal;
	margin-left: 5%;
	color: #db1eba;
	display: none;
}
#top10-list li {
	padding: 5px 0;
}
#top10-list li span{
	color: #454545;
}
#recent-posts {
	padding-bottom: 20px;
}
#recent-posts li {
	clear: both;
	padding: 8px 0;
}
#recent-posts li a {
	text-decoration: none;
	color: #454545;
}
.date {
	float: left;
	color: #db1eba;
	font-family: 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
}
#recent-posts li a p{
	width: 75%;
	float: right;
}
#recent-posts li a p:hover {
	text-decoration: underline;
}
/*^^--**--------------------------^^--**
SLIDESHOW
^^--**----------------------------^^--**/
#slideshow {
	width: 90%;
	height: 281px;
	float: right;
	border: 8px solid #7d7c7d;
	margin: 40px 1% 40px 0;
}
#slideshow figure {
	position: relative;
}
#slideshow figure img {
	min-width: 100%;
	height: 100%;
}
#slideshow figure figcaption {
	position: absolute;
	bottom: 0;
	color: #fff;
	padding: 8px 5% 8px;
	margin: 0;
	background: url(../images/figcaption-bg.png) 0 0;
}
.bx-pager {
	width: 100%;
	margin: 25px 0;
	padding-left: 40%;
}
.bx-pager a.pager-link {
	background: url(../images/pager-button-active.png) no-repeat 0 0;
	width: 23px;
	height: 23px;
	display: block;
	float: left;
	padding: 0 5px;
}
.pager-active {
	background: url(../images/pager-buttons.png) no-repeat 0 0!important;
}
/*^^--**--------------------------^^--**
FOOTER
^^--**----------------------------^^--**/
#footer {
	background: url(../images/footer-bg.png) 0 0;
	width: 100%;
	height: 346px;
	padding-top: 10px;
	margin-top: 50px;
}
#footer-form {
	width: 42%;
	position: relative;
	float: right;
}
#form-container {
	background: rgb(74, 76, 79); /* fallback */
    background: rgba(125, 124, 125, 0.5); 
	border: 0;
}
#form-fieldset input {
	width: 51%;
	padding: 5px 0 5px 3%;
	margin-bottom: 9px;
}
#mailing {
	width: 8%!important;
	height: 17px!important;
	margin-bottom: 0!important;
}
#form-fieldset label {
	color: #fff;
}
#form-submit {
	background: url(../images/form-submit-sprite.png) no-repeat 0 0;
	position: absolute;
	display: block;
	width: 42.5%!important;
	height: 40px!important;
	right: 0;
	bottom: 30px;
	padding: 0 0 7px 0!important;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	font: 1.5em/.2em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
}
#form-submit:hover {
	background-position: 0 -45px;
}
#footer-form footer {
	position: absolute;
	width: 42.5%!important;
	font-family: 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	top: 30%;
	right: 0;
	font-size: 1.125em;
	color: #fff;
}
#footer-nav {
	padding-bottom: 50px;
}
#footer-nav ul li {
	display: inline;
	padding: 0 5%;
	font: 1.5em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	border-right: 1px solid #db1eba;
}
#footer-nav ul li:last-child {
	padding-right: 0;
	border-right: 0;
}
#menu-item-46, 
#menu-item-60 {
	background: none;
	border: none;
	box-shadow: none;
	text-shadow: none;
}
#footer-nav ul li a {
	text-decoration: none;
	color: #fff;
		-webkit-transition: all 300ms ease 0s;
		-moz-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}
#footer-nav ul li a:hover {
	color: #db1eba;
}
#credits {
	width: 80%;
	padding: 30px 10% 0 10%;
	height: 290px;
	overflow: none;
	position: relative;
}
#credits p {
	padding-left: 5%;
	color: #fff;
	line-height: 1.2em;
}
#credits p a {
	text-decoration: none;
	color: #db1eba;
}
#credits p a:hover {
	text-decoration: underline;
}
#credits footer {
	position: absolute;
	bottom: 0;
	left: 5%;
	display: block;
	width: 100%;
}
#hide {
	float: left;
	width: 10%;
}
#credits header aside {
	width: 20%;
	position: absolute;
	top: 30px;
	right: 8%;
	display: none;
}
#credits aside a {
	display: block;
	color: #db1eba;
	font: 1.3em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	text-decoration: none;
}
#credits footer span {
	width: 100%;
	color: #fff;
}
#disclaimers aside{
	margin: 0 auto 20px;
	border: 1px solid #db1eba;
	text-align: center;
	width: 50%;
	display: block;
	padding: 5px 2%;
}
#credit-sentences {
	margin-bottom: 10px;
	margin-top: -20px;
}

/*^^--**--------------------------^^--**
INNER PAGE
^^--**----------------------------^^--**/
#inner-page-header{
	margin-top: 35px;
		-moz-box-shadow: 2px 3px 9px 3px #7d7c7d;
		-webkit-box-shadow: 2px 3px 9px 3px #7d7c7d;
	box-shadow: 1px 1px 4px 0 #7d7c7d;
	width: 40%;
}
#inner-page-header h1 {
	font: 1.8em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	text-transform: uppercase;
	text-shadow: -1px 1px 2px #ccc;
	padding: 20px 0;
	text-align: center;
}
#inner-page-header h2 {
	float: left;
	height: 41.5px;
	background: #464747;
	color: #db1eba;
	font: 1.5em/1.9em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	padding: 0 5% 0 1%;
	position: relative;	
}
#main-page-content {
	margin: 30px auto;
	
}
#articles {
	margin: 50px auto;
	width: 75%;
}
#articles article {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
#articles article h2 {
	margin-top: 20px;
}
#articles article h2 a{
	color: #fff;
	text-decoration: none;
}




.share-inner {
	width: 100%;
	clear: both;
	height: 20px;
}
#articles .ribbon-left {
	float: left;
	width: 0;
	height: 0;
	border-top: 32px solid #7d7c7d;
	border-left: 25px solid transparent;
	margin-top: 48px;
}
.article-source {
	position: absolute;
	top: 8px;
	padding: 0 8% 0 4%;
	z-index: 2;
	left: 1%;
	transform: skew(-20deg);
		-ms-transform: skew(-20deg); /* IE 9 */
		-webkit-transform: skew(-20deg); /* Safari and Chrome */
		-o-transform: skew(-20deg); /* Opera */
		-moz-transform: skewX(-20deg); /* Firefox */	
	
	background: #464747;
	height: 41.5px;
}
.article-source cite {
	float: left;
	color: #fff;
	font: 1.5em/1.6em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	position: relative;
	transform: skew(20deg);
		-ms-transform: skew(20deg); /* IE 9 */
		-webkit-transform: skew(20deg); /* Safari and Chrome */
		-o-transform: skew(20deg); /* Opera */
		-moz-transform: skewX(20deg); /* Firefox */	
}
.article-source cite a {
	color: #999;
		-webkit-transition: all 300ms ease 0s;
		-moz-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}
.article-source cite a:hover {
	color: #db1eba;
}
.article-source cite span {
	color: #999;
	font-size: .75em;
}
		
#articles article header {
	width: 85%;
	margin-left: 3.3%;
	background: #e0e1f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e1f0 0%, #e9e9e9 14%, #e9e9e9 19%, #828282 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e1f0), color-stop(14%,#e9e9e9), color-stop(19%,#e9e9e9), color-stop(100%,#828282)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0e1f0 0%,#e9e9e9 14%,#e9e9e9 19%,#828282 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0e1f0 0%,#e9e9e9 14%,#e9e9e9 19%,#828282 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0e1f0 0%,#e9e9e9 14%,#e9e9e9 19%,#828282 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0e1f0 0%,#e9e9e9 14%,#e9e9e9 19%,#828282 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e1f0', endColorstr='#828282',GradientType=0 ); /* IE6-9 */
	font: 1.5em/1.2em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	color: #fff;
	padding: 50px 5% 10px;
	text-transform: uppercase;
}
.meta-data {
	width: 88%;
	padding: 3px 6%;
	background: #454545;
	color: #ccc;
	margin-bottom: 10px;
	font-weight: bold;
}
time {
	color: #b4a2a2;!important;
}
#articles article p {
	width: 92%;
	padding: 5px 5% 0 3%;
	font-size: 1.1em;
	line-height: 1.3em;
}
.source {
	padding: 20px 0 10px;
}
.source a:hover {
	text-decoration: underline;
}
.hor-line {
	width: 100%%;
	margin: 20px auto 0;
		-webkit-box-shadow: 2px 2px 4px 3px #ccc;
		-moz-box-shadow: 2px 2px 4px 3px #ccc;
	box-shadow: 1px 1px 2px 1px #ccc;
}
.show-comments {
	background: #e8ebf2;
	padding: 3px 1%;
	border: 1px solid #b9c1ec;
	width: 25%;
	cursor: pointer;	
	text-align: center;
	color: #00abec;
}
.show-comments:hover {
	border: 1px solid #00abec;
}
.comments {
	display: none;
	margin-top: 20px;
}
/*^^--**--------------------------^^--**
FORMS
^^--**----------------------------^^--**/
#banner .dk-speakup-widget-button {
	border: 0!important;
	box-shadow: none!important;
}
#disclaimers .dk-speakup-widget-wrap {
	z-index:-999!important;
}
#dk-speakup-petition-1 {
	display: none;
}


/*^^--**--------------------------^^--**
VIDEO GENIE
^^--**----------------------------^^--**/
#bottom-section {
	width: 83%;
	margin: 25px auto 0;
	clear: both;
}
#bottom-section aside {
	font: 1.3em 'HelveticaNeueLTStdBold', helvetica, arial, sans-serif;
	text-shadow: 1px 3px 5px #999;
	color: #514f51;
	border: 3px solid #db1eba;
	float: right;
	text-align: center;
	height: 164px;
	width: 40%;
	padding: 50px 4% 20px;
	margin-right: 1%;
}
#bottom-section .page-block article{
	margin-left: 3%;
	width: 80%;

}
#bottom-section .page-block header {
	left: .98%;
}	
#video-genie {
	float: left;
	margin-left: 1%;
}
#start-record {
	margin-left: 1%;
}
.dk-speakup-widget-message p,
.dk-speakup-widget-message-wrap,
.dk-speakup-widget-message{
	color: #000!important;
}





/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/





/*^^--**--------------------------^^--**
SMARTPHONES
^^--**----------------------------^^--**/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

.container {
	max-width: 480px;
	min-width: 320px;
	margin: 0;
	padding: 0;
}
#sheldonFace {
	float: right;
	width: 15%;
}
#main-nav  {
	display: none;
}
.responsive-off{
	display: none;
}
.responsive-on {
	display: block;
}
#left-column {
	width: 100%;
	padding: 0;
	display: block;
}
#slideshow {
	display: none;
}
#right-column {
	display: block;
	width: 100%;
	padding: 0;
}
/* HEADER */
#header {
	width: 100%;
	height: auto;
	padding: 0;
	background: #fff;
	clear: both;
}
#header hgroup {
	display: block;
	width: 90%;
	position: relative;
	padding-bottom:5px;
}
#logo {
	float: left;
	width: 30%;
	display: block;
}
#header h1 {
	font: 2em/.8em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	text-transform: uppercase;
	text-shadow: -1px -1px 1px #db1eba;
	width: 65%;
	display: block;
	height: 50px;
	position: absolute;
	top: 5px; 
	left: 30%;
}
#header h1 span {
	font-family: 'HelveticaNeueLTStdLtCnRegular', helvetica, arial, sans-serif!important;
	padding-left: -10%;
}
#header-pitch {
	display:none;
}
#header-pitch:hover {
	background: #db1eba;
}
#header-pitch span {
	margin:0
}

/* BANNER*/
#banner {
	width: 100%;
	background: #454545;	
	height: auto;
	border: 0;
	clear: both;
}
#featured-video {
	margin-top: 0;
	width: 100%;
	padding: 0;
	display: block;
}
#featured-video iframe {
	width: 100%;
}
#banner aside{
	width: 100%;
	padding-top:0;
	display: block;
}
#banner aside h2 {
	font-size: 1.2em;
}
#banner aside h2 .responsive-on {
	display: block;
}
#banner aside a {
	display: none;
}
/* MAIN */
#expand-button {
	background: url(../images/expand-button.png) no-repeat 0 0;
	position: absolute;
	right: 3%;
	top: 55px;
	display: block;
	width: 11%;
	border: 0;
	height: 35px;
}
#upper-right {
	margin-bottom: 0;
}
.page-block {
	width: 100%;
	margin-top: 0;
}
.page-block header {
	display: block;
	width: 100%;
	background: #464747;
	position: relative;
	clear: both;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 0;
}
.share-inner {
	display: none;
}	
.ribbon-left,
.ribbon-right {
	display: none;
}
.page-block header h2 {
	color: #fff;
	width: 100%;
	background: #464747;
	font: 1.5em/1.6em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	padding: 0;
	height: auto;
	text-align: center;
}
.page-block article, 
#form-container {
	width: 90%;
	padding: 15px 5%;
	border: 0;
	clear: both;
	margin-left: 0;
}
/* footer */
#footer {
	height: auto;
	margin: 0;
	padding: 0;
}
#footer-form, 
#credits header{
	display: none;
}
#credits {
	width: 97%;
	display: block;
	padding-left: 3%;
	padding-top: 5px;
}
#credits footer {
	position: relative;
	padding-top: 10px;
	width: 80%;
	margin: 0;
	padding: 0;
}
#credits p {
	padding: 3px 3% 3px 0;
}
#disclaimers aside {
	width: 96%;
}

/* NAVIGATION */
#mobile-nav {
	height: auto;
	padding: 3px 0;
	width: 100%;
	background: #454545;
	position: fixed;
	bottom: 0;
	z-index: 10;
}
#mobile-nav ul li {
	width: 21%;
	height: 28px;
	float: left;
	display: block;
	background: #db1eba;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
	color: #fff;
	font-size: .675em;
	text-align: center;
	padding: 10px 2% 10px;
}
#home { background: #999 url(../images/mobile-nav-sprite.png) no-repeat 50% 0; }
#blog { background: #999 url(../images/mobile-nav-sprite.png) no-repeat 50% -66px; }
#email1 { background: #999 url(../images/mobile-nav-sprite.png) no-repeat 50% -128px; }
#email2 { background: #999 url(../images/mobile-nav-sprite.png) no-repeat 50% -184px;}

#mobile-nav ul li a{
	text-decoration: none;
	color: #fff;
}
#mobile-nav ul li:last-child {
	border-right: 0;
}

.bottomcontainerBox,
#inner-page-header, 
#inner-page-header h2, 
.show-comments
{
	display: none;
}
#articles {
	width: 100%;
}
#social-buttons {
	display: none;
}

#dk-speakup-petition-1 {
	display: block;
	border: 0;
	margin: 0;
	padding-bottom: 30px;
	width: 100%:
}
#dk-speakup-petition-1 h3 {
	color: #fff;
	width: 100%;
	background: #464747;
	font: 1.5em/1.6em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	padding: 0;
	height: auto;
	text-align: center;
	margin-bottom: 10px;
}
#dk-speakup-petition-1 .dk-speakup-half, 
#dk-speakup-petition-1 .dk-speakup-full{
	display: block;
	clear: both;
	margin-bottom: 5px!important;
}
#dk-speakup-petition-1 .dk-speakup-submit-wrap {
	padding: 5px 0;
	width: 100%;
	background: #db1eba;
	color: #000;
	font-size: 1.3em;
	text-align: center;
	text-transform: uppercase;
}
#dk-speakup-petition-1 .dk-speakup-share {
	display: none;
}















}

/*^^--**--------------------------^^--**
TABLETS
^^--**----------------------------^^--**/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.container {
	max-width: 768px;
	min-width:400px;
	margin: 0 auto;
}
#header-pitch span {
	margin-left: 20px;
	margin-top: 10px;
	color: #2e2e2e!important;
}
#header-pitch {
	margin-top: 40px;
	float: right;
	background: #fff url(../images/play-button.png) no-repeat 93% 50%;
	padding: 5px 0;
	width: 45%;
		-webkit-transition: all 300ms ease 200ms;
		-moz-transition: all 300ms ease 200ms;
	transition: all 300ms ease 200ms;
		-moz-box-shadow: 3px 3px 6px #ccc;
		-webkit-box-shadow: 3px 3px 6px #ccc;
	box-shadow: 3px 3px 6px #ccc;
	font: 1.5em 'HelveticaNeueLTStdBold', helvetica, arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #2e2e2e;
	text-shadow: none!important;
	border: none!important;
}
#banner aside h2 {
	font: 2.0em/1.2em 'HelveticaNeueLTStdLtCnRegular', helvetica, arial, sans-serif;
	color: #fff;
	padding: 0 8% 20px 0;
}

#banner aside a span {
	margin-left: 2%;
		-webkit-transition: all 300ms ease 200ms;
		-moz-transition: all 300ms ease 200ms;
	transition: all 300ms ease 200ms;
}
#main-nav  ul {
	float: left;
	width: 70%;
}
#top-ten {
	padding-right:1%;
}
#footer-nav ul li {
	display: inline;
	padding: 0 5%;
	font: 1.3em 'HelveticaNeueLTStdCnBold', helvetica, arial, sans-serif;
	border-right: 1px solid #db1eba;
}
#credits {
	width: 92%;
	padding: 30px 0 0 3%;
	height: 290px;
	overflow: none;
	position: relative;
}
#credits aside {
	float: right;
	margin-top: -40px;
	margin-right: 11%;
	display: none;
}
#disclaimers aside{
	margin: 10px auto 20px;
	border: 1px solid #db1eba;
	text-align: center;
	float: left;
	width: 50%;
	display: block;
	padding: 5px 2%;
}
#right-column {
	float: right;
	width: 45%;
	padding-right: 2%;
}
#home-video {
	width: 85%;
	margin-top: 30px;
	padding-left: 10%;
	text-align: center;
}
#banner aside{
	width: 35%;
	padding: 40px 0 0 .5%;
	float: left;
}
#featured-video {
	width: 61.3%;
	padding: 27px 0 0 1%;
	float: left;
}

}