/*
Author: Bob Pease
URL: training.techrigy.com
Version: 1.0
*/

/* Table of Contents

* Resets
1.0 Main Layout
2.0 Content
3.0 Sidebar
4.0 Side Navigation
5.0 Top Navigation
6.0 Misc classes
7.0 Fonts
8.0 Grid
*/

/* *******
* Resets 
*********/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/*********
1.0 Main Layout 
*********/
body{background:#272727; font-size:62.5%;font-family:Verdana, Arial, Helvetica, sans-serif;}
#wrapper{}
#page{background:#FFF;width:960px;margin:0 auto;}
#header{border-bottom:1px solid #2e2d2d;}
#container{background:url(../images/container_bkgd.png) repeat-y;}
#footer{background:#999;height:50px;}

/***********
2.0 Content
***********/
#content{float:right;width:600px;}
#content-fill{}
.content-post{padding:20px;border-bottom:1px solid #999;margin:10px;}
.content-post img{background:#dedede;border:1px solid #ccc;float:left;padding:10px;margin:0 20px 20px 0;}

.content-meta{}
.content-meta .date{float:left;padding:5px;}
.content-meta .category{float:left;padding:5px;}
.content-meta .comments{float:left;padding:5px;}
.content-meta .readmore{background:#dedede;float:right;padding:5px;}

/***********
3.0 Sidebar
***********/
#sidebar{float:left;width:360px;}
#sidebar-fill{}
.side-block{margin:0;padding:10px;border-top:1px solid #0b0b0b;border-bottom:1px solid #2e2d2d;}
.side-block a.download{background:url(../images/downloadButton.png) no-repeat;width:200px;display:block;padding:5px 0 7px 40px;color:#FFF;font-size:1.2em;}
.side-block a.video{background:url(../images/videoButton.png) no-repeat;width:200px;display:block;padding:5px 0 7px 40px;color:#FFF;font-size:1.2em;}

/*****************
4.0 Side Navitaion
*****************/
ul.sidenav {margin:10px;}
ul.sidenav li {margin:5px 0;}
ul.sidenav li a{font-size:1em;color:#dedede;text-decoration:none;}
ul.sidenav li a:hover {text-decoration:underline;}

/*******************
6.0 Top Navigation
*******************/
#nav{background:url(../images/top_nav.png) repeat-x;padding:5px 15px;}

/******************
6.0 Misc classes
******************/
.clear{clear:both;}
.searchbar{background:#000;border:1px dotted #666;width:200px;font-size:1.8em;color:#FFF;}

/******************
7.0 Fonts
******************/
h1{}
h2{font-size:2em;}
h3{color:#FFF;font-size:1.6em;font-weight:bold;}
h4{}

p{font-size:1.4em;line-height:1.2em;margin:20px 0;}

/**********************
8.0 Grid
**********************/
ul.display {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	background: #222;
}
ul.display li {
	float: left;
	width: 598px;
	padding: 10px 0;
	margin: 0;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}
ul.display li a {
	color: #FFF;
	text-decoration: none;
}
ul.display li .content_block {
	padding: 0 10px;
}
ul.display li .content_block h2 {
	margin: 0;
	padding: 5px;
	font-weight: normal;
	font-size: 1.7em;
}
ul.display li .content_block p {
	margin: 0;
	/*padding: 5px 5px 5px 245px;  /*--The left padding keeps the
content from flowing under the image--*/
	padding:5px;
	font-size: 1.2em;
	color:#FFF;
}
ul.display li .content_block p.runtime {color:#cccccc; font-style:italic;}
ul.display li .content_block a img{ /*--Double border technique--*/
	padding: 5px;
	border: 2px solid #ccc;
	background: #fff;
	margin: 0 15px 0 0;
	float: left;
}

ul.thumb_view li{ width: 198px; } /*--Switch the width
to accommodate for the three column layout--*/
ul.thumb_view li h2 { display: inline; }
ul.thumb_view li p{ display: none; }
ul.thumb_view li .content_block a img { margin: 0 0 10px; }
a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 0;
	display: block;
	background: url(../images/switch.png) no-repeat;
	outline: none;
	text-indent: -9999px;
}
a.swap { background-position: left bottom; }
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}