/*

Theme Name: Roku v3.1
Theme URI: http://roku.com/

Description: Roku Company Theme

Author: Roku, Inc.

Version: 3.1

*/





/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	background: transparent;

	border: 0;

	margin: 0;

	padding: 0;

	vertical-align: baseline;

}

body {

	line-height: 1;

}

h1, h2, h3, h4, h5, h6 {

	clear: both;

	font-weight: normal;

}

ol, ul {

	list-style: none;

}

blockquote {

	quotes: none;

}

blockquote:before, blockquote:after {

	content: '';

	content: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a img {

	border: none;

}


/*
Custom Typography
--------------------------------------------------
*/
@font-face {
	font-family: 'Glyphicons Roku';
	src:url('https://www.roku.com/fonts/glyphicons-roku.eot');
	src:url('https://www.roku.com/fonts/glyphicons-roku.eot') format('embedded-opentype'),
		url('https://www.roku.com/fonts/glyphicons-roku.woff') format('woff'),
		url('https://www.roku.com/fonts/glyphicons-roku.ttf') format('truetype'),
		url('https://www.roku.com/fonts/glyphicons-roku.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'GothamBook';
    src:url('fonts/Gotham-Book.eot');
    src:url('fonts/Gotham-Book.eot') format('embedded-opentype'),
		url('fonts/Gotham-Book.woff') format('woff'),
    	url('fonts/Gotham-Book.ttf') format('truetype'),
        url('fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.glyphicon:after, .glyphicon:before {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Roku';
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon-roku:before {
	content: "\e600";
}
.glyphicon-smallcheck:before {
	content: "\e601";
}
.glyphicon-check:before {
	content: "\e602";
}
.glyphicon-no-risk:before {
	content: "\e603";
}
.glyphicon-free-shipping:before {
	content: "\e604";
}
.glyphicon-close:before {
	content: "\e605";
}
.glyphicon-play:before {
	content: "\e606";
}
.glyphicon-roku-blog:before {
	content: "\e607";
}
.glyphicon-youtube:before {
	content: "\e608";
}
.glyphicon-bbb:before {
	content: "\e609";
}
.glyphicon-home:before {
	content: "\e60a";
}
.glyphicon-headphones:before {
	content: "\e60b";
}
.glyphicon-connection:before {
	content: "\e60c";
}
.glyphicon-location:before {
	content: "\e60d";
}
.glyphicon-location2:before {
	content: "\e60e";
}
.glyphicon-mobile:before {
	content: "\e60f";
}
.glyphicon-tablet:before {
	content: "\e610";
}
.glyphicon-tv:before {
	content: "\e611";
}
.glyphicon-heart:before {
	content: "\e612";
}
.glyphicon-chat:before {
	content: "\e613";
}
.glyphicon-comment:before {
	content: "\e614";
}
.glyphicon-camera:before {
	content: "\e615";
}
.glyphicon-checkmark:before {
	content: "\e616";
}
.glyphicon-rss:before {
	content: "\e624";
}
.glyphicon-instagram:before {
	content: "\e625";
}
.glyphicon-linkedin:before {
	content: "\e626";
}
.glyphicon-rss-email:before {
	content: "\e627";
}
.glyphicon-arrow-left-sm:before, .glyphicon-chevron-left-sm:before {
	content: "\e617";
}
.glyphicon-arrow-down-sm:before, .glyphicon-chevron-down-sm:before {
	content: "\e618";
}
.glyphicon-arrow-up-sm:before, .glyphicon-chevron-up-sm:before {
	content: "\e619";
}
.glyphicon-arrow-right-sm:before, .glyphicon-chevron-right-sm:before {
	content: "\e61a";
}
.glyphicon-arrow-left:before, .glyphicon-chevron-left:before {
	content: "\e61b";
}
.glyphicon-arrow-down:before, .glyphicon-chevron-down:before {
	content: "\e61c";
}
.glyphicon-arrow-up:before, .glyphicon-chevron-up:before {
	content: "\e61d";
}
.glyphicon-arrow-right:before, .glyphicon-chevron-right:before {
	content: "\e61e";
}
.glyphicon-vimeo:before {
	content: "\e61f";
}
.glyphicon-twitter:before {
	content: "\e620";
}
.glyphicon-facebook:before {
	content: "\e621";
}
.glyphicon-googleplus:before {
	content: "\e622";
}
.glyphicon-pinterest:before {
	content: "\e623";
}
.glyphicon-star:before {
	content: "\e006";
}
.glyphicon-shopping-cart:before {
	content: "\e116";
	padding-top: 5px;
	top: -4px;
}

.glyphicon-roku-after:after {
	content: "\e600";
}
.glyphicon-smallcheck-after:after {
	content: "\e601";
}
.glyphicon-check-after:after {
	content: "\e602";
}
.glyphicon-no-risk-after:after {
	content: "\e603";
}
.glyphicon-free-shipping-after:after {
	content: "\e604";
}
.glyphicon-close-after:after {
	content: "\e605";
}
.glyphicon-play-after:after {
	content: "\e606";
}
.glyphicon-roku-blog-after:after {
	content: "\e607";
}
.glyphicon-youtube-after:after {
	content: "\e608";
}
.glyphicon-bbb-after:after {
	content: "\e609";
}
.glyphicon-home-after:after {
	content: "\e60a";
}
.glyphicon-headphones-after:after {
	content: "\e60b";
}
.glyphicon-connection-after:after {
	content: "\e60c";
}
.glyphicon-location-after:after {
	content: "\e60d";
}
.glyphicon-location2-after:after {
	content: "\e60e";
}
.glyphicon-mobile-after:after {
	content: "\e60f";
}
.glyphicon-tablet-after:after {
	content: "\e610";
}
.glyphicon-tv-after:after {
	content: "\e611";
}
.glyphicon-heart-after:after {
	content: "\e612";
}
.glyphicon-chat-after:after {
	content: "\e613";
}
.glyphicon-comment-after:after {
	content: "\e614";
}
.glyphicon-camera-after:after {
	content: "\e615";
}
.glyphicon-checkmark-after:after {
	content: "\e616";
}
.glyphicon-arrow-left-sm-after:after, .glyphicon-chevron-left-sm-after:after {
	content: "\e617";
}
.glyphicon-arrow-down-sm-after:after, .glyphicon-chevron-down-sm-after:after {
	content: "\e618";
}
.glyphicon-arrow-up-sm-after:after, .glyphicon-chevron-up-sm-after:after {
	content: "\e619";
}
.glyphicon-arrow-right-sm-after:after, .glyphicon-chevron-right-sm-after:after {
	content: "\e61a";
}
.glyphicon-arrow-left-after:after, .glyphicon-chevron-left-after:after {
	content: "\e61b";
}
.glyphicon-arrow-down-after:after, .glyphicon-chevron-down-after:after {
	content: "\e61c";
}
.glyphicon-arrow-up-after:after, .glyphicon-chevron-up-after:after {
	content: "\e61d";
}
.glyphicon-arrow-right-after:after, .glyphicon-chevron-right-after:after {
	content: "\e61e";
}
.glyphicon-vimeo-after:after {
	content: "\e61f";
}
.glyphicon-twitter-after:after {
	content: "\e620";
}
.glyphicon-facebook-after:after {
	content: "\e621";
}
.glyphicon-googleplus-after:after {
	content: "\e622";
}
.glyphicon-pinterest-after:after {
	content: "\e623";
}
.glyphicon-star-after:after {
	content: "\e006";
}
.glyphicon-shopping-cart-after:after {
	content: "\e116";
}
.glyphicon-rss-after:after {
	content: "\e624";
}
.glyphicon-instagram-after:after {
	content: "\e625";
}
.glyphicon-linkedin-after:after {
	content: "\e626";
}
.glyphicon-rss-email-after:after {
	content: "\e627";
}

/* =Layout

-------------------------------------------------------------- */



/*

LAYOUT: Two columns

DESCRIPTION: Two-column fixed layout with one sidebar right of content

*/



#container {

	/*float: left;

	margin: 0 -290px 0 0;

	width: 100%;
	width: 68%; */

max-width: 1400px;
margin: 0 auto;
}

#content {

	/*margin: 0 280px 0 20px;*/
	width: 100%;

}

#primary,

#secondary {

	float: right;

	overflow: hidden;

	width: 258px;

	/*margin-right: 20px;*/

	z-index: 10;

}

#secondary {

	clear: right;

}

#footer {

	clear: both;

	width: 100%;

}



/*

LAYOUT: One column, no sidebar

DESCRIPTION: One centered column with no sidebar

*/



.one-column #content {

	margin: 0 auto;

	width: 640px;

}



/*

LAYOUT: Full width, no sidebar

DESCRIPTION: Full width content with no sidebar; used for attachment pages

*/



.single-attachment #content {

	margin: 0 auto;

	width: 900px;

}





/* =Fonts

-------------------------------------------------------------- */

html { font-size: 62.5%; }
body,

input,

textarea,

.page-title span,

.pingback a.url

{
	font-size: 18px;
	font-size: 1.8rem;
	font-family: 'GothamBook',Helvetica, Arial, sans-serif;
}

h3#comments-title,

h3#reply-title,

#access .menu,

#access div.menu ul,

#cancel-comment-reply-link,

.form-allowed-tags,

#site-info,

#site-title,

#wp-calendar,

.comment-meta,

.comment-body tr th,

.comment-body thead th,

.entry-content label,

.entry-content tr th,

.entry-content thead th,

.entry-meta,

.entry-title,

.entry-utility,

#respond label,

.navigation,

.page-title,

.pingback p,

.reply,

.widget-title,

.wp-caption-text {
	font-family: 'GothamBook', arial, helvetica, sans-serif;
}

input[type=submit] {
	font-family: 'GothamBook', arial, helvetica, sans-serif;
}

pre {
	font-family: 'GothamBook', arial, helvetica, sans-serif;
}

code {
	font-family: 'GothamBook', arial, helvetica, sans-serif;
}





/* =Structure

-------------------------------------------------------------- */



/* The main theme structure */

#access .menu-header,

div.menu,

#colophon,

#branding,

#main,

#wrapper {

	margin: 0 auto;

	width: 100%;

}

#wrapper {

	/*border-bottom: solid 2px gainsboro;

	margin-top: 0px;

	padding: 0px 3px;*/
	overflow: hidden;

}



/* Structure the footer area */

#footer-widget-area {

	overflow: hidden;

}

#footer-widget-area .widget-area {

	float: left;

	margin-right: 20px;

	width: 220px;

}

#footer-widget-area #fourth {

	margin-right: 0;

}

#site-info {

	float: left;

	font-size: 14px;
	font-size: 1.4rem;

	font-weight: bold;

	width: 700px;

}

#site-generator {

	float: right;

	width: 220px;

}





/* =Global Elements

-------------------------------------------------------------- */



/* Main global 'theme' and typographic styles */

body,

input,

textarea {

	color: #666;

	font-size: 12px;
	font-size: 1.2rem;

	line-height: 18px;
	line-height: 1.8rem;

}

hr {

	background-color: #e7e7e7;

	border: 0;

	clear: both;

	height: 1px;

	margin-bottom: 18px;

}



/* Text elements */

p {

	margin-bottom: 18px;

}

ul {

	list-style: square;

	margin: 0 0 18px 1.5em;

}

ol {

	list-style: decimal;

	margin: 0 0 18px 1.5em;

}

ol ol {

	list-style: upper-alpha;

}

ol ol ol {

	list-style: lower-roman;

}

ol ol ol ol {

	list-style: lower-alpha;

}

ul ul,

ol ol,

ul ol,

ol ul {

	margin-bottom: 0;

}

dl {

	margin: 0 0 24px 0;

}

dt {

	font-weight: bold;

}

dd {

	margin-bottom: 18px;

}

strong {

	font-weight: bold;

}

cite,

em,

i {

	font-style: italic;

}

big {

	font-size: 131.25%;

}

ins {

	background: #ffc;

	text-decoration: none;

}

blockquote {

	font-style: italic;

	padding: 0 3em;

}

blockquote cite,

blockquote em,

blockquote i {

	font-style: normal;

}

pre {

	background: #f7f7f7;

	color: #222;

	line-height: 18px;

	margin-bottom: 18px;

	padding: 1.5em;

}

abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

sup,

sub {

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}

input[type="text"],

textarea {

	background: #f9f9f9;

	border: 1px solid #ccc;

	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

	padding: 2px;

}

a:link {

	color: #0066cc;

}

a:visited {

	color: #743399;

}

a:active,

a:hover {

	color: #ff4b33;

}



/* Text meant only for screen readers */

.screen-reader-text {

	position: absolute;

	left: -9000px;

}





/* =Header

-------------------------------------------------------------- */



#header {



	/*padding: 0px 0 10px 0;

	position: relative; */

	

}

#site-title {

	float: left;

	font-size: 30px;
	font-size: 3rem;

	line-height: 36px;
	line-height: 3.6rem;

	margin: 18px 0 18px 0;

	width: 700px;

	display: none;

}



#site-title a {

	color: #000;

	font-weight: bold;

	text-decoration: none;

}

#site-description {

	clear: right;

	float: right;

	font-style: italic;

	margin: 15px 0 18px 0;

	width: 220px;

}



/* This is the custom header image */

#branding img {

	display: block;

	float: left;

	margin-top: 10px;

}





/* =Menu

-------------------------------------------------------------- */



#access {

	background: #000;

	display: block;

	float: left;

	margin: 0 auto;

	width: 940px;

}

#access .menu-header,

div.menu {

	font-size: 13px;
	font-size: 1.3rem;

	margin-left: 12px;

	width: 928px;

}

#access .menu-header ul,

div.menu ul {

	list-style: none;

	margin: 0;

}

#access .menu-header li,

div.menu li {

	float: left;

	position: relative;

}

#access a {

	color: #aaa;

	display: block;

	line-height: 38px;

	padding: 0 10px;

	text-decoration: none;

}

#access ul ul {

	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	display: none;

	position: absolute;

	top: 38px;

	left: 0;

	float: left;

	width: 180px;

	z-index: 99999;

}

#access ul ul li {

	min-width: 180px;

}

#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	background: #333;

	line-height: 1em;

	padding: 10px;

	width: 160px;

	height: auto;

}

#access li:hover > a,

#access ul ul :hover > a {

	background: #333;

	color: #fff;

}

#access ul li:hover > ul {

	display: block;

}

#access ul li.current_page_item > a,

#access ul li.current-menu-ancestor > a,

#access ul li.current-menu-item > a,

#access ul li.current-menu-parent > a {

	color: #fff;

}

* html #access ul li.current_page_item a,

* html #access ul li.current-menu-ancestor a,

* html #access ul li.current-menu-item a,

* html #access ul li.current-menu-parent a,

* html #access ul li a:hover {

	color: #fff;

}





/* =Content

-------------------------------------------------------------- */



#main {

	clear: both;

	overflow: hidden;

	/* padding: 20px 0 0 0; */

}

#content {

	margin-bottom: 36px;

}

#content,

#content input,

#content textarea {

	color: #333;

	font-size: 16px;
	font-size: 1.6rem;

	line-height: 24px;
	line-height: 2.4rem;

}

#content p,

#content ul,

#content ol,

#content dd,

#content pre,

#content hr {

	margin-bottom: 24px;

}

#content ul ul,

#content ol ol,

#content ul ol,

#content ol ul {

	margin-bottom: 0;

}

#content pre,

#content kbd,

#content tt,

#content var {

	font-size: 15px;
	font-size: 1.5rem;

	line-height: 21px;
	line-height: 2.1rem;

}

#content code {

	font-size: 13px;
	font-size: 1.3rem;

}

#content dt,

#content th {

	color: #000;

}

#content h1,

#content h2,

#content h3,

#content h4,

#content h5,

#content h6 {

	color: #000;

	line-height: 1.5em;

	margin: 0 0 20px 0;

}

#content table {

	border: 1px solid #e7e7e7;

	margin: 0 -1px 24px 0;

	text-align: left;

	width: 100%;

}

#content tr th,

#content thead th {

	color: #888;

	font-size: 12px;
	font-size: 1.2rem;

	font-weight: bold;

	line-height: 18px;
	line-height: 1.8rem;

	padding: 9px 24px;

}

#content tr td {

	border-top: 1px solid #e7e7e7;

	padding: 6px 24px;

}

#content tr.odd td {

	background: #f2f7fc;

}

.hentry {

	margin: 0 0 48px 0;

}

.home .sticky {

	/* background: #f2f7fc;

	border-top: 4px solid #000;

	margin-left: -20px;

	margin-right: -20px;

	padding: 18px 20px; */

}

.single .hentry {

	margin: 0 0 36px 0;

}

.page-title {

	color: #000;

	font-size: 14px;
	font-size: 1.4rem;

	font-weight: bold;

	margin: 0 0 36px 0;

}

.page-title span {

	color: #333;

	font-size: 16px;
	font-size: 1.6rem;

	font-style: italic;

	font-weight: normal;

}

.page-title a:link,

.page-title a:visited {

	color: #888;

	text-decoration: none;

}

.page-title a:active,

.page-title a:hover {

	color: #ff4b33;

}

#content .entry-title {

	color: #000;

	font-size: 32px;
	font-size: 3.2rem;

	font-weight: normal;

	line-height: 3.2rem;

	margin-bottom: 0;

	/* padding-left: 80px;

	background-image: url('//blog.roku.com/wp-content/uploads/2011/05/box-bullet.png');

	background-repeat: no-repeat;

	background-position: 2px left;*/

}

.entry-title a:link,

.entry-title a:visited {

	color: #000;

	text-decoration: none;

}

.entry-title a:active,

.entry-title a:hover {

	color: #ff4b33;

}

.entry-meta {

	color: #888;

	font-size: 12px;
	font-size: 1.2rem;

}

.entry-meta abbr,

.entry-utility abbr {

	border: none;

}

.entry-meta abbr:hover,

.entry-utility abbr:hover {

	border-bottom: 1px dotted #666;

}

.entry-content,

.entry-summary {

	clear: both;

	padding: 12px 0 0 0;

	margin-right: 26px;

}

#content .entry-summary p:last-child {

	margin-bottom: 12px;

}

.entry-content fieldset {

	border: 1px solid #e7e7e7;

	margin: 0 0 24px 0;

	padding: 24px;

}

.entry-content fieldset legend {

	background: #fff;

	color: #000;

	font-weight: bold;

	padding: 0 24px;

}

.entry-content input {

	margin: 0 0 24px 0;

}

.entry-content input.file,

.entry-content input.button {

	margin-right: 24px;

}

.entry-content label {

	color: #888;

	font-size: 12px;
	font-size: 1.2rem;

}

.entry-content select {

	margin: 0 0 24px 0;

}

.entry-content sup,

.entry-content sub {

	font-size: 10px;
	font-size: 1rem;

}

.entry-content blockquote.left {

	float: left;

	margin-left: 0;

	margin-right: 24px;

	text-align: right;

	width: 33%;

}

.entry-content blockquote.right {

	float: right;

	margin-left: 24px;

	margin-right: 0;

	text-align: left;

	width: 33%;

}

.page-link {

	clear: both;

	color: #000;

	font-weight: bold;

	margin: 0 0 22px 0;

	word-spacing: 0.5em;

}

.page-link a:link,

.page-link a:visited {

	background: #f1f1f1;

	color: #333;

	font-weight: normal;

	padding: 0.5em 0.75em;

	text-decoration: none;

}

.home .sticky .page-link a {

	background: #d9e8f7;

}

.page-link a:active,

.page-link a:hover {

	color: #ff4b33;

}

body.page .edit-link {

	clear: both;

	display: block;

}

#entry-author-info {

	background: #f2f7fc;

	border-top: 4px solid #000;

	clear: both;

	font-size: 14px;
	font-size: 1.4rem;

	line-height: 20px;
	line-height: 2rem;

	margin: 24px 0;

	overflow: hidden;

	padding: 18px 20px;

}

#entry-author-info #author-avatar {

	background: #fff;

	border: 1px solid #e7e7e7;

	float: left;

	height: 60px;

	margin: 0 -104px 0 0;

	padding: 11px;

}

#entry-author-info #author-description {

	float: left;

	margin: 0 0 0 104px;

}

#entry-author-info h2 {

	color: #000;

	font-size: 100%;

	font-weight: bold;

	margin-bottom: 0;

}

.entry-utility {

	clear: both;

	color: #888;

	/*font-size: 12px;
	font-size: 1.2rem;

	line-height: 18px;
	line-height: 1.8rem;*/

}

.entry-meta a,

.entry-utility a {

	color: #888;

}

.entry-meta a:hover,

.entry-utility a:hover {

	color: #ff4b33;

}

#content .video-player {

	padding: 0;

}





/* =Asides

-------------------------------------------------------------- */



.home #content .format-aside p,

.home #content .category-asides p {

	font-size: 14px;
	font-size: 1.4rem;

	line-height: 20px;
	line-height: 2rem;

	margin-bottom: 10px;

	margin-top: 0;

}

.home .hentry.format-aside,

.home .hentry.category-asides {

	padding: 0;

}

.home #content .format-aside .entry-content,

.home #content .category-asides .entry-content {

	padding-top: 0;

}





/* =Gallery listing

-------------------------------------------------------------- */



.format-gallery .size-thumbnail img,

.category-gallery .size-thumbnail img {

	border: 10px solid #f1f1f1;

	margin-bottom: 0;

}

.format-gallery .gallery-thumb,

.category-gallery .gallery-thumb {

	float: left;

	margin-right: 20px;

	margin-top: -4px;

}

.home #content .format-gallery .entry-utility,

.home #content .category-gallery .entry-utility {

	padding-top: 4px;

}





/* =Attachment pages

-------------------------------------------------------------- */



.attachment .entry-content .entry-caption {

	font-size: 140%;

	margin-top: 24px;

}

.attachment .entry-content .nav-previous a:before {

	content: '\2190\00a0';

}

.attachment .entry-content .nav-next a:after {

	content: '\00a0\2192';

}





/* =Images

-------------------------------------------------------------- */



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

.wp-caption p.wp-caption-text {

	color: #888;

	font-size: 12px;
	font-size: 1.2rem;

	margin: 5px;

}

.wp-smiley {

	margin: 0;

}

.gallery {

	margin: 0 auto 18px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #888;

	font-size: 12px;
	font-size: 1.2rem;

	margin: 0 0 12px;

}

.gallery dl {

	margin: 0;

}

.gallery img {

	border: 10px solid #f1f1f1;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}





/* =Navigation

-------------------------------------------------------------- */



.navigation {

	color: #888;

	font-size: 12px;
	font-size: 1.2rem;

	line-height: 18px;
	font-size: 1.8rem;

	overflow: hidden;

}

.navigation a:link,

.navigation a:visited {

	color: #888;

	text-decoration: none;

}

.navigation a:active,

.navigation a:hover {

	color: #ff4b33;

}

.nav-previous {

	float: left;

	width: 50%;

}

.nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#nav-above {

	margin: 0 0 18px 0;

}

#nav-above {

	display: none;

}

.paged #nav-above,

.single #nav-above {

	display: block;

}

#nav-below {

	margin: -18px 0 0 0;

}





/* =Comments

-------------------------------------------------------------- */

#comments {

	clear: both;

}

#comments .navigation {

	padding: 0 0 18px 0;

}

h3#comments-title,

h3#reply-title {

	color: #000;

	font-size: 20px;
	font-size: 2rem;

	font-weight: bold;

	margin-bottom: 0;

}

h3#comments-title {

	padding: 24px 0;

}

.commentlist {

	list-style: none;

	margin: 0;

}

.commentlist li.comment {

	border-bottom: 1px solid #e7e7e7;

	line-height: 24px;

	margin: 0 0 24px 0;

	padding: 0 0 0 56px;

	position: relative;

}

.commentlist li:last-child {

	border-bottom: none;

	margin-bottom: 0;

}

#comments .comment-body ul,

#comments .comment-body ol {

	margin-bottom: 18px;

}

#comments .comment-body p:last-child {

	margin-bottom: 6px;

}

#comments .comment-body blockquote p:last-child {

	margin-bottom: 24px;

}

.commentlist ol {

	list-style: decimal;

}

.commentlist .avatar {

	position: absolute;

	top: 4px;

	left: 0;

}

.comment-author {

}

.comment-author cite {

	color: #000;

	font-style: normal;

	font-weight: bold;

}

.comment-author .says {

	font-style: italic;

}

.comment-meta {

	font-size: 12px;
	font-size: 1.2rem;

	margin: 0 0 18px 0;

}

.comment-meta a:link,

.comment-meta a:visited {

	color: #888;

	text-decoration: none;

}

.comment-meta a:active,

.comment-meta a:hover {

	color: #ff4b33;

}

.commentlist .even {

}

.commentlist .bypostauthor {

}

.reply {

	font-size: 12px;
	font-size: 1.2rem;

	padding: 0 0 24px 0;

}

.reply a,

a.comment-edit-link {

	color: #888;

}

.reply a:hover,

a.comment-edit-link:hover {

	color: #ff4b33;

}

.commentlist .children {

	list-style: none;

	margin: 0;

}

.commentlist .children li {

	border: none;

	margin: 0;

}

.nopassword,

.nocomments {

	display: none;

}

#comments .pingback {

	border-bottom: 1px solid #e7e7e7;

	margin-bottom: 18px;

	padding-bottom: 18px;

}

.commentlist li.comment+li.pingback {

	margin-top: -6px;

}

#comments .pingback p {

	color: #888;

	display: block;

	font-size: 12px;
	font-size: 1.2rem;

	line-height: 18px;
	line-height: 1.8rem;

	margin: 0;

}

#comments .pingback .url {

	font-size: 13px;
	font-size: 1.3rem;

	font-style: italic;

}



/* Comments form */

input[type=submit] {

	color: #333;

}

#respond {

	border-top: 1px solid #e7e7e7;

	margin: 24px 0;

	overflow: hidden;

	position: relative;

}

#respond p {

	margin: 0;

}

#respond .comment-notes {

	margin-bottom: 1em;

}

.form-allowed-tags {

	line-height: 1em;

}

.children #respond {

	margin: 0 48px 0 0;

}

h3#reply-title {

	margin: 18px 0;

}

#comments-list #respond {

	margin: 0 0 18px 0;

}

#comments-list ul #respond {

	margin: 0;

}

#cancel-comment-reply-link {

	font-size: 12px;
	font-size: 1.2rem;

	font-weight: normal;

	line-height: 18px;
	line-height: 1.8rem;

}

#respond .required {

	color: #ff4b33;

	font-weight: bold;

}

#respond label {

	color: #888;

	font-size: 12px;
	font-size: 1.2rem;

}

#respond input {

	margin: 0 0 9px;

	width: 98%;

}

#respond textarea {

	width: 98%;

}

#respond .form-allowed-tags {

	color: #888;

	font-size: 12px;
	font-size: 1.2rem;

	line-height: 18px;
	line-height: 1.8rem;

}

#respond .form-allowed-tags code {

	font-size: 11px;
	font-size: 1.1rem;

}

#respond .form-submit {

	margin: 12px 0;

}

#respond .form-submit input {

	font-size: 14px;
	font-size: 1.4rem;

	width: auto;

}





/* =Widget Areas

-------------------------------------------------------------- */

.widget-area ul {

	list-style: none;

	margin-left: 0;

}

.widget-area ul ul {

	list-style: square;

	margin-left: 1.3em;

}

.widget-area select {

	max-width: 100%;

}

.widget_search #s {/* This keeps the search inputs in line */

	width: 60%;

}

.widget_search label {

	display: none;

}

.widget-container {

	margin: 0 0 2px 0;

	display: block;

}

.widget_search form {

	display: none;

	padding: 8px 0px;

}

.widget-title {

	color: #999;

	font-weight: bold;

	padding: 4px;

	color: black;

	background: transparent;

	/*cursor: none;*/

	border: 0px;
	position: relative;

}

.widget_search .widget-title {

	border: 1px solid #aaa;

	color: #999;

	font-weight: bold;

	padding: 4px;

	background-image: url('//blog.roku.com/wp-content/uploads/2011/05/search-icon.jpg');

	background-position: top right;

	background-repeat: no-repeat;

	cursor: pointer;

}

.widget-area a:link,

.widget-area a:visited {

	text-decoration: none;

}

.widget-area a:active,

.widget-area a:hover {

	text-decoration: underline;

}

.widget-area .entry-meta {

	font-size: 11px;
	font-size: 1.1rem;

}

#wp_tag_cloud div {

	line-height: 1.6em;

}

#wp-calendar {

	width: 100%;

}

#wp-calendar caption {

	color: #222;

	font-size: 14px;
	font-size: 1.4rem;

	font-weight: bold;

	padding-bottom: 4px;

	text-align: left;

}

#wp-calendar thead {

	font-size: 11px;
	font-size: 1.1rem;

}

#wp-calendar thead th {

}

#wp-calendar tbody {

	color: #aaa;

}

#wp-calendar tbody td {

	background: #f5f5f5;

	border: 1px solid #fff;

	padding: 3px 0 2px;

	text-align: center;

}

#wp-calendar tbody .pad {

	background: none;

}

#wp-calendar tfoot #next {

	text-align: right;

}

.widget_rss a.rsswidget {

	color: #000;

}

.widget_rss a.rsswidget:hover {

	color: #ff4b33;

}

.widget_rss .widget-title img {

	width: 11px;

	height: 11px;

}

#social-media-widget {

	font-size: 16px;
	font-size: 1.6rem;

}

#social-media-widget img {

	vertical-align: middle;

}

/* Main sidebars */

#main .widget-area ul {

	margin-left: 0;

	padding: 0 0px 0 0;

}

#main .widget-area ul ul {

	border: none;

	margin-left: 1.3em;

	padding: 8px 0px;

}

#primary {

}

#secondary {

}



/* Footer widget areas */

#footer-widget-area {

}





/* =Footer

-------------------------------------------------------------- */



#footer {

	margin-bottom: 0px;

}

#colophon {

	overflow: hidden;

	padding: 18px 0;

}

#site-info {

	font-weight: bold;

}

#site-info a {

	color: #000;

	text-decoration: none;

}

#site-generator {

	font-style: italic;

	position: relative;

}

#site-generator a {

	background: url(images/wordpress.png) center left no-repeat;

	color: #666;

	display: inline-block;

	line-height: 16px;

	padding-left: 20px;

	text-decoration: none;

}

#site-generator a:hover {

	text-decoration: underline;

}

img#wpstats {

	display: block;

	margin: 0 auto 10px;

}





/* =Mobile Safari ( iPad, iPhone and iPod Touch )

-------------------------------------------------------------- */



pre {

	-webkit-text-size-adjust: 140%;

}

code {

	-webkit-text-size-adjust: 160%;

}

#access,

.entry-meta,

.entry-utility,

.navigation,

.widget-area {

	-webkit-text-size-adjust: 120%;

}

#site-description {

	-webkit-text-size-adjust: none;

}





/* =Print Style

-------------------------------------------------------------- */



@media print {

	body {

		background: none !important;

	}

	#wrapper {

		clear: both !important;

		display: block !important;

		float: none !important;

		position: relative !important;

	}

	#header {

		border-bottom: 2pt solid #000;

		padding-bottom: 18pt;

	}

	#colophon {

		border-top: 2pt solid #000;

	}

	#site-title,

	#site-description {

		float: none;

		line-height: 1.4em;

		margin: 0;

		padding: 0;

	}

	#site-title {

		font-size: 13pt;

	}

	.entry-content {

		font-size: 14pt;

		line-height: 1.6em;

	}

	.entry-title {

		font-size: 21pt;

	}

	#access,

	#branding img,

	#respond,

	.comment-edit-link,

	.edit-link,

	.navigation,

	.page-link,

	.widget-area {

		display: none !important;

	}

	#container,

	#header,

	#footer {

		margin: 0;

		width: 100%;

	}

	#content,

	.one-column #content {

		margin: 24pt 0 0;

		width: 100%;

	}

	.wp-caption p {

		font-size: 11pt;

	}

	#site-info,

	#site-generator {

		float: none;

		width: auto;

	}

	#colophon {

		width: auto;

	}

	img#wpstats {

		display: none;

	}

	#site-generator a {

		margin: 0;

		padding: 0;

	}

	#entry-author-info {

		border: 1px solid #e7e7e7;

	}

	#main {

		display: inline;

	}

	.home .sticky {

		border: none;

	}

}


/* ROKU BLOG SPECIFIC STYLES BELOW */

/* Breakpoint Styles */
.show-bp2 { display: none; }

/* General Styles */
* { box-sizing: border-box; }
body { margin: 0 auto; font: 1.6rem 'GothamBook',Helvetica,Arial,sans-serif;  }
body, a { box-sizing: border-box; }
a, a:visited { }
a:hover { color: #843abc; }
input:invalid { box-shadow: none; } /* Fix to remove highlighting in Firefox */
.error { color: red; margin: 1em; }
.message { color:  #662d91; margin: 1em; }
.bg-gray { background: #EEE; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

/* Header styles */
#header .img-header { width: 100%; }
#header .logo-wrapper { position: absolute; top: 0; left: 0; }
#header .logo-wrapper .logo-brand { display: inline-block; height: 2.4rem; width: 6.6rem; background-image: url(//image.roku.com/ww/assets/roku-logo-white.png); background-repeat: no-repeat; background-size: 100%; background-position: 0 .6rem; margin-top: 1rem; text-decoration: none; }
#header .logo-wrapper .logo-text {color: white; display: none; vertical-align: bottom; }
#header .navbar-toggle { margin: 8px 0; position: relative; float: left; padding: .9rem 1rem; background-color: transparent; background-image: none; border: 1px solid transparent; outline: none; }
#header .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background: white; margin-bottom: .4rem; }
/* Header styles for fixed top view (make header opaque with purple colors) */
#header .fixedTop { background: white; color: #662d91; position: fixed; top: 0; z-index: 200; }
#header .fixedTop .navbar-toggle .icon-bar { background: #662d91; }
#header .logo-wrapper.fixedTop .logo-brand { background-image: url(//image.roku.com/ww/assets/roku-logo-purple.png); }
/* Header styles for open mobile menu (shift menu to the right) */
body.open #header .logo-wrapper .logo-brand { position: relative; left: 50%; }
body.open #header .logo-wrapper .navbar-toggle { left: 50%; }

/* Blog Layout */
.container { max-width: 1400px; width: 100%; overflow: hidden; margin: auto; }
.container-fluid { width: 100%; }
#primary { width: 100%; float: none; padding-right: 0; }
#main { background: #f2f2f2; margin: 0 auto; }
#content h1.page-title { background: white; padding: 1em; margin-top: 2rem; }

/* Post Styles */
.post { margin: 2rem 0; background: white; padding: 1em; }
.post .entry-title a { color: #662d91; /* purple */ text-decoration: none; }
.post .cat-links { color: white; }
.post .cat-links a { background: #EEE; padding: .5em 1em; border-radius: 2em; display: inline-block; color: #333; text-decoration: none;  margin-bottom: 1em; }
.post .cat-links span { display: block; padding: .5em 0; color: #AAA;}
.post .tag-links { color: white; }
.post .tag-links a { background: #EEE; padding: .5em 1em; border-radius: 2em; display: inline-block; color: #333; text-decoration: none; margin-bottom: 1em; }
.post .tag-links span { display: block; padding: .5em 0; color: #AAA;}
.post img { max-width: 100%; height: auto; }
.post .entry-meta { float: left; }
.post .meta-sep { display: none; }
.post .comments-link .comments {padding: .5em; background: #eee; text-align: center; border-radius: 2em; color: #333; text-decoration: none; display: inline-block; width: 100%;}
.entry-header .col-left { width: 100%; float: none; }
.entry-header .col-right { width: 100%; float: left; clear: left; }
.entry-header .social-sharing { margin-top: 1em; text-align: left; }
#comments { background: white; padding: 1em; }
#nav-above { display: inline-block; background: white; width: 100%; margin: 1em 0 0 0; padding: 1em; box-sizing: border-box; }
#nav-below { display: inline-block; background: white; width: 100%; margin: 0 0 1em 0; padding: 1em; box-sizing: border-box; }
#disqus_thread { background: white; padding: 1em; }

/* Sticky Post Styles */
#sticky-section { margin-top: 1rem; }
#sticky-section .sticky { position: relative; min-height: 24rem; }
#sticky-section .sticky .sticky-feature { width: 49%; float: left; margin: 0; text-align: center; }
#sticky-section .sticky .sticky-feature img { max-height: 20rem; width: auto; }
#sticky-section .sticky .sticky-header { margin-left: 52%; }
#sticky-section .sticky .sticky-title { clear:none; font-size: 2rem; line-height: 2.2rem; }
#sticky-section .sticky .sticky-title a { text-decoration: none; }
#sticky-section .sticky .sticky-summary { margin-left: 52%; }
#sticky-section .sticky .sticky-overlay { position: absolute;
top: 0;
background: rgba(102,45,145,.9);
width: 100%;
height: 100%;
left: 0;
padding: 0 0 4em 0; color: white; opacity: 0; transition: opacity .5s; overflow: auto; }
#sticky-section .sticky:hover .sticky-overlay { display: block; opacity: 1; }
#sticky-section .sticky .sticky-overlay h2 { font-size: 2rem; line-height: 1.1em; margin-bottom: .8rem; }
#sticky-section .sticky .sticky-overlay h2 a { text-decoration: none; color: white; }
#sticky-section .sticky .sticky-overlay .meta { font-size: 1.4rem; line-height: 1.8rem; margin-bottom: .8rem; }
#sticky-section .sticky .sticky-overlay .meta a { color: white; }
#sticky-section .sticky .sticky-overlay .link { text-align: center; position: absolute; bottom: 1em; left: 0; width: 100%; }
#sticky-section .sticky .sticky-overlay .link a { color: white;
text-decoration: none;
display: inline-block;
padding: .5rem 1rem;
border: 1px solid white;
border-radius: 2rem; }
#sticky-section .sticky .sticky-overlay .categories a { color: white; text-decoration: none; }
#sticky-section .sticky .sticky-overlay .tags a { color: white; text-decoration: none; }
#sticky-section .sticky .sticky-overlay .comments { margin: .5em 0; text-align: center; }
#sticky-section .sticky .sticky-overlay .body { padding: 1em 1em 0 1em; overflow: auto; height: 100%; }

/* Page styles */
.type-page { margin: 2rem 0; background: white; padding: 1em; }
.type-page .entry-meta { float: left; }

/* Side Bar */
.xoxo { padding: 0; }

/* Widget styles */
a.widget-sharing, a.widget-sharing:link, a.widget-sharing:visited {
	font-size: 2.4rem;
	line-height: 5rem;
	border: 1px solid #EEE;
	border-radius: 4rem;
	width: 5rem;
	height: 5rem;
	display: inline-block;
	text-align: center;
	color: #662d91;
	cursor: pointer;
	margin-left: .5rem;
	margin-bottom: 1rem;
	text-decoration: none;
}
a.widget-sharing:hover { color: #843abc; } /* purple highlight */
.widget-container { background: white; padding: 1em 1em; font-size: 1.4rem; margin: 20px 0; margin: 2rem 0; list-style: none; }
.widget-container h3 { color: #662d91; /* purple */ margin-top: 0; font-size: 20px; font-size: 2rem; font-weight: normal; margin: 1rem 0; }
.widget-container.collapse-bottom { margin-bottom: 0; }
.widget-container.collapse-top { margin-top: 0; }
.text-widget { padding: 0 .5rem; }
.widget_archive ul { max-height: 15em; overflow-y: auto; }
.widget_archive ul li { list-style: none; }
a.widget-connect, a.widget-connect:link, a.widget-connect:visited {
	font-size: 2.4rem;
	line-height: 5rem;
	border: 1px solid #EEE;
	border-radius: 4rem;
	width: 5rem;
	height: 5rem;
	display: inline-block;
	text-align: center;
	color: #662d91;
	cursor: pointer;
	margin-left: .5rem;
	margin-bottom: 1rem;
}
a.widget-connect:hover { color: #843abc; /* purple highlight */ }
.widget_oauth_twitter_widget { padding: 1em; }
.widget_oauth_twitter_widget .oauth-twitter-tweet { border-top: .1rem solid grey; padding-top: 1.5rem; }

.widget-collapsible ul { display: none; }
.widget-collapsible.open ul { display: block; }
.widget-collapsible h3:before, .widget-collapsible h3:after {
content: "";
width: 1px;
background-color: #662d91;
height: 22px;
position: absolute;
top: 50%;
margin-top: -14px;
-webkit-transition: all 600ms;
-o-transition: all 600ms;
transition: all 600ms;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.widget-collapsible h3:before {
right: 35px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.widget-collapsible.open h3:before {
-webkit-transform: rotate(-315deg);
-ms-transform: rotate(-315deg);
-o-transform: rotate(-315deg);
transform: rotate(-315deg);
}
.widget-collapsible h3:after {
right: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.widget-collapsible.open h3:after {
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
}

/* Newsletter widget */
/* Newsletter widget */
.newsletter input[type='email'], .newsletter input[type='text'], .newsletter select {
	padding: 1rem 2rem;
	border-radius: 2rem;
	height: 4rem;
	font-size: 1.6rem;
	width: 100%;
	border: 1px solid #eee;
	color: #666;
	background: #eee;
	outline: none;
	vertical-align: middle;
	margin-bottom: 1em;
}
.newsletter select {
display: inline-block;
width: 100%;
outline: 0;
padding-right: 2em;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;	
margin-bottom: 1em;
cursor: pointer;
}
.newsletter select.ng-invalid { color: #aaa; }
.newsletter select.ng-invalid option { color: #666; }
.newsletter .select-wrapper {
overflow: hidden;
display: inline-block;
width: 100%;
position: relative;
}
.newsletter .select-wrapper:after {
font-family: "Glyphicons Roku";
content: "\e618";
position: absolute;
right: .5rem;
top: 0;
height: 36px;
width: 3rem;
text-align: center;
line-height: 40px;
pointer-events: none;
border-radius: 36px;
}
.newsletter form {
	padding: 0 .5rem;
}
.newsletter .submitted input.ng-invalid, .newsletter .submitted select.ng-invalid { border: 1px solid red; }
.newsletter button {
	height: 3.8rem;
	padding: 0 2rem;
	border-radius: 2rem;
	font-size: 1.6rem;
	border: 0;
	background: #662d91;
	outline: none;
	vertical-align: top;
	line-height: 3.8rem;
	color: white; /* purple */
	cursor: pointer;
}
.newsletter .error { margin: 1em 0; }
.newsletter .message { margin: 1em 0; }

/* Menu Styles */
#mainMenu { position:relative; z-index: 100; }
#menuBar { position: fixed; z-index: 1000; background: white; font-size: 1.8rem; top: 0; width: 50%; left: -50%; height: 100%; overflow-y: auto; }
#menuBar ul { list-style: none; margin: 0px; padding: 0px; display: block; vertical-align: middle; }
#menuBar ul li { display: block; list-style: none; padding: 10px; }
#menuBar ul li a { display: inline-block; padding-bottom: 4px; color: inherit; text-decoration: none; }
#menuBar ul li a.active { border-bottom: 3px solid purple;  }
#menuBar .seperator { background: #333; width: 1px; height: 2em; display: inline-block; margin: 0 20px; vertical-align: middle; }
#menuBar .accordion-tab { font-size: 1.8rem; }
body.open #menuBar { left: 0; }
#subMenuWrapper { display: none; }

/* Search styles */
.searchButton { font-size: 1.8rem; padding: 1rem; margin: 0 1rem; display: inline-block; width: 100%; border-bottom: 1px solid #999; }
#searchDrawer { position: fixed; left: -100%; top: 0; width: 50%; transition: left .5s; height: 100%; background: white; z-index: -10; text-align: left; padding: 1rem; }
#searchDrawer input { border: 0; font-size: 1.8rem; }
#searchDrawer input:focus { outline: 0; }
#searchDrawer.open { z-index: 300; left: 0; }
#searchDrawer input[type=search] { width: 100%; }
#searchDrawer a { cursor: pointer; height: 3.1rem; line-height: 3.1rem; display: inline-block; vertical-align: top; }
#searchDrawer .close { float: right; color: #662d91; /* purple */ }

/* Footer */
#footer { background: #f3f3f3; }
#footer .container-fluid { padding: 1rem 0; }
#footer .menu { list-style: none; padding: 0; margin: 0 0 1rem 0; }
#footer .menu li { padding-top: 1.5rem; }
#footer .menu li a { color: #666; text-decoration: none; }
#footer .menu li a:hover, #footer .menu li a:focus { color: #3d1b57; text-decoration: underline; }
#footer .accordion { width: 100%; }
#footer .accordion-tab { padding: 1em; }
#footer .accordion-body { padding: 1em; }
#footer h4, #footer h5 { font-family: 'GothamBook',Helvetica, Arial, sans-serif; color: #662d91; }
#footer h4 { font-size: 30px; }
#footer h5 { font-size: 2.8rem; margin-bottom: 2rem; }
#footer .logo { padding: 1em; text-align: center; width: 100%; }
#footer .addendum { clear: both; margin-top: 60px; padding-top: 15px; border-top: 3px solid #ddd; font-size: 1.2rem; color: #999; }
#footer .addendum .bbb { width: 16.66667%; float: left; }
#footer .addendum .legal { width: 100%; padding: 1em; }
#footer .addendum a { color: #999; text-decoration: none; }
#footer .addendum a:hover, #footer .addendum a:focus { color: #3d1b57; text-decoration: underline; }
#footer .bbb img { max-width: 100%; padding: 1em; }
#footer input { background: #FFF; }
#footer select { background: #FFF; }

/* Misc styles */
a.icon-link, a.icon-link:link, a.icon-link:visited {
	font-size: 2.4rem;
	line-height: 5rem;
	border: 1px solid #EEE;
	border-radius: 4rem;
	width: 5rem;
	height: 5rem;
	display: inline-block;
	text-align: center;
	color: #662d91;
	cursor: pointer;
	margin-left: .5rem;
	margin-bottom: 1rem;
}
a.icon-link:hover { color: #843abc; /* purple highlight */ }
.accordion.no-body .accordion-tab:after, .accordion.no-body .accordion-tab:before { display: none; }
.accordion .accordion-body { display: none; }
.accordion.open .accordion-body { display: block;}
.accordion .accordion-tab:after, .accordion .accordion-tab:before {
content: "";
width: 1px;
background-color: #662d91;
height: 22px;
position: absolute;
top: 50%;
margin-top: -14px;
-webkit-transition: all 600ms;
-o-transition: all 600ms;
transition: all 600ms;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.accordion .accordion-tab:after {
right: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.accordion .accordion-tab {
padding: 12px 55px 12px 0;
border-bottom: 1px solid #999;
font-size: 1.6rem;
outline: 0;
position: relative;
cursor: pointer;
}
.accordion .accordion-tab:before {
right: 35px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.accordion.open .accordion-tab:before {
-webkit-transform: rotate(-315deg);
-ms-transform: rotate(-315deg);
-o-transform: rotate(-315deg);
transform: rotate(-315deg);
}
.accordion.open .accordion-tab:after {
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
}

.feedburner img {
 height: 5rem;
 width: 5rem;
 border-radius: 50%;
 vertical-align: middle;
}
.feedburner a {
 text-decoration: none;
}
.feedburner .feed {
 margin: .5em 0;
 width: 49%;
 float: left;
 text-align: left;
}
/* BP 2 - 768px width */
@media (min-width: 768px) {
	/* Breakpoint Styles */
	.show-bp2 { display: inline-block; }

	/* Layout Styles */
	#primary { width: 28%; float:right; padding-right: 1rem; }
	#main { padding-left: 1rem; }
	#content { width: 68%; float: left; }

	/* Header Styles */
	#header .logo-wrapper .logo-brand { margin-left: 2.5rem; margin-top: 5rem; height: 4.5rem; width: 13.1rem;  }
	#header .logo-wrapper .logo-text { display: inline-block; text-decoration: none; }
	#header .logo-wrapper.sticky-top { background: transparent; color: white; position: absolute; }
	.navbar-toggle { display: none; }

	/* Header styles for fixed top */
	#header .fixedTop { background: transparent; color: white; position: absolute; }
	#header .logo-wrapper.fixedTop .logo-brand { background-image: url(//image.roku.com/ww/assets/roku-logo-white.png); }
	body.open #header .logo-wrapper .logo-brand { left: auto; }

	/* Menu Styles */
	body.open #menuBar { overflow: hidden; }
	#menuBar { position: relative; left: 0; width: auto; height: auto; overflow: hidden; }
	#menubar .accordion .accordion-tab { padding-top: 0; padding-bottom: 0; }
	#menubar .accordion.no-body .accordion-tab { padding: 0; }
	#menuBar .accordion.no-body .accordion-tab:before, #menuBar .accordion.no-body .accordion-tab:after {display: none;}
	#menuBar .accordion-body { display: none; }
	#menuBar ul li { display: inline-table; }
	#mainMenu .accordion.no-body .accordion-tab { padding: 0; }
	#mainMenu .accordion .accordion-tab { display: inline-block; border: 0; padding: 0 45px 0 0; font-size: 2rem; }
	#mainMenu .accordion .accordion-tab:before, #mainMenu .accordion .accordion-tab:after  { height: 12px; margin-top: -6px;  width: .2rem; }
	#mainMenu .accordion .accordion-tab:before { right: 28px; }
	#mainMenu .accordion .accordion-tab:after { }
	#subMenuWrapper { border-top: .1rem solid #EEE; display: block; }
	.subMenu { padding: 1rem 0;; margin: 0; list-style: none; }
	.subMenu li { display: inline-block; list-style: none; padding: 10px; }
	.subMenu li a { display: inline-block; padding-bottom: 4px; color: inherit; text-decoration: none; }
	.subMenu li a.active { border-bottom: 3px solid purple;  }

	/* Search styles */
	.searchButton { font-size: 2rem; width: auto; border-bottom: 0; border-left: 1px solid #999; float: right; padding: .4em 1em; vertical-align: middle; margin-top: .2em; }
	#searchDrawer { position: absolute; left: 100%; top: 0; width: 100%; transition: left .5s; height: 100%; background: white; z-index: -10; text-align: left; padding: 1rem 0; }
	#searchDrawer input { border: 0; font-size: 24px; font-size: 2.4rem; margin-left: 20px; }
	#searchDrawer input:focus { outline: 0; }
	#searchDrawer.open { z-index: 300; left: 0; }
	#searchDrawer input[type=search] { width: 80%; }
	#searchDrawer .close { float: right; color: #662d91; /* purple */ height: 2em; }

	/* Post styles */
	.entry-header .social-sharing { text-align: right; margin-top: 0; }
	.entry-header .col-left { width: 69%; float: left; }
	.entry-header .col-right { width: 29%; float: right; clear: none; }



	/* Footer styles */
	#footer { padding: 6rem 0 2rem; }
	#footer .accordion { width: 25%; float: left; }
	#footer .footer-list { margin: 0 0 6rem 0; }
	#footer .logo { width: 25%; text-align: right; float: left; }
	#footer .accordion .accordion-tab { border-bottom: 0; cursor: text; }
	#footer .accordion .accordion-tab:before { display: none; }
	#footer .accordion .accordion-tab:after { display: none; }
	#footer .accordion .accordion-body { display: block; }
	#footer .addendum .legal { width: 83.33333%; float: left; }
	#footer .addendum .legal p { max-width: 980px; margin-left: auto; margin-right: auto; }
}

/* BP 2 - 768px width */
@media (min-width: 1280px) {
	/* Sticky Post Styles */
	#sticky-section { display: table; border-spacing: 1rem; margin-left: -1rem; margin-right: -1rem; }
	#sticky-section .sticky { width: 33%; display: table-cell; vertical-align: top; }
	#sticky-section .sticky:last-child { margin-right: 0; }
	#sticky-section .sticky .sticky-feature { float: none; width: 100%; }
	#sticky-section .sticky .sticky-header { width: 100%; margin-left: 0; }
	#sticky-section .sticky .sticky-summary { font-size: 1.4rem; width: 100%; margin-left: 0; }
	#sticky-section .sticky .sticky-feature img { width: 100%; }
}