﻿/* Height relatives */
body#blue {
	background: #F29E00 url(../img/bg_red.jpg) center top no-repeat;
}

body#red {
	background: #F29E00 url(../img/bg_blue.jpg) center top no-repeat;
}
#all {
	
	width: 1218px;
	height: 2457px;
	margin: 0 auto;
	position: relative;
	*margin-top: -16px;
}

body#blue, body#red {
	position: relative;
	font-size: 1px;
	*top: 0;
	*font-size: 15px;
}

body#blue #all {
	background: url(../img/bg_blue.jpg) center top no-repeat;
}
body#red #all {
	background: url(../img/bg_red.jpg) center top no-repeat;
}
#container .blocksLeft {
	background: url(../img/bg_blocks-left.gif) 0px -50px repeat-y;
	width: 137px;
	position: absolute;
	left: -18px;
	top: 105px;
	z-index: 3;
	min-height: 1660px;
	overflow: visible;
}

#container .blocksRight {
	background: url(../img/bg_blocks-right.gif) 0px -50px repeat-y;
	width: 109px;
	position: absolute;
	left: 564px;
	top: 105px;
	z-index: 3;
	min-height: 1660px;
	overflow: visible;
}

#posts {
	background: #E6E6E6 url(../img/rounded_top-left.gif) top left no-repeat;
	width: 445px;
_width: 430px;
	margin-top: 37px;
	min-height: 1660px;
	overflow: visible;
_padding-left: -30px;
}
#container {
	padding-left: 108px;
	position: absolute;
	top: 712px;
	left: 245px;
	background: url(../img/bg_container.png) no-repeat 1px 1800px;
	_background: url(../img/bg_container.png) no-repeat 1px 1800px;
	width: 470px;
}
#container dd {
	float: left;
}
#container dd.bgSearch {
	background: url(../img/bg_search.jpg) 7px 7px no-repeat;
}
#container dd .textSearch {
	width: 110px;
	background: transparent;
	height: 16px;
	border: 0;
	padding: 3px 5px;
	margin: 7px 1px 0px 7px;
	font: 12px arial;
	color: #999;
}
#container dd .buttonSearch {
	background: url(../img/bt_search.gif) 0px 0px no-repeat;
	width: 56px;
	height: 22px;
	border: 0;
	font: bold 12px arial;
	color: #FFF;
	margin: 7px 2px;
}
#container .linkSubmit {
	background: url(../img/bullet_arrow-orange.gif) 0px 3px no-repeat;
	padding-left: 10px;
	clear: both;
	font: bold 10px arial;
	color: #666;
	margin-top: 10px;
}
#container .linkSubmit a {
	font: bold 10px arial;
	color: #E88B00;
	text-decoration: none;
	text-transform: uppercase;
}
 #container .linkSubmit a:hover {
	text-decoration: underline;
}
#navPosts {
	margin-top: 15px;
	*margin-bottom: -1px;
	float: left;
}
#navPosts li {
	float: left;
	font: bold 11px arial;
	color: #E88B00;
}
#navPosts li.navTitle {
	font: bold 11px arial;
	color: #E88B00;
	margin: 5px 4px 0px 0px;
}
#navPosts li a {
	font: 11px arial;
	color: #999;
	text-decoration: none;
	padding: 5px 7px 4px 4px;
}
 #navPosts li a:hover {
	text-decoration: underline;
}
#navPosts li.current-cat a {
	background: #E6E6E6 url(../img/rounded_top-right.gif) top right no-repeat;
	font-weight: bold;
	color: #E88B00;
}
#navPosts li p, #navPosts li.cat-item {
	padding: 5px 0px 4px 2px;
}
#navPosts li.current-cat {
	background: #E6E6E6 url(../img/rounded_top-left.gif) top left no-repeat;
}

	
	#posts .post {
	margin-left: 8px;
	margin-bottom: 20px;
	padding: 8px 8px 8px 0px;
	background: #E6E6E6 url(../img/rounded_top-right.gif) top right no-repeat;
}

	#posts .post h5 {
	font: bold 10px arial;
	color: #E88B00;
	text-transform: uppercase;
	padding-bottom: 5px;
}

	#posts .post h4 {
	font: bold 20px arial;
	color: #333;
	padding-bottom: 10px;
}

	#posts .post h4 span {
	clear: both;
	font: 14px arial;
	color: #666;
	margin-bottom: 10px;
}

	#posts .post img {
	padding: 7px;
}

	#posts .post p {
	font: 13px arial;
	color: #000;
	padding: 7px;
}

	#posts .post p.tags {
}

	#posts .post a {
	font: 13px arial;
	color: #E88B00;
	text-decoration: none;
}
 
	#posts .post a:hover {
	text-decoration: underline;
}
#posts .post cite {
	font: bold 10px arial;
	color: #333;
	text-transform: uppercase;
	padding-left: 7px;
}
 
	#posts .post cite span {
	font: 12px arial;
}

	#posts .post .baseLinks {
	height: 16px;
	padding: 4px;
	margin-top: 5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

	#posts .post .baseLinks li {
	float: left;
	padding-right: 13px;
}
#posts .post .baseLinks li.delicious a {
	background: url(../img/ico_delicious.gif) no-repeat;
}

	#posts .post .baseLinks li.digg a {
	background: url(../img/ico_digg.gif) no-repeat;
}

	#posts .post .baseLinks li.reddit a {
	background: url(../img/ico_reddit.gif) no-repeat;
}

	#posts .post .baseLinks li.feed a {
	background: url(../img/ico_feed.gif) no-repeat;
}

	#posts .post .baseLinks li a {
	padding-left: 20px;
	font: 12px arial;
	color: #000;
	text-decoration: none;
	line-height: 16px;
	display: block;
}
 
	#posts .post .baseLinks li a:hover {
	color: #E88B00;
	text-decoration: underline;
}

	
#postNav {
	background-color:#E6E6E6;
	border-bottom:1px solid #FFFFFF;
	font-size:12px;
	height:40px;
	line-height:4px;
	margin:0;
	padding:0 3px;
	position:relative;
	text-align:right;
	width:435px;
}

	#postNav a, #postNav a:hover {
	position:relative;top:10px;
	color: #E88B00;
	text-decoration: underline;
	font-family: verdana, arial;
}

	
	/* TITLES */#pageTitle a {
	background: url(../img/title_go-miniman-go.png) no-repeat;
	width: 526px;
	height: 153px;
	display: block;
	text-indent: -9000px;
	position: absolute;
	top: 17px;
	left: 322px;
}
#watchTitle {
	position: absolute;
	top: 239px;
	left: 199px;
}
#watchTitle h2 {
	width: 93px;
	height: 78px;
	display: block;
	text-indent: -9000px;
}
#watchTitle a {
	background: url(../img/link_go-video.gif) no-repeat;
	width: 38px;
	height: 15px;
	display: block;
	text-indent: -9000px;
	margin: 8px 0px 0px 23px;
}
#watchTitle h2.red {
	background: url(../img/title_watch-in-3d.gif) no-repeat;
}
#watchTitle h2.blue {
	background: url(../img/title_watch-in-2d.gif) no-repeat;
}
#downloadVideo {
	position: absolute;
	top: 449px;
	left: 889px;
}
#downloadVideo a {
	width: 60px;
	height: 65px;
	display: block;
	text-indent: -9000px;
}
 	#downloadVideo a:hover {
	background-position: -60px 0;
}
#downloadVideo a.red {
	background: url(../img/link_download-video-3d.gif) no-repeat;
}
#downloadVideo a.blue {
	background: url(../img/link_download-video-hd.gif) no-repeat;
}
#featuredTitle {
	background: url(../img/title_featured-posts.gif) no-repeat;
	width: 256px;
	height: 35px;
	display: block;
	text-indent: -9000px;
	float: left;
}
#challengeBox h4 {
	background: url(../img/title_miniyou.gif) no-repeat;
	width: 138px;
	height: 32px;
	display: block;
	margin-left: 8px;
	margin-top: 11px;
	text-indent: -9000px;
}
/*#challengeBox h5 {
	background: url(../img/title_challenge.gif) no-repeat;
	width: 126px;
	height: 24px;
	display: block;
	text-indent: -9000px;
	position: relative;
	top: -3px;
	left: -1px;
}*/

#aboutBox h3 {
	background: url(../img/title_go-go.gif) no-repeat;
	width: 58px;
	height: 40px;
	display: block;
	margin-left: 30px;
	text-indent: -9000px;
}

#aboutBox h4 {
	background: url(../img/title_challenge_small.gif) no-repeat;
	width: 98px;
	height: 19px;
	display: block;
	margin-left: 10px;
	text-indent: -9000px;
}
#downloadBox h4 {
	background: url(../img/title_go-go.gif) no-repeat;
	width: 58px;
	height: 40px;
	display: block;
	text-indent: -9000px;
	margin-left: 50px;
}
#downloadBox h5 {
	background: url(../img/title_download.gif) no-repeat;
	width: 109px;
	height: 20px;
	display: block;
	margin-top: -2px;
	text-indent: -9000px;
	margin-left: 23px;
}
#funfactBox h4 {
	background: url(../img/title_fun-fact.gif) no-repeat;
	width: 135px;
	height: 29px;
	display: block;
	text-indent: -9000px;
	position: relative;
	top: 2px;
}
#linkBox h4 {
	background: url(../img/title_link.gif) no-repeat;
	width: 57px;
	height: 28px;
	display: block;
	text-indent: -9000px;
}
#storeBox h4 {
	background: url(../img/title_store.gif) no-repeat;
	width: 85px;
	height: 28px;
	display: block;
	text-indent: -9000px;
}
#timelineBox h4 {
	background: url(../img/title_interactive-timeline.gif) no-repeat;
	width: 182px;
	height: 24px;
	display: block;
	text-indent: -9000px;
}
#vintageBox h4 {
	background: url(../img/title_vintage.gif) no-repeat;
	width: 101px;
	height: 29px;
	display: block;
	text-indent: -9000px;
}
#playGameBox1 h4,#playGameBox2 h4 {
	background: url(../img/title_game.gif) no-repeat;
	width: 51px;
	height: 21px;
	display: block;
	text-indent: -9000px;
	position: relative;
	bottom: -21px;
}
#googleBox h4 {
	/*background: url(../img/title_igoogle-gadget.gif) no-repeat;*/
	width: 126px;
	height: 21px;
	display: block;
	text-indent: -9000px;
	position: relative;
	bottom: -22px;
	left: 10px;
}
/* OBJECTS */#ytBlue {
	position: absolute;
	top: 232px;
	left: 363px;
}
#ytRed {
	position: absolute;
	top: 232px;
	left: 363px;
}
#challengeBox img {
	padding: 6px;
}
#challengeBox p {
	font: 11px arial;
	font-weight: bold;
	color: #FFF;
	padding-left: 6px;
	float: left;
}
#challengeBox a {
	background: url(../img/link_go-blue.gif) no-repeat;
	width: 33px;
	height: 9px;
	display: block;
	text-indent: -9000px;
	margin: 30px 0px 0px 109px;
}
#aboutBox h5 {
	font: bold 11px arial;
	color: #FFF;
	padding: 1px 16px;
	width: 88px;
}
#aboutBox p {
	font: 10px arial;
	color: #FFF;
	padding: 8px 16px;
}
#aboutBox a {
	background: url(../img/link_go-green.gif) no-repeat;
	width: 33px;
	height: 9px;
	display: block;
	text-indent: -9000px;
	margin-left: 16px;
}
#downloadBox p {
	font: bold 11px arial;
	color: #FFF;
	float: left;
	text-align: center;
	width: 130px;
	margin: 0px 0px 29px 11px;
}
#downloadBox a.download {
	background: url(../img/link_download.gif) 0px 0px no-repeat;
	width: 75px;
	height: 132px;
	display: block;
	text-indent: -9000px;
	clear: both;
	margin-left: 38px;
}
 #downloadBox a:hover {
	background-position: -74px 0px;
}
#funfactBox p {
	font: bold 11px arial;
	color: #FFF;
	padding: 10px 6px 3px 8px;
	width: 118px;
}
 #funfactBox p.more {
	margin-left: 15px;
	float: left;
	width: 70px;
	font-size: 10px;
	font-weight: normal;
	display: none;
}
#funfactBox a {
	background: url(../img/link_go-acqua.gif) no-repeat;
	width: 33px;
	height: 9px;
	display: block;
	text-indent: -9000px;
	float: left;
	margin: 3px 0px 0px 6px;
	_margin: 3px 0px 0px 3px;
}
#linkBox p {
	font: bold 11px arial;
	color: #FFF;
	padding-left: 6px;
	width: 95px;
}
#linkBox a {
	font: bold 11px arial;
	color: #333;
	padding-left: 6px;
	width: 100px;
	display: block;
}
#linkBox img {
	padding-left: 6px;
}
#storeBox p {
	font: 11px arial;
	color: #333;
	padding: 11px 0px 0px 28px;
	width: 120px;
}
 #storeBox p q {
	color: #fff;
}
 #storeBox p strong {
	color: #E65727;
}
#storeBox a {
	background:transparent url(../img/link_go-pink.gif) no-repeat scroll 0 0;
	color:#000000;
	display:block;
	font-family:Verdana,Arial;
	font-size:13px;
	font-weight:bold;
	height:15px;
	left:118px;
	position:absolute;
	text-decoration:none;
	text-indent:-9000px;
	top:135px;
	width:36px;
}
#timelineBox p {
	font: bold 11px arial;
	color: #FFF;
	padding: 3px 6px;
	width: 175px;
}
#timelineBox a {
	background: url(../img/link_go-beige.gif) no-repeat;
	width: 33px;
	height: 9px;
	display: block;
	text-indent: -9000px;
	margin: -14px 0px 0px 139px;
}
#timelineBox img {
	padding: 3px;
}
#vintageBox p {
	font: bold 11px arial;
	color: #FFF;
	padding: 3px 7px;
	width: 180px;
}
#vintageBox #ytapiplayer {
	padding-top: 4px;
	padding-left: 9px;
}
#vintageBox a {
	background: url(../img/link_go-marine.gif) no-repeat;
	width: 33px;
	height: 9px;
	display: block;
	text-indent: -9000px;
	margin: -14px 0px 0px 120px;
}
#vintageBox #myytplayer {
	margin: 3px 7px;
}
/* BOXES */#challengeBox {
	position: absolute;
	top: 770px;
	left: 168px;
	z-index: 4;
}
#aboutBox {
	position: absolute;
	/*top: 1068px;*/
	top: 1028px;
	left: 191px;
	z-index: 5;
}
#downloadBox {
	position: absolute;
	top: 1286px;
	left: 150px;
	z-index: 6;
}
#funfactBox {
	position: absolute;
	top: 1630px;
	left: 175px;
	z-index: 7;
}
#linkBox {
	position: absolute;
	top: 2070px;
	left: 226px;
	z-index: 8;
}
#storeBox {
	position: absolute;
	top: 828px;
	left: 832px;
	z-index: 9;
}
#timelineBox {
	position: absolute;
	top: 1034px;
	left: 846px;
	z-index: 10;
}
#vintageBox {
	position: absolute;
	top: 1444px;
	left: 831px;
	z-index: 11;
}
#playGameBox1 {
	position: absolute;
	top: 1970px;
	left: 826px;
	z-index: 12;
}
#playGameBox2 {
	position: absolute;
	top: 2108px;
	left: 825px;
	z-index: 13;
}
#googleBox {
	position: absolute;
	top: 2021px;
	left: 958px;
	z-index: 14;
}

	
	
#footer {	
	position:relative;
	z-index: 99;	
	background: #444343;
	text-align: center;
	padding: 15px;
	margin: -20px auto 0 auto;
	*margin-top: 10px;
	min-width:1218px;
}
#footer p.copyrightText {
	width: 1218px;
	height: 78px;
	background: url(../img/text_copyright.gif) no-repeat center top;
	text-indent: -9999px;
	margin: 8px auto;
	display: block;
	overflow: hidden;
	overflow:hidden;
	position:relative;
	right: 34px;
}
	
#footer p.legoLogo {
	width: 1218px;
	text-align:center;
	margin:0 auto;
	position:relative;
	right:45px;
}
#footer p.emailText {
	width: 1218px;
	text-align:center;
	text-transform:uppercase;
	color:#cccccc;
	font-size:9px;
	font-family:Helvetica, Arial, Verdana;
	margin:20px auto 0 auto;
	position:relative;
	right:42px;
}
#footer p.emailText strong, #footer p.emailText a strong, #footer p.emailText a {
	color:#f39304;
	text-decoration:none;
}
