
/******************************************************************
GENERAL NORMALIZE
******************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]), [hidden] {
display: none;
}
/** Base Styles **/

html {
}

body {
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
}

body, button, input, select, textarea {
	font-family: sans-serif;
	color: #333;
}


/** IE Fixes **/
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
/** Links **/
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}
/** Typography **/
h1 {
	font-size: 2em;
} /* fixes html5 bug */
p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-epub-hyphens: auto;
	hyphens: auto;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong, .strong {
	font-weight: bold;
}
dfn, em, .em {
	font-style: italic;
}
small, .small, sub, sup {
	font-size: 75%;
}
ins, .ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}
mark, .mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote {
	margin: 1.5em 40px;
}
q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}
ul, ol {
	margin: 1.5em 0;
	padding: 0;
}
dd {
	margin: 0;
}
nav ul, nav ol, .widget ol, .widget ul, .commentlist {
	list-style: none;
	list-style-image: none;
	margin: 0;
}
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/** Forms **/
form, fieldset, form ul, form ol, fieldset ol, fieldset ul {
	margin: 0;
	border: 0;
}
legend {
	border: 0;
*margin-left: -7px;
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align: middle;
}
button, input {
	line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
*overflow: visible;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}

/* Colors for form validity */
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
/** Tables **/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after, nav[role=navigation] .menu ul:before, nav[role=navigation] .menu ul:after {
	content: "";
	display: table;
}
.clearfix:after, nav[role=navigation] .menu ul:after {
	clear: both;
}
.clearfix, nav[role=navigation] .menu ul {
	zoom: 1;
}
/* wordpress junk */
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}

				
/******************************************************************
PRINT STYLESHEET
******************************************************************/
@media print {
* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important;
}
a, a:visited {
	color: #444 !important;
	text-decoration: underline;
}
/*a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
*/
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}
/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

/* text alignment */
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
/* highlighting search term on search page */
mark, .search-term {
	background: #EBE16F;
}
/* alerts & notices */
.help, .info, .error, .success {
	margin: 10px;
	padding: 5px 18px;
	border: 1px solid #cecece;
}
.help {
	border-color: #E0C618;
	background: #EBE16F;
}
.info {
	border-color: #92cae4;
	background: #d5edf8;
}
.error {
	border-color: #fbc2c4;
	background: #fbe3e4;
}
.success {
	border-color: #c6d880;
	background: #e6efc2;
}
.placeholder {
	color: #bbb !important;
}
/******************************************************************
BASE MOBILE STYLES
Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible.
******************************************************************/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.571em;
	color: #222;
	background: #eee;
}
/*********************
LAYOUT & GRID STYLES
*********************/
.contain {
max-width: 1140px;
	margin: 0 auto;
	
}


#container {
	max-width: 99%;
	max-width: 310px;
	margin: 0 auto;
	background: white;
	overflow: hidden;
}
.wrap {
}
.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 {
	padding: 0 5%;
}

#topBar {
	background-color:#EFEFEF;
}
#topBarWrap {
	
}

	
/*********************
LINK STYLES
*********************/

a, a:visited {
	color: #c22;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
a:active {
}
a:link {
	-webkit-tap-highlight-color : rgba(0,0,0,0);
}
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: Oswald;
	font-weight: 700;
	font-style: normal;
	color: #000;
	line-height: 1.2em;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
	color: #130e0e;
}
h1, .h1 {
	font-size: 2.571em;
	line-height: 1.278em;
	word-spacing:4px;
}
h2, .h2 {
	font-size: 2.05em;
	line-height: 1.333em;
	margin-bottom: 0.750em;
	word-spacing:3px;

}
h3, .h3 {
	font-size: 1.443em;
	line-height: 1.5em;
	word-spacing:3px;
}
h4, .h4 {
	font-size: 1em;
	line-height: 1.429em;
}
h5, .h5 {
	font-size: 0.846em;
	line-height: 2.09em;
	text-transform: uppercase;
	word-spacing: 2px;
}

h6 {
	
	word-spacing: 1.5px;
}
img {
	width: auto;
	max-width: 100%;
	height: auto;
}
/*********************
HEADER SYTLES
*********************/
#container > header {
	position: relative;
	z-index: 100;
}
#header-ad {
	border-bottom: #ddd 1px solid;
	text-align: center;
}
#header-ad .widget h4 {
	display: none;
}
#logo {
	text-align: center;
}
#logo {
	margin: 0px 0 10px;
	font-size: 64px;
	letter-spacing: -0.05em;
	line-height: 20px;
}
#logo img {
	margin-bottom: -5px;
}
#logo span {
	display: block;
	font-size: 16px;
	letter-spacing: normal;
	line-height: 30px;
}
#logo a {
	color: #000;
	text-decoration: none;
}
#sidebar-top {
}
#sidebar-top .widget {
	margin: 0;
}

#sidebar1 {
	background:#eee;
}
/*********************
NAVIGATION STYLES
*********************/

.widget_posts {
	border:1px solid #ccc;
	padding:8px;
	background:#fff;
}

#search-header2 {
float:right;
}

.tutor-social {
line-height: 45px;
}
.tutor-social a {
	text-decoration:none;
}
.tutor-social{margin:0; float: right;}
.tutor-social li{margin: 0;display: inline;}
.tutor-social li a{margin: 0;background: rgba(54, 54, 54, 0.9) url('https://www.mpc-tutor.com/assets/social-media-icons.png') no-repeat 0 0px;width:30px;display: inline-block;height: 30px;line-height: 25px;zoom: 1;*display:inline;border-radius: 3px;}
.tutor-social li a.rss{margin: 0;background-position: 0px -60px;}
.tutor-social li a.rss:hover{background-color: #f69400;}
.tutor-social li a.twitter{margin: 0;background-position: 0px 0px;}
.tutor-social li a.twitter:hover{background-color: #48c4d2;}
.tutor-social li a.gplus{margin: 0;background-position: 0px -300px;}
.tutor-social li a.gplus:hover{background-color: #d94a39;}
.tutor-social li a.fb{margin: 0;background-position: 0px -30px;}
.tutor-social li a.fb:hover{background-color: #3b5998;}
.tutor-social li a.yt{margin: 0;background-position: 0px -210px;}
.tutor-social li a.yt:hover{background-color: #C4302B;}
.tutor-social li a.email{margin: 0;background-position: 0px -420px;}
.tutor-social li a.email:hover{background-color: #0bac03;}


.tutor-social-author {
line-height: 45px;
}
.tutor-social-author a {
	text-decoration:none;
}
.tutor-social-author{margin:0; float: left;}
.tutor-social-author li{margin: 0;display: inline;margin-bottom:24px;
}
.tutor-social-author li a{margin: 0;background: rgba(54, 54, 54, 0.9) url('https://www.mpc-tutor.com/assets/social-media-icons.png') no-repeat 0 0px;width:30px;display: inline-block;height: 30px;line-height: 25px;zoom: 1;*display:inline;border-radius: 3px;}
.tutor-social-author li a.twitter{margin: 0;background-position: 0px 0px;}
.tutor-social-author li a.twitter:hover{background-color: #48c4d2;}
.tutor-social-author li a.gplus{margin: 0;background-position: 0px -300px;}
.tutor-social-author li a.gplus:hover{background-color: #d94a39;}
.tutor-social-author li a.fb{margin: 0;background-position: 0px -30px;}
.tutor-social-author li a.fb:hover{background-color: #3b5998;}
.tutor-social-author li a.yt{margin: 0;background-position: 0px -210px;}
.tutor-social-author li a.yt:hover{background-color: #C4302B;}
.tutor-social-author li a.email{margin: 0;background-position: 0px -420px;}
.tutor-social-author li a.email:hover{background-color: #0bac03;}

.author-box-clear {
	clear:both;
	padding-bottom:24px;
}

.subContain {
max-width: 1140px;
margin: 0 auto;
background: #000;

}
.subFix {
padding-left:0px;
}


#subMenu {
padding-left:10px;
clear: both;
font-weight: normal;
color: white;
border-bottom: 1px solid black;
padding-top:8px;
padding-bottom:4px;
font-size: 0.8em;
background: #000;
line-height:1.3em;
text-align:center;
}

#subMenu a {
color: white;
padding-left:3px;
padding-right:3px;
}

#subMenu span {
	color:#999;
}

.nav {
	border-bottom: #000 1px solid;
	float: none;
	clear: both;
	background:#363636;
	border-top-color : #000000;
	border-bottom-color : #000000;

	
}
.nav .menu {
	margin: 4px 0 0;
	background-color : #363636;
}
.nav .menu > ul {
	background: none;
	text-align: center;
	padding-bottom: 8px;
}
.nav .menu li, .nav .menu > li {
	background-color: inherit;
	background: none;
	display: inline;
	text-align: center;
	border-bottom-color : #363636;
}
.nav .menu li a {
	font-family: Oswald;
font-weight: 700;
font-style: normal;
text-transform:uppercase;
	font-size: 1.11em;
	line-height: 1.2em;
	background-color: inherit;
	color: #000;
	margin-bottom: -1px;
	text-decoration: none;
	padding: 0.25em 0.5em;
}
.nav .menu li:after {
	content: "/";
	color: #bbb;
}
.nav .menu li:last-child:after {
	content: "";
}
.nav .menu li:nth-child(2n) > a {
	border-right: none;
}
.nav .menu li a:hover, .nav .menu li.current-menu-item a, .nav .menu li.current_page_item a, .nav .menu li.current-page-ancestor a {
	color: #fff;
}


.nav .menu ul li:hover > ul {
	display: none;
}
.nav .menu .sub-menu, .nav .menu .children {
	display: none;
}
.nav .menu ul ul li a {
	padding-left: 30px;
}
/*********************
BREADCRUMBS
*********************/


#breadcrumbs {
	font-size: 0.9em;
	line-height: 1.273em !important;
	padding-bottom: 24px;
	margin-left:-4px;
	line-height: 1em;
	color: #666;
}
#breadcrumbs span {
	padding-left: 4px;
	padding-right: 4px;
}
#breadcrumbs .breadcrumb_last {
	padding-left: 0px;
	font-size: 0.96em;
}

#breadcrumbs {
}


#breadBack {

}

/*********************
POSTS & CONTENT STYLES
*********************/

#content {
	position: relative;
	background:#eee;
}
#main {
	margin-top: 22px;
	background:#fff;
	border:1px solid #ccc;
}
.hentry {
	position: relative;
}
/* post meta */
.meta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #aaa;
	margin: -5px 0 1em;
	font-style: normal;
}
.meta, .meta a {
	color: #aaa;
}
.meta a {
	text-decoration: underline;
}
/*	Post title class,
	The global style for post title, make the link black colored ( inversed color of global link ) */
.post-title, .post-title-small {
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.243em;
	line-height:1.27em;
}
.post-title-small {
	font-size: 1.14em;
	letter-spacing:0.7px;
	word-spacing:0.5px;
	font-family:Oswald;font-weight:400;font-style:normal;
	margin-top:10px;
	padding-top:2px;
	padding-bottom:5px;
	margin-bottom:0;
}
/* Header size for post items in category list */
.post-title {
	font-size: 1.654em;
}
.post-title a {
	color: #000;
}
.post-title-small a {
	color: #222;
}
.post-title a:hover, .post-title-small a:hover {
	color: #c22;
}
/*	Comment count, 
	The style square buble speak */		
.comment-count a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.714em;
	line-height: 1.4em;
	background: #222;
	color: #fff;
	text-align: center;
	text-decoration: none;
	min-width: 13px;
	padding: 1px 5px;
	position: absolute;
	right: 0;
	top: 0;
}
.comment-count a:hover {
	background: #c22;
}
.comment-count a:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #222;
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 100;
}
.comment-count a:hover:after {
	border-left: 5px solid #c22;
}
.home-thumb {
	max-width: 100%;
}
/*	Post content */
.post_content {
	border-bottom: #ddd 1px dotted;
	margin-bottom: 1.5em;
}
.post_content p {
	margin-bottom: 1em;
}
.post_content .read-more {
	margin-top: 0;
}
.post_content .home-thumb img {
	margin: 5px 0 0.714em;
}
.post_content img {
	/*margin: 0 0 1.5em;*/
	max-width: 100%;
	height: auto;
}
.post_content p {
	margin: 0 0 1.25em 0;
}
.post_content ul, .post_content ol, .post_content table, .post_content dl {
	margin: 1.5em 0;
}
.post_content ul, .post_content ol {
	list-style-position: outside;
	line-height: 1.5;
	margin-left: 1.4em;
	margin-right: 2.2em;
}
.post_content li {
}
.post_content ul li {
	list-style-type: disc;
}
.post_content ol li {
	list-style-type: decimal;
}
.post_content blockquote {
	background: #fafafa;
	color: #222;
	line-height: 1.6em;
	margin: 1.5em 0;
	padding: 1em 1.3em 0.1em;
	border-left: #bbb 1px dotted;
}
.post_content dl {
	margin: 1.75em 0 1.75em;
}
.post_content dt {
	font-style: italic;
	margin-top: 1.25em;
	font-size: 1.13em;
	font-weight: 700;
}
.post_content dd {
	font-style: italic;
	font-size: .85em;
	margin-top: 1em;
	line-height: 1.6em;
}
/*	image alignment.
	*/
.bypostauthor {
}
.sticky {
}
.alignleft, img.alignleft {
	float: left;
	margin-right: 20px;
}
.alignright, img.alignright {
	float: right;
	margin-left: 20px;
}
.aligncenter, img.aligncenter {
	text-align: center;
	max-width: 100%;
}
.post_content video, .post_content object, .post_content iframe {
	max-width: 100%;
	border: none;
}
.post_content .fluid-width-video-wrapper {
	margin-bottom: 2.143em;
}
.post_content pre, .post_content code {
	background: #eee;
	border: 1px solid #cecece;
	padding: 10px;
}
/* wp caption image */
.wp-caption {
	max-width: 100%;
	background: #eee;
	padding: 5px;
}
.wp-caption img {
	margin-bottom: 0;
	width: 100%;
	height: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 0.85em;
	margin: 4px 0 7px;
	text-align: center;
}
/* image gallery styles */

.gallery {
	width: 100%;
	margin: 0 auto 1.429em;
}
.gallery .gallery-item {
	float: left;
	margin: -10px 0 0;
	padding: 0;
	text-align: center;
	width: 33.33333333%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
	margin: 0;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
	margin: 0;
}
.gallery img {
	margin: 0 0 -5px;
	padding: 0;
}
.gallery img:hover {
	background: white;
}
.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;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt {
	margin: 0;
}
.gallery br+br {
	display: none;
}
/*	Custom post style, 
	type-1 is post with big picture and title, 
	type-2 is a bulleted title
	type-3 is post with small thumbnail and title */
.type-1 .post_content {
	padding-bottom: 0.214em;
}
.type-1 .comment-count-meta {
	display: none;
}
.single #main h1.post-title {
	font-size: 1.75em;
	line-height: 1.25em;
}
post-title-page {
	font-size:2.4em;
	margin-top:0;
	padding:0;line-height: 1.25em
}
#main .default-post {
	margin-bottom: 10px;
}
.post_content {
	padding-bottom: 10px;
}
#main .default-post:last-child {
	margin-bottom: 0;
	background: #fee;
}
.type-2 .post_content, .type-3 .post_content {
	border-bottom: none;
	margin-bottom: 0.714em;
}
.type-2 .author-meta, .type-3 .author-meta {
	display: none;
}
.type-2:nth-child(1) .post_content {
	border-bottom: #ddd 1px dotted;
	padding-bottom: 0.714em;
	margin-bottom: 1.429em;
}
.type-2 {
	padding-left: 10px;
	margin-bottom: -0.357em;
}
.type-2:last-child {
	margin-bottom: -0.714em;
}
.type-2 .post-title {
	position: relative;
	padding-right: 0;
}
.type-2 .post-title:before, .type-2 .post-title-small:before {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	content: "\2022";
	color: #c22;
	margin-left: -12px;
	position: absolute;
}
.type-2 .meta, .type-3 .meta {
	margin-bottom: -0.091em;
}
.type-3 {
	padding-bottom: 0;
	margin-bottom: 20px;
	border-bottom: #ddd 1px dotted;
}
.type-3:last-child {
	padding-bottom: 0;
	margin-bottom: -0.357em;
	border-bottom: none;
}
.type-3 a.home-thumb {
	width: 55px;
}
.type-3 .home-thumb img {
	max-width: 55px;
	margin-top: 5px;
	height: auto;
}
.widget_posts article {
	position: relative;
}



/* hide carousel on the little screen */
#headline-carousel {
	display: none;
}
#headline-carousel {
	position: relative;
	width: 100%;
	background-color: #f6f6f6;
	position: relative;
	overflow: hidden;
	border-bottom: #ddd 1px solid;
	padding-bottom: 20px;
	padding-top: 20px;
	z-index: 10;
}
#headline-carousel .custom-loop .widgettitle {
	margin-left: 20px;
	margin-right: 20px;
	margin-left: 2.1276596%;
	margin-right: 2.1276596%;
}
#headline-carousel .custom-loop .widgettitle span {
	background: #f6f6f6;
}
#headline-carousel .loop-items {
	width: 500%;
}
#headline-carousel .loop-items article {
	float: left;
	width: 5%;
	height: 100%;
	padding: 0 0.4166667%;
	margin-bottom: 20px;
	/*padding:20px;*/
	border-right: #ddd 1px dotted;
	/*margin-left:-1px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#headline-carousel .loop-items .hentry {
	border-bottom: none;
	margin-bottom: 0;
}
#headline-carousel .loop-items .hentry img {
	margin-bottom: 10px;
}
#headline-carousel .custom-loop nav a {
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	padding: 2px;
	display: block;
	position: absolute;
	top: 36%;
	outline: none;
	opacity: 1;
}
#headline-carousel .custom-loop nav a span {
	display: block;
	background-color: #000;
	padding: 8px 14px 10px;
}
#headline-carousel .custom-loop nav .nav-index {
	display: none;
}
#headline-carousel .custom-loop nav a:hover span {
	opacity: 1;
	background-color: #c22;
}
#headline-carousel .custom-loop nav .slider-prev {
	left: 10px;
}
#headline-carousel .custom-loop nav .slider-next {
	right: 10px;
}
/*	Style for featured slider,
	big slider placed on homepage */
	
/* featured posts */
#featured-posts {
	position: relative;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-bottom: #ddd 1px solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#featured-posts .loop-items {
	width: 1000%;
}
#featured-posts .loop-items article {
	float: left;
	width: 10%;
	height: 100%;
	padding: 0%;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#featured-posts .loop-items article .h1 {
	font-size: 1.75em;
	line-height: 1.25em;
}
#featured-posts .loop-items .hentry {
	border-bottom: none;
	margin-bottom: 0;
}
#featured-posts .loop-items .hentry img {
	margin-bottom: 10px;
}
#featured-posts .custom-loop nav {
	display: block;
	text-align: center;
	width: 100%;
	border-top: #ddd 1px dotted;
	padding-top: 15px;
	margin-top: 10px;
	margin-bottom: -5px;
}
#featured-posts .custom-loop nav a {
	color: #222;
	font-size: 0.857em;
	padding: 0px 10px;
	margin: 0;
	border-right: #ddd 1px dotted;
}
#featured-posts .custom-loop nav a:last-child {
	border-right: none;
}
#featured-posts .custom-loop nav .active-index {
	color: #bbb;
}
/*	Single post special,
	All individual treatment on single posts */
 #main {
	padding-top: 24px;
}
.single .hentry section {
	margin-bottom: 0 !important;
	border-bottom: none;
}
.single .post header, .page .hentry header {
	margin-bottom: 6px;
		/* padding-bottom: 10px;
border-bottom: #ddd 1px dotted;*/
}
.single .post footer {
	margin: 0 -2.857em;
	position: relative;
	padding-left: 2.857em;
	padding-right: 2.857em;
	padding-bottom: 0.714em;
}
.single .post_content img, .single .post_content iframe {
	margin-top: 0.571em;
}
.single #main .post_content, .page-default #main .post_content {
	margin-bottom: 0;
}
.single .post footer #article-footer-meta {
	position: relative;
	z-index: 10;
	padding-right: 95px;
	margin-bottom: 20px;
	padding-top: 5px;
	border-top: #ddd 1px dotted;
}
.single .post footer #article-footer-meta:after {
	display: block;
	content: "";
	float: none;
	clear: both;
}
#social-share {
	display: block;
	padding-top: 16px;
	margin-bottom: 26px;
}
.share-button {
	width: 15px;
	height: 15px;
	background-color: #fee;
	background-image: url(library/images/social.png);
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	float: left;
	margin-left: 1px;
}
.social-twitter {
	background-position: -16px 0;
}
.social-google {
	background-position: -32px 0;
}
.social-tumblr {
	background-position: -48px 0;
}
.social-su {
	background-position: -64px 0;
}
.social-linkedin {
	background-position: -80px 0;
}
.single .post footer #author-box {
}
.single .post footer #author-box .post-title {
	font-size: 1.143em;
	margin-bottom: 3px;
}
.single .post footer #related-box header {
	border-bottom: none;
	margin-bottom: 0;
}
.single .post footer #related-box header img {
	margin-bottom: 10px;
}
/*	Posts navigation,
	style for next and previous post on single post */
.post-nav {
	/*background:#f6f6f6;*/
	position: relative;
	border-top: #ddd 1px dotted;
	border-bottom: #ddd 1px dotted;
	margin: 0 0 20px;
	padding: 0;
}
.post-nav:before {
	content: "";
	position: absolute;
	display: block;
	left: 50%;
	top: 0;
	width: 0;
	height: 100%;
	border-right: #ddd 1px dotted;
	z-index: 0;
}
.post-nav a {
	display: block;
	width: 50%;
	padding: 15px 0;
	text-decoration: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.post-nav a .post-title-small, .post-nav a .meta {
	padding: 0;
}
#main .post-nav a .post-title-small {
	color: #000;
}
#main .post-nav a:hover .post-title-small {
	color: #c22;
	text-decoration: underline;
}
.post-nav a[rel=prev] {
	float: left;
	padding-right: 20px;
}
.post-nav a[rel=next] {
	float: right;
	text-align: right;
	padding-left: 20px;
}
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.page-navigation {
	width: 100%;
	clear: both;
	float: none;
	background: #fff;
	padding: 0;
	padding-bottom: 20px;
	position: relative;
	margin-top: -15px !important;
}
.page_navi {
	padding: 0;
	float: right;
	margin-top: 6px;
}
.page_navi li {
	float: left;
	margin-left: 10px;
}
.page_navi li, .wp-prev-next li, .page-of {
	margin-left: 0;
	color: #bbb;
	font-size: 0.857em;
}
.page_navi li:last-child {
	background: none;
}
.page_navi li:last-child a {
	padding-right: 5px;
}
.page_navi li a, .page_navi li span, .wp-prev-next li a {
	padding: 0px 15px;
	border-right: #ddd 1px dotted;
	margin: 0;
	color: #222;
	display: block;
	line-height: 1em;
	text-decoration: none;
	position: relative;
}
.page_navi li:last-child a {
	border-right: none;
}
.page_navi li a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: none;
}
.page_navi li .current {
	color: #bbb;
}
.wp-prev-next .prev-link {
	float: left;
}
.wp-prev-next .next-link {
	float: right;
}
.page-navigation, .wp-prev-next {
	margin: 1.1em 0 0;
}
.homepage-navigation {
	margin-top: -5px;
	padding-top: 0;
}
.homepage-navigation:before {
	display: none;
}
.homepage-navigation .nextpostslink {
	font-size: 0.786em;
}
.not-found .post_content, .error404 .post_content, .page .post_content {
	border-bottom: none;
}
.search .page .post_content {
	border-bottom: #ddd 1px dotted;
}
/* fallback previous & next links */
.wp-prev-next .prev-link {
	float: left;
}
.wp-prev-next .next-link {
	float: right;
}
/******************************************************************
COMMENT STYLES
******************************************************************/

.commentlist {
	padding: 0;
	margin-bottom: 20px;
}
.commentlist ul {
	padding: 0;
	margin: 0;
}
.commentlist li {
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	list-style: none;
}
.commentlist li[class*=depth-] {
	margin-left: 4%;
}
.commentlist li.depth-1 {
	margin-left: 0;
}
.commentlist article {
	padding: 1em 0 1.429em;
	border-bottom: #bbb 1px dotted !important;
	position: relative;
}
.commentlist li.depth-1 > article {
	border-left: none;
}
.commentlist li.depth-1:first-child > article:first-child {
	padding-top: 0;
}
.commentlist .vcard {
}
.commentlist li.depth-1 > article .vcard {
	margin-left: 0;
}
.commentlist .vcard cite.fn {
font-family: Oswald;
font-weight: 700;
font-style: normal;	font-size: 1.143em;
}
.commentlist .meta {
	margin-top: 0px;
	margin-bottom: 0;
}
.commentlist .meta a {
	color: #bbb;
}
.commentlist .vcard .time {
	font-size: 12px;
	color: #bbb;
	display: block;
}
.commentlist .vcard .time a {
	text-decoration: none;
}
.commentlist .vcard .time a:hover {
	text-decoration: underline;
}
.commentlist .vcard img.photo {
}
.commentlist .vcard img.avatar {
	position: absolute;
	right: 0;
	top: 1.5em;
}
.commentlist li.depth-1:first-child > article .vcard img.avatar {
	top: 0;
}
.commentlist li .comment_content {
	padding-right: 60px;
}
.commentlist li.depth-1 > article .comment_content {
	padding-left: 0;
}
.commentlist li .comment_content p {
	font-size: 1em;
	margin: 0.7335em 0 0;
}
.commentlist li ul {
}
.commentlist .comment-reply-link {
	font-size: 0.786em;
}
.commentlist a.comment-reply-link:hover {
	opacity: 1;
}
/******************************************************************
COMMENT FORM STYLES
******************************************************************/

#respond {
	margin: -2px 0 20px;
	padding: 0;
	position: relative;
}
.commentlist li #respond {
	margin-left: 4%;
	border-bottom: #ddd 1px dotted;
}
#comment-form-title {
}
#comment-form-elements {
	margin: 0.75em 0 0;
	position: relative;
}
#respond #comment-form-elements li {
	clear: none;
	overflow: hidden;
	list-style: none;
	width: 50%;
	border: #ddd 1px solid;
	margin-bottom: 15px;
	padding: 5px 0;
}
#comment-form-elements label {
	display: none;
}
#comment-form-elements label span {
	color: #ccc;
}
#comment-form-elements small {
}
#author, #url, #comment {
	background: none;
	font-size: 1em;
	color: #222;
}
#author:focus,  #url:focus, #comment:focus {
	outline: none;
}
#author, #url {
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 10px;
	width: 100%;
	border: none;
}

#email-wrap #email {
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 10px;
	width: 100%;
	border: none;
	background: none;
	font-size: 1em;
	color: #222;
}
#email-wrap #email:focus {
outline: none;
}

#url {
	margin-right: 0;
}
#allowed_tags {
	font-size: 0.846em;
	line-height: 1.5em;
	margin: 1.5em 10px 0.7335em 0;
}
#comment {
	font-family: Arial, Helvetica, sans-serif;
	resize: none;
	width: 100%;
	height: 150px;
	border: #ddd 1px solid;
	padding: 12px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#commentform {
}
.comments-logged-in-as {
	margin-bottom: 20px;
}
.required-attr {
	color: #bbb;
	float: left;
	width: 50%;
	margin: 1.818em 0 0;
}
#submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 10px;
	color: #fff;
	text-decoration: none;
	background-color: #222;
	padding: 10px 10px;
	border: none;
	float: right;
	margin: 5px 0;
}
#submit:hover {
	background-color: #c22;
}


/* form validation */
#commentform input:invalid, #commentform textarea:invalid {
 border-color: red;
 outline: none;
 box-shadow: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 background-color: #f6e7eb;
}
#commentform input:valid {
}
/* no comments */
.nocomments {
	margin: 0 20px 1.1em;
}
/*********************
SIDEBARS & ASIDES
*********************/

.sidebar, #main, .f-widget {
	overflow: hidden;
}
.sidebar {
	padding-top: 22px;
}
.widget {
	padding: 0;
	margin: 0 0 1.429em;
}
.widgettitle {
	font-family: Oswald, Arial, Helvetica, sans-serif;
	font-weight:700;
	font-style:normal;
	font-size: 1.42em;
	text-transform:uppercase;
	color: #000;
	margin-top: 0;
	margin-bottom: 20px;
	position: relative;

}

.widgettitle:before {
	width: 100%;
	position: absolute;
	content: "";
	bottom: 7px;
	height: 1px;
	border-top: #ccc 8px solid;
	z-index: 1;
}
.widgettitle > span {
	background: #eee;
	padding: 0 10px 0 0;
	z-index: 10;
	position: relative;
		padding-left:0px;

}

#main .widgettitle > span {
	background: white;
	font-family: Oswald;
	font-weight: 700;
	font-style: normal;
}

.footer .widgettitle:before {
	
	border-top: #363636 13px solid;
}


/*	Search form widget style */
#searchform {
	border: #c6c6c6 1px solid;
	background: #fff;
	padding: 4px;
	position: relative;
	padding-right: 60px;
	margin-bottom:24px;
}
#searchform label {
	display: none;
}
#searchform #s {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	color: #bbb;
	border: none;
	background: none;
	padding: 10px 6px;
	width: 100%;
}
#searchform #searchsubmit {
	background: url(library/images/searchbtn.png) 10px top no-repeat;
	text-indent: 100px;
	padding: 7px 10px;
	border: none;
	float: right;
	margin-top: -1px;
	display: block;
	position: absolute;
	width: 40px;
	right: 2px;
	top: 10px;/*margin-bottom:-1px;*/
}
#searchform #searchsubmit:hover {
	color: #222;
}


/*	newsletter subscribe form widget style */
#nSub {
	border: #c6c6c6 1px solid;
	background: #fff;
	padding: 4px;
	position: relative;
	padding-right: 60px;
	margin-bottom:14px;
}
#nSub label {
	display: none;
}
.textwidget #xEmail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	color: #bbb;
	border: none;
	background: none;
	padding: 10px 6px;
	width: 100%;
}
#nSub #newssubmit {
	background: url(library/images/searchbtn.png) 10px top no-repeat;
	text-indent: 100px;
	padding: 7px 10px;
	border: none;
	float: right;
	margin-top: -1px;
	display: block;
	position: absolute;
	width: 40px;
	right: 2px;
	top: 10px;/*margin-bottom:-1px;*/
}
#nSub #newssubmit:hover {
	color: #222;
}


/*	Video widget style */
.widget_video {
	boder-top: #ddd 1px solid;
	overflow: hidden;
	position: relative;
}
.widget_video iframe {
	border: none;
}
.widget_video .video-post-wrap {
	position: relative;
	width: 1000%;
}
.widget_video .video-post-wrap .the-video {
	width: 10%;
	float: left;
}
.widget_video .video-post-wrap .meta, .widget_video .video-post-wrap .post-title {
	margin-bottom: 10px;
	padding: 0;
}
.widget_video nav {
	background: #fff;
	font-size: 0.875em;
	line-height: 1em;
	position: absolute;
	right: 0;
	bottom: 10px;
	height: 20px;
}
.widget_video nav a {
	color: #222;
}
.widget_video nav .slider-prev {
	border-right: #ddd 1px dotted;
	padding-right: 10px;
}
.widget_video nav .slider-next {
	padding-left: 10px;
}
.widget_video .video-container, .widget_video .video-flash, .video-flash {
	position: relative;
	padding-bottom: 62.25%;
	padding-top: 30px;
	margin-bottom: 20px;
	height: 0;
	overflow: hidden;
}
.widget_video .video-container iframe, .widget_video .video-container object, .video-flash object, .widget_video .video-container embed {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*	Tabs style */
.tabs-widget h4 span {
	visibility: hidden;
}
.tabs {
	margin-top: -10px;
}
.tabs ul.nav-tab {
	border-bottom: #ddd 1px dotted;
	padding-bottom: 20px;
}
.tabs ul.nav-tab li {
	float: left;
	padding: 0 10px;
	margin-bottom: -2px;
	margin-top: -1px;
	padding: 0 10px 3px;
}
.tabs ul.nav-tab li.second_tab, .tabs ul.nav-tab li.third_tab {
	border-left: #ddd 1px dotted;
}
.tabs ul.nav-tab li h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0 0;
	margin: 0;
}
.tabs ul.nav-tab li h3 a {
	display: inline-block;
	font-weight: normal;
	letter-spacing: 0;
	color: #bbb;
	text-decoration: none;
	margin-bottom: 0;
	outline: none;
}
.tabs ul.nav-tab li.tab-active h3 a {
	color: #333;
}
.tabs .tab-content {
	margin-top: 20px;
}
.tabs .hide {
	display: none;
}
/* flickr widget */
.widget_flickr {
	margin-left: -1px;
}
.flickr_widget {
}
.widget_flickr img {
	width: 65px;
	height: 65px;
	margin-left: 1px;
	float: left;
	margin-bottom: 1px;
}
/* social media links widget */
.widget_social .social-links {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: #ddd 1px solid;
}
.widget_social .social-links li {
	float: left;
	padding: 0;
	margin: 0;
}
.widget_social .social-links li a {
	color: #000;
	border-right: #ddd 1px solid;
	display: block;
	padding: 6px 10px 6px 31px;
}
.widget_social .social-links a:hover {
	color: #c22;
}
.widget_social .social-links .twitter-link {
	background: url(library/images/twitter.png) 10px 8px no-repeat;
}
.widget_social .social-links .rss-link {
	background: url(library/images/feed.png) 10px 8px no-repeat;
	border-right: none;
}
.widget_social .social-links .facebook-link {
	background: url(library/images/facebook.png) 10px 8px no-repeat;
}
.widget_comments li {
	border-bottom: #ddd 1px dotted;
	padding-bottom: 20px;
	margin-top: 20px;
}
/* advertisement 125 */
.widget_ad125 {
}
.widget_ad125 ul li {
	width: 50%;
	text-align: center;
	float: left;
}
.widget_ad125 ul li a {
	margin: 0 auto;
	max-width: 100%;
	display: block;
	text-align: center;
}
.widget_ad125 ul li img {
	max-width: 100%;
}
/* twitter widget */
.widget_twitter li {
	margin-bottom: 1em !important;
	font-style:italic;
}
.textwidget p {
	margin: 0 0 1.5em;
	font-size:0.95em;
	color:#999;
}
.textwidget img {
	margin-bottom: -5px;
}
.textwidget ul {
	margin: 0 0 1.5em;
	font-size:0.95em;
	color:#999;
}
.textwidget a {
	text-decoration:underline;
}

@font-face {
  font-family: 'fontello';
  src: url('library/fonts/fontello.eot?56699204');
  src: url('library/fonts/fontello.eot?56699204#iefix') format('embedded-opentype'),
       url('library/fonts/fontello.woff?56699204') format('woff'),
       url('library/fonts/fontello.ttf?56699204') format('truetype'),
       url('library/fonts/fontello.svg?56699204#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
 
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
 
  /* font-size: 120%; */
 
}
 
.icon-star:before { content: '\e815'; }
.icon-ok:before { content: '\e80b'; }
.icon-help-circled:before { content: '\e80c'; } 
.icon-download:before { content: '\e807'; } 
.icon-doc:before { content: '\e808'; } 
.icon-doc-inv:before { content: '\e80a'; } 
.icon-play:before { content: '\e814'; } 
.icon-th:before { content: '\e818'; }
.icon-pause:before { content: '\e816'; } 
.icon-book:before { content: '\e800'; } 
.icon-eye:before { content: '\e801'; }
.icon-lock:before { content: '\e802'; }
.icon-basket:before { content: '\e803'; }

.widget_nav_menu [class^="icon-"], .widget_nav_menu [class*=" icon-"] {
	display: block;
	speak: none;
	position: relative;
	padding-left: 25px;
	text-align: left;
	float: left;
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.widget_nav_menu [class^="icon-"]:before, .widget_nav_menu [class*=" icon-"]:before {
	font-family: fontello;
	font-style: normal;
	position: absolute;
	left: 0;
}
.widget_nav_menu .menu li:after {
	content: "";
}
.icon-rss:before {
	content: "\f310";
}
.icon-facebook:before {
	content: "\f300";
}
.icon-twitter:before {
	content: "\f301";
}
.icon-twitter:before {
	content: "\f302";
	font-size: .8em;
}
.icon-icq:before {
	content: "\f308";
}
.icon-github:before {
	content: "\f306";
	font-size: .8em;
}
.icon-google:before {
	content: "\f305";
}
.icon-skype:before {
	content: "\f307";
}
.icon-vimeo:before {
	content: "\f303";
}
.icon-tumblr:before {
	content: "\f304";
}
.icon-youtube:before {
	content: "\f309";
}
#sidebar-top .widgettitle {
	display: none;
}
#sidebar-top .widget ul {
	text-align: right;
}
#sidebar-top .widget ul ul {
	display: none;
}
#sidebar-top .widget ul li {
	display: inline;
}
#sidebar-top .widget ul li:after {
	content: "/";
	margin: 0 10px;
}
#sidebar-top .widget ul li:last-child:after {
	content: "";
	margin: 0 0;
}
#sidebar-top .widget_nav_menu [class^="icon-"], #sidebar-top .widget_nav_menu [class*=" icon-"] {
	display: inline;
	float: none;
}
#sidebar-top a {
	max-width: 100%;
}
#sidebar-top img {
	margin-bottom: -5px;
	max-width: 100%;
}
/*********************
FOOTER STYLES
*********************/

.footer {
	background: #020202;
	clear: both;
	padding-top: 20px;
	color: #666;
	padding-bottom:12px;
}
.footer a, .footer a.widget-more {
	color: #eee;
}
.footer .widgettitle {
	color: #fff;
	 font-family: Oswald;
	font-weight: 700;
	font-style: normal;
	
}
.footer .widgettitle span {
	background: #020202;
}
.footer-links {
	margin: 0;
}
.footer-links a {
	color:white;
}

.footer-links ul {
}
.footer-links li {
	display: inline;
}
.footer-links li:after {
	content: " |";
	font-size: 0.8em;
	margin: 0 0.4em;
}
.footer-links li:last-child:after {
	display: none;
}
.footer-links li a {
	line-height: 1em;
}
/* remember, no hover in mobile */
.footer-links li a:hover {
}
/* highlight current page */	
.nav li.current-menu-item a, .nav li.current_page_item a {
}
/* be careful with the depth of your menus */
.footer-links .sub-menu {
	display: none;
}


.attribution {
	font-size: 0.786em;
	background: #363636;
	text-align: left;
	padding: 18px 0 18px;
	margin: 0;
	color:#ccc;
	border-top:1px solid #666;
}
.attribution p {
	margin-top: -5px;
}

.attribution a {
	color:#ccc;
	text-decoration:underline;
}
/** Supporting Contact Form 7 **/

.wpcf7-text, .wpcf7 textarea {
	border: #ddd 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 10px;
}
.wpcf7 textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.wpcf7-submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #222;
	padding: 8px 10px 8px 10px;
	border: none;
	margin: 5px 0;
}
.wpcf7-submit:hover {
	background-color: #c22;
}



#social{
height:50px;
padding: 0px;
margin-bottom:0px;
margin-top:12px;
float:right;
}

#social ul {
	display:inline;
	list-style:none;
}

#social li {
display:inline;
}

#social a {
	margin-right:12px;
}

#social a.facebook {
display:block;
float:left;
height:50px;
width:50px;
text-indent:-9999px;
background-image:url('library/images/social-media-large.png');
background-position:-110px -55px;
}
#social a:hover.facebook {
background-image:url('library/images/social-media-large.png');
background-position:-110px 0px;
}
#social a.twitter {
display:block;
float:left;
height:50px;
width:50px;
text-indent:-9999px;
background-image:url('library/images/social-media-large.png');
background-position:-55px -55px;
}
#social a:hover.twitter {
background-image:url('library/images/social-media-large.png');
background-position:-55px 0px;
}
#social a.soundcloud{
display:block;
float:left;
height:50px;
width:50px;
margin-right:0px;
text-indent:-9999px;
background-image:url('library/images/social-media-large.png');
background-position:-165px -55px;
}
#social a:hover.soundcloud {
background-image:url('library/images/social-media-large.png');
background-position:-165px 0px;
}

#social a.youtube{
display:block;
float:left;
height:50px;
width:50px;
text-indent:-9999px;
background-image:url('library/images/social-media-large.png');
background-position:-330px -55px;
}
#social a:hover.youtube {
background-image:url('library/images/social-media-large.png');
background-position:-330px 0px;
}

	
	
	
/*///////////////////////////////////////////
//SHOP - all screen sizes
////////////////////////////////////////////*/
button:focus {outline:0;}

.btns_block a.demo_btn {
background: #888;
}

.btns_block a, .btns_block input {
display: inline-block;
margin: 10px 20px 0px 0;
line-height: 23px;
width: 100%;
padding: 9px 0 5px 0px;
text-align: center;
text-decoration: none;
border: none;
border-radius: 4px;
-webkit-border-radius: 4px;
transition: all 300ms;
-webkit-transition: all 300ms;
font-size: 12px;
font-weight: 900;
vertical-align: top;
text-transform: uppercase;
color: #fff;
position: relative;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}

.btns_block a:hover {color:#fff !important;
}
.btns_block a.demo_btn:hover {background:#555;
}


.cTestimonial {
margin: 10px;
margin-bottom: 18px;
padding: 20px;
font-size:16px;
border: 1px dotted #ddd;
background-color: #fafafa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}


blockquote {
    font-size: 13px;
    font-style: italic;
    width:80%;
margin: 0px;
margin-bottom: 18px;
    padding: 0px 26px;
    padding-top:10px;
        padding-bottom:10px;

    line-height: 1.45;
    position: relative;
    color: #383838;
    border: 1px dotted #ddd;
background-color: #fafafa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

}

blockquote:before {
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 50px;
    position: absolute;
    left: -10px;
    top: -10px;
    color: #7a7a7a;
}

blockquote cite {
    color: #999999;
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}


.sectionSpec {
	font-size:12px;
	color:#666;
}

.moreInfo a:link, a:visited {
	text-decoration: underline;
}

.product-title {
	padding:0;
	margin:0;
}

.productBox {
	min-height: 1px;
	width: 100%;
	max-width:225px;
	float: left;
	margin-bottom: 14px;
	margin-right:4%;
	display: block;
	margin-left:20px;
	
}



.productGrid {
	margin-top:20px;
	clear:both;
}


.productGrid img {
	width:100%;
}

a, img {
outline: none;
}


.productGridInfo {
color: #232323;
text-align: left;
line-height: 1.2em;
}

.productGrid img {
	width:100%;
}

.productGridInfo p {
	padding:0;
	margin-top:8px;
	margin-bottom:8px;
}

.productName h4 {
font-size: 17px;
line-height: 1.2em;
display: block;
color: #222;
padding: 0;
margin: 0;

}

.productName h4 a:link, .productName h4 a:visited {
color: #222;
text-decoration:none;
display:block;
padding-top:12px;
}

.productName h4 a:hover {
text-decoration:underline;
}

.productGridPrice {
		color:#900;
		font-weight:bold;
		font-size:16px;
		padding-top:9px;
}

.productGridPrice a{
		display:block;
		color:#900;
		font-weight:bold;
		text-decoration:none;
}

.productGridInfo  p {
padding: 0 0px;
font-size: 13px;
line-height: 1.4em;
vertical-align: baseline;
color:#777;
}

.onsale {
background: #cc0000;
color: #fff;
}

.onsale {
position: absolute;
top: 10px;
right: 0px;
z-index: 995;
padding: 3px 8px;
text-align: center;
right: -7px;
top: -7px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.gridText {
font-size: 13px;
line-height: 1.4em;
color: #666;
letter-spacing:-0.2px;
padding-top:10px;
padding-bottom:10px;

}

.clearBorder {
	clear:both;
	height:1px;
	border-top:1px dashed #cccccc;
	margin:24px;
}


table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
.table{width:100%;margin-bottom:24px;margin-top:24px;}
.table th,.table td{padding:8px;line-height:18px;text-align:center;vertical-align:middle;border-top:1px solid #ddd}
.table th{font-weight:bold;}
.table thead th{vertical-align:bottom}
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0}
.table tbody+tbody{border-top:2px solid #ddd}
.table-condensed th,.table-condensed td{padding:4px 5px}
.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapsed;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.table-bordered th,.table-bordered td{border-left:1px solid #ddd}
.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0}
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px}
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px}
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px}
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9}
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5}

.cartProductImg { width:40px; margin-right:6px;float:left;}

.removeLink  { 
	font-size:9px;
	font-weight:normal;
	font-style: italic;
	text-align:center;
}	

.authorCart { 
		font-style: italic;
	text-align:left;
	font-size:9px;
	color:#777
}	

.cartTable {
	font-size:13px; 
}

.checkoutTable td, .checkoutTable th {padding:4px;}

.checkoutTable {
	margin-top:20px;
	font-size:12px; 
	margin-bottom:10px
}

.goodsTotal {
	font-size:18px;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
}

#shoppingCart {
	clear:both;
}

#cartButton {
font-size: 15px;
line-height: 10px;
color: white;
text-decoration: none;
background-color: #c22;
padding: 10px 10px;
border: none;
margin: 0;
}

#cartButton:hover {
	background-color: #222;
}


#checkoutButton {
font-size: 17px;
line-height: 17px;
color: white;
text-decoration: none;
background-color: #c22;
padding: 12px 12px;
border: none;
margin: 0;
}

#checkoutButton:hover {
	background-color: #222;
}

#productCartButton {
font-size: 15px;
line-height: 10px;
color: white;
text-decoration: none;
background-color: #c22;
padding: 16px 16px;
border: none;
margin: 0;
}

#productCartButton:hover {
	background-color: #222;
}

#moreShoppingButton {
font-size: 15px;
line-height: 10px;
color: #fff;
text-decoration: none;
background-color: #999;
padding: 10px 10px;
border: none;
margin: 0;
}

#moreShoppingButton:hover {
	background-color: #222;
}

.orderingLeft {
	float:none;
	width:auto;
	margin-bottom:20px;
}

.orderingRight {
	overflow:hidden;
}


.cartInfo {
	margin-top:30px;
	background: #f5f5f5;
	padding:10px;
	margin-bottom:20px;
	font-size:13px;
}

#cartCheckout {clear:both}

.productSummary {
	margin-top:-10px;
	margin-bottom:20px;
}

.productHeaderLeft {
	width:100%;
	text-align:center;
	
}

.productHeaderRight {
	width:100%;
}

.productHeader {
	font-size:30px;
	margin-bottom:10px;
}
.productPrice {
	font-size: 22px;
	font-weight: bold;
	color: #900;
}

.currencyText {
	font-weight: bold;
	color: #666;
	font-size: 12px;
}

.productText {
	margin-top:14px;
	margin-bottom:14px;
	font-style: italic
}

.slash {
	color: #999;
	text-decoration: line-through;
	font-size: 12px;
	font-weight: normal;
}

.productCart {margin-top:14px; margin-bottom:10px;}

.productCartBottom {margin-top:20px; margin-bottom:0px;}

.productDemos {
margin-top: 10px;
margin-bottom: 10px;
}

.productDemos {
border: 1px dashed #cccccc;
padding: 5px;
background-color: #f2f1ed;
}

.productMeta {
	display: inline-block;
	color: #949494;
}

.productMeta a {
	color: #949494;
}
	
	
.author {
	margin-right:16px;
}

.productPages {
	margin-left:30px;
}

.descriptionWrapper {
	padding-left:20px;
	padding-right:20px;
	padding-top:14px;

}

.descriptionWrapper li { 
	margin-left:20px;
}

.question {
	padding-left: 20px;
	background: url('https://www.mpc-tutor.com/assets/shop/q_mark.gif') left 2px no-repeat;
	padding-left: 20px;
	margin-bottom: 8px;
}

.faq p {
	margin:0;
	padding-top:4px;
	padding-bottom:10px;
	padding-right:10px;
}

.checkoutTrail {
	margin:0 auto;
	text-align:center;
	margin-bottom:14px;
}


.generalError {color:#c22; font-weight:bold; font-style: italic}

.orderTable {margin-top:0;}


.orderSummaryTitle {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.42em;
	text-transform: uppercase;
	color: #000;
	margin-top: 0;
	padding-top:6px;
	margin-bottom: 10px;
	position: relative;
	line-height: 1.429em;
}


.orderSummaryBox {
	padding:14px;
	background: white;
	margin-bottom:28px;
	font-size:13px;
}


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



/******************************************************************
iPAD & TABLET STYLES 
These is your iPad styles. They will be visible to anyone who 
resizes their browser from the smallest size to the next break
point.
******************************************************************/
.orderingLeft {
	float:left;
	width:60%;
	margin-bottom:20px;
	margin-right:5%;
}

.orderingRight {
	overflow:hidden;
}





/*///////////////////////////////////////////
//SHOP
////////////////////////////////////////////*/

blockquote {
    font-size: 15px;
    font-style: italic;
    width:82%;
margin: 10px;
margin-bottom: 18px;
    padding: 0.35em 40px;
    padding-top:20px;
        padding-bottom:20px;

    line-height: 1.45;
    position: relative;
    color: #383838;
    border: 1px dotted #ddd;
background-color: #fafafa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

}

blockquote:before {
    display: block;
    padding-left: 20px;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -10px;
    color: #7a7a7a;
}

blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

blockquote cite:before {
    content: "\2014 \2009";
}


.productHeaderLeft {
	float:left;
	width:30%;
	margin-bottom:20px;
}

.productHeaderRight {
	margin-left:35%;
	width:64%;
}


.product-title {
	padding:0;
	margin:0;
}

.productBox {
	min-height: 1px;
	width: 30%;
	max-width:225px;
	margin-left:0px;
}


.productBox:hover .overlay {
    display:block;
	-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}



.last {
	margin-right:0 !important;
}


.productGridInfo {
color: #232323;
text-align: left;
line-height: 1.2em;
}



.clearBorder {
	clear:both;
	height:1px;
	border-top:1px dashed #cccccc;
	margin:24px;
}






#container {
	max-width: 460px;
	max-width: 99%;
}
/*	Thumbnail on homepage, 
	this for mobile view, make the image left floated */		
#main .home-thumb {
	max-width: 35%;
	float: left;
	margin-bottom: 0.714em;
	margin-right: 1.428em;
}
#main .home-thumb img {
	margin-bottom: -5px;
}
#main .default-post header, #main .default-post .post_content, #main .default-post footer {
	padding-left: 39%;
}
.single #main h1.post-title {
	font-size: 2.75em;
	line-height: 1.2em;
}

.single .post footer #article-footer-meta p {
	margin: 0;
	padding: 1.071em 0 0;
	display: block;
	float: left;
	width: auto;
}
.single .post footer #article-footer-meta .tags-title {
	border-left: #ddd 1px dotted;
	padding-left: 10px;
	margin-left: 10px;
}
#featured-posts .loop-items article .h1 {
	font-size: 2.571em;
	line-height: 1.2em;
}
.widget_ad125 ul li {
	width: 25%;
}

.subContain {
	background: #000 url('https://www.mpc-tutor.com/assets/filter.png') no-repeat left top;
}

.subFix {
padding-left:53px;
}

#subMenu {
padding-top:10px;
padding-bottom:8px;
font-size: 0.9em;
line-height:2.2em;
text-align:left;

}

#subMenu a {
padding-left:6px;
padding-right:6px;
}

#logo {
	margin: 0px 0 30px;
	}
	
	

	
	
	
	
	
	
	
	
	
	

} /* end of media query */




/******************************************************************
DESKTOP & JUST BIGGER THAN AN iPAD
This is your standard iPad size or average tablet size. It's also
a decent size for desktop users.
******************************************************************/
@media only screen and (min-width: 768px) {
/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/

#container {
	width: 100%;
	max-width: 1000px;
}
#logo {
	text-align: left;
}




/*********************
LAYOUT & GRID STYLES
*********************/

.wrap {
	width: 100%;
}
/***** Grid Options down here, where they are usable ******/
/* layout options */
.col220 {
	width: 25%;
}
.col300 {
	width: 33.3333333%;
}
.col480 {
	width: 50%;
}
.col620 {
	width: 66.66666666%;
}
.col700 {
	width: 75%;
}
.col940 {
	width: 100%;
}
/* layout & column defaults */
.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 {
	display: inline;
	float: left;
	position: relative;
	padding-left: 1.0638298%;
	padding-right: 1.0638298%;
	padding-left: 20px;
	padding-right: 20px;
	padding-left: 2.1276596%;
	padding-right: 2.1276596%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
/* floats */
.left {
	float: left;
}
.right {
	float: right;
}
/* default styles & fixes */
.first {
	margin-left: 0;
} /* fixes alignment */
.last {
	margin-right: 0;
} /* fixes alignment */
/*********************
HEADER SYTLES
*********************/

.header {
}
#sidebar-top {
	margin: 30px 0 0;
}
/*********************
NAVIGATION STYLES
*********************/

.nav {
		border-top-color : #000000;
		border-bottom-color : #000000;
}
.nav .menu {
	margin: 0;
}
.nav .menu ul {
	margin: 0;
	border-bottom: none;
	padding-bottom: 0;
}
.nav .menu li {
	float: left;
	position: relative;
	border-left: #ddd 1px solid;
	width: auto;
	border-left-color : #000000;
}
.nav .menu > li:last-child {
	border-right: #ddd 1px solid;
	border-right-color : #000000;
}
.nav .menu li a {
	border-bottom: 0;
	display: block;
	background: none;
	color: #000;
	font-size: 2.143em;
	border-right: none;
	border-bottom: none;
	border-top: none;
	padding: 0.65em 1.071em;
}
.nav .menu li:after {
	content: "";
	

}
.nav .menu > li:hover > a, .nav .menu > li.current-menu-item > a, .nav .menu > li.current_page_item > a, .nav .menu > li.current-page-ancestor > a {
	color : #ffffff;
	background: #454545;
}

#menu-item-806 a {
background:#D3202D;
}

#menu-item-806 a:hover {
background:#000;
}


.nav .menu > li.menu-item-1458 > a {
color: #ffffff;
background: #B71D1D;
}


.nav .menu > li.menu-item-1458 > a:hover {
background: #D3202D;
}

/*
plan your menus and drop-downs wisely.
*/
.nav .menu ul li ul {
	background: #454545;
	text-transform: none;
	width: 180px;
	border: 1px solid #000;
	position: absolute;
	top: 0;
	display: none;
	z-index: 8999;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-color : #363636;
}
/* show the dropdowns on hover */
.nav .menu ul li:hover > ul {
	top: auto;
	display: block;
	margin-left: -1px;
	border:1px solid #000;
	border-top:none;

}
.nav .menu ul ul li {
	display: block;
	float: none;
	padding: 0;
	text-align: left;
	border-left: none;
}
.nav .menu ul ul li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #eee;
	font-size: 1.2em;
	text-transform: none;
	font-weight: normal;
	border-right: 0;
	display: block;
	padding: 0.357em 5px 0.357em 0;
	padding-left:20px;
	border-bottom: #000 1px solid !important;
	padding-bottom:14px;
	padding-top:14px;

}
.nav .menu ul ul li a:hover {
	color: #fff;
		background:#D3202D;

}
.nav .menu ul ul li:first-child a {
}
.nav .menu ul ul li:last-child > a {
	border-bottom: 0 !important;
}
.nav .menu ul ul ul {
	margin-top: -2.143em;
	left: 180px;
}
/* 
more levels
*/
.nav .menu ul li:hover ul ul {
}
.nav .menu .has-child > a {
	background: url(library/images/arrow-little.png) right 50% no-repeat;
}



/*********************
POSTS & CONTENT STYLES
*********************/

.type-3 .home-thumb {
	float: left;
	margin-bottom: 0;
}
.home #inner-content, .archive #inner-content, .single #inner-content, .page #inner-content, .search #inner-content, .error404 #inner-content {
	position: relative;
}

/* controls border between content and side bar */
#inner-content:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	width: 33.333%;
	height: 100%;
	top: 0;
	right: 0;
	border-left: none;
}
.archive #main {
	position: relative;
	padding-top:24px;
}
.single #main .post_content, .page-default #main .post_content {
	margin-bottom: 0;
}
#headline-carousel {
	display: block;
}
/*********************
SIDEBARS & ASIDES
*********************/
.sidebar iframe {
	max-width: 100%;
}
.widget li {
	margin-bottom: 0.75em;
}
.widget li ul {
	margin-top: 0.75em;
	padding-left: 1em;
}
.widget_ad125 ul li {
	width: 50%;
}
/*********************
FOOTER STYLES
*********************/

.footer {
	position: relative;
	padding-top: 0;
}
.footer #footer-widgets {
	padding-top: 20px;
	position: relative;
	border-right-color: none;
	border-left-color: none;
}
#inner-footer {
	position: relative;
	border-right-color: none;
}
#inner-footer:before {
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: -1px;
}
.footer #footer-widgets:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	width: 50%;
	height: 100%;
	top: 0;
	right: 25%;
}



} /* end of media query */

@media only screen and (min-width: 762px) {
.nav .menu li a {
	font-size: 1.06em;
}


#socialHeader {
	background:#fff;
}

.socialTest {
text-align:right;
}
.socialTest img {
}

.socialTest .sIcon {
	
}

.scrollup{
					
			text-indent:-9999px;
			opacity:1;
			position:fixed;
			bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
			display:none;			
			background: url('library/images/ui.totop.png') no-repeat left top;
			text-decoration:none;
			z-index:10000;
			
		}
	
#toTopHover {
	background:url(library/images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {
	outline:none;}
	
		
	
		
} 

/******************************************************************
AVERAGE VIEWING SIZE 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 992px) {
#container {
	max-width: 1140px;
}

.nav .menu li a {
	font-size: 1.3em;
}
} /* end of media query */



/******************************************************************
SUPER LARGE MONITORS STYLES 
This is for super wide monitors for the l33t people. If you 
worked in a good base in the previous styles, this should work
pretty seamlessly.
******************************************************************/
@media only screen and (min-width: 1382px) {
body {
}
.wrap {
}


} /* end of media query */
/******************************************************************
RETINA (iPhone 4 & 5) OR SUPER HIGH RES SCREENS STYLES 
This is for the high res phones or devices.
/******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */

} /* end of media query */
/******************************************************************
Additional styles
****************************************************************** */
html {
	
}

body {
	
}
.post-title, .post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .commentlist .vcard cite.fn {
font-family: 'Oswald', sans-serif;font-weight: 700;
	font-style: normal;
}
body, #searchform #s, #author, #email, #url, #comment, .tabs ul.nav-tab li h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}
.widgettitle {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-style: normal;
}
#inner-header {
	background: #222 url('https://www.mpc-tutor.com/assets/fadegrey.png'); background-repeat: repeat; background-position: center center; background-attachment: scroll;

}

.headContain {
max-width: 1140px;
	margin: 0 auto;
	
}

.nav .menu {
	background-color : #363636;
}
.nav .menu ul li ul {
	border-color : #363636;
}
.nav .menu > li {
	border-bottom-color : #ffffff;
}
.nav .menu > ul > li > a {
color : #ffffff;
}
.nav .menu li {
	border-left-color : #000;
}
.nav .menu > li:last-child {
	border-right-color : #000000;
}
.nav {
	border-top:1px solid #000;
}
.nav .menu > li > a {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
}
.nav .menu li ul li a {
font-family: Oswald;
	font-weight: 300;
	font-style: normal;
}
.tutorial-details {
	padding: 0px;
	margin-bottom: 15px;
	font-size: 0.9em;
}

.tutorial-details strong {
	font-weight: bold;
}
.tutorial-details ul {
	list-style: none;
}
.tutorial-details ul li {
	margin-right: 5px;
	margin-bottom: 3px;
}
.tutorial-details ul li.link {
	padding-left: 18px;
	margin-right: 10px;
	background: transparent url(library/images/sprite.png) no-repeat;
}
.tutorial-details ul li.link a {
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-size: 11px;
}
.tutorial-details ul li.link:hover {
	text-decoration: underline;
}


.tutorial-details ul li.download-link {
	background-position: 0px -73px;
	clear: left;
}
.tutorial-details ul li.download-link:hover {
	background-position: 0px -95px;
}
.footer-wrapper {
	margin: 0 auto;
	overflow: hidden;
	max-width: 1140px;
}
.comment-count2 {
	font-size: 0.857em;
}
.comment-count2 a {
	background: transparent url(library/images/sprite.png) 0px -121px no-repeat;
	padding-left: 16px;
	color: #666;
	text-decoration: none;
}
.comment-count2 a:hover {
	background-position: 0px -141px;
}
.comment-count2 span {
	display: none;
}
.responsive_img {
	max-width: 92%;
	height: auto;
}
.categoryTitle {
	font-family: Oswald;
font-weight: 700;
font-style: normal;
	font-size: 1.943em;
	color: #000;
	margin-top: 8px;
	margin-bottom: 0px;
	position: relative;
}

.homeTitle {
	font-family: Oswald;
	font-weight: 700;
	font-style: normal;
	font-size: 1.943em;
	color: #000;
	margin-top: 8px;
	margin-bottom: 0px;
	position: relative;
}

.categoryTitle:before {
	width: 100%;
	position: absolute;
	content: "";
	bottom: 7px;
	height: 1px;
	border-top: #ccc 4px solid;
	/*border-bottom: #888 1px solid;*/
	z-index: 1;
}
.categoryTitle > span {
	background: #fff;
	padding: 0 10px 0 0;
	z-index: 10;
	position: relative;
}
.download-box, .warning-box, .info-box {
	margin: 10px 0 14px;
	padding: 3px;
}
.categoryDesc {
	margin: 0px 0 30px;
	padding: 3px;
	padding-bottom:10px;
	clear: both;
	background: #fff;
	color: #333;
	border-bottom: #ccc 1px dotted;
}
.item-list ul {
	list-style: none;
}
.item-list ul li {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.item-list ul li.alt {
	margin-right: 0px;
}
.article-tags {
	margin-top: 12px;
}
.article-tags ul {
	height: 21px;
	margin-bottom: 15px;
}
.article-tags ul li {
	display: inline;
	margin-right: 5px;
}
.article-tags a {
	color: #fff;
	background: #000;
	padding: 3px 5px;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
}
.article-tags a:hover {
	color: #fff;
	background: #C9302E;
}
.article-tags b {
	font-size: 10px;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 5px;
}
.main-image {
	border: 1px solid #CCC;
	padding: 9px;
	background: #FFF;
	position: relative;
	margin-bottom: 15px;
	height: 325px;
}
.main-image h1 {
	position: absolute;
	bottom: 20px;
	color: #FFF;
	left: 0px;
	max-width: 550px;
	margin: 0px;
}
.main-image h1 span {
	display: inline-block;
	background: #000;
	padding: 10px;
	line-height: 90%;
}
.main-image img {
	display: block;
}

.attachment-large {
	margin-bottom:10px;
 }
 
.tutorAds { margin-bottom:16px; margin-top:24px; }

.homeText {
margin-bottom:20px;

}

.joinBox {
	padding:20px;
	background-color:#eee;
	border:1px dotted #ccc;
	font-weight:bold;
	text-align:center;
}

.joinBox a {
	background-color:#383838;
	padding:8px;
	color:white;
	text-decoration:none;
}
			
.infoBox {
	border:1px dotted #ccc;
	background:#fafafa;
	padding:10px;
	margin:10px;
	
}

.infoBox h6, h3 {
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-style:italic;
font-size:1.2em;
margin:0;
margin-bottom:10px;
padding:0;

}
		
.hero-unit {
margin: 10px;
margin-bottom:18px;
padding: 0px;
/*background: url('library/images/sep.png'); */
border:1px dotted #ddd;
background-color: #fafafa;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

#twitter_update_list span {
	font-style:italic;
}

.divform label {font-weight: bold}
.divform input[type="text"] {line-height:20px;}
.divform .c{padding:5px 0px;margin-bottom:7px;}
.divform {margin-bottom:16px;}
.contButton {clear:both; margin-left:36%; margin-top:12px; margin-bottom:20px;}

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



input[type="radio"], input[type="checkbox"]{margin:0 0 0 2%;padding:0;vertical-align:middle}
input[type="text"], select, textarea, .divform, .divform .r, .divform .c, form{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

.divform, .divform .r, .divform .c{display:block}
.divform .r{clear:both}
.divform .c{width:50%;float:left;padding-left:10px;padding-right:10px}
.divform .c:nth-child(2n+3){clear:left}
label, .fheading, input[type="submit"]{margin-left:0;text-indent:0}
input[type="submit"]{padding-left:20px;padding-right:20px}
textarea, input[type="text"], select{width:100%;margin:0}
input[type="radio"], input[type="checkbox"]{margin:0 5px;padding:0;vertical-align:middle}
.ver2 .c{width:35%}
.ver2 .c:nth-child(2n+2){width:65%}
.c.frwd{width:100%;}
.c.frwd textarea, .c.frwd input[type="text"], .c.frwd select{width:100%}
.ver2 .frwd.c:nth-child(2n+2){width:100%}

}


/* Smartphones (portrait and landscape) */
@media only screen and (max-width:480px){
label, .fheading, input[type="submit"]{margin:0;text-indent:0}
.divform, .divform .r, .divform .c{display:block}

.divform .r{clear:both}
input[type="text"], select, textarea{width:100%;margin:0}
input[type="radio"], input[type="checkbox"]{margin:0 2%}
input[type="submit"]{width:100%;margin-top:20px}
}

/* Only Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select{text-indent:5px;line-height:24px}
}


.cartList, .whyBuy {
	list-style: none;
	margin:0;
}

.whyBuy li {
background: url(images/tick.png) 0 5px no-repeat;
padding-left: 26px;
margin-bottom: 4px;
}

.cartList, .shopNav {
	list-style: none;
	margin:0;
}

.shopNav li {
background: url(images/mpc-pads-icon.png) 0 5px no-repeat;
padding-left: 26px;
margin-bottom: 4px;
}


.generalButton, a.generalButton {
font-size: 13px;
line-height: 13px;
color: white;
text-decoration: none;
background-color: #c22;
padding: 10px 10px;
border: none;
margin: 0;
}

.generalButton:hover {
	background-color: #222;
}

.checkBut {
	margin-top:18px;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{display:none}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{display:none}
        #cboxPrevious{display:none}
        #cboxPrevious:hover{display:none}
        #cboxNext{display:none}
        #cboxNext:hover{display:none}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.menu-item-1458 li {
background-color: #D3202D;
}


a.user-guide {
    background: #DC3D01;
    width: 230px;
    height: 38px;
    line-height: 38px;
    display: block;
    position: relative;
    clear: both;
    margin: 20px 0;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
}

ul.share-buttons{
  list-style: none;
  padding: 0;
  margin:0;
  margin-bottom:10px;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
