* {margin:0;padding:0;list-style:none;}
html, body, #page_wrap {
	font-family: "lucida grande", Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	background:transparent url(/images/backgrounds/DG_background.jpg) repeat scroll left top;
	height:100%
}
body > #page_wrap {height: auto; min-height: 100%;}

.clear{clear:both;}

#top_header{
	background: #161616 url(/images/microsite/bg-top_header.gif) repeat-x bottom left;
	padding: 5px 0;
	margin: 0px;
	height:1px;
	}

#wrapper{
	margin:0px auto;
	display:block;
	width:760px;
	padding-bottom:275px;
}

#wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}	

#wrapper #header {
	background: url(/images/microsite/bg-header.gif) no-repeat top left;
	width:760px;
	height:169px;
	display:block;
	position:relative;	
}

#wrapper #header h1 {
	text-indent:-9999px;
}
#wrapper #header h2 {
	text-indent:-9999px;
}
#wrapper #header h3 {
	text-indent:-9999px;
}


#wrapper #content #left {
	float:left;
	width:448px;
}

#wrapper #content #left h2 {
	display:block;
	text-indent:-9999px;
	width:448px;
	height:44px;
	background: url(/images/microsite/title-live_video.gif) no-repeat top left;
}

#wrapper #content #left #share{
	display:block;
	float:left;
	width:448px;
	height:150px;
	background: url(/images/microsite/pl-background_share.gif) no-repeat top left;
	position:relative;
}

#wrapper #content #left #share h2 {
	margin: 10px 0;
	display:block;
	width:448px;
	height:44px;
	text-indent: -9999px;
	background: url(/images/microsite/title-share.gif) no-repeat top left;
}

#wrapper #content #left #share input {
	display: block;
	width: 330px;
	*width: 335px;
	height: 28px;
	margin: 10px 0 10px 5px;
	padding: 5px 10px 0px 82px;
	*padding: 8px 10px 0px 75px;
	background: url(/images/microsite/bg-embed.gif) no-repeat left top;
	line-height:1em;
	border: none;
	color: #777;
	font-family:Georgia, "Times New Roman", serif;
	font-style: italic;
	cursor: text;
	outline:none;
	clear:both;
	float:left;
	font-size:11px;
}
#wrapper #content #left #share a.fb_share_link {
	text-indent:-9999px;
	display:block;
	float:left;
	background: url(/images/microsite/button-facebook_share.gif) no-repeat left top;
	width:247px;
	height:46px;
}

#wrapper #content #left #share a.fb_share_link:hover {background-position: left center;}
#wrapper #content #left #share a.fb_share_link:active {background-position: left bottom;}

#wrapper #content #left #share a.tweetthis {
	text-indent:-9999px;
	display:block;
	background: url(/images/microsite/button-tweet_this.gif) no-repeat top left;
	width:173px;
	height:46px;
	float:left;
	margin:0 0 10px 5px;
}
#wrapper #content #left #share a.tweetthis:hover {background-position: left center;}
#wrapper #content #left #share a.tweetthis:active {background-position: left bottom;}

#wrapper #content #right {
	float:right;
	width:302px;
	height:435px;
}
#wrapper #content #right .title {
	display:block;
	width:302px;
	height:44px;
	background: url(/images/microsite/title-chat.gif) no-repeat top left;
	position:relative;
}
#wrapper #content #right h2 {
	text-indent:-9999px;
}
#wrapper #content #right ul.tabs {
	position:absolute;
	bottom:6px;
	right:0;
	padding:0;
}
#wrapper #content #right ul.tabs li {
	display:block;
	float:right;
	width:63px;
	height:28px;
	background: url(/images/microsite/button-tab_facebook.gif) no-repeat top left;
	text-indent:-9999px;
	cursor:pointer;
	padding-right:10px;
}
#wrapper #content #right ul.tabs li:hover {background-position:left -28px;}
#wrapper #content #right ul.tabs li.active {background-position:left bottom;} 

#wrapper #content #right ul.tabs li.tab-twitter {
	background-image: url(/images/microsite/button-tab_twitter.gif);
	width:65px;
} 



#footer{
	background: #161616 url(/images/microsite/bg-footer.gif) repeat-x top left;
	margin-top:-210px; /* negative value of footer height */
	line-height: 18px;
	height:210px;
	clear:both;
	padding-top:20px;
	position:relative;
	}
#footer h2 {
	display:block;
	text-indent:-9999px;
	background: url(/images/microsite/title-draw_the_line.gif) no-repeat top left;
	width:243px;
	height:13px;
	margin:0 0 10px 0;
}
#footer #foot_wrap{margin:0 auto;width:760px;}
#footer p {
	color:#fff;
	width:484px;
}

#footer a {
	color: #edddae;
}
div#footerPromo {
	width: 760px;
	height: 207px;
	background: url(/images/microsite/image-flowers.gif) bottom right no-repeat;
	margin-left:48px;
	float: left;
}
a.footerpromoLink {
	display: block;
	background: url(/images/microsite/image-album.gif) bottom right no-repeat;
	width: 126px;
	height: 129px;
	text-indent: -9999px;
	margin: 0 20px 10px 0;
	float: left;
}

div#links {
	background: url(/images/microsite/bg-sub_footer.gif) top right repeat-x;
	padding-top: 10px;
	height: 36px;
	color: #f4eddd;
	font-family: verdana;
	font-size: 11px;
}

#footer div#socialLinks {
	width: 640px;
	height: 28px;
	margin:0 auto;;
}

#socialLinks ul li {
	height: 28px;
	float: left;
}

#socialLinks ul li a{
	display: block;
	height: 28px;
	text-indent: -3000000px;
	float: left;
	margin-right: 12px;
	_margin-right: 6px;
}

li.bebo a {background: url(/images/microsite/dg_bebo.png) bottom left no-repeat; width:65px;}
li.youtube a {background: url(/images/microsite/dg_youtube.png) bottom left no-repeat; width:65px;}
li.ilike a {background: url(/images/microsite/dg_ilike.png) bottom left no-repeat; width:53px;}
li.facebook a {background: url(/images/microsite/dg_facebook.png) bottom left no-repeat; width:113px;}
li.myspace a {background: url(/images/microsite/dg_myspace.png) bottom left no-repeat; width:112px;}
li.twitter a {background: url(/images/microsite/dg_twitter.png) bottom left no-repeat; width:83px;}
li.flickr a {background: url(/images/microsite/dg_flickr.png) bottom left no-repeat; width:60px;}

li.bebo a:hover {background-position:top left;}
li.youtube a:hover {background-position:top left;}
li.ilike a:hover {background-position:top left;}
li.facebook a:hover {background-position:top left;}
li.myspace a:hover {background-position:top left;}
li.twitter a:hover {background-position:top left;}
li.flickr a:hover {background-position:top left;}


/* IE7 */
*:first-child+html #wrapper #content #left #share input {}
*:first-child+html #footer p {float:left;}

/* IE6 */
* html #wrapper #content #left #share input{}
* html #wrapper #content #left #share a.tweetthis {background-image: url(/images/microsite/pl-button-tweetthis-ie6.jpg);}
* html #wrapper #content #left #share a.buythesingle {background-image: url(/images/microsite/pl-button-buythesingle-ie6.jpg);}

* html li.bebo a {background: url(/images/microsite/dg_bebo-ie6.gif) bottom left no-repeat; width:65px;}
* html li.youtube a {background: url(/images/microsite/dg_youtube-ie6.gif) bottom left no-repeat; width:65px;}
* html li.ilike a {background: url(/images/microsite/dg_ilike-ie6.gif) bottom left no-repeat; width:53px;}
* html li.facebook a {background: url(/images/microsite/dg_facebook-ie6.gif) bottom left no-repeat; width:113px;}
* html li.myspace a {background: url(/images/microsite/dg_myspace-ie6.gif) bottom left no-repeat; width:112px;}
* html li.twitter a {background: url(/images/microsite/dg_twitter-ie6.gif) bottom left no-repeat; width:83px;}
* html li.flickr a {background: url(/images/microsite/dg_flickr-ie6.gif) bottom left no-repeat; width:60px;}