/*

Title:      Pinq.com Screen Stylesheet
Author:     Andrew Simpson / www.andrewsimpsondesign.com
Date: 		February 13th, 2009

*/


ul, ol, li { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4 { margin: 15px 0 12px 0; color: #000; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
a { color: #ff0099; text-decoration: none; outline: none; }
a:hover { color: #000; }
a:hover h3 { color: #666; }
a img { border: none; }

.reset { clear: both !important; }

.hidden { display: none; }	

.alignright { 
	clear:right;
	float:right;
	margin: 0 10px 12px;
	}

object, object * { position: relative; z-index: 10; }

body {
	position: relative;
	margin: 0;
	color: #666;
	font-family: Helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 1.33em;
	}
	
	.corset {
		width: 1005px;
		margin: 0 auto;
		}
		
		.preHeader { 
			position: relative;
			height: 15px;
			margin: 15px 0;
			}
			
		.hello { float: left; width: 600px; margin-left: 10px; font-size: 11px; font-weight: bold; color: #999; }
			.hello span { color: #333; }
		.navTop { position: absolute; right: 11px;}
		.navTop li { float: left; }
		.navTop li a { padding: 5px 8px 0; font-size: 11px; font-weight: bold; color: #999; }
		.navTop li a:hover { color: #000; }
		.navTop .rss { 
			padding-right: 25px;
			background: url(/images/rss.png) no-repeat right center;
			}
			
		.header { 
			position: relative; 
			width: 1005px; height: 79px;
			margin-left: -6px;
			background: url(/images/headerBackNew.png) no-repeat;
			}	
						
			.header .logo { 
				position: absolute;
				overflow: hidden;
				width: 550px; height: 79px;
				text-indent: -9999px;
				}
				/* Snip */
			.header form {
				position: absolute;
				width: 448px; height: 30px;
				margin: 39px 0 0 568px;
				font-weight: bold;
				font-size: 11px;
				color: #fff;
				}
				
				.signup {
					position: relative;
					width: 433px; height: 22px;
					padding: 5px 5px 5px 10px;
					font-weight: bold;
					font-size: 11px;
					color: #fff;
					background: #333;
					}
					
				.header label,
				.signup label { 
					position: absolute;
					margin: 4px 0;
					}
												
		.navMain { 
			position: relative;
			display: block;
			clear: both; 
			height: 22px;
			padding: 15px 0 10px 6px;
			margin: ;
			}

			.navMain li {
				float: left;
				padding: 4px 0 0 4px;
				font-size: 11px;
				font-weight: bold;
				}
			
				.navMain li a { padding: 0 10px; color: #000; }
					.newsAndCommunity a { border-left: 4px solid #ff0099; }
					.fashionAndStyle a { border-left: 4px solid #00cccc; }
					.foodAndDrink a { border-left: 4px solid #99cc66; }
					.healthAndFitness a { border-left: 4px solid #990066; }
					.artsAndMusic a { border-left: 4px solid #cccc99; }
					.travelAndLifeStyle a { border-left: 4px solid #33cc99; }	

					.newsAndCommunity a.on { background: #ff0099; }
					.fashionAndStyle a.on { background: #00cccc; }					
					.foodAndDrink a.on { background: #99cc66; }
					.healthAndFitness a.on { background: #990066; }
					.artsAndMusic a.on { background: #cccc99; }
					.travelAndLifeStyle a.on { background: #33cc99; }
					
					.newsAndCommunity a:hover { color: #ff0099; }
					.fashionAndStyle a:hover { color: #00cccc; }					
					.foodAndDrink a:hover { color: #99cc66; }
					.healthAndFitness a:hover { color: #990066; }
					.artsAndMusic a:hover { color: #cccc99; }
					.travelAndLifeStyle a:hover { color: #33cc99; }
					
					.navMain a.on { margin-right: 6px; padding: 5px 8px 5px 3px; vertical-align: top; color: white; }
					.navMain .search { 
						float: right;
						margin-right: 10px;
						padding: 0 0 0 6px;
						}
					
		.searchBar { 
			position: relative;
			display: block;
			width: 189px; height: 13px;
			padding: 5px 10px 7px 20px;
			margin: 0;
			border: none;
			background: url(/images/searchBar.png) no-repeat 0 1px;
			color: #999;
			font-size: 11px;
			line-height: 20px;
			}
									
		.leftColumn {
			position: relative;
			float: left;
			width: 762px;
			}	
			
			.contentColumn {
				position: relative; 
				float: right;
				width: 535px;
				margin-bottom: 15px;
				background: url(/images/leftColumnBackMiddle.png) repeat-y 3px 0;
				}
			
			.headStory {
				position: relative;
				display: block;
				min-height: 8px;
				background: url(/images/leftColumnBackTop.png) no-repeat 3px 0;
				}
					
				.postHeadStory {
					position: relative;
					display: block;
					height: 211px;
					background: url(/images/postLeftColumnTop.png) no-repeat 0 0;
					}
							
				.headEvents {
					height: 76px !important;
					}
						
				.headStoryRibbon {
					position: relative;
					z-index: 15;
					top: 0;	width: 505px;
					max-height: 83px;
					margin: 140px 0 10px 0;
					padding: 1px 0 12px 0;
					border-left-width: 20px;
					border-left-style: solid;
					background: url(/images/headStoryRibbon.png) repeat;
					}
					
				.postHeadStory .ribbon {
					position: absolute;
					z-index: 10;
					bottom: 0;					
					width: 455px; max-height: 83px;
					margin: 0 0 10px 0;
					padding: 0 0 12px 0;
					border-left-width: 20px;
					border-left-style: solid;
					background: url(/images/headStoryRibbon.png) repeat;
					}
					.postHeadStory .headStoryImage { height: 200px !important; }
						
				.headEvents .ribbon {
					max-height: 30px !important;
					bottom: 4px !important;
					}					
					
					.ribbon.newsAndCommunity { border-color: #ff0099; }
					.ribbon.fashionAndStyle { border-color: #00cccc; }
					.ribbon.foodAndDrink { border-color: #99cc66; }
					.ribbon.healthAndFitness { border-color: #990066; }
					.ribbon.artsAndMusic { border-color: #cccc99; }
					.ribbon.travelAndLifestyle { border-color: #33cc99; }
 					.ribbon.sponsored { border-color: #ff99ff; }
					.ribbon.featured { border-color: #ffcc00; }
					.headEvents .ribbon.pinqEvents { border-color: #ff0099; }
					
					.headEvents .headEventsImage { 
						height: 60px !important;
						}
						
						
					.ribbonShade {
						position: absolute;
						display: block;
						bottom: 0;
						width: 20px; height: 45px;
						margin: 0 0 -1px -20px;
						background-image: url(/images/ribbonShade.png);
						z-index:20;
						}
					.newsAndCommunity .ribbonShade { background-position: 0 -45px; }
					.fashionAndStyle .ribbonShade { background-position: 0 -90px; }
					.foodAndDrink .ribbonShade { background-position: 0 -135px; }
					.healthAndFitness .ribbonShade { background-position: 0 -180px; }
					.artsAndMusic .ribbonShade { background-position: 0 -226px; }
					.travelAndLifestyle .ribbonShade { background-position: -270px; }
					
				.latestIntelligence {					
					z-index: 10;
					position: absolute;
					margin: 18px 0 0 373px;
					padding: 4px 10px;
					font-size: 11px;
					font-weight: bold;
					color: #000000;
					background: url(/images/headStoryRibbon.png) repeat;
					}
					a.headHome:hover .latestIntelligence { color: #FF0099; }
						
				.headStoryImage,
				.headEventsImage { 
					position: absolute;
					z-index: 1;
					overflow: hidden;
					top: 0;
					width: 514px; height: 180px; 
					margin: 6px 0 0 6px; 
					border: 5px solid #fff; 
					}	
					
					.headHome .headStoryImage img {
						position: absolute;
						left: -160px;
						}
				
					.postHeadStory .headStoryImage { width: 738px !important; }
					
				.headSection .headStoryImage { height: 100px; margin-left: 10px; }
				.headSectionRibbon { margin: 30px 0 20px !important; }
					
				/*	.headStory:hover img { border: 5px solid #eee; } */
				.postHeadStory h1 { 
					margin:20px 0 0 15px; 
					font-size:18px;
					line-height:1.333;
					color:#000000;
					}
				.headStory h3 { position: relative; margin: 15px 0 8px 15px; font-size: 16px; line-height: 1.333; color: #000; }
				.headStory h2 { margin: 25px 0 1px 15px; font-size: 22px; line-height: 1.333; letter-spacing: 1px; color: #000; }
				.headEvents h2 { margin-top: 12px !important;}
				.headStory p { 
					margin: 15px 0 0 15px; 
					font-size: 11px; 
					font-family: Georgia, serif; 
					font-style: italic; 
					
					color: #000;
					}
				.headStory a { color: #000; }
				.headStory a:hover { color: #ff0099; }
				
				#rilliPowered { 
					position: absolute;
					right: 66px;
					top: 57px;
					z-index: 100;
					}
				
			.leftColumn .content { 
				position: relative;
				width: 530px; 
				margin-top: 25px;
				padding: 0 212px 0 40px;
				}
				.leftColumn .content { 
					position: relative;
					z-index: 10;
					}

					.flickr-gallery { width: 530px; }
				
				#story { background: url(/images/postLeftColumnMiddle.png) repeat-y; }	
				#story .content { padding-bottom: 10px; background: url(/images/gutterBackMiddle.png) repeat-y 590px 0; }
				
				.sidebarTop,
				.sidebarBottom {
					position: absolute; 
					width: 9px; height: 48px;
					z-index: 10;
					}
					#story .sidebarTop {
						right: 183px;	top: -10px;
						background: url(/images/gutterBackTop.png) no-repeat 0 0;
						}
					#story .sidebarBottom {
						right: 163px;	margin-top: -60px;
						background: url(/images/gutterBackBottom.png) no-repeat 0 0;
						}
						
				.leftColumn .page {
					margin-top: 0;
					padding: 25px 195px 55px 35px;
					background: url(/images/postLeftColumnMiddle.png) repeat-y 3px 0;
					}
					
				#eventsWrapper { 
					position: relative;
					}	

				.leftColumn .events {
					position: relative;
					top: 0;
					width: 736px !important;
					min-height: 300px;
					margin-left: 2px;
					margin-top: 0px !important;
					padding: 0 0 25px 13px !important;
					}

				.content a { color: #ff0099; }	
				.content a:hover { color: #000; }
					
				.contentTop {
					display: block;
					height: 6px;
					background: url(/images/postLeftColumnTop.png) no-repeat 3px 0;
					}
					
				.contentSidebar {
					position: absolute;
					left: 0px; top: 0;
					width: 144px;
					margin-left: 610px !important;
					z-index: 30;
					}
					
					#story .info { font-weight: bold; }
						#story .storyInfo { padding: 15px 0 15px 20px; background: url(/images/articleInfo.png) no-repeat 0 center; }
						#story .storyDate { color: #000; }
						#story .storyCommentCount { display: block; padding: 20px 0 0; border: none; color: #000; }
						#story .storyAuthor a { color: #666; border-bottom: 0; }
						#story .leaveAComment { border-bottom-color: #666; color: #666; }
						.storyTags h4 { margin-bottom: 5px; }
						
				.content .photoset a { border: none; }		
														
			.navStories {
				position: relative;
				display: block;
				width: 500px; height: 39px;
				margin: -10px 0 5px 15px;
				padding-left: 10px;
				background: #666 url(/images/ribbonShade.png);
				z-index: 30;				
				}	
				
				#buttonsNewsAndCommunity { background-color: #ff0099; background-position: 0 234px; }
				#buttonsFashionAndStyle { background-color: #00cccc; background-position: 0 195px; }					
				#buttonsFoodAndDrink { background-color: #99cc66; background-position: 0 156px; }
				#buttonsHealthAndFitness { background-color: #990066; background-position: 0 117px; }
				#buttonsArtsAndMusic { background-color: #cccc99; background-position: 0 78px; }
				#buttonsTravelAndLifestyle { background-color: #33cc99; background-position: 39px; }
				
				#buttonsNewsAndCommunity a.on, #buttonsNewsAndCommunity a:hover { background-color: #660033; }
				#buttonsFashionAndStyle a.on, #buttonsFashionAndStyle a:hover { background-color: #006666; }					
				#buttonsFoodAndDrink a.on, #buttonsFoodAndDrink a:hover { background-color: #336600; }
				#buttonsHealthAndFitness a.on, #buttonsHealthAndFitness a:hover { background-color: #660033; }
				#buttonsArtsAndMusic a.on, #buttonsArtsAndMusic a:hover { background-color: #666600; }
				#buttonsTravelAndLifestyle a.on, #buttonsTravelAndLifestyle a:hover { background-color: #006633; }
				
				.navStories li {
					float: left;
					}
					
					.navStories a { 
						position: relative; display: block; float: left;
						width: auto; height: 15px;
						margin: 8px 5px;
						padding: 5px 8px 4px;
						font-weight: bold;
						color: #fff !important;
						font-size: 13px;
						font-weight: bold;
						font-spacing: 1px;
						}
 					.navStories a:hover, .navStories a.on { background: #000; }
				
				#buttonsGuide div:hover,
				#buttonsGuide div:hover *, 
				#buttonsGuide ul:hover,
				#buttonsGuide ul:hover * { 
					display: block !important;
					}
					
				#buttonsGuide {
					z-index: 9999;
					display: block;
					}
						
				#buttonsGuide div {
					position: absolute;
					width: 203px;
					margin: 7px 0;
					padding: 5px 0 10px 18px;
					font-weight: normal;
					background: url(/images/guideMenu.png) no-repeat;
					color: #fff;
					}
				#buttonsGuide ul { 
					position: absolute;
					display: none;
					left: 0; top: 0;
					width: 175px;
					margin: 24px 0;
					padding: 15px 10px;
					background: #222;
					z-index: 30;
					}
					#buttonsGuide li {
						float: none;
						clear: both;
						}
						#buttonsGuide ul a {
							text-align: left;
							margin: 0;
							padding: 5px 8px 4px;
							font-weight: normal;
							font-size: 12px;
							background: none;
							}
						#buttonsGuide ul a:hover {
							color: #FF0099 !important;
							}
			.guideContent { 
				width: 480px !important; 
				padding: 5px 0 5px 35px !important;
				}
							
			#stories { 
				position: relative;
				clear: both;
				}
			
			#stories li {
				position: relative;
				display: block;
				width: 510px !important; height: 115px !important;
				margin: 5px 0 0 14px;
				border-bottom: 1px solid #eee;
				}
				
				#stories .sponsorIndication {
					display: block;
					position: relative;
					width: 510px; height: 110px !important;
					}
				
				#stories .sponsored .sponsorIndication {
					border-right: 10px solid #ffcc00;
					}
				
					#stories .sponsored .ribbon {
						background-position: 0 -31px;
						}
			
				#stories .featured .sponsorIndication {
					display: block;
					border-right: 10px solid #ff99ff; 
					}
					
					#stories .featured .ribbon {
						background-position: 0 -62px;
						}
					
				#stories li.ad { height: 90px !important; }
				#stories li.ad img { border: none; }
				
				#stories li h3,
				#stories li p, 
				#stories .info
					{ margin-left: 255px; }	
				
				#stories .info {
					width: 255px;
					font-size: 11px;
					font-weight: bold;
					color: #999;
					}
					
				#stories li img {
					position: absolute;
					width: 230px; height: 100px;
					text-indent: -9999px;
					border-width: 0 0 10px 0;
					border-style: solid;
					border-color: #999;
					}
					
					#stories img.newsAndCommunity { border-color: #ff0099; }
					#stories img.fashionAndStyle { border-color: #00cccc; }
					#stories img.foodAndDrink { border-color: #99cc66; }
					#stories img.healthAndFitness { border-color: #990066; }
					#stories img.artsAndMusic { border-color: #cccc99; }
					#stories img.travelAndLifestyle { border-color: #33cc99; }
					#stories img.guide { border-width: 0; }
					
				#stories .ribbon {
					position: absolute;
					display: block;
					overflow: hidden;
					left: 0; bottom: 0;
					width: 150px; height: 26px;
					margin: 0 0 -2px -14px;
					padding: 5px 0 0 15px;
					background: url(/images/storyRibbon.png) no-repeat;
					color: #fff;
					font-weight: bold;
					font-size: 11px;
					}	
						
					#stories .ribbon li {
						display: inline;
						border-bottom: none;
						width: 121px; height: 22px;
						margin: 0px;
						} 	

						#stories .ribbon a { 
							display: block;
							width: 135px; height: 20px;
							font-size: 11px;
							font-weight: bold;
							color: #fff; 
							}

							a[title="View all posts in Featured"] {
								display: none !important;
								}
								
				.storyHeading { 
					display: block;
					padding-top: 2px;
					}	
					
				#stories h3 { margin: 0 10px; }
				
				#stories p { 
					overflow: hidden;
					height: 75px;
					margin: 3px 0 0 0;
					font-family: Georgia, serif; 
					font-style: italic;
					}	
					
				#stories .storyCommentCount { 
					position: absolute;
					text-align: right; 
					right: 0; 
					margin-right: 30px;
					}	
					
				#paginatedNavigation {
					position: relative;
					display: block; 
					text-align: center;
					width: 764px;
					top: 0; 
					margin-left: -3px;
					padding: 6px 0 12px;
					background: url(/images/postLeftColumnBottom.png) no-repeat scroll 3px bottom;
					}	
					.contentColumn #paginatedNavigation {	
						width: 546px;
						background: url(/images/leftColumnBackBottom.png) no-repeat scroll 6px bottom; 
						}

					#paginatedNavigation li { float: left; }
						#paginatedNavigation a { 
							display: block; 
							width: 100px; height: 18px;
							background-image: url(/images/paginationArrows.png); 
							background-repeat: no-repeat;
							font-weight: bold;
							color: white;
							}
					.paginatedNavigationLeft { float: left; } 							
						.paginatedNavigationLeft a { 
							text-align: left;
							padding: 6px 0 1px 24px; 
							background-position: 0 0;
							}
						
					.paginatedNavigationRight { float: right; }		
						.paginatedNavigationRight a { 
							text-align: right;
							padding: 6px 24px 1px 0; 
							background-position: -134px 0;
							}					
			#story { background: url(/images/postLeftColumnMiddle.png) repeat-y; }
			#story .leftColumnBottom { 
				min-height: 5px;
				padding-bottom: 15px;
				}

		.shareBar {
			float: left; 
			width: 208px;
			margin-left: 10px;
			}
			.shareBar li {
				margin: 10px 0;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				}
				.shareBar a { 
					display: block; 
					padding-right: 60px; 
					color: #000;
					}
					.shareBar a:hover { color: #ff0099; }
				.shareBar h4 { margin: 8px 0 0; }
				.shareBar p { margin: 0 0 5px; }
				
				.shareBarFacebook 	{ background: url(/images/shareFB.png) no-repeat right; }
				.shareBarTwitter 		{ background: url(/images/shareTwitter.png) no-repeat right; }
				.shareBarEmail 			{ background: url(/images/shareEmail.png) no-repeat right; }
				.shareBarGalleries 	{ background: url(/images/shareGalleries.png) no-repeat right; }
				.shareBarGalleries a { color: #666; }
				
			.shareBarForm label {
				display: block;
				margin-top: 10px;
				color: #333;
				}	
				.shareBarForm label.error { margin-top: 0; }

			.shareBarForm .shareBarInput {
				display: block;
				width: 202px;
				padding: 2px;
				border: 1px solid #ccc;
				}
			.shareBarForm .shareBarSubmit {
				margin: 10px 0;
				padding-left: 0;
				border: 0;
				background: #fff;
				font-weight: bold;
				font-size: 16px;
				color: #ff0099;
				cursor: pointer;
				}
				.shareBarForm .shareBarSubmit:hover { color: black; }
					
		.rightColumn {
			position: relative;
			float: right;
			width: 213px;
			margin-right: 15px;
			}			
			
			.rightColumn h4 { margin: 10px 0 2px 0; font-size: 14px; color: #FF0099; }
			.rightColumn p { margin-top: 0px; font-size: 11px; color: #999; }
			
			a.guideLink h4 { margin-top: 4px; color: #333; }
			
			#eventsFeed { margin-bottom: 20px; }	
			.rssLinkListItemTitle {
				color: #FF0099;
				}
				
			.rightColumn li {
				display: block;
				margin: 10px 0;
				}
			
			
	.footer {
		width: 985px; height: 300px;
		margin: 0 auto;
		padding: 20px 0 40px;
		background: url(/images/commentsBack.png) repeat-x center bottom;
		}		
		
		.footerNav { 
			height: 15px;
			margin-bottom: 25px;
			padding: 9px 0 6px;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			font-size: 11px;
			}
		.footerNav li {
			float: left;
			font-weight: bold;
			}

			.footerNav a { color: #999; }
			.footerNav .first { margin-left: 0; }
			.footerNav a { padding: 10px 6px 2px; }
			.footerNav a:hover { color: #FF0099; }
									
		.footer .column { float: left; width: 200px; }
		.footer .columnTwo,
		.footer .columnThree { margin-left: 25px; }
		.footer .columnThree { padding-top: 32px; }

		.footer h4 { margin-bottom: 5px; font-size: 14px; }
		.footer p { 
			padding: 5px 0; margin: 0;
			font-size: 13px;
			font-family: serif;
			font-style: italic;
			}
/*
	Ad Setup
*/

.ad { display: block; overflow: hidden; text-indent: -9999px; background: #fff; }
.ad * { display: block; margin: 0 auto; }
.ad script { height: 0; }

#leftColumnAdTop { background: #fff; }
	#leftColumnAdTop a { padding: 2px 20px 15px; }
	
	
	#story #leftColumnAdTop{ padding-left: 14px; }
	
#leftColumnBottomAd {
	clear: both;
	width: 735px; height: 90px;
	padding: 0 16px;
	}
	#story #leftColumnBottomAd,
	.pageLeftColumnBottomAd {
		width: 728px;
		background: url(/images/postLeftColumnMiddle.png) repeat-y;
		}
		.pageLeftColumnBottomAd { background-position: 3px 0; }
		
#rightColumnGuide {
	position: relative;
	left: -6px; top: -2px;
	}		
#rightColumnAdOne, #rightColumnAdTwo, #rightColumnAdFour {
	margin: 10px 0;
	width: 217px; max-height: 155px;
	}

#rightColumnAdOne { margin: 0px; }
	#rightColumnAdOne a { margin-top: 5px; }

#rightColumnAdThree {
	width: 217px;
	}

#adFooter {
	float: right;
	width: 300px; height: 250px;
	}
	
/*
	S i g n u p   b a r 
*/	
	
	#signupBar {
		position: relative;
		width: 760px; height: 180px;
		margin-left: 3px;
		margin-bottom: 5px;
		background: url(/images/signupBar.png) no-repeat;
		}

		#top #signupBar {
			display: none;
			}
			
			.signupBarCall {
				position: absolute;
				text-align: center; 
				left: 375px; top: 25px;
				width: 350px;
				line-height: 18px;
				font-family: Georgia, serif;
				font-style: italic;
				font-size: 16px;
				color: #333;
				}
			.signupBarPrivacy { 
				position: absolute; 
				left: 40px; top: 135px;
				font-size: 11px;
				color: #333;
				}
				.signupBarPrivacy a { color: #000; text-decoration: underline; }
				.signupBarPrivacy a:hover { color: #FF0099; } 
			
			#signupBar label { display: none; }
			
			#signupBar .newsletterInput { 
				position: absolute;
				width: 240px; height: 18px;
				left: 337px; top: 121px;
				margin: 0;
				padding: 7px 5px 5px;
				border: 0 none;
				font-size: 14px;
				font-weight: bold !important;
				color: #999;
				}
				
			.signup label.error {
				position: absolute;
				margin: 21px 0 0 171px !important;
				}
					
			.signup .newsletterInput { 
				position: absolute;
				width: 155px; height: 14px;
				margin: 6px 2px 0 171px !important;
				padding: 3px 5px;
				border: 0 none;
				font-size: 11px;
				font-weight: bold !important;
				color: #999;
				}	
				
				.signup .newsletterInput,
				.signup .newsletterSubmit {
					margin-top: 6px;
					top: 0;
					}
				
				.signup .newsletterSubmit {
					right: 0; width: 97px;
					background: url(/images/joinPinq.png) no-repeat;
					}
					
		#newsletterSubmit { 
			position: absolute;
			right: 0; top: 0;
			width: 138px; height: 30px;
			margin: 121px 28px 0 0;
			text-indent: -9999px;
			border: 1px solid #000;
			background: transparent;
			cursor: pointer;
			}
			#newsletterSubmit:hover { 
				border-top-color: #999;
				border-right-color: #ff0099;
				border-bottom-color: #ff0099;
				border-left-color: #999;
				}
			
			.signup .newsletterSubmit {
				position: absolute;
				text-indent: -9999px;
				right: 4px; width: 94px;
				background: url(/images/joinPinq.png) no-repeat;
				}

			#signupBar input.error {
				border: 2px solid #cc0000 !important;
				padding: 5px 5px 3px;
				}
			#signupBar label.error {
				position: absolute;
				left: 337px; bottom: 10px;
				}
					
	#signupBarAd a { margin: 12px 20px 15px; }				
					

	
/* S p l a s h */	
	
	#splash {
		width: 775px;
		margin: 100px auto 0;
		}

	#splash .header {
		width: 765px;
		margin-bottom: 44px;
		}

	#splash .bodyCopy {
		text-align: left;
		margin: 22px 100px 22px 108px;
		font-size: 16px;
		line-height: 22px;
		font-family: georgia,serif;
		font-style: italic;
		color: #333;
		}
	
	#splash #signupBar {
		display: block;
		margin-top: 35px;
		}

					
/* S o c i a b l e */					

.sociable {
	clear: both; 
	height: 25px;
	padding: 35px 0 10px;
	}		
	.sociable_tagline { 
		float: left;
		margin: 8px 10px 0 0;
		}
	
	.sociable li { float: left; }	
	.sociable li a {
		float: left;
		background: #EFEFEF;
		margin-right: 20px;
		padding: 5px;
		border: none;		
		}			
		
		.sociable li a:hover { background: #ccc; }
					
					

/* C o m m e n t */

#comments {
	width: 600px;
	padding: 0 0 10px 0;
	background: url(/images/gutterBackMiddle.png) repeat-y 590px 0;
	}
	#comments .reset{ 
		display: block;
		width: 550px; height: 10px;	
		margin-left: 20px;
		padding-top: 20px;
		background: url(/images/commentsBack.png) repeat-x bottom; 
		}
	.commentsTop { 
		height: 25px; 
		margin: 0 20px;
		padding: 20px 25px 20px 20px;
		background: url(/images/commentsBack.png) repeat-x; 
		}
	.commentsNumber { float: left; font-size: 16px; }
	.commentLink { 
		float: right; 
		padding-left: 25px;
		margin-top: 15px;
		font-size: 16px;
		font-weight: bold;
		color: #333; 
		background: url(/images/commentLink.png) no-repeat left 0;
		}
	
	.commentlist {
		margin: 0 20px;
		padding: 15px 16px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}
		
		.comment { margin: 15px 0; }
		.comment-author {
			margin-bottom: 1px;
			font-weight: bold;
			color: #000;
			}
			.comment-author a { color: #000; border-bottom: 1px solid #000; }
			.comment-meta { font-size: 11px; font-weight: bold; color: #999; }
			
			.commentBody {
				position: relative;
				margin-top: 5px;
				padding: 15px 0 0 0;
				background: url(/images/commentBack.png) repeat-y;
				}
				
				.commentBody p {
					margin: 10px 25px;
					}
				
				.commendBodyTop {
					position: absolute;
					width: 528px; height: 20px;
					left: 0; top: 0;
					background: url(/images/commentTop.png) no-repeat;
					}
					
				.commendBodyBottom {
					position: relative;
					width: 528px; height: 15px;
					left: 0; bottom: 0;
					background: #ffffff url(/images/commentBottom.png) no-repeat;
					}
	
		#comments .noComments {
			margin: 0 0 0 40px;
			font-weight: bold;
			color: #333;
			}
					
	#respond {
		margin: 0 10px;
		padding: 0 30px;
		}
		
		#respond h3 {
			font-size: 18px;
			}
			
		#respond p {
			float: left;
			margin: 5px 0;
			}
		
		#respond input {
			width: 205px;
			margin-right: 15px;
			padding: 5px;
			border: 2px solid #efefef;
			}
		
		#respond label {
			display: block;
			margin: 5px 0;
			font-size: 12px;
			font-weight: bold;
			color: #333;			
			}	 
			
			#respond label span { color: #999; }

		#comment {
			width: 500px;
			padding: 5px;
			border: 2px solid #efefef;
			}
	
		#respond #submit {
			position: relative;
			display: block;
			width: 165px;
			padding: 0;
			margin: 0;
			border: none;
			font-size: 14px;
			font-weight: bold;
			color: #FF0099;			
			background: #fff;
			}

/* M u l t i M a i l e r */

#multiMailer {
	position: relative;
	margin: 100px auto 0 auto;
	width: 662px;
	background: url(/images/multiMailer.png) no-repeat;
	}

	#multiMailer .logo {
		position: absolute;
		width: 200px; height: 60px;
		top: 29px;
		text-indent: -9999px;
		}

	#multiShareForm {
		position: relative;
		width: 620px;
		}	

	#multiMailer	.instructions { 
			padding: 65px 0 0 222px;
			font-weight: bold;
			}

	#multiShareForm ul {
		position: relative;
		margin: 25px 0 0 32px;
		width: 620px;
		}		

	#multiShareForm .multiShareInput {
		width: 285px; height: 14px;
		padding: 3px;
		border: 5px solid #999;
		}		

		#multiShareYourName,
		#multiShareYourEmail {
			border: 5px solid #333;
			}

			#multiShareForm li {
				float: left;
				clear: left;
				width: 300px;
				margin: 2px 10px 2px 0;
				}

			#multiShareForm .yourName {
				float: left;
				clear: none;
				margin: 5px 10px 15px 0;
				}

			#multiShareForm .youremail { 
				float: right;
				clear: none;
				margin: 4px 10px 15px 0;
				}

			#multiShareForm .rightSide {
				clear: right;
				float: right;
				}

				#shareMessage { 
					height: 163px !important; 
					margin-bottom: 15px; 
					font-family: arial;
					font-size: 12px;
					color: #333;
					}

	#multiShareForm label { 
		font-weight: bold;
		color: #333;
		}

	.multiShareSubmit,
	.multiShareCancel {
		text-align: center;
		display: block;
		float: left;
		width: 90px; 
		padding: 3px 0;
		border: 5px solid #333;
		color: #fff;
		}

		.multiShareSubmit:hover,
		.multiShareCancel:hover { border-color: #000; color: #000; }

		.multiShareSubmit { 
			height: 30px; 
			margin-right: 10px; 
			padding-bottom: 3px;
			background: #333 url(/images/multiShareSubmitCancel.png) repeat-x; 
			font-size: 12px;
			}
		.multiShareCancel { 
			height: 14px;
			padding: 3px 0; 
			background: url(/images/multiShareSubmitCancel.png) repeat-x 0 -20px; }

	.multiShareFooter { 
		display: block;
		position: relative;
		text-align: right;
		padding: 15px 10px;
		background: #fff url(/images/multiMailerBottom.png) no-repeat scroll 10px 0;
		font-size: 11px;
		}	
		.multiShareFooter a { color: #999; text-decoration: underline; } 
		.multiShareFooter a:hover { color: #000; } 

	#multiShareForm .loadingMessage { background-color: #fff !important; }				
	#multiShareForm .loadingMessage,
	#multiShareForm .successMessage {
		margin: 20px 0 0 20px;
		width: 633px;
		}

	#multiShareForm	input.error,
	#multiShareForm	textarea.error {	border-width: 5px !important; }

	
	
	/* E r r o r   a n d   V a l i d a t i o n */

	input.error,
	textarea.error { 
		margin: 0 !important;
		border: 1px solid #cc0000 !important;
		}
	label.error { 
		margin: 0 !important;
		padding: 2px 5px;
		background: #cc0000; 
		color: #fff !important;
		}
	.successMessage {
		display: block;
		text-align: center;
		padding: 10px 0 !important;
		background: #ccff66;
		color: #000;
		font-family: Georgia, serif;
		font-style: italic;
		}

	.noJsSuccessMessage {
		position: relative;
		text-align: center;
		width: 250px;
		margin: 100px auto;
		padding: 25px;
		border: 1px solid #999;
		}	

		.noJsSuccessMessage h1 {
			color: #FF0099;
			font-size: 14px;
			font-weight: bold;
			}

		.noJsSuccessMessage p {
			color: #fff;
			font-size: 12px;
			color: #000000;
			font-family: Georgia,serif;
			font-style: italic;
			}

	.loadingMessage {
		display: block;
		text-align: center;
		padding: 15px 0 25px 0;
		background: url(/images/loading.gif) center 35px no-repeat;
		font-family: Georgia, serif;
		font-style: italic;
		}