/* close image */
div.close {
	background:url(/images/overlay/close.png) no-repeat;
	position:absolute;
	top:5px;
	right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
}
/*{{{ info, overlay, grippie */

/* overlay */ 
div.overlay, #overlay {
	padding:40px;	
	width:576px;  
	display:none;
	background-image:url(/images/overlay/white.png);	
}

div.overlay div.close, #overlay div.close {
	background:url(/images/overlay/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

#overlay_player { 		
	display:block;
	height:450px;
}

div.grippie {
	background:#EEEEEE url(/img/forum/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}

#right li a span {
	display:block;
	margin-top:2px;
	color:#333;
	font-size:11px;
}

#right li a.selected span {
	display:block;
	margin-top:2px;
	color:yellow;
}

/*}}}*/


/*{{{ home */

#index #content {
	background:none;
	width:768px;
	margin:0px;
	padding:0px;
}

#index #right {
	width:210px;
	float:right;
	margin:-1px  0;	
}

#downloadInfo  {
	float:right;
	margin:60px 36px 0pt 0pt;
	text-align:center;
	color:#555;
	font-size:11px;	
}

#downloadInfo a {
	font-size:11px;		
}

h1#logo {
	background:transparent url(/img/home/logo-3.1.jpg) no-repeat scroll 0 0;
	float:left;
	height:131px;
	margin:25px 0 46px 25px;
	text-align:right;
	width:490px;
}

h1#logo em {
	display:none;		
}

h1#logo span {
	position:relative;
	top:32px;		
	font-size:22px;
}


a#download {
	display:block;
	background:transparent url(/img/home/download.png) no-repeat;
	width:159px;
	height:44px;
	overflow: hidden; 
	text-indent: -999em;
	margin-bottom:5px;
}

a#download:hover {
	background-position:0 -44px ;		
}

a#download:focus {
	background-position:0 -88px ;		
}

a#download.small {
	height:35px;	
}

a#download.small:hover {
	background-position:0 -34px ;		
}

a#download.small:focus {
	background-position:0 -68px ;		
}

#tab_panes {
	background:url(/img/home/main.jpg) no-repeat 0 -98px;
	position:relative;
	top:-1px;
	height:448px;	 
	overflow:hidden;
	width:757px;
}

#items {
	position:absolute;
	width:9999em;
}

#items div.item {
	padding:10px 30px;
	width:690px;
	float:left;
	color:white;
	display:none;
}

#items #first {
	background:url(/img/home/main.jpg) no-repeat 0 -546px;		
	height:425px; 
	padding-top:50px;
}

#items div.item h2 {
	margin-top:20px;
	color:white;
}

#items a.flowplayer {
	display:block;
	background:transparent url(/img/global/gradient/h500.png) repeat-x;
	height:320px;
	width:430px;
	float:left;
	text-align:center;
	margin:20px 20px 0 0;
}

#items a.flowplayer img {
	margin-top:120px;		
}

/* old flash version */
#items a.flowplayer h2, #items a.flowplayer a {
	font-size:20px;
	color:#fff;
}

#items div.col {
	float:right;
	width:230px;
	margin:0px;
}

#items #first a.flowplayer {
	width:460px;		
	margin:0px;
}


#items #first div.col {
	width:165px;		
}

#items p.more {
	font-weight:bold;
	font-size:12px;
	margin-top:30px;
}

#items div.clips {
	float:left;
	margin-top:10px;
}

#items pre code {
	line-height:14px;	
}

/* tabs */
ul#tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0 !important; 
}

#player3 object {
	z-index:10000;		
}

ul#tabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-image:none;
}

#content ul#tabs li a { 
	display:block;
	height: 33px;  
	overflow: hidden; 
	text-indent: -999em; 
	width: 189px; 
	background: url(/img/home/main.jpg) no-repeat;
	padding:0px;
	margin:0px;
}

#content #tabs #t1 { background-position: 0 0; }
#content #tabs #t2 { background-position: -189px 0; }
#content #tabs #t3 { background-position: -378px 0; }
#content #tabs #t4 { background-position: -567px 0; width:192px;}
               
#content #tabs #t1:hover { background-position:      0 -33px; }
#content #tabs #t2:hover { background-position: -189px -33px; }
#content #tabs #t3:hover { background-position: -378px -33px; }
#content #tabs #t4:hover { background-position: -567px -33px; }

#content #tabs a.active   {cursor:default; }
#content #tabs #t1.active { background-position:      0 -66px; }
#content #tabs #t2.active { background-position: -189px -66px; }
#content #tabs #t3.active { background-position: -378px -66px; }
#content #tabs #t4.active { background-position: -567px -66px; }


/* right picks */
#right div.pick {
	background: url(/img/box/right/blank.png) no-repeat;
	width:214px;
	height:152px;
	margin:0px 0 12px 0 !important;
	cursor:pointer;
}

#right a {
	text-decoration:none !important;		
}

#right div.pick h4 {
	padding:15px 15px 0 85px;
	font-size:11px;
	color:#666;
	margin:0px;
}

#right div.pick h3 {
	padding:0px 15px 0 85px;
	font-size:13px;
	color:#000;
	margin:3px 0px;
}

#right div.pick p {
	padding:5px 15px 0 85px;
	font-size:12px;
	color:#666;
	margin:0px;
}


/* --- VISUALIZATIONS --- */


/* images */
#right div.pick.blank 		{ background-image: url(/img/box/right/release.png); }
#right div.pick.book 		{ background-image: url(/img/box/right/book.png); }
#right div.pick.release 	{ background-image: url(/img/box/right/release.png); }                        
#right div.pick.screens 	{ background-image: url(/img/box/right/screens.png); }
#right div.pick.flash 		{ background-image: url(/img/box/right/flash.png); }
#right div.pick.js 			{ background-image: url(/img/box/right/js.png); }
#right div.pick.tools 		{ background-image: url(/img/box/right/tools.png); }
#right div.pick.streaming 	{ background-image: url(/img/box/right/streaming.png); }
#right div.pick.jstools 	{ background-image: url(/img/box/right/jstools.png); }


/* book & screens are left justified */
#right div.pick.book h3, #right div.pick.book h4, #right div.pick.book p,
#right div.pick.screens h3, #right div.pick.screens h4, #right div.pick.screens p,
#right div.pick.tools h3, #right div.pick.tools h4, #right div.pick.tools p
{
	padding-left:15px;
	padding-right:76px;
}

/* release */
#right div.pick.release h3, #right div.pick.release h4,
#right div.pick.blank h3, #right div.pick.blank h4 {
	padding-left:15px;		
}
	
#right div.pick.release p, #right div.pick.blank p {
	padding:15px 15px 0 90px;	
}

#right div.pick.screens h3 {
	padding-right:92px;	
}


/* mask */
#exposeMask {
	background-color: #123;
	color: #fff;
	text-align: center;
	padding-top:155px;
}

#exposeMask p {
	font-size: 20px; 
	width:640px;		
	margin:0px auto;
}

#exposeMask span {
	color:yellow;	
}


/* custom controlbar */
#homeControls {
	width:430px;
}

#homeControls div.track {
	width:215px;		
}

#homeControls div.time {
	left:260px;	
}

#homeControls a.mute, #homeControls a.unmute {
	left:390px;
}

#index #emailPane, #index #embedPane {
	background:transparent url(/img/global/gradient/h500.png) repeat-x;
}

/*}}}*/


/*{{{ blog  */

div.blogImage {
	width:85px;
	height:85px;
	float:right;
	margin:5px 0 30px 50px;
	background-repeat:no-repeat;
}

div.blogImage.book 		{ background-image: url(/img/title/book.png); }
div.blogImage.release 	{ background-image: url(/img/title/release.png); }                        
div.blogImage.screens 	{ background-image: url(/img/title/screens.png); }
div.blogImage.flash 		{ background-image: url(/img/title/flash.png); }
div.blogImage.js 			{ background-image: url(/img/title/javascript.png); }
div.blogImage.streaming { background-image: url(/img/title/streaming.png); }
div.blogImage.jstools 	{ background-image: url(/img/title/tools.png); }


div.blogImage.release, div.blogImage.book, div.blogImage.screens {
	float:left;
	height:150px;
	margin:5px 0pt 0pt -12px;
	width:178px;		
}

div.blogImage.book {
	height:165px;	
}

div.blogImage.screens {
	margin:5px 0pt 0pt -10px;
	width:178px;	
}



/*}}}*/


/*{{{ tools  */
.tools #right a {
	color:#00559E;		
}

#tools_index #right {
	margin-top:355px;	
}

body.tools #content, body.tools #right {
	margin-top:250px;
}

body.tools #breadcrumb {
	margin-bottom:-15px;
	top:-35px;		
}


body.tools #content h1 {
	height:320px;
	text-indent:-999em;
	top:-339px;
	margin-bottom:-339px;
	z-index:-1;
}


#content h1#hero {
	background:url(/tools/img/hero/plain.jpg) no-repeat -31px 16px;
	font-size:75px;
	letter-spacing:-3px;
	padding:151px 0 0 217px;
	text-transform:uppercase;
	height:185px;
	color:#055499;
	text-indent:0;
	line-height:45px;
	position:relative;
	width:735px !important;		
}

#content h1#hero em {
	text-transform:none;
	letter-spacing:0;
	font-size:22px;
	color:#000;
}

#hero span {
	background:transparent url(/img/global/gradient/letters.png) repeat-x 0 0;
	height:80px;
	position:absolute;	
	margin-top:-7px;
	display:block;
	width:735px !important;
}

#tools_demos_index #right {
	display:none;		
}
	
#tools_demos_index #content, #setup_index #content {
	width:100%;
	background-image:none;
	padding:0px;
	float:none;
	margin-top:25px;
}


h1 i {
	color:#BF17A2;
	font-style:normal;	
}

/* #right release notes list */
#notes {
	margin:15px 0 30px 13px;		
}

#notes p {
	background:transparent url(/tools/img/bullet_8x8.png) no-repeat scroll 0 3px;
	padding:0 0 2px 15px;
	font-size:11px;
	margin:0px;
}

#notes a {
	font-size:11px;
	color:#666;
}

#notes a:hover {
	color:#000;
}

#notes a.active {
	color:#000;
	text-decoration:underline !important;
}

#twitter {
	font-size:11px;	
	width:190px;
}

#twitter p {
	border-bottom:1px dotted #ccc;
	padding:7px 5px;		
	cursor:pointer;
	color:#666;
	margin:0px;
}

#twitter p:hover {
	background-color:#EDF0F3;
	color:#000;
}

#twitter em {
	font-style:normal;				
}

#twitter span {
	display:block;
	font-weight:bold;
	color:#33ccff;
}

/*}}}*/

@media print {

	body {
		padding:0;		
	}
	
	#globalnav, #right, #user, .noprint, #breadcrumb {
		display:none;		
	}
	
	#wrap, #content {
		width:98%;		
		margin:0;
	}
	
	#content h1 {
		padding:0;
		margin:0;
		top:0;		
	}
}