/*       Global Resets         */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0; 
	padding: 0; 
}
fieldset,img,button { 
	border: none; 
}
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}
:focus, input:focus, button:focus, button:active, button:hover {
	outline: 0;
}
sub, sup {
	font-size: 8px;
	line-height: 0;
}
body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}

/*******************************
         Global Styles
 *******************************/
 
body {
	background: #000000 url('../media/images/bg-noise.png') repeat-x scroll top center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	text-decoration: none;	
}
a:visited {
	color: #F0F0F0;	
}
.clear {
	clear: both;	
}

#wrapper {
	background: url('../media/images/bar-stripes.png') no-repeat scroll top center;
	height: 50px;
}
#shadow {
	position: absolute;
	width: 100%;
	height: 8px;
	top: -8px;
	left: 0px;
	background: url(../media/images/bar-share-sprite.png) repeat-x 0px -111px;
}
#leftgradient {
	background: url('../media/images/bg-leftdarkener.png') repeat-y top left;		
}
#rightgradient {
	background: url('../media/images/bg-rightdarkener.png') repeat-y top right;	
}

#bar {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	color: #FFFFFF;
	min-width: 985px;
}
#bar .uid {
	display: none;	
}
#leftgradient, #rightgradient {
	min-height: 400px;
}
#bar .chester {
	float: left;
	margin-top: 14px;
	margin-left: 7px;
	display: block;
	text-indent: -9999px;
	width: 288px;
	height: 41px;
	background: url(../media/images/bar-sprite.png) no-repeat;	
}
#bar .title {
	position: relative;
	padding-top: 19px;
	margin-left: 308px;
	margin-right: 447px;
}
#bar .title .divider {
	float: left;
	margin: 2px 15px 0px 0px;
}
#bar .title h3 {
	-moz-user-select: none;
	-khtml-user-select: none;	
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #00CCFF;	
	margin-right: 30px;
}
#bar .title h4 {
	-moz-user-select: none;
	-khtml-user-select: none;	
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;in
	text-shadow: -1px -1px 1px #000000;
	margin-right: 30px;
}
#bar .dragger {
	cursor: e-resize;
	height: 28px;
	position: absolute;
	top: 22px;
	right: 0px;
	width: 30px;
	background: url(../media/images/toolbar-divider.png) repeat-y right 50%;		
}
#bar .panel {
	float: right;	
	padding: 14px 10px 0px 0px;
}
#bar .close {
	cursor: pointer;
	float: right;
	width: 21px;
	height: 22px;
	margin-top: 7px;
	margin-left: 10px;
	background: url(../media/images/bar-sprite.png) no-repeat;
}
#bar .top .share {
	cursor: pointer;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	width: 82px;
	height: 33px;
	text-indent: -9999px;
	background: url(../media/images/bar-button-sprite.png) no-repeat;
}
#bar .top .more {
	float: right;
	cursor: pointer;
	margin: 5px 5px 0px 7px;
	width: 125px;
	height: 33px;
	text-indent: -9999px;
	background: url(../media/images/bar-button-sprite.png) no-repeat;
}
#bar .cheetos {
	float: right;
	cursor: pointer;
	display: block;
	text-indent: -9999px;
	width: 69px;
	height: 49px;
	margin: -2px 3px 0px 7px;
	background: url(../media/images/bar-sprite.png) no-repeat;
}	
#bar .divider {
	float: right;
	margin-top: 6px;
	width: 2px;
	height: 37px;
	background: url(../media/images/toolbar-divider.png) no-repeat;	
}
#bar .expand .share {
	display: none;
	margin-top: 15px;
}
#bar .expand .more {
	display: none;
	margin-top: 15px;	
}
#bar .like {
	cursor: pointer;
	float: right;
	width: 69px;
	height: 17px;
	margin-top: 11px;
	margin-bottom: 4px;
	font-size: 10px;
	color: #AFAFAF;
	background: url(../media/images/card-like-sprite.png) no-repeat;
	padding: 4px 5px 0px 20px;
}
#bar .like.hover {
	background-position: 0px -18px;	
	color: #FFFFFF;
}
#bar .like.down {
	background-position: 0px -36px;
	color: #FFFFFF;
}
#bar .like p {
	display: inline;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
#bar .like.liked, 
#bar .like.down.liked, 
#bar .like.hover.liked {
	color: #838383;
	background-position: 0px -36px;
}
#bar .like.hover.liked {
	color: #FFFFFF;
}
#bar .expand  .thumb {
	float: left;
	background: url(../media/images/bar-thumb-bg.png);
	width: 156px;
	height: 131px;
	margin-left: 60px;
	padding: 7px 0px 0px 6px;
}
#bar .expand .thumb img {
	width: 148px;
	height: 82px;
}
#bar .expand .thumb h4 {
	margin-top: 6px;
}
#bar .expand .center {
	background: transparent url(../media/images/toolbar-divider.png) repeat-y 0px 0px;
	position: relative;
	margin: 22px 240px 0px 240px;
	height: 140px;
	padding-left: 10px;
}
#bar .expand .center .dragger {
	height: 140px;	
	position: absolute;
	top: 0px;
	right: 0px;
}
#bar .expand .link {
	height: 32px;	
}
#bar .expand #link-copy {
	float: left;
	display: block;
	width: 29px;
	height: 31px;
	/*background: url(../media/images/bar-share-sprite.png) no-repeat -352px 0px;*/
}
#bar .expand .link a:hover {
	background-position: -382px 0px;	
}
#bar .expand .link .text {
	float: left;
	margin-left: 5px;
	height: 31px;
	width: 88%;
	position: relative;
	background: url(../media/images/bar-input-sprite.png) repeat;
}
#bar .expand .link .text .left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 7px;
	height: 31px;
	background: url(../media/images/bar-input-sprite.png) no-repeat 0px -138px;
}
#bar .expand .link .text .right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 7px;
	height: 31px;
	background: url(../media/images/bar-input-sprite.png) no-repeat -7px -138px;	
}
#bar .expand .text input, #bar .expand .text textarea {
	display: block;
	width: 95%;
	background: none;
	color: #999999;
	margin: 7px auto 0px;
	border: none;
}
#bar .expand .text textarea {
	height: 93px;	
}
#bar .expand .share .embed {
	margin-top: 3px;
}
#bar .expand .share #embed-copy {
	float: left;
	display: block;
	width: 29px;
	height: 31px;
	/*background: url(../media/images/bar-share-sprite.png) no-repeat -352px -37px;	*/
}
#bar .expand .share .embed a:hover {
	background-position: -382px -37px;	
}
#bar .expand .embed .text {
	position: relative;
	float: left;
	margin-left: 5px;
	height: 104px;
	width: 88%;
	background: url(../media/images/bar-input-sprite.png) repeat 0px -34px;
}
#bar .expand .embed .text .left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 7px;
	height: 104px;
	background: url(../media/images/bar-input-sprite.png) no-repeat 0px -172px;
}
#bar .expand .embed .text .right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 7px;
	height: 104px;
	background: url(../media/images/bar-input-sprite.png) no-repeat -7px -172px;	
}
#bar .expand .links {
	float: right;
	margin: 5px 50px 0px 0px;
}
#bar .expand .links li {
	list-style-type: none;
	width: 176px;
	height: 37px;
}
#bar .expand .links li a {
	display: block;
	width: 176px;
	height: 37px;
	text-indent: -9999px;
	background: url(../media/images/bar-share-sprite.png) no-repeat;	
}
#bar .expand .links .facebook a {
	background-position: 0px 0px;
}
#bar .expand .links .twitter a {
	background-position: 0px -37px;	
}
#bar .expand .links .stumble a {
	background-position: 0px -74px;	
}

#bar .expand .links .facebook a:hover {
	background-position: -176px 0px;
}
#bar .expand .links .twitter a:hover {
	background-position: -176px -37px;	
}
#bar .expand .links .stumble a:hover {
	background-position: -176px -74px;	
}

#bar .expand .block {
	margin: 0px auto;
	width: 845px;
	position: relative;
}
#bar .expand .more .card {
	float: left;
	background: url(../media/images/bar-thumb-bg.png) no-repeat;
	width: 162px;
	height: 138px;
	margin-right: 7px;
}
#bar .expand .more .card .content {
	width: 100%;
	height: 100%;
}
#bar .expand .more .card.hover {
	cursor: pointer;
}
#bar .expand .more .card.hover .content {
	background-color: #3A3A3A;
}
#bar .expand .card .front {
	display: block;	
}
#bar .expand .card .back {
	display: none;
}
#bar .expand .card.flip .front {
	display: none;	
}
#bar .expand .card.flip .back {
	display: block;	
}
#bar .expand .more img {
	margin: 7px 0px 0px 7px;	
}
#bar .expand .more h3 {
	font-size: 11px;
	color: #CCCCCC;
	margin: 5px 0px 0px 7px;
}

#bar .expand .refresh {
	cursor: pointer;
	width: 39px;
	height: 44px;
	position: absolute;
	top: 43px;
	right: -55px;
	background:url(../media/images/bar-sprite.png) no-repeat -414px 0px;
}
#bar .expand .refresh.hover {
	background-position: -414px -44px;	
}
#bar .expand .refresh.down {
	background-position: -414px -88px;	
}


#frame {
	position: relative;
	margin-top: 60px;
	width: 100%;
	height: 100%;
	min-width: 985px;
	position: relative;
	z-index: 100;
}
#frame.large {
	margin-top: 230px;	
}
iframe {
	width: 100%;
	height: 100%;
	z-index: 100;
}

/* Sprite States */

#bar .chester.hover {
	background-position: 0px -41px;	
}
#bar .chester.down {
	background-position: 0px -82px;	
}

#bar .close {
	background-position: -288px 0px;	
}
#bar .close.hover {
	background-position: -288px -22px;	
}
#bar .close.down {
	background-position: -288px -44px;	
}

#bar .cheetos {
	background-position: -457px 0px;	
}
#bar .cheetos.hover {
	background-position: -457px -49px;	
}
#bar .cheetos.down {
	background-position: -457px -98px;	
}

#bar .share {
	background-position: 0px 0px;	
}
#bar .share.hover {
	background-position: 0px -33px;	
}
#bar .share.down {
	background-position: 0px -66px;	
}

/* Share button Sprites */

#bar .more.videos {
	background-position: -82px 0px;
}
#bar .more.videos.hover {
	background-position: -82px -33px;
}
#bar .more.videos.down {
	background-position: -82px -66px;
}

#bar .more.photos {
	background-position: -207px 0px;
}
#bar .more.photos.hover {
	background-position: -207px -33px;
}
#bar .more.photos.down {
	background-position: -207px -66px;
}

#bar .more.games {
	background-position: -332px 0px;
}
#bar .more.games.hover {
	background-position: -332px -33px;
}
#bar .more.games.down {
	background-position: -332px -66px;
}

#bar .more.news {
	background-position: -457px 0px;
}
#bar .more.news.hover {
	background-position: -457px -33px;
}
#bar .more.news.down {
	background-position: -457px -66px;
}

#bar .more.funstuff {
	background-position: -582px 0px;
}
#bar .more.funstuff.hover {
	background-position: -582px -33px;
}
#bar .more.funstuff.down {
	background-position: -582px -66px;
}

#bar .more.games {
	background-position: -707px 0px;
}
#bar .more.games.hover {
	background-position: -707px -33px;
}
#bar .more.games.down {
	background-position: -707px -66px;
}

#bar .more.recipes {
	background-position: -832px 0px;
}
#bar .more.recipes.hover {
	background-position: -832px -33px;
}
#bar .more.recipes.down {
	background-position: -832px -66px;
}


/* 
	TOOLTIP 
*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: none;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	background: url(../media/images/bar-tooltip-sprite.png) no-repeat;
	width: 295px;
	height: 53px;
	display: block;
}
#tooltip h3, #tooltip div { 
	margin: 0; 
}
#tooltip #tooltip-copy {
	background: url(../_media/_images/tooltip-fetish-names-sprite.png) no-repeat 0px 30px;
	height: 15px;
	width: 200px; 
	margin-left: 57px;
	margin-top: 10px;
	font-size: 10px;
	text-shadow: 1px 1px 0px #F5D239;
	color: #000000;
}
#tooltip.link {
	background-position: 0px 0px;
}
#tooltip.embed {
	background-position: 0px -58px;
}