/*
Theme Name: KnowYourMac Theme
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* ======================= */
/* ! Global Declarations   */
/* ======================= */

h1 {
	font-family: SlabTall, Georgia, "Georgia", serif;
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 20px;
}

h2 {
	font-family: SlabTall, Georgia, "Georgia", serif;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
}

p {
	font-size: 13px;
	margin-bottom: 20px;
}

.right {
	float: right;
}

hr {
	border: none;
	border-top: 1px solid #ebebeb;
	margin-bottom: 40px;
}

p
{
	line-height: 22px;
}

/* ======================= */


/* ============= */
/* ! Interface   */
/* ============= */

input[type=text] {
	padding: 4px;
	background: white;
	border: 1px solid #C2C2C2;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
}

.button, input[type=button] {
	padding: 3px 8px;
	background: white;
	border: 1px solid #c2c2c2 !important;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	text-decoration: none;
	font-size: 13px;
	color: black !important;
}

	.button:hover, input[type=button]:hover
	{
		background: white;
	}

.obutton, input[type=submit] {
	padding: 3px 8px;
	background: #F79230;
	border: 1px solid #CA4C20 !important;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	color: white !important;
	text-decoration: none;
	font-size: 13px;
}

	.obutton:hover, input[type=submit]:hover
	{
		background: #F79230;
	}

.icon
{
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 8px;
	margin-bottom: 8px;
}

a:link, a:visited, a:hover, a:active
{
	color: black;
	border-bottom: 1px solid #F47F14;
	text-decoration: none;
}

	a:hover
	{
		color: black;
		background-color: #FFECDB;
	}

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

/* ============= */


html
{
	background-color: white;
/* 	background-image: url(style/images/bg.gif); */
	font-family: "Helvetica", Helvetica, Tahoma, sans-serif;
	border-top: 10px solid #ebebeb;
	font-size: 13px;
}

.wrapper
{
	width: 960px;
	margin: 0 auto;
}

#header
{
	min-width: 960px;
	width: 100%;
}

	#topgrey
	{
		background: #ebebeb;
		font-size: 14px;
		text-align: center;
		margin-bottom: 30px;
		padding: 10px;
		padding-top: 0;
	}

	#header img.logo {
		margin-bottom: 30px;
	}

	#headerbtns
	{
		float: right;
		line-height: 75px;
		border: none;
	}

		#headerbtns .btn
		{
			margin-right: 5px;
			font-size: 13px;
			display: inline;
		}

		#headerbtns .btn a
		{
			text-decoration: none;
			color: black;
		}

		#header .searchcon, #header form
		{
			display: inline;
		}

		.bigbutton
		{
			width: 304px;
			height: 175px;
			background-image: url(style/images/bigsprite.png);
			float: left;
			margin-bottom: 40px;
			margin-right: 24px;
		}

			.bigbutton:nth-of-type(3)
			{
				margin-right: 0;
			}
				.bb1:hover { background-position: 0 351px; }
				.bb1:active { background-position: 0 176px; }
			.bb2 { background-position: 609px 0; }
				.bb2:hover { background-position: 609px 351px; }
				.bb2:active { background-position: 609px 176px; }
			.bb3 { background-position: 305px 0; }
				.bb3:hover { background-position: 305px 351px; }
				.bb3:active { background-position: 305px 176px; }

		h1.homeh1
		{
			font-size: 20px;
			text-align: center;
			margin-bottom: 40px;
		}

		#header a
		{
			border: 0;
			font-weight: bold;
		}

.leftcol
{
	width: 639px;
	float: left;
	height: 618px;
}

.rightcol
{
	width: 291px;
	height: 387px;
	float: right;
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}

	.rightcol input {
		margin: 2px;
		text-align: right;
	}

	.rightcol p {
		margin-bottom: 35px;
	}

	.rightcol .randpost {
		margin-bottom: 15px;
	}

		.rightcol .randinfo {
			float: left;
			width: 210px;
		}

		.rightcol span {
			font-size: 13px;
			line-height: 20px;
			width: 200px;
		}

			.rightcol span:nth-of-type(2) {
				color: #636363;
			}

		.rightcol .button {
			float: right;
			padding: 3px 0;
			display: block;
			margin-top: 8px;
			width: 70px;
			text-align: center;
		}

.postbelow
{
	font-size: 15px;
	padding-bottom: 13px;
	padding-top: 15px;
	border-bottom: 1px solid #ebebeb;
}

/*
	.postbelow:nth-child(even)
	{
		background-color: #ebebeb;
	}
*/

	.postbelow h2
	{
		margin-bottom: 4px;
		font-family: "Helvetica", Helvetica, Tahoma, sans-serif;
		font-size: 13px;
		font-weight: bold;
	}

		.postvideo
		{
			float: left;
		}

		.postinfo
		{
			float: right;
			width: 300px;
		}

			.postinfo span, .postcontent span
			{
				color: #B2B2B2;
				text-transform: uppercase;
				font-size: 11px;
				padding-right: 8px;
			}

			.postinfo p, .postcontent p
			{
				display: inline;
				line-height: 25px;
			}

		.watchbtn
		{
			display: block;
			float: right;
			margin-top: 5px;
			width: 64px;
			height: 31px;
			background-image: url(style/images/watchbtns.png);
			border: none !important;
			background-position: -1px -2px;
			background-repeat: no-repeat;
			margin-right: 3px;
		}

			.watchbtn:active
			{
				background-position: -1px -34px;
			}

		.youtubebtn
		{
			display: block;
			float: right;
			margin-top: 5px;
			width: 80px;
			height: 31px;
			background-image: url(style/images/watchbtns.png);
			border: none !important;
			background-position: -65px -2px;
			background-repeat: no-repeat;
		}

			.youtubebtn:active
			{
				background-position: -65px -34px;
			}

		#postContainer
		{
			height: 580px;
		}

		.morebtn
		{
			float: right;
			width: 82px;
			height: 32px;
			background-image: url(style/images/singlebuttons.png);
			margin-left: 3px;
		}

			.morebtn:active { background-position-y: -32px; }
			
			.morebtn.lastbtn { background-position-x: 82px; }

		.morevids a
		{
			color: white;
			padding: 7px 0 7px 0;
			background-color: #1B78B3;
			float: right;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border: 1px solid #0F486B;
			margin-top: 8px;
			width: 100%;
			text-align: center;
			text-decoration: none;
		}

			.morevids a:hover
			{
				border: 1px solid #1B78B3;
				background-color: white;
				color: #1B78B3;
			}

		.changepagelinks a
		{
			color: white;
			padding: 7px 0 7px 0;
			background-color: #1B78B3;
			float: right;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border: 1px solid #0F486B;
			margin-top: 4px;
			width: 48%;
			text-align: center;
			text-decoration: none;
		}

			.changepagelinks a:hover
			{
				border: 1px solid #1B78B3;
				background-color: white;
				color: #1B78B3;
			}

			.changepagelinks .newerposts a
			{
				float: left;
			}

			.changepagelinks .olderposts a
			{
				float: right;
				background-color: #409FDB;
				border: 1px solid #2C6B91;
			}

				.changepagelinks .olderposts a:hover
				{
					background-color: white;
					border-color: #409FDB;
					color: #409FDB;
				}

		.smallpostin .morebtn
		{
			position: absolute;
			top: auto;
			left: auto;
			bottom: 15px;
			right: 15px;
		}

		.firstmorebtn a
		{
			color: white;
			padding: 4px 15px 4px 15px;
			background-color: #a5c173;
			float: right;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border: 1px solid #486d2e;
			text-decoration: none;
			margin-top: 10px;
		}

			.firstmorebtn a:hover
			{
				border: 1px solid #a5c173;
				background-color: white;
				color: #a5c173;
			}

	.breakerb
	{
		margin: 12px 0 10px 0;
		border-bottom: 1px solid #E1E1E1;
		width: 100%;
	}

	.smallpost
	{
		width: 48%;
		margin-right: 0;
		position: relative;
		float: left;
		height: 330px;
		width: 309px;
		margin-bottom: 20px;
	}

		.smallpost:nth-child(2n-1)
		{
			margin-right: 20px;
		}

		.smallpostin
		{
			height: 330px;
		}

.home .thumbvids .vid, .home .thumbvids .homecol
{
	margin-right: 53px;
	box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	float: left;
	width: 280px;
	text-align: center;
}

	.home .thumbvids .homecol
	{
		text-align: left !important;
	}

	.home .thumbvids .vid:nth-of-type(3)
	{
		margin-right: 0;
	}

	.home .thumbvids .vid a
	{
		z-index: 9001;
		position: absolute;
		margin-top: -100px;
		margin-left: 65px;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		opacity: 0;
	}

	.home .thumbvids .vid a:nth-of-type(2)
	{
		margin-left: 160px;
	}

	@-moz-document url-prefix()
	{
		.home .thumbvids .vid a
		{
			margin-left: -78px;
		}
		.home .thumbvids .vid a:nth-of-type(2)
		{
			margin-left: 27px;
		}
	}

	.home .thumbvids .vid object
	{
		display: block;
	}

	.home .thumbvids .vid object, .home .thumbvids .vid param
	{
		z-index: -9999;
	}

	.home .thumbvids .vid .shade
	{
		background-color: rgba(0,0,0,.8);
		width:280px; height:169px;
		position: absolute;
		margin-top: -169px;
		z-index: 9000;
		opacity: 0;
	}

	#fullshade
	{
		display: none;
		opacity: 0;
		z-index: 9100;
		background-color: rgba(0,0,0,.8);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

		#helpopen
		{
			display: none;
			opacity: 0;
			position: fixed;
			top: 200px;
			left: 0;
			width: 100%;
			z-index: 9101;
		}

			#helpopen div#container
			{
				width: 400px;
				padding: 15px;
				background-color: white;
				border: 1px solid #ebebeb;
				margin: 0 auto;
			}

			#helpopen input
			{
				width: 390px;
				margin-bottom: 20px;
			}

			#helpopen #aniloa
			{
				display: none;
				opacity: 0;
				position: absolute;
				margin-top: -39px;
				margin-left: 380px;
			}

				#helpopen div div
				{
					border-left: 4px solid #ebebeb;
					padding-left: 6px;
					width: 380px;
				}

.breakerc
{
	border-bottom: 1px solid #BBB;
	margin: 30px 0 27px 0;
}

#footer
{
	background-color: #ebebeb;
	padding: 25px 0 0 0;
	margin-top: 40px;
}

	#footer h3
	{
		font-family: SlabTall, Georgia, "Georgia", serif;
		font-size: 17px;
		margin-bottom: 12px;
		font-weight: normal;
	}

	.footerpart
	{
		float: left;
		width: 31%;
		padding-right: 25px;
	}

	.footerpart:nth-child(3)
	{
		padding-right: 0;
	}

		.footerpart ul li
		{
			font-size: 13px;
			padding-bottom: 3px;
			margin-bottom: 3px;
			border-bottom: 1px solid #ccc;
			line-height: 25px;
		}

		.footerpart ul li:last-child
		{
			border-bottom: none;
		}

			.footerpart ul li a
			{
				text-decoration: none;
				color: black;
			}

	#footer a
	{
		border: none;
		text-decoration: underline;
	}

#sidebar
{
	float: right;
	width: 301px;
	font-size: 13px;
}

	#sidebar input[type=text]
	{
		width: 80%;
	}

	#sidebar inpupt[type=submit]
	{
		width: 10%;
	}

	#sidebar input
	{
		background-color: #F7F7F7;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#EEE), to(#F7F7F7));
		background-image: -moz-linear-gradient(90deg, #F7F7F7, #EEE);
		border: 1px solid #C9C9C9;
		padding: 6px;
	}

		#sidebar input:nth-child(1)
		{
			border-right: none;
			width: 80%;
			padding-right: 1px;
			-webkit-border-top-left-radius: 8px;
			-webkit-border-bottom-left-radius: 8px;
			-moz-border-radius-topleft: 8px;
			-moz-border-radius-bottomleft: 8px;
		}

		#sidebar input:nth-child(2)
		{
			width: 16%;
			background-image: none;
			background-color: #1B78B3;
			border: 1px solid #0F486B;
			color: white;
			font-weight: bold;
			cursor: pointer;
			-webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			-moz-border-radius-topright: 8px;
			-moz-border-radius-bottomright: 8px;
		}

			@-moz-document url-prefix()
			{
				#sidebar input:nth-child(2)
				{
					padding: 5px;
				}
			}

			#sidebar input:nth-child(2):hover, #sidebar input:nth-child(2):focus
			{
				background-image: none;
				background-color: white;
				border: 1px solid #1B78B3;
				color: #1B78B3;
			}

	#sidebar h2
	{
		font-size: 16px;
		font-weight: normal;
		margin-top: 20px;
		border-bottom: 1px solid #ebebeb;
		padding-bottom: 2px;
		margin-bottom: 6px;
	}

	#sidebar ul li ul li
	{
		margin-left: 16px;
		list-style-position: inside;
		line-height: 25px;
	}

	#sidebar ul li ul li a
	{
		color: #1B78B3;
		text-decoration: none;
	}

		#sidebar ul li ul li a:active
		{
			color: #0F486B;
		}

	.cat { float: left; background-image: url(style/images/categories.png); margin: 2px 4px 2px 0; }
		.cat1 { width: 76px; height: 26px; }
		.cat2 { width: 77px; height: 26px; background-position: -76px 0; }
		.cat3 { width: 76px; height: 26px; background-position: -153px 0; }
		.cat4 { width: 126px; height: 26px; background-position: 0 -26px; }
		.cat5 { width: 94px; height: 26px; background-position: -126px -26px; }
		.cat6 { width: 87px; height: 26px; background-position: 0 -52px; }
		.cat7 { width: 82px; height: 26px; background-position: -87px -52px; }
		.cat8 { width: 82px; height: 26px; background-position: -169px -52px; }
		.cat9 { width: 110px; height: 26px; background-position: 0 -78px; }
		.cat10 { width: 81px; height: 26px; background-position: -110px -78px; }
	.cat:active { margin: 3px 4px 1px 0; }

/* Single Page Specific */

.posttitlesingle
{
	font-size: 20px;
}

.lastbtn a
{
	margin-left: 7px;
}

.singlepost
{
	padding-top: 0;
}

	.singlepost ul, .singlepost ol
	{
		margin-top: 22px;
		margin-bottom: 22px;
	}

	.singlepost ul li, .singlepost ol li
	{
		margin-top: 7px;
		margin-bottom: 7px;
		margin-left: 45px;
		list-style-type: disc;
		list-style-position: outside;
		line-height: 20px;
	}

	.singlepost ol li
	{
		list-style-type: decimal;
		list-style-position: outside;
		margin-left: 45px;
	}

	.singlepost p
	{
		display: block;
		margin-bottom: 18px;
		margin-top: 18px;
	}

	.singlepost .breakerb
	{
		margin-bottom: 1px;
	}

	.smallposted
	{
		width: 75%;
		float: left;
		line-height: 20px;
		margin-bottom: 20px;
	}

		.lightbutton
		{
			width: 79px;
			height: 27px;
			overflow: hidden;
			z-index: 9990;
			margin-right: 0 !important;
			margin-left: 560px;
			padding-top: 8px;
			cursor: pointer;
		}

			.lightbutton .lightimage
			{
				width: 117px;
				height: 27px;
				background-image: url(style/images/lightswitch.png);
				background-repeat: no-repeat;
				position: relative;
				z-index: 9991;
			}

			ins
			{
				z-index: 9980;
			}

/* End Single Page */

/* Comments Page Specific */

#contactform
{
	display: none;
}

.contact-page .contact-part
{
	font-size: 20px;
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin-top: 25px;
}

	.contact-page .contact-part:first-child
	{
		margin-top: 0;
	}

	.contact-page .contact-part span
	{
		color: #CCC;
		font-size: 20px;
		text-transform: none;
	}

	.contact-page .error
	{
		color: red;
	}

.contact-page select
{
	width: 100%;
	margin-bottom: 10px;
}

	.contact-page select option
	{
		font-size: 12px;
	}

.contact-page .personalpart
{
	width: 100%;
}

	.contact-page .personalpart label.person
	{
		width: 50px;
		display: block;
		float: left;
		background-color: white;
		padding: 8px 0 8px 8px;
		font-size: 15px;
		color: #CCC;
		border: 1px solid #CCC;
		border-right: none;
		-webkit-border-top-left-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-bottomleft: 8px;
	}

		.contact-page .personalpart:hover label.personhover
		{
			background-color: #555;
			color: white;
			border-color: #555;
		}

		.contact-page .personalpart:active label.person, .contact-page .personalpart label.inputsel
		{
			background-color: #1B78B3;
			color: white;
			border-color: #0F486B;
		}

		.contact-page .personalpart label.error
		{
			background-color: red;
			border-color: red;
			color: white;
		}

		.contact-page .personalpart:hover label.error
		{
			background-color: red;
			color: white;
		}

	.contact-page .personalpart input
	{
		padding: 8px 0 8px 8px;
		font-size: 15px;
		border: 1px solid #CCC;
		border-left: none;
		position: relative;
		margin-left: -1px;
		width: 572px;
		margin-bottom: 10px;
		-webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
	}
	
	.contact-page .personalpart label { padding-bottom: 9px !important; }

.contact-page textarea
{
	resize: vertical;
	width: 97%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-color: #CCC;
	font-size: 12px;
	padding: 8px;
	line-height: 150%;
	margin-bottom: 10px;
	resize: none;
}

.contact-page .submit
{
	margin-top: 30px;
	background-color: #1B78B3;
	color: white;
	display: block;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 6px 11px 6px 11px;
	border: 1px solid #0F486B !important;
	font-size: 14px;
	float: right;
	cursor: pointer;
}

	.contact-page .submit:hover
	{
		background-color: white;
		border: 1px solid #1B78B3 !important;
		color: #1B78B3 !important;
	}

#emailsent
{
	display: none;
}

/* End Comments Page */

/* Archive Specific */

.xtrainfo
{
	line-height: 25px;
	margin-top: 15px;
}

.clear
{
	clear: both;
}

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