/*
Theme Name: KnowYourMac Theme
*/

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

html
{
	background-color: #E1E1E1;
	font-family: "Lucida Grande", Lucida Grande, Tahoma, sans-serif;
}

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

#header
{
	background-image: url(style/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #0D0D0D;
	padding-top: 15px;
	padding-bottom: 25px;
	min-width: 960px;
	width: 100%;
	margin-bottom: 25px;
}

	#header img
	{
		margin-bottom: 15px;
	}

	#header h2
	{
		font-size: 50px;
		font-family: "Helvetica Neue", Arial, sans-serif;
		font-weight: 300;
		color: white;
	}
	
	#headerbtns
	{
		float: right;
		line-height: 55px;
	}
	
		#headerbtns .btn
		{
			float: right;
			margin-right: 5px;
			font-size: 13px;
		}
	
		#headerbtns .btn a
		{
			color: white;
			text-decoration: none;
			padding: 6px 12px 6px 12px;
			background-color: black;
			background-color: rgba(0,0,0,.6);
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}

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

.rightcol
{
	width: 321px;
	height: 387px;
	float: right;
	background-color: rgb(22,26,21);
	background-color: rgba(22,26,21,0.85);
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
}

	.firsttitle
	{
		background-color: #272727;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#272727), to(#0C0C0C));
		background-image: -moz-linear-gradient(100% 100% 90deg, #0C0C0C, #272727);
		opacity: .7;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		padding: 15px;
	}

		.firsttitle a
		{
			color: white;
			font-size: 15px;
			text-decoration: none;
			text-shadow: 0 -1px 0 black;
		}

		.about_vid_head
		{
			padding: 15px;
			font-size: 13px;
			color: #ccc;
		}

			.about_vid_head span
			{
				color: #666;
				text-transform: uppercase;
				font-size: 11px;
				color: rgba(256,256,256,.3);
				padding-right: 8px;
			}

			.about_vid_head p
			{
				display: inline;
				line-height: 22px;
			}

			.about_vid_head a
			{
				color: #ccc;
			}

		.breaker
		{
			margin: 12px 0 12px 0;
			border-bottom: 1px solid #666;
			border-bottom-color: rgba(256,256,256,.2);
			width: 100%;
		}

.postbelow
{
	background-color: #F7F7F7;
	border: 1px solid #C7C7C7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 13px;
	color: #4C4C4;
	margin-bottom: 20px;
}

	.posttitle
	{
		background-color: #F7F7F7;
		background-image: url(style/css/images/posttitle_bg.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#EEE));
		background-image: -moz-linear-gradient(100% 100% 90deg, #EEE, #F7F7F7);
		color: #4F4F4F;
		padding: 12px 15px 12px 15px;
		font-size: 15px;
		border-bottom: 1px solid #E1E1E1;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
	}

		.posttitle a:hover
		{
			color: #3F3F3F;
			text-decoration: underline;
		}

		.posttitle a, .posttitle a:active
		{
			color: #4F4F4F;
			font-weight: bold;
			text-decoration: none;
		}

	.postcontent
	{
		padding: 15px;
	}

		.postvideo
		{
			float: left;
		}

		.postinfo
		{
			float: right;
			padding-left: 15px;
			width: 278px;
		}

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

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

			.postinfo a, .postcontent a
			{
				color: #1B78B3;
				text-decoration: none;
			}

				.postinfo a:active, .postcontent a:active
				{
					color: #0F486B;
				}

		.morebtn a
		{
			color: white;
			padding: 4px 15px 4px 15px;
			background-color: #1B78B3;
			float: right;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border: 1px solid #0F486B;
			margin-top: 8px;
		}

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

		.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%;
	}

	.smallposted, .smallcats
	{
		width: 50%;
		float: left;
	}

	.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;
		}

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

#footer
{
	background-color: #F0F0F0;
	border-top: 1px solid #BABABA;
	border-bottom: 1px solid #BABABA;
	padding: 25px 0 25px 0;
	margin-top: 25px;
}

	#footer h3
	{
		font-family: Georgia, "Georgia", serif;
		font-style: oblique;
		font-size: 25px;
		color: #ccc;
		margin-bottom: 12px;
	}

	.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;
			}

#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 #bbb;
		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;
		}

/* Single Page Specific */

.posttitlesingle
{
	font-size: 20px;
}

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

.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;
}

/* 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;
		width: 539px;
		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 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;
}

.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;
	font-size: 14px;
	float: right;
	cursor: pointer;
}

	.contact-page .submit:hover
	{
		background-color: white;
		border: 1px solid #1B78B3;
		color: #1B78B3;
	}
	
#emailsent
{
	display: none;
}

/* End Comments Page */

/* Archive Specific */

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

.clear
{
	clear: both;
}

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