@charset "utf-8";
/* Pink Dot Press CSS */

*, html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #717171;
}

a {
	color: #f2635d;
	text-decoration: none;
}

a:hover, #buzz-content a:hover {
	color: #999999;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	padding: 17px 0;
}

#top {
	height: 230px;
	padding: 0 60px;
	background: url(../images/shadow-top.png) no-repeat bottom;
}

#top a img {
border: 0;
}

#content, #ssp-content, #buzz-content {
	padding: 33px 50px 25px 50px;
	background: url(../images/shadow-middle.png) repeat-y;
	overflow: auto;
	zoom: 1;
}

#ssp-content {
	padding: 26px 38px 0 37px;
}

#buzz-content {
	padding: 46px 10px 0 11px;
}

#footer, #footer-ssp, #footer-buzz {
	padding: 20px 0 0 60px;
	font-size: 11px;
	background: url(../images/shadow-bottom.png) no-repeat top;
}

#footer-ssp {
	background: url(../images/shadow-bottom-ssp.png) no-repeat top;
}

#footer-buzz {
	background: url(../images/shadow-bottom-buzz.png) no-repeat top;
}

#nav {
	float: right;
	width: 466px;
	margin: 123px 5px 0 0;
}


/* Content Sytles */
#content #right {
	float: right;
	width: 540px;
	display: inline;
	text-align: justify;
}

#content #right h1 {
	text-align: right;
	margin-bottom: 60px;
}

#content #left {
	float: left;
	width: 300px;
	display: inline;
}

#left img {
	border: 1px solid #fedddc;
	padding: 5px;
	clear: left;
	margin-bottom: 15px;
}

#content p {
	margin-bottom: 25px;
}

#ssp-content h1 {
	margin:  0 10px 14px 0;
	text-align: right;
}

#buzz-content h1 {
	margin: 0 60px 14px 0;
	text-align: right;
}

#ssp-content #ssp {
	padding-bottom: 18px;
	background: url(../images/ssp-balloons.png) no-repeat bottom right;
	height: 600px;
}

#buzz-thumbs {
	padding: 0 0 22px 120px;
	background: url(../images/buzz-balloons.png) no-repeat bottom left;
}

#buzz-thumbs span {
	color: #f8afad;
	margin-bottom: 13px;
	display: block;
}

#buzz-thumbs ul li {
	float: left;
	list-style: none;
	margin: 0 20px 18px 0;
	width: 160px;
	line-height: 15px;
}
#buzz-thumbs ul li a {
	color: #f2635d;
}

#buzz-thumbs ul li h3 {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 13px;
	color: #f2635d;
}

#buzz-thumbs ul li a img {
	border: 1px solid #f8afad;
	margin-bottom: 6px;
}
#buzz-thumbs ul li a:hover img {
	border: 1px solid #ccc;
}

#buzz-thumbs #nav-buttons {
	clear: both;
	padding-right: 120px;
}

#buzz-thumbs #nav-buttons #next-page {
	float: right;
}
/* Nav Styles */
#subnav {
	float: right;
	clear: right;
	margin-right: 140px;
	width: 180px;
	display: inline;
}

#nav ul li, #subnav ul li {
	float: left;
	list-style: none;
	display: block;
}

#nav ul li a, #subnav ul li a {
	display: block;
	border: 0;
	position: relative;
}

#nav ul li a img, #subnav ul li a img {
	border: 0;
}

#nav ul li.home { position: relative; background: url(../images/home-over.png) no-repeat top left; }
#nav ul li.scoop { position: relative; background: url(../images/scoop-over.png) no-repeat top left; }
#nav ul li.goods { position: relative; background: url(../images/goods-over.png) no-repeat top left; }
#nav ul li.buzz { position: relative; background: url(../images/buzz-over.png) no-repeat top left; }
#nav ul li.blog { position: relative; background: url(../images/blog-over.png) no-repeat top left; }
#nav ul li.contact { position: relative; background: url(../images/contact-over.png) no-repeat top left; }

#subnav ul li.wedding { position: relative; background: url(../images/wedding-over.png) no-repeat top left; }
#subnav ul li.baby { position: relative; background: url(../images/baby-over.png) no-repeat top left; }
#subnav ul li.party { position: relative; background: url(../images/party-over.png) no-repeat top left; }

#nav ul li a:hover img, #subnav ul li a:hover img {
	visibility: hidden;
	position: relative;
	zoom: 1;
	overflow: hidden;
}

/* General Styles */
.clear {
	clear: both;
}