/*
     FILE ARCHIVED ON 8:07:14 Aug 27, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:53:43 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: base.css
	* Description: Global css for public site
	* Website: fabmagazine.com
	* Author: Carol Levesque
	* Date Created: July 29th, 2010

== STRUCTURE: ========================================
	* Page width: 1002px (8px + 986px + 8px)
	* Number of columns: 2
	* Header, 2 Footers, Main Content, Right Sidebar

== COLORS: ========================================
	blue - #4c78a5 - #4d7984
	border - grey - #cbcbcb
	h2 - grey - #606060 (bold grey)
	dark grey - #666666 (used on deep dish sidebar for eg)
	dark grey line - #989898
	text dark grey - 656565
	blue - twitter #76b6d2
	light blue background - #e4ebf1
	beigish background - #ebebeb
	background color on some content - #f0f0f0;
------------------------------------------------------*/

/* =Typography
-----------------------------------------------------------------------------*/
body
{
	border:0px solid black;
	background-color:#e5e5e5;
    color: #000000;
    font-family: Arial, Verdana, Courier; 
    background-repeat:repeat-x;
}

h1 {
	font-size:175%;
}

h2 {
	font-size:160%;
}

h3 {
	font-size:150%;
}

h4 {
	font-size:130%;
}

h5 {
	font-size:110%;
}

h6 {
	font-size:105%;
}

p {
}

a 
{
	color:#4c78a5;
	text-decoration:none;
	border:none;
}

a:focus, a:active {
}
a:hover {
	text-decoration:underline;
}


/* =Master Pages - framework
-----------------------------------------------------------------------------*/
#bodycontent
{
	border:0px solid black;
    color: #000000;
	margin: 0;
    padding: 0;
    z-index:0;
}

#gradContainer
{
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/Content/images/background.gif');
	background-repeat:repeat-y;
	width:1020px;
	margin: 0px auto 0px auto;
}

#container
{
    background-color: #FFF;
	margin: 0px auto 0px auto;
	padding:20px 0 27px 0;
	width: 1000px; /*1000px - 11px - 11px*/
	overflow: hidden;
    z-index:0;
}

#fullheader
{
	position:relative;	
	float:left;
	border:0px solid black;
	margin:0;
	clear:both;
	z-index:1000;
}

#fullfooter 
{
	/*position:relative;*/
	float:left;
	border:0px solid black;
	clear:both;
	width:100%;
	/*height:143px;*/
	padding:29px 0 0 0;
}

#sidebar-right {
	float: right;
	overflow: hidden;
	width: 302px;
	position:relative;
	z-index:0;
	padding:0;
	margin:0 11px 0 0;
	clear:left;
}

#contentmaster 
{
	border:0px solid black;
	float:left;
	height: 1%; /* IE6 hack... it's very minor, though */
	width:auto;
	position:relative;
	z-index:0;
}

#contentmaster-inner {
	position:relative;
	font-size:1em;
	z-index:0;	
	width:664px;
	padding:0;
	margin:0 0 0 11px;
	overflow:hidden;
}

#regularcontent
{
	float:left;
}
/* =Design
-----------------------------------------------------------------------------*/
/* =Header
-----------------------------------------------------------------------------*/
#header
{
	width:978px;
	height:123px;
	margin:0;
	padding:0 11px 20px 11px;
	float:left;
	
}
#headerLeft
{
	float:left;
	width:240px;
}
#headerRight
{
	float:right;
	width:728px;
}
#leaderboardAd
{
	width:728px;
	height:90px;
}

#searchBox
{
	float:left;
	width:100%;
}


#fullmenu
{
	width:728px;
	height:21px;
	padding:13px 0 0 0;
}

/* =Search
-----------------------------------------------------------------------------*/
#searchForm
{
}

.searchTextbox {
	float:left;
	border:1px solid #cbcbcb;
	/*width:218px;*/
	width:89%;
	height:18px;
	padding:0;
	margin:13px 0 0 0;
}

.searchButton
{
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/Content/images/greysearch.gif');
	border:0px;
	float:left;
	background-color:White;
	margin:13px 0 0 0;	
	padding:0;
	width:20px;
	height:20px;
}

.searchButtonhov
{
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/Content/images/bluesearch.gif');
}

/* =RightSidebar
-----------------------------------------------------------------------------*/
.rightsidebarAd
{
	border:1px solid #cbcbcb;
	width:300px;
	height:250px;
	margin:0 0 15px 0;
}

.sidebarItem
{
	width:100%;
	margin:0 0 15px 0;	
	padding:0;
	float:left;
	overflow:hidden;
	clear:both;
}

.sidebarItem .sidebarTitle
{
	color:#FFF;
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/Content/images/sidebar_header.gif');
	width:302px;
	height:25px;
	margin:0;
	padding:0;
}

.sidebarItem .sidebarTitle h3 
{
	padding:6px 0 0 9px;
	font-size:0.9em;
}

/*Used for twitter, possibly others*/
.sidebarItem .sidebarTitle img
{
	float:right;
	margin-right:10px;
}

.sidebarItem .sidebarItemContent
{
	border:1px solid #cbcbcb;
	border-top:none;	
	width:300px;
	margin:0;
	padding:0;
	float:left;
}

/* =Common
-----------------------------------------------------------------------------*/
#whiteBackgroundTitle
{
	/*margin:10px;*/
	margin: 10px 10px 10px 9px;
	float:left;	
	width:644px;
}
#whiteBackgroundTitle h1
{
	font-size:1.1em;
	color:#4c78a5;
	margin:0 0 5px 0;
}

#whiteBackgroundTitle h2
{
	font-size:1em;	
	color:#606060;
	margin:0 0 5px 0;
}

#whiteBackgroundTitle h2 span
{
	color:#000;
}

#whiteBackgroundTitle h3
{
	font-size:0.9em;	
	color:#606060;
	margin:0 0 5px 0;
}

.genericStoryContent
{
	margin:10px 10px 10px 10px;
	line-height:18px;
}

.genericStoryContent p
{
	margin:0 0 10px 0;
}

.genericStoryContentText
{
	font-size:0.8em;
	line-height:1.2em;
}

.genericStoryContentText p
{
	margin:16px 0;
}

.borderBottomGrey
{
	border-bottom:1px solid #cbcbcb;
	float:left;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	clear:both;
}

.sponsorAd
{
	float:left;
	margin:20px 30px 20px 30px;
}

.sponsorAd p
{
	height:45px;
	line-height:13px;	
	margin:15px 10px 0 0;
	padding:0;
	float:left;
	width:126px;
	text-align:right;
	font-size:0.8em;
	font-weight:bold;
}

/*Contact Us Form*/
#contactUsForm
{
	/*position:absolute;*/
	width:300px;
	background-color:#FFF;
	margin:0;
	padding:0;
	float:left;
	clear:both;
	/*display:none;*/
	z-index:15;
}  

.ui-widget-header
{
	border:none;
	border-bottom:1px solid #4c78a5;
}

/*Footer buttons - for Contact Form*/
.ui-dialog .ui-dialog-buttonpane  
{
	border:none;
	border-top:1px solid #4c78a5;
	margin: 0 0 0 0;
	padding: 5px 0 0 1em; 
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
	float:left;
}
.ui-dialog .ui-dialog-buttonpane button 
{ 
	margin:0;
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/content/images/contact_submit.gif');
	float:left;
	color:#FFF;
}

.ui-button-text-only .ui-button-text 
{ 
	padding: 0 10px;
}

.ui-button .ui-button-text
{
	line-height:20px;
}
	
.contactUsTitle
{
	border-bottom:1px solid #4c78a5;
	margin:0;
	padding:10px 0 0 0;
}

/*.contactUsTitle h2
{
	color:#4c78a5;
	font-size:1em;
	margin:0 0 10px 20px;
}

#contactUsForm fieldset
{
	float:left;
	margin:15px 0 0 20px;
	padding:0 0 5px 0;
	width:95%;
}*/

.formItem
{
	margin:0 30px 10px 0;
	float:left;
	width:220px;
}

.formItem a {color:#4c78a5; text-decoration:none;}

.formItem label
{
	font-size:0.9em;		
	margin:0 0 5px 0;
	padding:0;
	display:block;
	width:100%;
}

.formItem label a { color: #B7031E;}
.formItem label a:hover { text-decoration:underline; }

/*.dropdownbox
{
	border:1px solid #3c3c3e;
	width:160px;	
	height:20px; 
	padding:0;
}*//*Drop downs seem to include the border as part of the height*/

/*.textbox  
{
	border:1px solid #3c3c3e;	
	width:260px;
	height:18px;
	padding:0;
} */ /*textbox seem to NOT include the border as part of the height*/

.textarea
{
	/*border:1px solid #3c3c3e;	
	padding:0;
	margin-bottom:5px;*/
	font-family:  Arial, Verdana, Courier;
    font-size:12px;

}

input[type="checkbox"]
{
	float:left;
	margin:0 10px 0 0;
}

.contactButton
{
	border:1px solid #3c3c3e;
	float:left;
	color:#FFF;
	background-color:#4c78a5;
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/content/images/contact_submit.gif');
	font-size:0.9em;
	width:69px;
	height:20px;
	font-weight:bold;
	margin-right: 10px;
}

.blueTitle
{
	width:664px;
	height:30px;
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/Content/images/blueheader.gif');	
}

.blueTitleHome
{
	width:378px;height:30px;	
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/Content/images/blueheader_blogroll.gif');	
}

.blueTitle h1, .blueTitle h2, .blueTitleHome h1
{
	padding:6px 0 0 10px;
	font-size:1em;
	line-height:1em;
	color:#FFF;
}

/*Used for dark background*/
.contentMain
{
	background-color:#f0f0f0;
	padding:0;
	margin:0;	
	float:left;
	width:664px; /*Not sure to keep width here.*/
}

.adUnit
{
	width:auto;	
	float:left;
}

.adGallery
{
	width:664px;
	background-color:#F0F0F0;
	padding:20px 0 20px 0;
	margin-bottom:20px;
}
.adGalleryInner
{
	width:300px;
	margin:0 auto 0 auto;
}
.adGalleryText
{
	font-size:0.8em;
	text-align:center;
	margin:5px;
}

.adGalleryText a
{
}

span.highlight
{
	font-weight:bold;
}

#underAdNote
{
	font-size:0.75em;
	float:left;
	line-height:15px;
	width:100%;
	text-align:center;
	margin:0 auto 5px auto;
}
#underAdNote a
{
    color:#4c78a5;
	text-decoration:none;	
	font-weight:bold;
}


.moreArticles, #moreColumn
{
	float:left;
	border-bottom:1px solid #cbcbcb;
	width:664px;
	padding: 10px 0 9px 0;
	margin:0 0 10px 0;
	clear:both;
}

.moreArticles h2, #moreColumn h2
{
	color:#000;
	font-size:1em;
	margin:0 0 5px 10px;
}

.moreArticles a#moreArticlesLink
{
    color:#4c78a5;	
	float:right;
	text-decoration:none;
	font-size:0.7em;
	margin:0 10px 0 0;
	font-weight:bold;
}

.moreArticlesInner
{
	border-top:1px solid #9a9a9a;
	/*height:150px;*/
	width:100%;
	padding:9px 0 0 5px;
	float:left;
	overflow:hidden;
}

.moreArticlesInner img
{
	/*float:left;*/
	/*margin:64px 5px 0 5px;*/
}

.moreArticlesInner ul
{
	float:left;
}

.moreArticlesInner ul li
{
	float:left;
	position:relative;
	/*margin:0 5px 10px 5px;	*/
}

.moreArticles .moreArticlesInner ul li img
{
	/*margin:0 5px 10px 5px;*/
	/*top:0;left:0; 	*/
}
/*.moreArticlesInner ul li .articleText*/
ul#mycarousel li
{
	width:180px;
	/*height:150px;*/
}
ul#mycarousel li a
{
	text-decoration:none;
}

ul#mycarousel li a img
{
	margin:0 auto 0 auto;
	display:block;
}

ul#mycarousel li .articleText
{
	position:absolute;
	width:160px;  
	/*height:95px;*/
	/*top:180px;  */
	top:400px;
	left:0px;  
	margin:0;
	/*padding:55px 10px 0 10px;*/
	padding:0 10px 0 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;
}


#thumbnailGallery
{

}

ul.thumbMenu
{
	margin:0 10px 5px 0;
	float:right;	
	padding:10px 0 0 0;
}

ul.thumbMenu li
{
	float:left;
	margin:0 0 0 8px;
}
ul.thumbMenu li img
{
	vertical-align:bottom;
}
ul.thumbImages
{
	margin:0 0 0 8px;
	clear:both;
}
ul.thumbImages li
{
	width:120px;
	height:120px;
	border:1px solid #606060;
	background-color:#FFF;
	display:table;
	float:left;
	margin: 0 9px 8px 0;
}
ul.thumbImages li#selectedThumb
{
	background-color:#4c78a5;
}

ul.thumbImages li a
{
	display:table-cell;
	vertical-align:middle;
}
ul.thumbImages li img
{
	display:block;
	margin:0 auto 0 auto;	
}

#thumbPager
{
	width:644px;
	margin:5px 10px 10px 10px;
	float:left;
}
#thumbPager a
{
	font-size:0.75em;
}

#thumbPager a#thumbPrev
{
	float:left;
}

#thumbPager a#thumbNext
{
	float:right;
}

.floatRight
{
	float:right;
}
.floatLeft
{
	float:left;
}

/* =Blogroll
-----------------------------------------------------------------------------*/
.blogroll
{
	background-color:#f0f0f0;
	/*padding:10px 10px 0 10px;*/
	margin:0;	
	padding-bottom:5px;
	float:left;
}
.blogrollStory
{
	background-color:#FFF;
}
.blogrollStory h2
{
	color:#000;
	font-size:1em;
	margin:0 0 5px 10px;
}

.blogroll .post
{
	padding:0 0 10px 0;
	margin:10px 10px 10px 10px;
	height:175px;
	width:644px;
	float:left;
	background-color:inherit;
}

.blogroll .post .postLeft
{
	float:left;
	margin:0 15px 0 0;
}

.blogroll .post .postLeft .postTitle
{
	color:#FFF;
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/Content/images/stories_image_header.gif');
	width:180px;
	height:25px;
	margin:0;
	padding:0;
}

.blogroll .post .postTitle h2
{
	padding:6px 0 0 10px;
	font-size:0.9em;
	color:#FFF;
}

.blogroll .post img
{
	
}

.blogroll .post .postContent
{

}

.blogroll .post .postContent h3
{
	font-size:1.1em;
	color:#4c78a5;
	margin:0 0 6px 0;
}

.blogroll .post .postContent h4
{
	font-size:0.85em;
	font-weight:normal;
	color:#606060;
	margin:0 0 7px 0;	
}

.blogroll .post .postContent h5
{
	font-size:0.8em;
	color:#000;
	margin:0 0 7px 0;	
	line-height:1.1em;
}

.blogroll .post .postContent .postText
{
	font-size:0.75em;
	line-height:15px;
	margin:0 0 10px 0;
}

.blogroll ul.blogroll
{
	float:left;
	clear:both;
	margin:0 0 20px 0;	
	padding:0;
}

.blogroll ul.blogroll li
{
	padding:5px 10px 15px 10px;
	margin:0;
	width:300px;
	/*height:175px;*/
	/*width:644px;*/
	float:left;
}
.blogroll ul.blogroll li:hover
{
	background-color:#d4d4d4;
}

.blogroll ul.blogroll li.marginRight
{
	/*margin-right:44px;*/
	margin-right:14px;
}
.blogroll ul.blogroll li h2
{
	color:#4c78a5;	
	font-size:1em;
	margin:5px 0 0 0;
}
.blogroll ul.blogroll li h3
{
	font-size:0.75em;	
	margin:5px 0 5px 0;	
	font-weight:normal;
}

.blogroll ul.blogroll li .postText
{
	font-size:0.75em;
	line-height:15px;
	margin:0 0 10px 0;
	clear:both;
}

.blogroll ul.blogroll li .postPics
{
	font-weight:bold;
	font-size:0.8em;
}

.blogroll ul.blogroll li .postComments
{
	font-size:0.8em;
	float:right;
}

h1.blogrollTitle
{
	font-size:0.8em;
	padding:0 0 5px 0;
	color:#656565;
	border-bottom:1px solid #cbcbcb;
}


/*
Watermark
******************************************************************************/
.watermark { color: #999 !important; /*font-family:Arial, Verdana; font-size:0.8em; padding:2px;*/ }
.watermark2 { color: #999 !important; font-style: italic !important; }
/*
END Watermark
******************************************************************************/

/*
Biography Box
******************************************************************************/
#bioBox
{
	position:relative;
	width:275px;
	border-bottom:1px solid #CBCBCB;
	margin:0;
	padding:0 0 10px 0;
	visibility:hidden;
}

#bioBoxInner
{
	float:left;padding:0 0 0 14px;border-left:1px solid #cbcbcb;	
}

#bioInfo
{
	float:left;
	padding:0 14px 0 0;
	/*border-left:1px solid #CBCBCB;*/
	border-right:1px solid #CBCBCB;
	width:100px;
	margin:0 10px 0 0;
	height:130px; /*??*/
	overflow:hidden; /*Added because sometimes content is too large for space*/
}

#bioName
{
	margin:0 5px;	
	/*font-size:0.70em;*/
	font-size:11px; /*not using em here as biobox sometimes within classes that have text set to different ems*/
	font-weight:bold;
	line-height:13px;
}

ul#bioSocial
{
	float:right;
	margin:0 5px 0 0;
	width:125px;
}

ul#bioSocial li { padding:0; float:left; }

ul#bioSocial li div.commentBubble
{
	float:left;
	color:#000;
	width:120px;
	height:45px;
	line-height:35px;
	text-align:center;
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/Content/images/commentsbio_bubble_wide.png');	
	/*font-size:1em;*/
	font-size:12px;
	font-weight:bold;	
}
ul#bioSocial li div.commentBubble a
{
	color:#000;
	text-decoration:none;
}

ul#bioSocial li div.commentHeader
{
	width:120px;
	height:18px;
	line-height:18px;
	text-align:center;
	font-weight:bold;
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/Content/images/commentsbio_back_wide.jpg');
	float:left;
	margin:0 2px 0 0;
	/*font-size:0.7em;	*/
	font-size:12px;
	color:#FFF;	
}

ul#bioLinks
{
	float:left;
	margin:10px 0 0 0;
	padding:5px 0 0 0;	
	/*border-bottom:1px solid #cbcbcb;*/
	border-top:1px solid #cbcbcb;
	clear:both;
	width:250px;
}
ul#bioLinks li
{
	float:left;
	margin:0 7px;
	height:16px;
}
ul#bioLinks li img
{
	vertical-align:top;
	margin:2px 5px 0 5px;
}

div#bioSubscribe
{
	width:100%;
	float:left;	
	margin:5px 0 0 0;
	/*padding:10px 5px 0 0;	*/
	text-align:center;
}

ul#bioLinks a, div#bioSubscribe a
{
	color:#4c78a5;
	text-decoration:none;
	/*font-size:0.75em;*/
	font-size:12px;
	font-weight:bold;
}

/* =Content
-----------------------------------------------------------------------------*/
/*#contentmaster-inner img
{*/
	/*padding:0;
	margin:0;*/
	/*vertical-align: bottom; Placing this in here causes problems with images such as arrows (images that align with text)*/
/*}*/

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

#homeTopStory img
{
	display:block;
	margin:0 auto 0 auto;
}

.storyContent
{
	margin:8px 0 10px 11px;
}

.storyContent h1
{
	font-size:1.2em;
	color:#4c78a5;
	margin:0 0 6px 0;
}

.storyContent h2
{
	font-size:1em;
	color:#606060;
	margin:0 0 6px 0;	
}

.storyContent h3
{
	font-size:0.9em;
	color:#000;
	margin:0 0 6px 0;	
}

.storyContent .storyText
{
	font-size:0.8em;
	line-height:15px;
}

a.readmore
{
	font-size:1em;
	color:#4c78a5;
	font-weight:bold;
}

#footerBottom
{
	float:left;
	width:978px;
	padding:0 11px 0 11px;
}

#footerLeft
{
	float:left;
	padding:15px 0 0 0;
	font-size:0.625em;
}

ul#footerMenu
{
	margin:0 0 5px 0;
	float:left;
	clear:both;
}

ul#footerMenu li
{
	float:left;
	margin:0 8px 0 0;
	padding:0 8px 0 0;
	border-right:1px solid black;
	
}

ul#footerMenu li a
{
	color:#000;
	text-decoration:none;
}

#footerLogo
{
	float:right;
}

#copyright
{
}

/* =Comments
-----------------------------------------------------------------------------*/
#commentFormBox
{
	clear:both;
	padding:20px 0 0 0;
	margin:0;
	float:left;
	background-color:#FFF;
}
/*#commentFormBox img.header
{
	margin:0 10px 0 0;
	float:left;	
}*/

#commentFormBox h4
{
	background: url("/web/20110827080714/http://www.fabmagazine.com/content/images/comments_headericon.gif") 0 0 no-repeat;	
	font-size:1em;
	color:#4c78a5;
	height:25px;
	line-height:15px;
	clear:right;
	padding:20px 0 0 50px;
	width:300px;
}

#commentForm, #replyForm
{
	margin:10px;
}
 
#commentForm a, #replyForm a
{
	font-size:0.8em;
	text-decoration:underline;
}

#commentForm fieldset
{
	width:80%;
	float:left;
}

#replyForm fieldset
{
	float:left;
}

#commentForm fieldset .formItem, #replyForm fieldset #formItem
{

}
#commentForm fieldset .formItem label, #replyForm fieldset .formItem label
{
	color:#606060;
	font-weight:bold;
	font-size:0.8em;
	width:auto;
	float:left;
	line-height:22px;
	margin:0 5px 0 0;
}

#commentForm fieldset .formItem .textboxComment, #replyForm fieldset .formItem .textboxComment
{
	width:140px;
	font-family:  Arial, Verdana, Courier;
}

#commentForm fieldset .formNote, #replyForm fieldset .formNote
{
	width:100%;
	clear:both;
	font-size:0.75em;
	line-height:13px;
	color:#606060;	
	margin:0 0 10px 0;
}
#commentForm fieldset .formNote span, #replyForm fieldset .formNote span
{
	color:#606060;
	font-weight:bold;
	font-size:1em;
	width:500px;
	margin:0;
}

#commentForm fieldset .formNote a, #replyForm fieldset .formNote a
{
	font-size:1em;
}

#commentForm fieldset .commentNote, #replyForm fieldset .commentNote
{
	width:100%;height:20px;line-height:20px;	
}

#commentForm fieldset .formNote .checkbox, #replyForm fieldset .formNote .checkbox
{
	margin:5px 5px 0 5px;
	padding:0;
}

#commentForm fieldset .formNote .commentButton, #replyForm fieldset .formNote .commentButton
{
	background-color:#4f6ea7;
	border:1px solid #3c3c3e;
	float:left;
	color:#FFF;
	font-size:0.9em;
	line-height:15px;
	width:60px;
	height:20px;
	font-weight:bold;
	margin:0 5px 0 5px;
}

#commentsBox
{
	clear:both;
	float:left;
	margin:10px 0 0 0;
}
#comments
{
	
}
#commentsHeader
{
	border-bottom:4px solid #989898;
	padding:5px 15px 0 5px;
	width:644px;	
}

#commentsHeader .commentBubbleAll
{
	width:128px;
	height:33px;
	line-height:26px;
	background-image:url("/web/20110827080714/http://www.fabmagazine.com/content/images/comments_bubble_wide.png");
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
}

#commentsHeader ul
{
	float:right;
	margin:7px 0 0 0;
}

#commentsHeader ul li
{
	float:left;
	background-color:#FFF;
	padding:5px 0 5px 0;
}

#commentsHeader ul li#sortSelected
{
	background-color:#989898;	
	margin:0 3px 0 3px;
}

#commentsHeader ul li a
{
	color:#989898;	
	font-size:0.75em;
	font-weight:bold;
	padding:0 7px 0 7px;
}

#commentsHeader ul li#sortSelected a
{
	color:#FFF;
}

.commText
{
	font-size:0.8em;
}

ul.commentList
{
	float:left;
}

ul.commentList li
{
	border-bottom:1px solid #cbcbcb;
	margin:0 0 0 0;
	padding:13px 5px 5px 5px;
	float:left;
	clear:both;
	width:654px;
}
ul.commentList li:hover
{
	background-color:#ebebeb;
}

ul.commentList li .username
{
	color:#989898;
	font-size:0.95em;
	font-weight:bold;
	margin:0 0 5px 0;
}
ul.commentList li .date
{
	font-size:0.75em;
}
ul.commentList li .comment
{
	font-size:0.75em;
	margin:5px 80px 5px 0;
	line-height:15px;
}
ul.commentList li .links
{
	float:right;
	width:75px;
}
ul.commentList li .links a
{
	font-size:0.70em;
	font-weight:bold;
}
ul.commentList li .links a:hover
{
	text-decoration:none;
	cursor:pointer;
}

ul.commentList li.editorsnote
{
	/*padding-left:40px;*/
	background-color:#e4ebf1;
}
ul.commentList li.editorsnote .username
{
	color:#4c78a5;
}

/*Please note, will most likely need more of these indents. There may be a better way with Jquery??*/
ul.commentList li.indent1 {padding-left:40px; /*width will need to be smaller*/}
ul.commentList li.indent2 {padding-left:60px; /*width will need to be smaller*/}
ul.commentList li.indent3 {padding-left:80px; /*width will need to be smaller*/}

/*Although replies are indented, do not want the reply form to be indented. */
ul.commentList li.indent1 #replyForm
{
	margin-left:-20px;
}
ul.commentList li.indent2 #replyForm
{
	margin-left:-40px;
}
ul.commentList li.indent3 #replyForm
{
	margin-left:-60px;
}

a#unsubscribe:hover
{
	cursor:pointer;
}
/* =ENDComments
-----------------------------------------------------------------------------*/

/* =Pager
-----------------------------------------------------------------------------*/
.pagerBox
{
	width:664px;background-color:#f0f0f0;float:right;	
	border-top:1px solid #989898;
}

.storyPager
{
	background-color:#FFF;	
}

.pager
{
	float:right;
	line-height:15px;
	clear:both;	
	font-size:0.75em;	
}

.pager ul 
{ 
	height:30px; 
	line-height:30px;
}

.pager ul li
{
	margin:0 5px 0 0;
	display:inline;

}

.pagerBox .pager ul li img.arrow
{
	vertical-align:middle;
}

.pager ul li a:hover
{
	text-decoration:underline;
}


/* =Menu
-----------------------------------------------------------------------------*/
/* Basic code - don't modify */
 
#nav { display: block; margin: 0; padding: 0; position: relative; float:left; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; width:103px; /*border-right:1px solid #666; height:20px;*/ }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; border:none; }
#nav ul ul { top: 0; }
    
    
#nav li div
{
	border-right:1px solid #666;position:relative;visibility:hidden;top:-11px; height:10px;
}    
/* Essentials - configure this */
#nav ul { width: 102px; }
#nav ul ul { left: 103px; }

/* Everything else is theming */
#nav { background-color: #FFF; height: 20px; border-left:1px solid #666; border-right:1px solid #666; }
#nav *:hover { background-color: none; }
#nav a  
{
	font-size: 0.75em; 
	padding: 3px 20px 4px 20px;
	line-height: 1; 
	font-weight:bold;
}
ul#nav li a   
{
	color:#666; 
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/content/images/menu_background.gif'); 
	border-bottom:1px solid #666;
	text-align:center;
}
ul#nav li a:hover { background-image:url('/web/20110827080714/http://www.fabmagazine.com/content/images/menu_background_hover.gif'); text-decoration:none; }
ul#nav li a.highlighted { background-image:url('/web/20110827080714/http://www.fabmagazine.com/content/images/menu_background_hover.gif'); text-decoration:none; }

/*#nav li.hover a {  }*/
#nav ul { top: 20px; }
#nav ul.secondMenu { border:1px solid #666; border-top:none; background-color:#CCC; width:101px; }
#nav ul.secondMenu li { border:none; margin:0; width:101px; }
#nav ul.secondMenu li a { background-color: #CCC; color:#666;  background-image:none; border:none; display:block; padding: 3px 5px 4px 5px; margin:0; text-align:left; }
#nav ul.secondMenu li a.hover { background-color: #666; color:#FFF; border:none; display:block; }
/*ul#nav li a { background-color: #CCC; color:#666;  background-image:none; }
ul#nav a.hover { background-color: #666; color:#FFF; background-image:none; }*/
#nav ul a { border-right: none; /*opacity: 0.9; filter: alpha(opacity=90);*/ }
/*
ORIGINAL
#nav { background-color: #FFF; height: 20px; }
#nav *:hover { background-color: none; }
#nav a  
{
	border-right: 1px solid white; 
	color: #666; 
	font-size: 0.75em; 
	padding: 6px 15px 6px 15px; 
	line-height: 1; 
	background-image:url('/web/20110827080714/http://www.fabmagazine.com/content/images/menu_background.gif');
}
#nav li.hover a { background-color: #5E5A5A; }
#nav ul { top: 25px; }
#nav ul li a { background-color: #CCC; color:#666;  background-image:none; }
#nav ul a.hover { background-color: #666; color:#FFF; background-image:none; }
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
*/
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
/* =END Menu
-----------------------------------------------------------------------------*/

/* =Social Links (appears in the header)
-----------------------------------------------------------------------------*/
ul#socialLinks
{
	float:right;
}
ul#socialLinks li
{
	float:left;
	margin:-1px 0 0 10px;
}


.thumbnailGalleryList
{
	text-align: center;
	table-layout: auto;
	border-spacing: 2px;
	empty-cells: show;
	padding-left: 5px;
	margin-left: 5px;
}

.thumbnailGalleryLeft
{
	width:300px;
	padding: 2px;
	margin: 2px 20px 2px 0;
	float: left;
	text-align: left;
}

.thumbnailGalleryRight
{
	text-align: left;
	float: right;
	padding: 2px;
	margin: 2px 0 2px 20px;
	width:300px;	
}

.thumbGalleryTitle
{
	float:left;
	line-height:15px;
	clear:both;	
	font-weight:bold;
	/*font-size:0.7em;	*/
	font-size:0.8em;
	color:#4c78a5;
}

.thumbGalleryGlayHeader
{	
	line-height: 15px;
	clear: both;
	font-weight: bold;
	/*font-size: 0.65em;*/
	font-size: 0.75em;
	color: #C0C0C0;
}

.thumbGalleryBold
{	
	line-height: 15px;
	clear: both;
	font-weight: bold;
	/*font-size: 0.65em;	*/
	font-size: 0.75em;
}

.thumbGalleryBody
{	
	line-height: 15px;
	clear: both;
	/*font-size: 0.65em;	*/
	font-size:0.7em;
	width:300px;
}


.thumbGalleryPager
{	
	width: 644px;
	margin: 5px 10px 10px 10px;
	float: none;
}

.galleryListPagerBox
{	text-align:center; 
	width: 664px;
	background-color: #f0f0f0;
	float: none;
	border-top: 0px solid #989898;
}

.galleryListPager
{
	float:none;
	line-height:15px;
	clear:both;	
	font-size:0.75em;	
}

.galleryListPager ul 
{ 
	height:30px; 
	line-height:30px;
}

.galleryListPager ul li
{
	margin:0 5px 0 0;
	display:inline;

}

.galleryListPagerBox .pager ul li img.arrow
{
	vertical-align:middle;
}

.galleryListPager ul li a:hover
{
	text-decoration:underline;
}

/*td.selectedThumbImage
{
	width:120px;
	height:120px;
	border:1px solid #606060;
	background-color:#4c78a5;	
	margin: 0 9px 8px 0; 
	vertical-align:middle;
	text-align:center;
	clear:both;
}

td.thumbnialImage
{
	width:132px;
	height:128px;
	border:1px solid #606060;
	background-color:#FFF;	
	margin: 0 9px 8px 0;
	vertical-align:middle;
	margin:0 0 0 8px;
	clear:both;
	text-align:center;
}*/

ul.thumbnialImage  img
{
	display:block;
	margin:0 auto 0 auto;	
}

ul.selectedThumbImage  img
{
	display:block;
	margin:0 auto 0 auto;	
}

.thumbImagesTable
{
	padding-right: 19px;
	padding-left: 19px;
	margin-right: 19px;
	margin-left: 19px;
}

.thumbGalleryMenu
{
	height:35px;
	width:664px;
}
td.thumbnailGalleryBlock
{	vertical-align:middle;
	text-align:center;
	width:125px;
	height:125px;
}
.thumbnailGalleryBlockImage
{
	padding: 12px 2px 12px 2px;
	vertical-align: middle;
	text-align: center;
	margin: 12 2px 12px 2;
}

.thumbnailGalleryImage
{
	width:120px;
	height:120px;
	border:1px solid #606060;
	background-color:#FFF;	
	float:left;
	margin: 12 2px 12px 2;
	vertical-align:middle;
	text-align:center;
	
}
.selectedthumbnailGalleryImage
{
	width: 120px;
	height: 120px;
	border: 1px solid #606060;
	background-color: #4c78a5;	
	float:left;
	margin: 12 2px 12px 2;
	vertical-align: middle;
	text-align: center;	
}

.greyText
{
	color:#606060;
}

.blueText
{
	color:#4c78a5;
}

ul.sitemap
{
	margin:10px 0 0 5px;
	font-size:0.85em;		
	line-height:1.1em;
}

ul.sitemap li
{
	margin:0 0 5px 0;	
}

ul.sitemap li a
{
}

ul.sitemap li ul
{
	margin:5px 0 0 20px;
}

blockquote {
	/* Giving blockquotes and lists room to breath. */
	margin: 16px 40px 16px 40px;
}