/*
     FILE ARCHIVED ON 18:15:19 Sep 28, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:53:02 Aug 20, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ---------------------------------------------------
	* Filename: fab.css
	* Description: Global css for public site
	* Website: fabmagazine.com
	* Author: Carol Levesque
	* Date Created: Aug 24th, 2010

== Why: ========================================
This css is used for more specific items within the Fab pages
------------------------------------------------------*/

/* =Other Social Items
-----------------------------------------------------------------------------*/
ul.socialShareHorizontal
{
	margin:0 0 0 10px;
	height:20px;
	float:left;
	/*width:545px;*/ /*size may change, but it's required because of Cover Guy page*/
}

ul.socialShareHorizontal li
{
	width:110px;
	margin:0 10px 0 0;
	height:18px; /*real  height of images is 17px*/
	float:left;
	font-size:0.7em;
	color:#FFF;
}

ul.socialShareHorizontal li .commentHeader
{
	width:70px;
	height:18px;
	line-height:18px;
	text-align:center;
	font-weight:bold;
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/Content/images/small_header.gif');
	float:left;
	margin:0 2px 0 0;
}
ul.socialShareHorizontal li .commentBubble
{
	float:left;
	color:#000;
	width:38px;
	height:18px;
	line-height:18px;
	text-align:center;
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/Content/images/commentsbubble.png');	
}

ul.socialShareHorizontal li .commentBubble a
{
	color:#000;
	text-decoration:none;
}

ul.videoShare
{
	background-color:#666;
}

.socialShareAddThis
{
	float:left;height:18px; /*margin-top:10px;*/
}

/* =Daily Hottie
-----------------------------------------------------------------------------*/
.dailyHottieBox
{	width:654px;
	margin:10px 0 10px 11px;
	border-bottom:1px solid #cbcbcb;
	float:left;
	clear:both;
	height:250px;
	padding:0 0 10px 0;			
}

#dhLargeImage
{
	width:300px;
	height:250px;
	float:left;
	margin:0 19px 0 0;
}

#dhLargeImage img
{
	display:block;
	position:relative;
	vertical-align:bottom;
}

#dhLargeImage img.plusOverlay
{
	top:-14px;
	left:286px;
}

#dhFloatRight
{
	width:335px;
	float:right;
}

#dhText
{
	width:335px;	
	height:110px;	
}

#dhText h2
{
	margin:0 0 5px 0;
	color:#4c78a5;
	font-size:1.2em;
}

#dhText h3
{
	margin:0 0 10px 0;
	color:#656565;
	font-size:1em;
}

#dhText #dhInfo
{
	font-size:0.8em;
	margin:0 0 15px 0;
	line-height:15px;	
}

#dhImages
{
	float:left;
	width:334px;
}

ul#dhImages li
{
	float:left;
	width:83px;
	height:80px;
}

#dhImages img
{
	display:block;
	float:left;
	border:1px solid #656565;
	margin:0 15px 20px 0;
	padding:0;
	vertical-align:bottom;
}

.fabBriefsTitle
{
	clear:both;
}

ul#fabBriefsMenu
{
	float:right;
	width:286px;
	height:30px;
}

ul#fabBriefsMenu li
{
	float:left;
	height:20px;
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/content/images/menu_item_bg.gif');
	background-repeat:repeat-x;
	text-align:center;
	padding:5px 0 5px 0;  
	border-right:1px solid #FFF;
}

ul#fabBriefsMenu li.fbAll
{
	width:40px;
}
ul#fabBriefsMenu li.fbNews
{
	width:83px;
}
ul#fabBriefsMenu li.fbGalleries
{
	width:80px;
}

ul#fabBriefsMenu li.fbVideos
{
	width:80px;
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/content/images/menu_item_videos.gif');
	border:none;
}

ul#fabBriefsMenu li#fbSelected
{
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/content/images/menu_item_bg_highlights.gif');
}

ul#fabBriefsMenu li.fbVideos#fbSelected
{
	width:80px;
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/content/images/menu_item_videos_highlight.gif');
}

ul#fabBriefsMenu li:hover
{
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/content/images/menu_item_bg_highlights.gif');
}
ul#fabBriefsMenu li a
{
	color:#FFF;	
	font-size:0.8em;
	font-weight:bold;
}
ul#fabBriefsMenu li a:hover { text-decoration:none; }

/* =Cover Guys & Fab Guys
-----------------------------------------------------------------------------*/

.coverGuyInfoLine1
{
	font-weight:bold;
	border-bottom:1px solid #000;
	padding:10px 10px 5px 10px;
}
.coverGuyInfoLine1 span
{
	float:right;
}

.coverGuyInfoLine2
{
	padding:10px 10px 5px 10px;
	font-size:0.8em;
}

.coverGuyInfoLine2 a
{
	font-weight:bold;
}
.coverGuyInfoLine2 a:hover
{
	text-decoration:underline;
}

ul#coverGuys, ul#fabGuys, ul#together
{
	margin:0 0 0 30px;
	overflow:hidden;	
}

ul#coverGuys li, ul#fabGuys li, ul#together li
{
	float:left;
	margin: 0 30px 20px 0;
	position:relative;
}
ul#fabGuys li, ul#coverGuys li, ul#together li { width:180px; }
ul#fabGuys li img, ul#coverGuys li img, , ul#together li img { display:block; margin:0 auto; }

ul#coverGuys li div, ul#fabGuys li div, ul#together li div
{
	text-align:center;
	font-size:0.8em;
	margin:10px 0 0 0;
}
ul#fabGuys li a .articleText, ul#together li a .articleText
{
	position:absolute;
	width:160px;  
	/*height:95px;*/
	/*top:180px;  */
	top:4000px;
	height:100px;
	left:0px;  
	margin:0;
	/*padding:55px 10px 0 10px;*/
	padding:30px 10px 20px 10px;
	background: #000;
	filter:alpha(opacity=60); 
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;  
	opacity: 0.6;  
	line-height: 18px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

ul#coverGuys li a .articleText
{
	position:absolute;
	width:160px;  
	/*height:95px;*/
	/*top:180px;  */
	top:4000px;
	height:190px;
	left:0px;  
	margin:0;
	/*padding:55px 10px 0 10px;*/
	padding:30px 10px 20px 10px;
	background: #000;
	filter:alpha(opacity=60); 
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;  
	opacity: 0.6;  
	line-height: 18px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
ul#coverGuys li a:hover, ul#fabGuys li a:hover, ul#together li a:hover
{
	text-decoration:none;
	cursor:pointer;
}

.ddlCentered
{
	float:left;width:100%;text-align:center;	
	margin:10px 0 10px 0;
}

#ddlCoverGuys, #ddlFabGuys
{
	margin:0 0 15px 0;
}

/* =Content - Together
-----------------------------------------------------------------------------*/
.togetherRight
{
	float:right;
	margin:0 0 0 19px;	
	padding:10px 0 10px 0;
	height:346px;
}

blockquote.together 
{
	width:255px;
	height:145px;
	padding: 45px 10px 0 0;
	margin: 5px;
	background-image: url('/web/20110928181519/http://www.fabmagazine.com/content/images/top_quote.png');
	background-position: top left;
	background-repeat: no-repeat;
  }
blockquote.together div {
    display: block;
    background-image: url('/web/20110928181519/http://www.fabmagazine.com/content/images/bottom_quote.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    padding:0 10px 45px 20px;
    color:#4c78a5;
} 

h1.together
{
	background-color:#FFF;
	font-size:1em;
	height:20px;
	line-height:20px;
	color:#4c78a5;
	padding:10px;
}

/* =Deep Dish
-----------------------------------------------------------------------------*/
#galleryImageUnderPolaroid
{
	vertical-align:bottom;
}

#hoverNav
{
	position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;
}
#imageContainer {height:570px;}
#imageContainer img { margin:0 auto 0 auto; display:block;}
#imageContainer>#hoverNav, #gallery>#hoverNav{ left: 0;height:570px;} /*height required, may have to change depending on page*/
#hoverNav a{ outline: none;}
#prevLink, #nextLink
{
	width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;
}
#prevLink { left: 0; float: left; cursor:pointer;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/web/20110928181519/http://www.fabmagazine.com/content/images/gallery_prev_arrow.png) left 2% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/web/20110928181519/http://www.fabmagazine.com/content/images/gallery_next_arrow.png) right 2% no-repeat; }

#ddPolaroid, #polaroid
{
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/Content/images/morepics_default.png');
	width:146px;
	height:134px;
	z-index:100;
	position:absolute;
	top:436px;
	left:505px;
}
#ddPImage, #polaroidImage
{
	position:relative;top:6px;left:17px;	
}
#ddPImage img, #polaroidImage img
{
}

#ddPImage img#angled, #polaroidImage img#angled
{
	position:relative;
	top:0px;
	left:0px;
	z-index:0;
}
#ddPImage img#overlayangled, #polaroidImage img#overlayangled
{
	position:absolute;
	top:0px;
	left:0px;
}

#ddPImage span, #polaroidImage span
{
	position:relative;
	top:-60px;
	left:30px;
	z-index:10;	
	color:#FFF;
	font-weight:bold;
}
#polaroidImage a:hover
{
	text-decoration:none;
}

#ddPText, #polaroidText
{
	position:absolute;
	top:107px;
	/*padding:15px 0 0 40px;*/
	padding:0 0 0 20px;
	font-size:0.8em;
	font-weight:bold;
	/*height:25px;	
	line-height:25px;*/
	/*bottom:-13px;*/
}

#viewGallery
{
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/content/images/viewgallery_BTN.gif');
	width:92px;
	height:20px;
	float:right;
	/*margin:10px 32px 10px 10px;*/
	margin:0 25px 5px 5px;
	padding:3px 0 0 0;
	text-align:center;
}
#viewGallery a
{
	color:#FFF;
	font-size:0.75em;
	font-weight:bold;
}

.storyDeepDish #bioSocialBox 
{
	float:right;padding:0 0 0 0;margin:0 -10px 10px 10px;border-bottom:1px solid #cbcbcb;
	font-size:1.25em; /*use this because storyDeepDish sets text to 0.8em, need to reset it for socialbox*/
}

.storyDeepDish #bioSocialBox #bioSocialBoxInner
{
	float:left;padding:0 0 0 10px;margin:0 0 10px 0;border-left:1px solid #cbcbcb;	
}
#ddRow
{
	margin:20px 0 20px 0;
	float:left;
	width:644px;
}

.ddTags
{
	float:left;
	/*width:100%;*/
	/*border-bottom:1px solid #cbcbcb;*/
	padding-top:10px;
	padding-bottom:10px;
}

.ddTags ul.storyTags
{
	/*float:left;*/
	/*margin:10px 10px 0 10px;*/
}

.ddTags ul li
{
	float:left;
	margin:0 5px 5px 0;
	color:#4c78a5;
}

.ddTags ul li a
{
	font-size:0.9em;
}

.imgTop
{
	clear:both;
}

.imgTop img
{
	vertical-align:bottom;	
}

.imgTop #FacebookShare
{
	position:absolute;
	top:510px;
	left:580px;	
}

/*Fab TV
**************************************************/

#fabTVHomeTop
{
	height:374px;
}

#fabTVHomeTop img
{
	position:relative;
}

#fabTVHomeTop img.vOverlayLarge
{
	top:-240px;
	left:280px;
}

.fabTVIndPager
{
	width:100%;
	text-align:center;
	margin:0 0 10px 0;
	clear:both;
}
.fabTVIndPager img
{
}

.fabTVIndPager a
{
	font-size:0.75em;
	font-weight:bold;
}

.fabTVIndPager a:hover
{
	text-decoration:underline;
}

#mediaspace
{
	vertical-align:bottom;
	height:400px;	
}

#videoSocialShare
{
	background-color:#666;width:654px;padding:5px;height:20px;float:left;	
}

/*Agenda
**************************************************/
#upcomingEvents
{
	border-top:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	height:270px; /*250+20*/
	clear:both;	
}

.storyAgenda
{
	/*float:left;*/
	width:354px;
	margin:15px 0 10px 10px;
	padding:0;	
	position:relative;
	top:-270px;
	left:300px;
}

.storyAgenda h2
{
	font-size:1.1em;
	color:#4c78a5;
	margin:0 0 6px 0;
}
.storyAgenda h3
{
	font-size:0.9em;
	color:#606060;
	margin:0 0 6px 0;	
}

.storyAgenda .postText
{
	font-size:0.8em;
	line-height:15px;
	margin:5px 0 15px 0;
}

.storyAgenda .locationInfo
{
	font-size:0.8em;
	color:#606060;
	font-weight:bold;
	line-height:15px;
}

#currentEvents
{
	clear:both;
}

#ddlEvents
{
	float:right;
	margin:5px 10px 5px 0;
}

#dayAgenda
{
	margin:5px 10px 5px 5px;
}

#dayAgenda #agendaItem
{
	float:right;
	width:480px;
	font-size:0.75em;
	line-height:14px;
}
#dayAgenda #agendaItem p
{
	margin:0px 0 15px 0;
}

#agendaPager
{
	font-size:0.75em;	
	clear:both;
	margin:5px 0 10px 0;
	width:100%;
	float:left;
}
#agendaPager ul
{
	float:left;
}
#agendaPager ul li
{
	float:left;
	margin:0 5px 0 0;
	padding:0 5px 0 0;
	border-right:1px solid #4c78a5;
}
#agendaPager #backToTop
{
	float:right;
	width:75px;
}
#agendaPager #backToTop a
{
	text-decoration:underline;
}

/* =Bio
-----------------------------------------------------------------------------*/
#bioAuthor 
{
	margin:10px 10px 20px 10px;
	float:left;
	font-size:0.8em;
	line-height:15px;
	width:644px;
}

#bioAuthor #bioInfo
{
	float:left;
	font-size:1.2em;
	margin-bottom:10px;
}

#bioAuthor p
{
	margin:0 0 5px 0;
}

#bioAuthor a:hover
{
	cursor:pointer;
}

.archives
{
	float:left;
	margin:10px 0 10px 0;
	clear:both;
	width:664px;
	min-height:350px; /*Used so that on the Bio page the contact form is fully displayed */
}

.archivesTitle
{
	border-bottom:1px solid #000;
}

.archivesTitle h1
{
	margin:0 10px 5px 10px;	
	font-size:1em;
}

.archives ul
{
	margin:10px 10px 10px 10px;	
	font-size:0.8em;
}
.archives ul li
{
	margin:0 0 10px 0;
	line-height:15px;	
}

.archives ul li a
{
	text-decoration:underline;
	margin:0 0 5px 0;
	line-height:18px;
}


/* =General Archives
-----------------------------------------------------------------------------*/
#genArchivesTitle 
{
	border-bottom:1px solid #000;	
}
#genArchivesTitle h1
{
	margin:10px 10px 5px 10px;	
	font-size:1em;
}


/* =Stories - Columns
-----------------------------------------------------------------------------*/
#galleryForStory
{
}

#storyGallery
{
	height:400px;
	color:#FFF;font-size:0.7em;
	overflow:hidden;	
	text-align:center;   
}
#storyGallery img
{
    text-align:center;   
	vertical-align:bottom;
}

#storyGallery .overlayArrow { position:relative; width:14px; height:14px; top:-78px; left:650px; z-index:5; }
#storyGallery .overlayArrow a { border:0; text-decoration:none; }
#storyGallery .overlayArrow img { border:0; width:14px; height:14px; }

#storyGalleryImageOverlay
{
	height:78px;
	position:relative;
	top:-78px;
	overflow:hidden;
}
#storyGalleryText
{
	width:534px;height:35px;
	padding:5px 65px 5px 65px;
	/*position:absolute;top:352px;*/
	/*background-color:black;
	filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;*/
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/content/images/black.png');
	background-repeat:repeat;
	border-bottom:1px solid #000;
	text-align:center;
}

#storyGalleryNav
{
	/*position:absolute;top:398px;*/
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/content/images/black.png');
	background-repeat:repeat;
	width:534px;height:14px;
	padding:9px 65px 9px 65px;
	text-align:center;
}
#storyGalleryNav img
{
	vertical-align:middle;
}
#storyGalleryNav span
{
	margin:0 10px;
	padding:0 10px;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
}

.storySmallPicArea
{
	background-color:#f0f0f0;
	/*float:left;*/
}

.storyTitle
{
	float:left;
	margin:10px 0 10px 0;
}

#storyFooter
{
	border-top:1px solid #cbcbcb;
	padding:10px;
	float:left;
	width:644px;
}
#shareStory
{
	width:190px;
	height:45px;
	float:left;
	margin:0 30px 0 0;
}

.addthis_toolbox { float:left;width:65px;}
.addthis_button_print, .addthis_button_email { margin-right:10px;}

#shareStory .commentFollow
{
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/Content/images/follow_comments_101x21.gif');	
	width:101px;
	height:21px;
	color:#FFF;
	margin:5px 0 0 0;	
	padding:0;
	text-align:center;
}

#shareStory .topicFollow
{
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/Content/images/follow_topic_79x21.gif');	
	width:79px;
	height:21px;
	color:#FFF;	
	margin:5px 0 0 0;	
	float:right;	
	text-align:center;
}

#shareStory .commentFollow a, #shareStory .topicFollow a
{
	font-size:0.7em;
	clear:both;
	color:#FFF;
	line-height:21px;
}

ul.storyTags
{
	color:#4c78a5;
}

ul.storyTags li
{
	float:left;
	margin:0 5px 10px 0;
}

ul.storyTags li a
{
	font-size:0.9em;
	/*font-weight:bold;*/
}

#moreColumn ul
{
	border-top:1px solid #cbcbcb;
	padding:5px 0 0 10px;
}

#moreColumn ul li
{
	font-size:0.8em;
	margin:0 0 10px 0;
}

#moreFab
{
	margin:0;
	height:200px;
	border-bottom:1px solid #cbcbcb;
	padding:10px 0 10px 0;
}

#moreFab img
{
	float:left;
	margin:0 9px 0 0;
}
#moreFab ul
{
	float:left;
}

#moreFab ul li
{
	float:left;
	width:200px;
	height:198px;
	border:1px solid #cbcbcb;
	margin: 0 15px 0 0;
	overflow:hidden;
}
#moreFab ul li img
{
	clear:both;
	margin:0;
}

#moreFab ul li div
{
	font-size:0.75em;
	line-height:15px;
	padding:4px;
	height:38px;
	clear:both;
}
#moreFab ul li div a
{
	color:#606060;
}

/* =Gallery
-----------------------------------------------------------------------------*/
#gallery
{
	float:left;
	position:relative;	
}

#gallery img
{
	vertical-align:bottom;
}
.galleryText
{
	float:left;
	margin:5px 0 5px 0;
	font-size:0.8em;
}

.galleryPager
{
	margin:0 0 5px 0;
	padding:7px 0 7px 0;
	width:222px;height:15px;
	border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb; 
	float:right;	
	line-height:15px;
	text-align:center;
	font-size:0.8em;
}

.galleryPager img
{
	vertical-align:middle;
}
.galleryPager span
{
	margin:0 10px;
	padding:0 10px;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

ul#socialGallery
{
	float:right;
	margin:5px 0 0 0;
	width:222px;
}

ul#socialGallery li { float:left; margin:0 0 5px 0; }

ul#socialGallery li div.commentBubble
{
	color:#000;
	width:100px;
	height:43px;
	line-height:35px;
	text-align:center;
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/Content/images/comments_bubble_100x43.png');	
	/*font-size:1em;*/
	font-size:12px;
	font-weight:bold;	
}
ul#socialGallery li div.commentBubble a
{
	color:Black;
	text-decoration:none;	
}

ul#socialGallery li div.commentHeader
{
	width:100px;
	height:18px;
	line-height:18px;
	text-align:center;
	font-weight:bold;
	background-image:url('/web/20110928181519/http://www.fabmagazine.com/Content/images/commentsback_100x18.gif');
	margin:0 2px 0 0;
	/*font-size:0.7em;	*/
	font-size:12px;
	color:#FFF;	
}

.twitter-share-button
{
	margin-right:10px;
}

/*Hot Events
******************************/
#hotEvents
{
	width:300px;
	float:left;
}

img.heImage
{
	vertical-align: bottom;		
	position:relative;
	top:-20px;
	z-index:0;
}
/*hot events for agenda*/
#hotEventsAgenda
{
	width:664px;
	height:270px;
	clear:both;
	overflow:hidden;
}
ul.tabMenu
{
	position:relative;
	/*float:left;*/
	width:300px;
	z-index:100;
	clear:both;
	display:inline-block;
	vertical-align:bottom;
}

ul.tabMenu li
{
	float:left;
	width:100px;
	text-align:center;
	background-color:#a7bccd;
}

ul.tabMenu li a
{
	display:block;	
	height:20px;
	/*width:30%;*/
	line-height:20px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:0.8em;
	font-weight:bold;
	vertical-align:bottom;
	padding:0;
	border-bottom:1px solid #cbcbcb;
}


/*ul.tabMenu li.active*/
ul.tabMenu li a.selected
{
	display:block;
	width:99%;
	height:40px;
	line-height:40px;
	background-color:#4c78a5;
	border-left:1px solid #cbcbcb;
	border-right:1px solid #cbcbcb;	
	border-bottom:1px solid #cbcbcb;
	z-index:100;
}

ul.tabMenu li#active a
{

}
.eventTextAgenda
{
	position:relative;left:0;top:-20px;
}

#hotEventsAgenda div.eventDay
{
	width:664px;
	height:250px;
}
div.imageEvent
{
	height:300px;
}

#hotEventsAgenda div.eventDay img.heImageA
{
}

img.heImage
{
	vertical-align: bottom;		
	position:relative;
	top:-20px;
	z-index:0;
}

.eventInfo
{
	background-color:#4c78a5;
	height:20px;
	text-align:right;
	position:relative;
	top:-20px;
}

.eventInfo a
{
	font-size:0.7em;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

.eventList
{
	clear:both;
	background-color:#FFF;
	height:20px;
	text-align:right;
	position:relative;
	top:-20px;
}
.eventList a
{
	font-size:0.7em;
	color:#000;	
	text-decoration:none;
}
.eventInfo img, .eventList img
{
	margin:0 5px 0 3px;	
}

/*Hot on Fab
**************************************************/
ul.hotOnFab
{
	float:left;
	padding:5px 25px 10px 10px;
}

ul.hotOnFab li
{
	font-size:0.7em;
	line-height:17px;
}

ul.hotOnFab li ul.hfStory
{}

ul.hotOnFab li ul.hfStory li
{
	font-size:1em;
	margin:2px 0 2px 0;
}
ul.hotOnFab li ul.hfStory li.hfHighlight
{
	font-weight:bold;
	color:#606060;
}

ul.hotOnFab li a
{
	color:#4c78a5;
	text-decoration:none;
	font-weight:bold;
}

ul.hotOnFab li img
{
	vertical-align:middle;
}

#hfTagCloud
{
	float:left;
	padding:5px 25px 10px 10px;
	width:265px;
}

ul#tagCloud
{
	width:100%;
	padding-bottom:5px;
}

ul#tagCloud a
{
	text-decoration:none;
}

ul#tagCloud .tag5
{
	font-size: 1em;
	color: #4c78a5;
	
	padding-right:5px;
	display:inline;
	

}

ul#tagCloud .tag4
{
	font-size: 1.2em;
	
	padding-right:5px;
	display:inline;

}

ul#tagCloud .tag3
{
	font-size: 1.5em;
	padding-right:5px;
	display:inline;

}

ul#tagCloud .tag2
{
	font-size: 1.7em;
	padding-right:5px;
	display:inline;

}

ul#tagCloud .tag1
{
	font-size: 2em;
   padding-right:5px;
	display:inline;

}

ul#tagCloud .tag0
{
	font-size: 0.8em;
	padding-right:5px;
	display:inline;
}

.fabTVImage
{
	height:171px;
}

.fabTVImage img
{
	position:relative;
}
.fabTVImage img.videoOverlay
{
	top:-120px;
	left:118px;
}
.fabTVVideos
{
	background-color:#FFF;
	height:20px;
	text-align:right;
}
.fabTVVideos a
{
	font-size:0.7em;
	color:#000;	
	text-decoration:none;
}

object
{
	vertical-align:bottom;
}

.contentMain p object
{
	margin:0 10px 10px 10px;	
	/*display: block;*/
}

/*Deep Dish
**************************************************/
.deepDishSidebar
{}

.deepDishSidebar img
{
	vertical-align:bottom;
}

.deepDishInfo
{
	background-color:#666666;
	color:#FFF;
	font-size:0.68em;
	padding:5px 5px 7px 9px;
	line-height:14px;
	font-weight:bold;
}
.deepDishAll
{
	background-color:#FFF;
	height:20px;
	text-align:right;
}
.deepDishAll a
{
	font-size:0.75em;
	color:#000;	
	text-decoration:none;
}

/*Twitter
**************************************************/
.twitterFeed
{
	background-color:#76b6d2;
}

.twitterFeed ul
{
	padding:5px 5px 0 11px;
}

.twitterFeed ul li
{
	color:#FFF;
	font-size:0.75em;
	line-height:15px;
	padding:0 0 15px 0;
}

.twitterFeed ul li span
{
	color:#666;
	margin-left:5px;
}

.twitterFeed ul li a
{
	color:#FFF;	
}

/* Fab Briefs
-----------------------------------------------------------------------------*/
.sidebarItem .fabBriefsTitle, .sidebarItem .topStoryTitle
{
	position:relative;
	background-color:#4C78A5;
	height:40px;
}

.sidebarItem .fabBriefsTitle h3, .sidebarItem .topStoryTitle h3 
{
	color:#FFF;
	padding:6px 0 0 9px;
	font-size:1em;
	line-height:30px;
}

.sidebarItem .fabBriefsTitle img
{
	position:absolute;
	z-index:100;
	top:-2px;
	left:219px;
	/*top:-34px;*/
	/*float:right;*/
}

.sidebarItem .fabBriefsContent
{
	border:1px solid #cbcbcb;
	border-top:none;	
	width:285px;
	padding:17px 5px 5px 10px;
	float:left;
	/*top moves box up due to briefs image & margin-bottom removes the gap that results from using top*/
	/*position:relative;*/
	/*position:absolute;
	top:-63px;	
	margin-bottom:-63px;*/
}

.sidebarItem .topStoryContent
{
	border:1px solid #cbcbcb;
	border-top:none;	
	width:285px;
	padding:17px 5px 5px 10px;
	float:left;
}

.sidebarItem .fabBriefsContent ul, .sidebarItem .topStoryContent ul
{
}

.sidebarItem .fabBriefsContent ul li, .sidebarItem .topStoryContent ul li
{
	font-size:0.75em;
	color:#4c78a5;
	line-height:15px;
	font-weight:bold;
	margin:5px 0 5px 0;
}

.sidebarItem .fabBriefsContent ul li div, .sidebarItem .topStoryContent ul li div
{
	color:#666;
	font-size:0.9em;
	font-weight:normal;
}

/* =Footer
-----------------------------------------------------------------------------*/
#ptpGroup
{
	color:#4c78a5;
	font-weight:bold;
}
#ptpGroup #groupTitle
{
	font-size: 0.875em;
	margin:0 11px 7px 11px;
}

ul#groupLink
{
	border-top:1px solid #4c78a5;
	border-bottom:1px solid #cbcbcb;
	padding:9px 0 16px 0;
	margin:0 0 9px 0;
	float:left;
	width:100%;
}

ul#groupLink li
{
	float:left;
	width:233px;	
	border-right:1px solid #cbcbcb;
	margin:0 0 0 11px;
	padding:0 5px 0 0;
	/*min-height:125px;*/ /*Used to force border-right to be the same height*/
}

ul#groupLink li ul
{
	margin:0;
	padding:0;
	border:0;
}
ul#groupLink li ul li
{
	margin:0;
	padding:0;
	border:0;
}

ul#groupLink li ul li a
{
	font-size: 0.688em;
	color:#4c78a5;
	text-decoration:none;
}

ul#groupLink ul.groupImage
{
	float:left;width:75px;margin:0 5px 0 0;
}

ul#groupLink ul.groupList
{
	float:right;width:150px;
}

ul#groupLink ul.groupList li
{
	width:100%;
	/*min-height:inherit;*/
	min-height:15px;
	line-height:15px;
	margin:0 0 8px 0;
}

ul#groupLink ul.groupListIndex
{
	
}

ul#groupLink ul.groupListIndex li
{
	width:100%;
	/*min-height:inherit;*/
	min-height:15px;
	line-height:15px;
	margin:0 0 8px 0;
}

ul#groupLink ul.groupMoreNews
{
	float:left;
	text-align:right;
}
ul#groupLink ul.groupMoreNews li
{
	min-height:inherit;
}
ul#groupLink ul.groupMoreNews li a
{
	padding:0 5px 0 0;
	font-size:0.9em;
	font-weight:bold;
}

.fabFacebook
{
	border:1px solid #cbcbcb;
    padding-bottom:15px
	
}

 .fabFacebook .fabfacebookhead
{
   height:60px; 
   background-color:#e4ebf1; 
   padding-top:10px;	
}

.fabFacebook .fabFacebookLike
{
	margin-top: 10px; 
	padding-left: 10px;
}

/* =Sidebar Controls - extra stuff
-----------------------------------------------------------------------------*/
.fabTVControl { height: 191px; }
.hotEventsControl { height:311px; }

/* =END Sidebar Controls
-----------------------------------------------------------------------------*/

.fabBriefImage
{	
	height:150px;
	width:180px;
}
.fabBriefImage img.mainImage
{	
	width:180px;
}

.fabBriefImage img
{	
	position:relative;
}
.fabBriefImage img.videoOverlay
{
	top:43px;
	left:58px;
}

.fabtogether
{
    background-color: #ececec;
    height:400px;
    width:660px;
}

/*.fabFacebookLike { width:168px; overflow:hidden; }*/

.textAd 
{
	width:160px;
	margin:5px 0 5px 0;	
	padding:0 0 5px 0;
	line-height:20px;
}

#downloadcurrentissue
{
	width:302px;
	max-height:500px;
}