/*
File:		main.css - This contains all the main styles for the website.

1.0 - Initial styles for the site (5/18/10)

*/

/* 
Containers 
*/

body {
	color:#333;
	background:#fff url(../img/global_body_bg_med.png) top center repeat;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-bottom:40px;
}

/*
Basic
*/
em {font-style:italic;}
strong {font-weight:bold}


/*
Layout
*/

#container {
	width:976px;
	margin:0 auto;
	background: #fff url(../img/bg-default.png) top center no-repeat;
}

#header {
	background:url(../img/global-header-bg.png) bottom center no-repeat;
	overflow: hidden;
	width:100%;
	height:106px;
}

h1#logo a {
	display:block;
	float:left;
	width:287px;
	height:60px;
	text-indent: -10000px;
	margin:40px 0 0 36px;
	background: url(../img/global-gossip-logo.png) 0 0 no-repeat;
}
	body#home h1#logo a {cursor: default;}

form#subForm {
	float:right;
	margin:37px 45px 0 0;
}
	form#subForm label {display:none;}
	form#subForm input.f-email {width:110px;padding:1px;height:14px;}
	form#subForm input#submit {border:none;top:5px;vertical-align:bottom;}

#nav ul {
	list-style-type: none;
	clear:right;
	float:right;
	margin:6px 48px 0 0;
}
#nav ul li {
	float:left;
}
#nav ul li a {
	text-indent: -10000px;
	display:block;
	height:40px;
	cursor: pointer;
}
	#nav ul li#n-about a {width: 54px; background:url(../img/nav-about.png) 0 0 no-repeat;}
	#nav ul li#n-blog a {width: 44px; background:url(../img/nav-blog.png) 0 0 no-repeat;}
	#nav ul li#n-contact a {width: 82px; background:url(../img/nav-contact.png) 0 0 no-repeat;}
	#nav ul li#n-contest a {width: 95px; background:url(../img/nav-contest.png) 0 0 no-repeat;}
	#nav ul li#n-lookbook a {width: 78px; background:url(../img/nav-lookbook.png) 0 0 no-repeat;}
	#nav ul li#n-mixnmatch a {width: 100px; background:url(../img/nav-mixnmatch.png) 0 0 no-repeat;}
	#nav ul li#n-press a {width: 51px; background:url(../img/nav-press.png) 0 0 no-repeat;}
	#nav ul li#n-where-to-buy a {width: 98px; background:url(../img/nav-wheretobuy.png) 0 0 no-repeat;}
	#nav ul li a:hover, 
	body#about #nav ul li#n-about a,
	body#blog #nav ul li#n-blog a,
	body#contact #nav ul li#n-contact a,
	body#contest #nav ul li#n-contest a,
	body#lookbook #nav ul li#n-lookbook a,
	body#mixnmatch #nav ul li#n-mixnmatch a,
	body#press #nav ul li#n-press a,
	body#where-to-buy #nav ul li#n-where-to-buy a {
		background-position: 0 -40px !important;
	}

form#contactform {
	float:left;
	padding-bottom:40px;
}
form#contactform .row {
	margin:6px 0 8px;
	padding:0 0 6px;
	
}
form#contactform label {
	display:block;
	margin-bottom: 4px;
	color:#333;
	font-weight: bold;
}

form#contactform select {
	width:355px;
}
form#contactform input.txt, 
form#contactform textarea {
	font-size: 12px;
	color:#333;
	background-color:#efefef;
	border:1px solid #ddd;
	padding:4px;
	margin:0;
	width:350px;
}
	form#contactform input:hover,
	form#contactform textarea:hover {
		border-color:#bbb;
	}
	form#contactform input:focus,
	form#contactform textarea:focus {
		border-color:#999;
	}
#content p.error {
	font-weight: bold;
	color:#f60;
	background: url(../img/global_attention_icon.gif) 0 4px no-repeat;
	padding-left:16px;
	margin-top:10px;
}



/*
Default Link Styles
*/
a {
	text-decoration: none;
	color:#e70003;
}


/*
Nav
*/


/*
Image Replacement
*/

body#about .std-container {
	margin:0;
	padding:0;
}
body#about #container {background:none;}
body#about #content {
	width:855px;
	height:612px;
	text-indent:-10000px;
	background:url(../img/about-bg.jpg) top center no-repeat;
	margin:0 0 0 72px;
}

/*
Typography
*/

#content .std-container {
	margin:75px 45px 45px;
}
#content p {
	margin-bottom:8px;
}
#content .std-format h2 {
	font-weight: normal;
	font-size:24px;
	margin:0 0 12px 0;
}
#content .std-format h3 {
	font-weight:normal;
	font-size:18px;
	margin:24px 0 12px 0;
}
#content .std-format h4 {
	font-size:14px;
	font-weight:bold;
	margin:16px 0 8px 0;
}
#content .std-format ol {
	list-style-type: decimal;
	padding-left:24px;
	margin:0 0 16px 0;
}

#footer {
	margin:20px 0 0 45px;
	padding-bottom:20px;
	font-size:11px;
	clear:both;
}
#footer a {
	color:#333;
}

#footer a#feed {
	background: url(../img/global_feed_chicklet.gif) top left no-repeat;
	padding-left:10px;
}


/*
Misc
*/

/* Get rid of outlines in FF - added by MJ 11/19/09 */
a:active {outline: none;}
a:focus {-moz-outline-style: none;}


/* Page-specific styles 
---------------------------------------*/

/*
Home
*/
	body#home #container {background-image:url(../img/bg-home.png);}
	
	body#home #content {
		overflow: auto;
	}
	body#home img, body#home a img {
		display:block;
	}
	
	body#home #left-col {
		width:313px;
		margin:14px 10px 0 34px;
		float:left;
	}
	body#home #main-col {
		float:left;
		margin:10px 0 0 0;
	}
		body#home #main-col img#photos {
			margin:0 0 0 -5px;
		}	
/*		body#home #main-col img.photos {
			background:none !important;
		}
*/
		body#home #main-col #slideshow {
			margin:0 0 0 5px;
		}	
		body#home #main-col #slideshow div {
			background:none !important;
		}	
	body#home #center-col {
		float:left;
		width:383px;
		margin:5px 10px 0 0;
	}
	body#home #right-col {
		float:left;
		width:200px;
		margin:5px 0 0 0;
	}
	body#home #news-feed {
		padding-bottom:5px;
		margin-bottom:5px;
		background: url(../img/home-news-footer.png) bottom left no-repeat;
	}
	body#home #news-content {
		height:262px;
		overflow-y:auto;
		overflow-x:hidden;
		width:174px;
		padding:10px 10px 10px 0;
		margin:0 0 0 2px;
		font-size:11px;
		line-height: 14px;
	}
	body#home #news-feed h2 {
		font-weight:normal;
		text-indent:-10000px;
		display:block;
		width:185px;
		height:35px;
		background:url(../img/home-news-header.png) top left no-repeat;
		margin:0;
	}
	body#home #news-feed h3 {
		margin:0;
		font-weight:bold;
		color:#FF2AB2;
		font-size:11px;
	}
	body#home #follow-links img {
		float:left;
	}

/*
Contact Us
*/
	body#contact #content {
		margin-top:72px;
	}
	
	body#contact img#c-photo {
		float:left;
		padding: 0 50px 30px 110px;
	}
	
	body#contact #content h2 {
		font-weight: normal;
		text-indent:-10000px;
		width:335px; height:22px;
		background: url(../img/contact-header.png) 0 0 no-repeat;
		margin:0 0 20px 0;
		float:left;
	}
	body#contact #content p {
		float:left;
		width:335px;
		margin-bottom: 12px;
	}
	
/* 
Contest 
*/
	body#contest #container {background-image:url(../img/contest-bg-winner.jpg);}
	body#contest #content {
		margin:164px 45px 45px;
		overflow: auto;
	}
	body#contest .std-format h2 {
		font-size:15px;
		font-weight:bold;
		color:#e70003;
	}
	body#contest #left-col {
		float:left;
		width:372px;
		margin:25px 40px 0 93px;
	}
	body#contest #right-col {
		float:left;
		width:355px;
	}

	/* new styles for winner announcement 6/22/10 */

	body#contest #content #winner-page {
		margin:0 80px 0 90px;
	}
	body#contest #content #winner-page h2,
	body#contest #content #winner-page #winner {
		display:none;
	}
	body#contest #content #winner-page #intro {
		height:240px;
		background:url(../img/contest-winner.jpg) 0 0 no-repeat;
		padding:140px 0 0 375px;
	}
	body#contest #content #winner-page #mentions {
		margin-top:20px;
		text-indent:-10000px;
		height:355px;
		background:url(../img/contest-hon-mentions.jpg) 0 0 no-repeat;
	}
	body#contest #content #winner-page #dares-we-love {
		text-align:center;
		margin:20px 0 20px;;
		line-height:1.5;
	}
	body#contest #content #winner-page #dares-we-love h3 {
		width:185px;
		height:19px;
		text-indent: -10000px;
		background:url(../img/contest-dares-we-love.gif) 0 0 no-repeat;
		margin:0 auto 12px;
	}
	body#contest #content #winner-page #dares-we-love h4 {
		font-size:16px;
		font-weight:bold;
	}
	body#contest #content #winner-page #dares-we-love h5 {
		font-style:italic;
		font-weight:normal;
	}
	body#contest #content #winner-page #dares-we-love p {
		font-weight:bold;
		font-style:italic;
	}


/*
Look Book
*/
	body#lookbook #container {background-image:url(../img/lookbook-bg.jpg);}
	body#lookbook #content {
		margin:0 0 45px 0;
		overflow: auto;
	}
	body#lookbook ul#thumb-nav, 
	body#lookbook #slideshow, 
	body#lookbook .spread, 
	body#lookbook .spread img, 
	body#lookbook a#prev,
	body#lookbook a#next {
		float:left;
	}
	body#lookbook #slideshow, 
	body#lookbook .spread {
		width:700px;
	}
	
	body#lookbook ul#thumb-nav {
		margin:20px 22px 0 42px;
	}
	body#lookbook a#prev {
		margin-right:2px;
	}
	
	body#lookbook a#prev,
	body#lookbook a#next {
		margin-top:290px;
	}
	body#lookbook #slideshow {
		margin-top:73px;
	} 
	
	body#lookbook ul#thumb-nav li a {
		display:block;
		width:115px;
		height:62px;
	}
		body#lookbook ul#thumb-nav li#thumb-1 a {background:url(../img/_lookbook/thumb-1.jpg) 0 0 no-repeat;}
		body#lookbook ul#thumb-nav li#thumb-2 a {background:url(../img/_lookbook/thumb-2.jpg) 0 0 no-repeat;}
		body#lookbook ul#thumb-nav li#thumb-3 a {background:url(../img/_lookbook/thumb-3.jpg) 0 0 no-repeat;}
		body#lookbook ul#thumb-nav li#thumb-4 a {background:url(../img/_lookbook/thumb-4.jpg) 0 0 no-repeat;}
		body#lookbook ul#thumb-nav li#thumb-5 a {background:url(../img/_lookbook/thumb-5.jpg) 0 0 no-repeat;}
		body#lookbook ul#thumb-nav li#thumb-6 a {background:url(../img/_lookbook/thumb-6.jpg) 0 0 no-repeat;}
		body#lookbook ul#thumb-nav li#thumb-7 a {background:url(../img/_lookbook/thumb-7.jpg) 0 0 no-repeat;}
		body#lookbook ul#thumb-nav li#thumb-8 a {background:url(../img/_lookbook/thumb-8.jpg) 0 0 no-repeat;}
		body#lookbook ul#thumb-nav li#thumb-9 a {background:url(../img/_lookbook/thumb-9.jpg) 0 0 no-repeat;}
		body#lookbook ul#thumb-nav li a:hover, body#lookbook ul#thumb-nav li a.activeSlide  {
			background-position: -116px 0 !important;
		}
	body#lookbook img#heart {
		position:relative;
		z-index:20;
		top:531px;
		right:40px;
	}
	body#lookbook .spread a.mnm {
		position:absolute;
		text-indent: -10000px;
		display:block;
		width:151px;
		height:25px;
		background:url(../img/lookbook-mnm-button.png) 0 0 no-repeat;
		top:395px;
		visibility: hidden;
		opacity:0;
		-webkit-transition: opacity 0.3s linear;
		-webkit-transition-delay: 0.15s;
	}
	body#lookbook a.mnm.left {
		left:75px;
	}
	body#lookbook a.mnm.right {
		left:470px;
	}
	body#lookbook .left-page:hover a.mnm.left, body#lookbook .right-page:hover a.mnm.right {
		visibility: visible;
		opacity:0.75;
	}
	

/*
Press
*/
	body#press #content {
		margin:40px 45px 0;
		background-color: #fff;
	}
	body#press h2 {
		font-weight:normal;
		font-size:16px;
		margin:0 0 8px 87px;
		padding-top:10px;
	}
	body#press #slideshow, 
	body#press #slideshow img, 
	body#press a#prev,
	body#press a#next {
		float:left;
	}
	body#press a#prev,
	body#press a#next {
		width:40px;
		height:515px;
		text-indent: -10000px;
	}
		body#press a#prev {
			background: url(../img/lookbook-arrow-left.png) center center no-repeat;
		}
		body#press a#next {
			background: url(../img/lookbook-arrow-right.png) center center no-repeat;
		}
	
	body#press #slideshow {
		border:1px solid #ddd;
	}
	
	body#press #slide-container {
		overflow: auto;
		margin:0 0 10px 49px;
	}
	body#press ul#cover-nav {
		overflow: auto;
		overflow-y: hidden;
		width:706px;
		height:176px;
		white-space: nowrap;
		margin:0 auto 50px;
	}
	body#press ul#cover-nav li {
		display:inline;
	}
	body#press ul#cover-nav li a:hover img, body#press ul#cover-nav li a.activeSlide img {
		-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;
	}


/*
Where To Buy
*/

	body#where-to-buy #content {
		margin-bottom:15px;
		background:url(../img/wheretobuy-board.jpg) 105px 40px no-repeat;
		overflow:auto;
	}
	
	body#where-to-buy #content #left-col {
		float:left;
	}
		body#where-to-buy #content h2 {
			font-weight: normal;
			text-indent:-10000px;
			margin:5px 0 0 10px;
			width:208px; height:179px;
			background: url(../img/wheretobuy-board-star.png) 0 0 no-repeat;
		}
		body#where-to-buy #content img#wtb-tag {
			margin:135px 0 0 55px;
		}
	body#where-to-buy #content #right-col {
		float:right;
		margin:20px 85px 0 0;
	}
		body#where-to-buy #content h3 {
			text-indent:-10000px;
			width:445px; height:74px;
			background: url(../img/wheretobuy-board-label.png) 0 0 no-repeat;
		}
		body#where-to-buy #content ul {
			margin-left:40px;
			padding-bottom:60px;
		}
		body#where-to-buy #content ul li a {
			display:block;
			text-indent:-10000px;
			width:335px;
			cursor: pointer;
		}
			body#where-to-buy #content ul li#wtb-beachbliss a {height:94px; background: url(../img/wheretobuy-store-beachbliss.png) 0 0 no-repeat;}
			body#where-to-buy #content ul li#wtb-iloveswimwear a {height:166px; background: url(../img/wheretobuy-store-iloveswimwear.png) 0 0 no-repeat;}
			body#where-to-buy #content ul li#wtb-swimwearboutique a {height:148px; background: url(../img/wheretobuy-store-swimwearboutique.png) 0 0 no-repeat;}

	/* Updates to add tillys.com on 6/7/10 */

		body#where-to-buy #content .updated-0610 h3 {
			position:relative;
			z-index:99;
		}
		body#where-to-buy #content .updated-0610 ul {
			margin-top:-20px;			
		}
		body#where-to-buy #content .updated-0610 ul li a {
			width:325px;
		}
			body#where-to-buy #content .updated-0610 ul li#wtb-beachbliss a {height:89px; background: url(../img/wheretobuy-store-beachbliss-0610.png) 0 0 no-repeat;}
			body#where-to-buy #content .updated-0610 ul li#wtb-iloveswimwear a {height:130px; background: url(../img/wheretobuy-store-iloveswimwear-0610.png) 0 0 no-repeat;}
			body#where-to-buy #content .updated-0610 ul li#wtb-swimwearboutique a {height:137px; background: url(../img/wheretobuy-store-swimwearboutique-0610.png) 0 0 no-repeat; margin-top:-5px;}
			body#where-to-buy #content .updated-0610 ul li#wtb-tillys a {height:90px; background: url(../img/wheretobuy-store-tillys-0610.png) 0 0 no-repeat; margin-top:-4px;}

	
/*
Blog 
*/

	body#blog #container {background:url(../img/blog-bg.jpg) 5px 106px no-repeat;}
	body#blog #content {
		/* padding-top:230px; */
		margin:0 45px 45px;
		overflow: auto;
	}
	body#blog a#blog-link {
		display:block;
		text-indent:-10000px;
		width:886px;
		height:145px;
	}
	body#blog a#blogger-profiles-link {
		display:block;
		text-indent:-10000px;
		width:886px;
		height:33px;
		margin-bottom:45px;
	}
	body#blog #content #main-col {
		float:left;
		width:560px;
		margin:0 20px 0 80px;
	}
	body#blog #content h2.pagetitle {
		color:#333;
		font-size:24px;
		font-weight:normal;
		line-height:1.5;
		margin-bottom:12px;
		text-transform: lowercase;
	}
	body#blog #content h3 {
		color:#333;
		font-size:21px;
		font-weight:normal;
		line-height:1.5;
		margin-bottom:4px;
	}
	body#blog #content h3 a {
		color:#ed037c;
	}
	body#blog .post p.byline {
		color:#e70003;
		font-size: 11px;
		margin-bottom:12px;
	}
		body#blog .post p.byline a {
			color:#f38000;
			text-transform: lowercase;
		}
		body#blog .post p.byline span {
			color:#333;
			text-transform: lowercase;
		}
	body#blog .entry img {
		margin:6px 0;
	}
	body#blog .post .tools {
		font-size:11px;
		margin-top:18px;
	}
		body#blog .post .tools p.comments {
			text-transform: lowercase;
		}
	body#blog #sidebar {
		float:left;
		margin-top:50px;
		width:223px;
		padding-bottom:37px;
		background: url(../img/blog-sidebar-bot.png) bottom no-repeat;
		text-transform:lowercase;
	}
	body#blog #sidebar img#sidebar-top-cap {
		display:block;
	}
	body#blog #sidebar p {
		margin-bottom:22px;
	}

	body#blog #sidebar-content {
		background: url(../img/blog-sidebar-mid.png) 0 0 repeat-y;
		padding:4px 40px 1px;
		text-align:right;
		font-size:11px;
		line-height:14px;
	}
	body#blog #sidebar-content h2 {
		font-size:18px;
		color:#ed037c;
		font-weight:normal;
		margin-bottom:10px; /* */
	}
	body#blog #sidebar-content ul ul {
		padding-bottom:22px;
	}
	body#blog #sidebar-content ul li {
		padding-bottom:6px;
	}
	body#blog #sidebar-content a {
		color:#f38000;
	}
	body#blog .post {
		margin-bottom:35px;
	}
	body#blog .std-container {
		margin:0 45px;
	}
	body#blog p.wp-caption-text {
		font-size:11px;
		color:#999;
		font-style: italic;
		font-weight:bold;
	}
	body#blog .blog-tools {
		overflow: auto;
		margin:30px 0 20px;
	}
	body#blog .wp_likes, body#blog .topsy-sm {
		float:left;
		margin-right:12px;
	}
	
	body#blog p {
		/* overflow:auto; */
	}
	body#blog img.alignleft {
		float:left;
		margin: 4px 20px 20px 0; 
	}
	body#blog img.alignright {
		float:right;
		margin: 4px 0 20px 20px; 
	}
	body#blog #content .std-format h4 {
		clear:both;
		margin-top:30px;
	}