/*******************************
	Common CSS -V
********************************/
body {
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:normal;
	margin:0;
}
div.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
* {
	margin:0;
	padding:0;
}
*+html a:hover {
	cursor:pointer;
}
/*************************************
	Page Container
**************************************/
#officeSYN_page_container {
	background: url(/The_Office/syndication/images/backgrounds/pageContainer.jpg) top left no-repeat;
	width:738px;
	margin:auto;
	padding:0 0 0 0;
	min-height:914px;
	height:auto !important;
	_height:914px;
}
/****************************************
	Header Containers
*****************************************/
#officeSYN_header {
	background:url(/The_Office/syndication/images/backgrounds/header.jpg) top left no-repeat; 
	height:115px;
	margin-top:0px;
	width:738px;
}
#officeSYN_header #officeSYN_TuneIn {
	background: url(/The_Office/syndication/images/backgrounds/tuneIn.jpg) top left no-repeat;
	height:115px;
	width:283px;
}
/****************************************
	Flash Containers
*****************************************/
/****************************************
	Navigation Styles
*****************************************/
#officeSYN_navBar {
	background: url(/The_Office/syndication/images/backgrounds/navBar.jpg) top left no-repeat;
	float:left;
	font-size:8px;
	position:relative;
	height:28px;
	margin:0;
	padding-left:70px;
	width:738px;
}
*:first-child+html #officeSYN_navBar{
	z-index:1;
}
#officeSYN_navBar ul#officeSYN_nav li {
	float:left;
	list-style:none;
}
#officeSYN_navBar ul#officeSYN_nav li a {
	display: block;
	font-size:12px;
	height:28px;
	margin-right:18px;
	text-indent:-9999px;
}
*html #officeSYN_navBar ul#officeSYN_nav li a {
	font-size:8px;
}
#officeSYN_navBar ul#officeSYN_nav li a.main {
	background: url(/The_Office/syndication/images/buttons/main.jpg) top left no-repeat;
	width:53px;
}
#officeSYN_navBar ul#officeSYN_nav li a.blog {
	background: url(/The_Office/syndication/images/buttons/blog.jpg) top left no-repeat;
	width:44px;
}
#officeSYN_navBar ul#officeSYN_nav li a.game {
	background: url(/The_Office/syndication/images/buttons/games.jpg) top left no-repeat;
	width:49px;
}
#officeSYN_navBar ul#officeSYN_nav li a:hover {
	background-position:bottom left;
}
/****************************************
	Banner Ad
*****************************************/
#officeSYN_BannerAd {
	clear:left;
	height:90px;
	margin:0 0 0 5px;
	padding:6px 0 0 0;
	width:728px;
}
/****************************************
	Content - Left Column
*****************************************/
	/* Left Column Wide 671px */
	#officeSYN_content_wide {
		display:inline;
		width:738px;
	}
	#officeSYN_content_wide #officeSYN_Video {
		background: url(/The_Office/syndication/images/backgrounds/video.jpg) top left no-repeat;
		height:348px;
		float:left;
		margin:8px 0 0 0;
		position:relative;
		width:416px;
	}
	#officeSYN_Video h2 {
		background: url(/The_Office/syndication/images/titles/videoMain.jpg) top left no-repeat;
		display:block;
		height:26px;
		margin:6px 0 0 60px;
		text-indent:-9999px;
		width:66px;
	}
	#officeSYN_Video #videoPlayer {
		/*background: url(/The_Office/syndication/images/placeholders/videoPlayerMain.jpg) top left no-repeat;*/
		height:279px;
		margin:34px 0 0 26px;
		width:384px;
	}
	#officeSYN_content_wide #officeSYN_LatestVideo {
		background: url(/The_Office/syndication/images/backgrounds/latestVideo.jpg) top left no-repeat;
		display:inline;
		height:348px;
		float:left;
		margin:10px 0 0 0;
		width:322px;
	}
	#officeSYN_LatestVideo h2 {
		background: url(/The_Office/syndication/images/titles/latestVideoMain.jpg) top left no-repeat;
		display:block;
		height:12px;
		margin:20px 0 0 42px;
		text-indent:-9999px;
		width:105px;
	}
	#officeSYN_LatestVideo span.hdStereo {
		background: url(/The_Office/syndication/images/titles/hdStereo.jpg) top left no-repeat;
		display:block;
		height:13px;
		margin:40px 0 0 38px;
		text-indent:-9999px;
		width:102px;
	}
	*html #officeSYN_LatestVideo span.hdStereo {
		margin:20px 0 0 38px;
		/*position:relative;*/
	}
	#officeSYN_LatestVideo .latestInner {
		margin:20px 0 0 45px;
		width:255px;
	}
	#officeSYN_LatestVideo .latestInner a {
		float:left;
	}
	#officeSYN_LatestVideo .latestInner a img {
		border:none;
	}
	#officeSYN_LatestVideo .latestInner p {
		float:left;
		margin:0 0 0 10px;
		width:165px;
	}
	#officeSYN_content_wide #officeSYN_SchruteSpace {
		background: url(/The_Office/syndication/images/backgrounds/schrutteSpace.jpg) top left no-repeat;
		height:285px;
		float:left;
		margin-top:-4px;
		width:213px;
	}
	#officeSYN_SchruteSpace a {
		text-decoration:none;
	}
	#officeSYN_SchruteSpace h2 {
		background: url(/The_Office/syndication/images/titles/schrutteMain.jpg) top left no-repeat;
		display:block;
		height:34px;
		margin:28px 0 0 10px;
		text-indent:-9999px;
		width:200px;
	}
	#officeSYN_SchruteSpace h3 {
		background: url(/The_Office/syndication/images/titles/schrutteIsBackMain.jpg) top left no-repeat;
		display:block;
		height:16px;
		margin:13px 0 0 10px;
		text-indent:-9999px;
		width:105px;
	}
	#officeSYN_SchruteSpace p {
		color:#ffffff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		margin:17px 0 0 19px;
		width:105px;
	}
	*html #officeSYN_SchruteSpace p {
		line-height:12px;
	}
	#officeSYN_content_wide #officeSYN_Solitaire {
		background: url(/The_Office/syndication/images/backgrounds/solitare.jpg) top left no-repeat;
		height:285px;
		float:left;
		margin-top:-4px;
		width:199px;
	}
	#officeSYN_Solitaire h2 {
		background: url(/The_Office/syndication/images/titles/solitaire.jpg) top left no-repeat;
		display:block;
		height:48px;
		margin:30px 0 0 17px;
		text-indent:-9999px;
		width:180px;
	}
	#officeSYN_content_wide #officeSYN_ad300x250 {
		background: url(/The_Office/syndication/images/backgrounds/ad300x250.jpg) top left no-repeat;
		height:285px;
		float:left;
		margin-top:-4px;
		width:326px;
	}
	#ad300x250 {
		background-color:#999999;
		height:250px;
		float:right;
		margin:18px 5px 0 0;
		width:300px;
	}
	#ad300x250 p {
		font-size:16px;
		text-align:center;
		text-transform:uppercase;
		width:300px;
	}	
/****************************************
	Blog Styles
*****************************************/
	#officeSYN_schrutteHead {
		background: url(/The_Office/syndication/images/backgrounds/schrutteHeader.jpg) top left no-repeat;
		height:175px;
		margin-top:7px;
		width:738px;
	}
	#officeSYN_content_wide #post {
		background-color:#88857c;
		color:#ffffff;
		float:left;
		margin:20px 0 0 5px;
		padding:12px 0 0 0;
		width:436px;
	}
	#post p.title {
		font-size:14px;
		font-weight:bold;
		margin-left:11px;
		text-transform:uppercase;
	}
	#post p.date {
		float:right;
		font-size:12px;
		font-weight:bold;
		margin:4px 6px 6px 0;
	}
	#post #postInner {
		background-color:#d2d2d2;
		color:#000000;
		min-height:322px;
		/*height:auto !important;*/
		height:357px;
		_height:322px;
		margin:0;
		padding:4px 0px 26px 20px;
		width:416px;
		overflow:scroll;
	}
	#postInner p {
		font-size:11px;
		margin-top:22px;
		width:397px;
	}
	#post #postLinks {
		background-color:#88857c;
		color:#ffffff;
		margin:0;
		padding:10px 0 10px 0;
		text-align:center;
		width:436px;
	}
	#postLinks a {
		color:#ffffff;
		font-size:12px;
		margin-right:4px;
		margin-left:4px;
		text-decoration:none;
	}
	#postLinks a:hover {
		text-decoration:underline;
	}
	#officeSYN_content_wide #postArchived {
		background-color:#b3a896;
		color:#ffffff;
		float:left;
		margin:20px 0 0 12px;
		padding:8px 8px 8px 8px;
		width:264px;
	}
	#postArchived #postArchivedInner {
		background-color:#88857c;
		color:#ffffff;
		float:left;
		min-height:400px;
		height:auto !important;
		_height:400px;
		margin:0;
		padding:12px 0 12px 12px;
		width:252px;
	}
	#postArchivedInner h3 {
		background: url(/The_Office/syndication/images/titles/archived.jpg) top left no-repeat;
		display:block;
		height:19px;
		text-indent:-9999px;
		width:89px;
	}
	#postArchivedInner ul {
		list-style:square;
		margin:6px 0 0 0;
		padding:0;
	}
	#postArchivedInner ul li {
		margin:2px 0 0 12px;
		padding:0;
	}
	#postArchivedInner ul li a {
		color:#ffffff;
		font-size:12px;
		text-decoration:none;
	}
	#postArchivedInner ul li a:hover {
		text-decoration:underline;
	}	
/*************************************
	Game Styles
**************************************/
#officeSYN_content_wide #officeSYN_GameContainer {
	background:url(/The_Office/syndication/images/backgrounds/gameContainer.jpg) top left no-repeat;
	min-height:639px;
	height:auto !important;
	_height:639px;
	padding:32px 0 0 28px;
	width:710px;
}
#officeSYN_GameContainer h2 {
	background: url(/The_Office/syndication/images/titles/games.jpg) top left no-repeat;
	display:block;
	height:23px;
	margin:0;
	text-indent:-9999px;
	width:77px;
}
#officeSYN_GameContainer #gameFlashContainer {
	margin:25px 0 0 -28px;
	text-align:center;
	width:738px;
}