/*
Theme Name: Netflixed
Author: Round Hex (www.roundhex.com)
*/



/* Initialize
----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	}

html, body {
	height: 100%;
	}

body {
	background-color: #fff;
	text-align: center;
	font: 16px/20px 'IntervalPro', Arial, Sans-serif;
	color: #222;
	}



/* Layout Padding
----------------------------------------------------------------------------*/

div#menu-wrapper, 
div#header-wrapper, 
div#content-wrapper,
div#footer-wrapper {
	width: 100%;
	min-width: 960px;
	}



/* Main Layout Wrappers 
----------------------------------------------------------------------------*/

div#menu,
div#header,
div#content,
div#footer {
	position: relative;
	width: 920px;
	margin: 0 auto;
	}



/* Menu
----------------------------------------------------------------------------*/

div#menu-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	height: 50px;
	border-bottom: 2px solid #fff;
	background-color: #353535;
	}

div#menu {
	position: relative;
	height: 50px;
	}


/* ======== Navigation and Dropdowns */

div#menu div.menu-main-container {
	position: absolute;
	top: 0;
	left: 0;
	}

ul#menu-main li {
	position: relative;
	display: block;
	float: left;
	list-style-type: none;
	}


/* ======== Overall Menu Item Styles */

ul#menu-main a:link, ul#menu-main a:visited {
	display: block;
	height: 50px;
	color: #666;
	font: 23px/52px 'DINCondensed', 'Arial Narrow', Sans-serif;
	text-decoration: none;
	padding: 0 15px;
	}

ul#menu-main a:hover, ul#menu-main a:active {
	background: #999;
	color: #ccc;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	}


/* ======== Dropdown Parent Item Corner Styles */

ul#menu-main li#menu-item-19 a:hover, ul#menu-main li#menu-item-19 a:active,
ul#menu-main li#menu-item-16 a:hover, ul#menu-main li#menu-item-16 a:active,
ul#menu-main li#menu-item-15 a:hover, ul#menu-main li#menu-item-15 a:active {
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;	
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;	
	}

ul#menu-main li#menu-item-19:hover,
ul#menu-main li#menu-item-16:hover,
ul#menu-main li#menu-item-15:hover {
	background-color: #999;
	color: #ccc;
	-webkit-border-top-left-radius: 15px;
	-moz-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
	}


/* ======== Dropdown Positioning and Corner Styles */

ul#menu-main ul.sub-menu {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	text-align: left;
	*width: 250px;
	padding: 15px 0;
	background-color: #999;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-border-top-left-radius: 0;
	-moz-border-top-left-radius: 0;
	border-top-left-radius: 0;	
	}

ul#menu-main ul.sub-menu li {
	float: none;
	white-space: nowrap;
	}


/* ======== Dropdown Items Styling */

ul#menu-main ul.sub-menu li a:link, ul#menu-main ul.sub-menu li a:visited {
	font: 18px/42px 'IntervalPro', Arial, Sans-serif;
	height: 40px;
	padding: 0 30px;
	}

ul#menu-main ul.sub-menu li a:hover, ul#menu-main ul.sub-menu li a:active {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}


/* ======== Show Dropdown */

ul#menu-main li:hover ul, ul#menu-main a:hover ul {
	display: block;
	}


/* ======== Menu On States */

ul#menu-main li.current_page_parent a:link, ul#menu-main li.current_page_parent a:visited {
	color: #fff;
	}

ul#menu-main ul.sub-menu a:link, ul#menu-main ul.sub-menu a:visited {
	background-color: #999;
	color: #ccc;
	}
ul#menu-main ul.sub-menu a:hover, ul#menu-main ul.sub-menu a:active {
	background-color: #aaa;
	}
ul#menu-main li.current_page_item a:link, ul#menu-main li.current_page_item a:visited, ul#menu-main li.current_page_item a:hover, ul#menu-main li.current_page_item a:active {
	color: #fff;
	}

ul#menu-main li#menu-item-64 a:link, ul#menu-main li#menu-item-64 a:visited {
	color: #666;
	}
ul#menu-main li#menu-item-64 a:hover, ul#menu-main li#menu-item-64 a:active {
	color: #ccc;
	}



div#jump-to-blog {
	width: 0;
	height: 0;
	position: absolute;
	top: 533px;
	left: 0;
	}



/* Social Icons
----------------------------------------------------------------------------*/

div#social {
	position: absolute;
	top: 8px;
	right: 0;
	height: 33px;
	}

div#social li {
	display: block;
	list-style-type: none;
	float: right;
	margin-left: 10px;
	}

div#social li span {
	display: none;
	}


/* ======== Transitions */

div#social li a:link, div#social li a:visited {
	display: block;
	width: 33px;
	height: 33px;
	opacity: .7;
	filter: alpha(opacity=70);
	}
div#social li a:hover, div#social li a:active {
	opacity: 1;
	filter: alpha(opacity=100);
	}

li#email a:link, li#email a:visited {
	background: url("/images/social-email.png") no-repeat left top;
	}
li#rss a:link, li#rss a:visited {
	background: url("/images/social-rss.png") no-repeat left top;
	}
li#facebook a:link, li#facebook a:visited {
	background: url("/images/social-facebook.png") no-repeat left top;
	}
li#twitter a:link, li#twitter a:visited {
	background: url("/images/social-twitter.png") no-repeat left top;
	}
li#youtube a:link, li#youtube a:visited {
	background: url("/images/social-youtube.png") no-repeat left top;
	}

	

/* Header
----------------------------------------------------------------------------*/

body div#header-wrapper {
	margin-top: 50px;
	background: url("/images/bg-header-wrapper.png") repeat-x center top;
	height: 390px;
	}

body div#header {
	width: 960px;
	height: 390px;
	background: url("/images/bg-header.png") no-repeat left top;
	}

body.home div#header-wrapper {
	margin-top: 50px;
	background: url("/images/bg-header-wrapper_home.png") repeat-x center top;
	height: 600px;
	}
body.home div#header {
	width: 960px;
	height: 600px;
	background: url("/images/bg-header_home-1.png") no-repeat left top;
	}



/* ======== Order Stamp */

#order {
	position: absolute;
	z-index: 99;
	top: 50px;
	right: 20px;
	width: 100px;
	height: 100px;
	}
#order ul, #order li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

a#stamp:link, a#stamp:visited {
	display: block;
	width: 96px;
	height: 96px;
	border: 2px solid #333;
	background-color: #fff;
	font: 15px/19px "Arial Narrow";
	text-decoration: none;
	color: #000;
	}
a#stamp div {
	margin-top: 17px;
	}
a#stamp strong {
	font: bold 23px/27px "Arial Narrow";
	}

#order ul li ul {
	width: 96px;
	height: 96px;
	border: 2px solid #333;
	background-color: #fff9b1;
	font: 11px/16px "Arial Narrow", Sans-serif;
	text-transform: uppercase;
	padding: 0;
	display: none;
	margin-top: -100px;
	}
#order li ul li {
	padding-top: 12px;
	}

#order li ul li a:link, #order li ul li a:visited {
	color: #000;
	text-decoration: none;
	}
#order li ul li a:hover, #order li ul li a:active {
	color: #b1001e;
	}

#order ul li:hover ul {
	display: block;
	}
#order ul li:hover a#stamp div {
	display: none;
	}




/* ======== Feature Window */

div#feature-window {
	width: 519px;
	height: 290px;
	position: absolute;
	top: 188px;
	right: 100px;
	}

div#feature-window div {
	display: block;
	height: 290px;
	}


#feature-window div {
	width: 519px;
	height: 290px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0;
	}
#feature-window div.active {
	z-index: 10;
	opacity: 1.0;
	}
#feature-window div.last-active {
	z-index: 9;
	}



/* Footer
----------------------------------------------------------------------------*/


div#footer-wrapper {
	position: relative;
	background: url("/images/bg-footer-wrapper.png") repeat-x center top;
	height: 230px;
	}

div#footer {
	position: absolute;
	bottom: 50px;
	left: 190px;
	height: 75px;
	width: 400px;
	background: url("/images/bg-footer.png") no-repeat left top;
	}

div#footer p {
	font: 16px/16px 'IntervalPro', Arial, Sans-serif;
	padding-top: 27px;
	}

div#footer a:link, div#footer a:visited {
	text-decoration: none;
	color: #c00000;
	padding: 4px 5px 3px 5px;
	}
div#footer a:hover, div#footer a:active {
	background-color: #c00000;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	}

div#wpfooter {
	display: none;
	}



/* ============================================================================*/
/* CONTENT																	   */
/* ============================================================================*/



/* Content Area Layout
----------------------------------------------------------------------------*/

div#content-wrapper {
	padding: 30px 0;
	}

div#content {
	text-align: left;
	}


/* Blog Layout
----------------------------------------------------------------------------*/

div#blog-content {
	float: left;
	width: 680px;
	margin-right: 40px;
	}

div#sidebar {
	float: left;
	width: 198px;
	}



/* Blog Posts Layout and Styles
----------------------------------------------------------------------------*/

div.blog-post {
	width: 100%;
	padding-bottom: 50px;
	}

div.blog-date {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	background-color: #ccc;
	color: #fff;
	text-align: center;
	}

div.blog-text {
	width: 560px;
	float: left;
	}

/* ======== Date */

div.blog-day {
	padding-top: 15px;
	font: 32px/32px 'IntervalProBold', Arial, Sans-serif;
	}

div.blog-month {
	font: 18px/18px 'IntervalPro', Arial, Sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	}


/* ======== Post Content */


/* Title */

div.blog-post h1 {
	font: 40px/40px DINCondensed, 'Arial Narrow', Sans-serif;
	}
div.blog-post h1 a:link, div.blog-post h1 a:visited {
	text-decoration: none;
	color: #b00;
	}
div.blog-post h1 a:hover, div.blog-post h1 a:active {
	color: #e00;
	}


/* Post Details */

div.blog-post p.post-details {
	font: 16px/16px 'IntervalPro', Arial, Sans-serif;
	color: #888;
	margin: 5px 0 20px 0;
	}

div.blog-post p.post-details a:link, div.blog-post p.post-details a:visited {
	color: #ccc;
	text-decoration: none;
	}
div.blog-post p.post-details a:hover, div.blog-post p.post-details a:active {
	text-decoration: underline;
	}


/* Read More Button */

div.blog-post a.read_more:link, div.blog-post a.read_more:visited {
	display: block;
	width: 100px;
	padding: 9px 0 6px 0;
	margin: 15px 0 20px 0;
	background-color: #b00;
	color: #fff;
	font: 18px/18px 'DINCondensed', 'Arial Narrow', Sans-serif;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	}

div.blog-post a.read_more:hover, div.blog-post a.read_more:active {
	background-color: #e00;
	}


/* Blog Text Styles */

div.blog-text p, div.blog-text ul, div.blog-text ol {
	font: 18px/22px 'IntervalPro', Arial, Sans-serif;
	margin: 15px 0;
	}
div.blog-text ul, div.blog-text ol {
	margin: 15px 0 15px 20px;
	}

div.blog-text a:link, div.blog-text a:visited {
	color: #b00;
	text-decoration: none;
	}
div.blog-text a:hover, div.blog-text a:active {
	text-decoration: underline;
	}



/* Blog Photo Styles */

div.blog-text img {
	border: 10px solid #e5e5e5;
	}

div#blog-content div.wp-caption {
	margin: 15px 0 25px 0;
	}

div.blog-text div.alignright, div.blog-text a img.alignright {
	float: right;
	margin: 0 0 15px 20px !important;
	text-align: right;
	}
div.blog-text div.alignleft, div.blog-text a img.alignleft {
	float: left;
	margin: 0 30px 15px 0 !important;
	text-align: left;
	}

div.blog-text p.wp-caption-text {
	font: 14px/16px 'IntervalPro', Arial, Sans-serif;
	margin: 5px 0 0 0;
	color: #999;
	}




/* Next/Prev Links
----------------------------------------------------------------------------*/

div#nextprev {
	width: 100%;
	text-align: center;
	padding: 15px 0 10px 0;
	background-color: #eee;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	}

div#nextprev a:link, div#nextprev a:visited {
	text-decoration: none;
	color: #bbb;
	font: 18px/18px 'IntervalPro', Arial, Sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
div#nextprev a:hover, div#nextprev a:active {
	color: #999;
	}

	

/* Comments
----------------------------------------------------------------------------*/

div#comments h2 {
	clear: both;
	font: 30px/34px 'IntervalProBold', Arial, Sans-serif;
	padding: 50px 0 20px 0;
	margin: 0;
	color: #ccc;
	}

div#comments ol {
	margin: 0;
	}

div#comments li {
	list-style-type: none;
	background-color: #ccc;
	color: #f0f0f0;
	margin: 2px 0;
	padding: 20px 10px 5px 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	font: 15px/19px 'IntervalPro', Arial, Sans-serif;
	}

div#comments a:link, div#comments a:visited {
	color: #fff;
	text-decoration: none;
	font-family: 'IntervalProBold', Arial, Sans-serif;
	}
div#comments a:hover, div#comments a:active {
	text-decoration: underline;
	}

div#comments li.authorcomment {
	background-color: #999;
	color: #ccc;
	}

div#comments div.comment-meta {
	font-size: 17px;
	}



/* Sidebar
----------------------------------------------------------------------------*/

div#sidebar {
	width: 160px;
	margin: 0 auto;
	font: 15px/18px 'IntervalPro', Arial, Sans-serif;
	color: #ccc;
	}

div#sidebar ul {
	margin: 0;
	padding: 0;
	}

div#sidebar li {
	list-style-type: none;
	}

div#sidebar li.widget {
	margin-bottom: 40px;
	}
div#sidebar li.widget ul {
	margin-top: 15px;
	}
div#sidebar li.widget ul.children {
	margin: 5px 0 0 0;
	}

div#sidebar li li {
	list-style-type: disc;
	margin: 0 0 5px 20px;
	}

div#sidebar li li li {
	list-style-type: circle;
	}

div#sidebar h2 {
	font: 24px/26px 'IntervalProBold', Arial, Sans-serif;
	color: #ccc;
	margin: 0 0 15px 0;
	}

label.screen-reader-text {
	display: none;
	}

div#sidebar a:link, div#sidebar a:visited {
	color: #b00;
	text-decoration: none;
	}
div#sidebar a:hover, div#sidebar a:active {
	text-decoration: underline;
	}



/* Forms
----------------------------------------------------------------------------*/

input, textarea {
	border: 1px solid #ddd;
	color: #aaa;
	font: 18px/22px 'IntervalPro', Arial, Sans-serif;
	padding: 4px 8px;
	margin-bottom: 5px;
	background: rgb(241,241,241); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	}
label {
	font-size: 13px;
	}

input#searchsubmit, button#sub, a.ishare_wpress_button:link {
	color: #fff;
	padding: 8px 14px 7px 14px;
	font: 16px/16px 'IntervalPro', Arial, Sans-serif;
	border: 1px solid #000;
	background: rgb(90,101,110); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(90,101,110,1) 0%, rgba(47,51,60,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,101,110,1)), color-stop(100%,rgba(47,51,60,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(90,101,110,1) 0%,rgba(47,51,60,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(90,101,110,1) 0%,rgba(47,51,60,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(90,101,110,1) 0%,rgba(47,51,60,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(90,101,110,1) 0%,rgba(47,51,60,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a656e', endColorstr='#2f333c',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	}

div#content a.ishare_wpress_button:link, div#content a.ishare_wpress_button:visited, div#content a.ishare_wpress_button:hover, div#content a.ishare_wpress_button:active {
	color: #fff;
	text-decoration: none;
	margin-top: 30px;
	}


/* Page Layout
----------------------------------------------------------------------------*/

body div#page-content {
	width: 100%;
	}

body.parent-pageid-4 div#page-content,
body.page-id-12 div#page-content,
body.page-id-13 div#page-content,
body.parent-pageid-12 div#page-content {
	width: 560px;
	padding-left: 360px;
	background: url("/images/book-cover.png") left top no-repeat;
	min-height: 515px;
	}



/* Page Content Styles
----------------------------------------------------------------------------*/


/* ======== Headers */

div#page-content h1 {
	font: 44px/44px 'DINCondensed', 'Arial Narrow', Sans-serif;
	margin: 0 0 30px 0;
	color: #ccc;
	}

div#page-content h2, div#blog-content h2 {
	font: 30px/34px 'IntervalPro', Arial, Sans-serif;
	margin: 40px 0 20px 0;
	}

div#page-content h3, div#page-content h4 {
	font: 22px/26px 'IntervalProBold', Arial, Sans-serif;
	margin: 25px 0 15px 0;
	}

div#page-content h4 {
	margin: -20px 0 20px 0;
	}


/* ======== Paragraphs and Lists */

div#page-content p, div#page-content ul, div#page-content ol {
	font: 18px/22px 'IntervalPro', Arial, Sans-serif;
	margin: 15px 0;
	}

div#page-content ul, div#page-content ol {
	margin: 15px 20px;
	}

div#page-content li {
	margin: 5px 0;
	}

div#page-content em {
	font-family: 'IntervalPro-Italic';
	font-style: normal;
	}
div#page-content strong {
	font-family: 'IntervalProBold';
	font-weight: normal;
	}
div#page-content strong em, div#page-content em strong {
	font-family: 'IntervalProBold-Italic';
	font-style: normal;
	font-weight: normal;
	}

div#page-content p.footnote {
	margin-top: 30px;
	font: normal 16px/20px 'IntervalPro-Italic', Arial, Sans-serif;
	color: #888;
	}
div#page-content p.footnote strong {
	font-family: 'IntervalProBold-Italic', 'Arial Black', Sans-serif;
	}


/* ======== Quotes */

div#page-content p.quote {
	margin: 15px 0 0 0;
	}

div#page-content p.credit {
	font: normal normal 15px/19px 'IntervalPro', Arial, Sans-serif;
	color: #888;
	display: block;
	margin: 3px 0 15px 20px;
	text-indent: -15px;
	}
div#page-content p.credit span {
	font: 22px/26px 'DINCondensed', 'Arial Narrow', Sans-serif;
	color: #b00;
	text-transform: uppercase;
	}


/* ======== Links */

div#page-content a:link, div#page-content a:visited {
	color: #b00;
	text-decoration: none;
	}
div#page-content a:hover, div#page-content a:active {
	text-decoration: underline;
	}


/* ======== Photos */


div#page-content div.photo img {
	border: 10px solid #e5e5e5;
	}

div#page-content div.photo p {
	font: 14px/16px 'IntervalPro', Arial, Sans-serif;
	margin: 5px 0 0 0;
	color: #999;
	}

div#page-content div.photo-right {
	float: right;
	padding: 0 0 15px 20px !important;
	text-align: right;
	}
div#page-content div.photo-left {
	float: left;
	padding: 0 30px 15px 0 !important;
	text-align: left;
	}

	

/* ======== Extra Styles */

div#content .centered {
	text-align: center;
	}

div#content .linebump {
	margin-top: 60px;
	}

.text_inset{
	background: #E5E5E5;
	padding: 11px 20px;

	-moz-box-shadow:inset 0px 0px 4px #000000;
	-webkit-box-shadow:inset 0px 0px 4px #000000;
	box-shadow:inset 0px 0px 4px #000000;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}