/*
THEME NAME: wpscreencasts
THEME URI: http://wpscreencasts.com
DESCRIPTION: 
AUTHOR: <a href="mailto:holly@shinynewtoy.com">Holly Hagen</a>
AUTHOR URI: http://shinynewtoy.com
*/

/*	-------------------------------------------------------------
	Reset
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
	h6,pre,form,fieldset,input,p,blockquote,table,
	th,td { margin: 0; padding: 0; }
	fieldset,img,abbr { border: 0; }
	address,caption,cite,code,dfn,em,h1,h2,h3,
	h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
	caption,th { text-align: left; }
	q:before,q:after { content: ''; }
	a { text-decoration: none; }


/*	-------------------------------------------------------------
	Base Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	html { 
		font-size: 110%; /* IE hack */ 
		height: 100%;
	}
	
	body {
		padding: 0;
		margin:0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 62.5%;
		color: #555;
		height: 100%;
		background: #fff url('_img/bg-header.jpg') repeat-x;
	}
	
	a, a:visited {
		color: #176579;
		text-decoration: none;
	}
	
	a:hover {
		color: #EE4000;
	}
	
	a img {
		border: none !Important;
	}
	
	#wrapper {
		width: 960px;
		margin: 0 auto;
	}

	
/*	-------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#header {
		height: 110px;
	}
	
	#access, #blog-description {
		display:none;
	}
	
	h1#blog-title {
		display:block;
		width:275px;
		height:55px;
		text-indent:-9009px;
		background: url('_img/blog-title.png') 0 20px;
		background-repeat: no-repeat;
	}
	
	h1#blog-title a {
		display:block;
		width:275px;
		height:84px;
	}
	
	#nav {
		float: right;
		margin: -25px 0 0 0;
	}
	
	#menu li {
		display: inline;
		list-style: none;
		margin: 0 25px 0 0;
	}
	
	#menu li .current_item, #menu li .current_page_item {
		border-bottom: 2px solid #fff;
	}
	
	#menu a, #menu a:visited {
		color: #fff;
		font-size: 1.4em;
		padding: 0 0 2px 0;
	}
	
	#menu a:hover {
		text-decoration: none;
		border-bottom: 2px solid #fff;
	}
	
/*	-------------------------------------------------------------
	Home Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	body.home {
		background: #e6e5e3 url('_img/bg-body.jpg') repeat-x;
	}
	
	
	.home #container {
		width: 960px;
	}
	
	#home-intro {
		height: 290px;
		padding: 20px 0;
	}
	
	body.home #content {
		border-right: 1px solid #e6e5e3;
		width: 660px;
		margin: 20px 0 0 0;
		padding: 0 20px 0 0;
		float: left;
	}
	
	body.home .entry-content {
		margin: 0;
	}
	
	.home .post {
		width: 200px;
		padding: 0 20px 0 0;
		margin: 0;
		float: left;
	}
	
	.home #primary {
		float: right;
		width: 250px;
		margin: 20px 0 0 700px;
		padding: 0;
		position: absolute;
	}
	
	.home #primary p {
		font-size: 1.1em;
		line-height: 1.3em;
		
	}

	.home h3 {
		font-size: 1.6em;
		font-weight: normal;
		margin: 10px 0 10px 0;
		padding: 0 0 6px 0;
		border-bottom: 1px solid #ccc;
	}
	
	.home #primary h3 {
		font-size: 1.2em;
		font-weight: normal;
		border-bottom: 1px solid #ccc;
		margin: 0 0 10px 0
	}
	
	.home #primary p {
		font-size: 1.0em;
	}
	
	.home h2.entry-title {
		font-size: 0.9em;
		font-weight: bold;
		margin: 8px 0 0 0;
		line-height: 1.3em;
		border: none;
	}
	
	.home .subscribe {
		background: #EE4000;
		border: 2px solid #FF4500;
		padding: 8px 10px;
		margin: 10px 0 25px 0;
		color: #fff;
	}
	
	.home .subscribe a, .home .subscribe a:visited {
		color: #fff;
	}
	
	.home .subscribe a:hover {
		color: #FFDD19;
	}
	.home .subscribe img {
		padding: 0 3px 0 6px;
	}

	.home #subscribeEmail {
		background: #fff;
		color: #555;
	}
	
	#welcome {
		width: 575px;
		font-size: 1.4em;
		line-height: 1.5em;
		height: 250px;
		padding: 0 10px 0 0;
		float: left;
	}
	
	#welcome p {
		margin: 0 0 10px 0;
	}
	
	.logo-welcome {
		margin: 0px 0 10px 0;
	}
	
	#explore {
		float: left;
		width: 275px;
		margin: 0 0 0 30px;
	}
	
	#explore h2 {
		font-size: 1.2em;
		font-weight: bold;
	}
	#explore li {
		list-style: none;
		padding: 10px 0;
		height: 65px;
		font-size: 1.4em;
		
	}
	
	#explore li.middle {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
	#explore img {
		float: left;
		margin: 0 10px 0 0;
	}
	
	#explore h3 {
		border-bottom: none;
		padding:0;
		margin: 0;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	#explore p {
		margin: 8px 0 0 0;
	}
	
	#explore a, #explore a:visited {
		color: #555;
	}
	#explore a h3, #explore a:visited h3 {
		color: #EE4000;
		padding: 2px 0 0 0;
	}
	
	#explore a:hover h3 {
		text-decoration: underline;
	}
/*	-------------------------------------------------------------
	Sidebar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#primary {
		width: 150px;
		margin: 0px 30px 0 0;
		float: left;
		font-size: 1.1em;	
	}
	
	#primary ul {
		margin: 6px 0 0 0;
		padding: 0;
	}
	
	#primary li {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#secondary li {
		list-style: none;
		border-bottom: 1px solid #e6e5e3;
		margin: 0;
		padding: 6px 0;
	}
	
	#primary h3, #secondary h3 {
		font-size: 1.1em;
		font-weight: bold;
		border-bottom: 1px solid #e6e5e3;
		padding: 0 0 6px 0;
		margin: 0;
	}
	
	#primary #search h3 {
		border-bottom: none;
		margin: 0 0 6px 0;
		padding: 0;
	}
	
	#primary li li, #secondary li li {
		margin: 0 0 6px 0;
		padding: 0 0 3px 0;
		border-bottom: 1px solid #e6e5e3;
		line-height: 1.5em;
		
	}
	
	#secondary li li {
		margin: 6px 0;
		padding: 6px 0 3px 0;
		border-bottom: 1px solid #e6e5e3;
		line-height: 1.5em;
		
	}
	
	#primary li li li, #secondary li li li {
		list-style: disc;
		border: none;
		margin: 0 0 0 20px;
		font-szie: 0.9em;
	}
	
	#secondary {
		 width: 170px;
		 float: left;
		/* margin: 0 0 20px 0;
		 padding:10px 10px 20px 10px;
		 font-size: 1.1em;*/
	}
	
	
	#secondarybox {
		 border: 10px solid #e6e5e3;
		 width: 170px;
		 float: left;
		 margin: 0 0 20px 0;
		 padding:10px 10px 20px 10px;
		 font-size: 1.1em;	}
	
	#secondarybadges {
	
		
	}
	
/*	Search Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#search {
		margin: 0 0 30px 0;
	}
	
	#search #s {
		width: 105px;
		border: 1px solid #e6e5e3;
		padding: 3px;
	} 
	
	#search .button {
		background: #CD3700;
		border: none;
		color: #fff;
		padding: 3px 4px;
		cursor:pointer;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#search .button:hover, #subscribeEmail .subscribebutton:hover {
		background: #8B2500;
	}
	
/*	Subscribe Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.subscribe {
		font-weight: bold;
		margin: 0 0 30px 0;
	}
	
	.category-blog .subscribe, .single .category-blog .subscribe {
		margin: 0;
	}
	
	.subscribe img {
		padding: 0;
	}

	#subscribeEmail {
		background: #efefef;
		padding: 8px 10px 0 10px;
		margin: 6px 0 0 0;
		
		font-size: 0.9em;
		font-weight: normal;
	}

	#subscribeEmail input {
		border: 1px solid #999;
		width: 94%;
		padding: 3px;
		margin: 4px 0 1px 0;
		font-family:Arial, Helvetica, sans-serif;
		color: #555;
		font-size: 1.1em;
	}
	
	#subscribeEmail .subscribebutton {
		font-family: Arial, Helvetica, sans-serif;
		background: #CD3700;
		border: none;
		color: #fff;
		padding: 3px 4px;
		width: 65px;
		margin: 4px 0 10px 0;
		cursor:pointer;
		font-size: 1.0em;
	}
	
	
/*	-------------------------------------------------------------
	Category Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#container {
		width: 960px;
	}
	
	#content {
		width: 550px;
		margin: 0 20px 0 0;
		float: left;
	}
		
	h2.entry-title,  h2.page-title {
		font-size: 3.0em;
		font-weight: bold;
		margin: 30px 0 30px 0;
		padding: 0 0 8px 0;
		border-bottom: 1px solid #e6e5e3;
	}
	
	h3.entry-title {
		font-size: 1.6em;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	.entry-content {
		font-size: 1.2em;
		line-height: 1.4em;
		margin: 10px 0 40px 0;
	}
	
	.entry-content p {
		margin: 0 0 15px 0;
	}
	
	.entry-meta {
		padding: 6px 10px;
		margin: 5px 0 10px 0;
		line-height: 1.4em;
		font-size: 1.1em;
		background: #e6e5e3;
		width: 180px;
	}
	
	.entry-meta {
		float: left;
		}
	
	.meta-sep {
		padding: 0 6px;
	}
	
	.video-th {
		float: left;
		margin: 0 15px 0 0;
	}
	
	.duration {
		color: #333;
		font-weight: bold;
	}
	
	.post {
		border-bottom: 1px solid #e6e5e3;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
	}
	
	.single .entry-content {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	.single .post {
		margin: 0;
		padding: 0 0 10px 0;
	}
		
	/*	-------------------------------------------------------------
	Blog Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
	
	.category-blog #content, #page-content, .single .category-blog #content {
		width: 700px;
		margin: 0 50px 0 0;
		float: left;
	}
	
		
	.category-blog .entry-meta {
		padding: 0;
		margin: 0;
		line-height: 1.4em;
		font-size: 1.1em;
		background: none;
		width: 700px;
		font-weight: bold;
	}
	
	.category-blog .entry-content {
		margin: 0 0 30px 0;
	}
	
	.category-blog .post {
		padding: 0 0 8px 0;
		margin: 0 0 40px 0;
	}
	
	.category-blog h3.entry-title {
		font-size: 1.8em;
	}
	
/*	Comment Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#comments {
		margin: 20px 0 0 0;
	}
	
	#comments h3 {
		color: #333;
		font-size: 1.6em;
		padding: 40px 0 10px 0;
		border-bottom: 1px solid #ddd;
		margin: 0 0 10px 0;
		font-weight: normal;
	}
	
	form#commentform .form-label{margin: 16px 0 4px 0;}
	form#commentform span.required{background:#fff;color:red;}
	form#commentform,form#commentform p{padding:0;}
	input#author,input#email,input#url{width:50%;}
	input#author,input#email,input#url,textarea#comment{padding:0.2em; border: 1px solid #e6e5e3;}
	div.comments ol li{margin:0; list-style: none; border-bottom: 1px solid #e6e5e3; padding: 0; font-size: 1.1em; line-height: 1.4em;}
	textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}
	
	.form-submit input {
		border: none;
		background: #CD3700;
		color: #fff;
		padding: 4px 6px 2px 6px;
		cursor:pointer;
	}
	
	.form-submit input:hover {
		background: #8B2500;
		}
	
	.comment-meta {
		display: inline;
	}
	
	#comments-list p{
		display: block;
		margin: 0;
		padding: 0 0 10px 50px;
	}

	.formcontainer {
		padding: 15px 0 0 0;
		font-size: 1.2em;
	}
	
	h3.entry-title {
		padding: 5px 0 10px 0;
	}
	
	#comments-list li p {
		margin: 8px 0 0 0;
	}
	
	.comment-author img {
		float: left;
		padding: 4px;
		border: 1px solid #e6e5e3;
		margin: 0 8px 8px 0;
	}
	
	.comment-author {
		font-weight: bold;
	}
	
	.comment-meta {
		float: right;
		margin: -17px 0 0 0;
	}

/*	-------------------------------------------------------------
	Footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#footer {
		margin: 70px 0 0 0;
		padding: 8px 0 20px 0;
		border-top: 1px solid #e6e5e3;
	}
	
	.home #footer {
		border-top: 1px solid #ccc;
	}
	#footer a {
		font-weight: bold;
	}
