/*-----------------------------------------------------------------------------
	The White Hat Italian Frozen Yogurt Stylesheet v1.0
	By: Lester Reyes (jlrworks.com)
	Main Stylesheet
-----------------------------------------------------------------------------*/

body {
	background-color: #4EA8DA;
	font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	margin-bottom: 0;
	margin-top: 0;
}

#wrapper {
}

#page {
	background-color: #FFFFFF;
	clear: both;
	float: left;
}

#page-footer {
	clear: both;
}

blockquote {
	background: transparent url(../images/quote.gif) no-repeat 5px 5px;
	color: #EEEEEE;
	font-style: normal;
	padding: 0;
}

a {
	color: #3775E2;
	text-decoration: none;
}

a:hover {
	color: #00BADA;
}

blockquote p 	{ padding: 0 20px 0 30px; }
hr 				{ background: #CCC; height: 1px; }
img				{ margin: 0; }
p {
	text-align: left;
}
p img			{ float: none; }
a.button 		{ float: left; }
input 			{ padding-left: 0; border: 1px solid #CCCCCC;  }
ul 				{ margin-left: 15px; list-style-type: none; }
ul li 			{ padding: 2px 0 2px 9px; background: url(../images/icons/bullet_square_grey.gif) left 5px no-repeat; }
ol				{ margin-left: 35px; }
ol li {
	background-image: none;
}
label			{ font-weight: normal; }
.small			{ font-size: .9em; }
.nomargin		{ margin: 0; }
a.button, button { font-weight: normal; }

h2 a {
	color: #3B4A25;
	text-decoration: none;
}

h3, h3 a {
	color: #0B7FBF;
	font-size: 1.3em;
	font-weight: bold;
 	letter-spacing: 0px;
	line-height: 1.2;
	margin-bottom: 7px;
	text-decoration: none;
}

h4 {
	margin-bottom: 5px;
}

em {
	font-size: 10px;
}

/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/

.front #header {
	background: #FFFFFF url(../images/bg-header.jpg) no-repeat top right;
}

#header {
	background: #FFFFFF url(../images/bg-header-inside.jpg) no-repeat top right;
	clear: both;
	height: 149px;
}

#logo {
	float: left;
	height: 149px;
	width: 310px;
}

#logo h1.logo-title {
	margin: 0;
}

.front #logo a {
	background: transparent url(../images/logo.jpg) no-repeat 0 0;
}

#logo a {
	background: transparent url(../images/logo-inside.jpg) no-repeat 0 0;
	display: block;
	height: 149px;
	text-decoration: none;
	text-indent: -10000px;
	width: 310px;
}

#mini-contact {
	color: #949494;
	float: right;
	font-size: 10px;
	line-height: 1.2em;
	margin: 10px 10px 0 0;
}

#mini-contact a {
	color: #B8AB8D;
	text-decoration: none;
}

#mini-contact a:hover {
	color: #917C4B;
}

/*-----------------------------------------------------------------------------
	Navigation & Buttons
-----------------------------------------------------------------------------*/

#nav-wrapper {
	background: transparent url(../images/bg-nav.jpg) no-repeat 0 0;
	float: left;
	font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	width: 183px;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav ul li {
	background: none;
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
}

#nav ul li.expand {
	padding: 0;
}

#nav ul.child {
	padding-top: 10px;
}

#nav ul.child li {
	padding: 0;
}

#nav span {
	margin-right: 20px;
}

#nav a {
	background: transparent url(../images/bg-menu.jpg) no-repeat 0 0;
	color: #ED145A;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin: 0;
	text-align: right;
	text-decoration: none;
	text-transform: lowercase;
	width: 183px;
}
#nav a:hover {
	color: #148CCC;
	background: transparent url(../images/bg-menu.jpg) no-repeat 0 0;
}

#nav li {
	position: relative;
}

#nav ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

#nav ul ul ul,
#nav ul ul li:hover ul ul {
	display: none;
}

#nav ul ul li:hover ul,
#nav ul ul ul li:hover ul {
	display: block;
}

#buttons ul.list {
	margin: 0;
	padding: 0;
}

#buttons ul.list li {
	background: none;
	margin: 0;
	padding: 15px 0 0 0;
	text-align: center;
}

/*-----------------------------------------------------------------------------
	Limelight
-----------------------------------------------------------------------------*/

#limelight-wrapper {
	float: left;
	width: 530px;
}

#limelight-top {
	background: transparent url(../images/home-limelight-top.jpg) no-repeat 0 0;
	float: left;
	height: 270px;
	width: 592px;
}

#limelight-bottom {
	background: transparent url(../images/home-limelight-bottom.jpg) no-repeat 0 0;
	height: 160px;
	width: 530px;
}

/*-----------------------------------------------------------------------------
	Announcements, Newsletter, News & Latest Blogs Corners
-----------------------------------------------------------------------------*/

#corner-wrapper {
	float: left;
	width: 245px;
}

#announcements-corner div.top {
	background: transparent url(../images/bg-announcements-corner-top.jpg) no-repeat 0 0;
	height: 220px;
}

#announcements-corner div.top div.inside {
	font-size: 10px;
	margin: 0 auto;
	padding: 15px 0 0 3px;
	text-align: left;
	width: 180px;
}

#announcements-corner div.top div.inside div.scroll-content {
	height: 170px;
	overflow: hidden;
	margin-top: 10px;
}

#announcements-corner div.bottom {
	background: transparent url(../images/bg-announcements-corner-bottom.jpg) no-repeat 0 0;
	height: 30px;
}

#announcements-corner h2.title {
	color: #0082C8;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#announcements-corner span {
	color: #45C3d3;
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#announcements-corner ul {
	margin: 0;
}

#newsletter div.top {
	background: transparent url(../images/bg-news-corner-top.jpg) no-repeat center top;
	height: 40px;
}

#newsletter div.top div.inside {
	padding-top: 15px;
	text-align: center;
}

#newsletter div.middle {
	background: transparent url(../images/bg-news-corner-middle.jpg) repeat-y center top;
}

#newsletter div.middle div.inside {
	font-size: 10px;
	margin: 0 auto;
	width: 195px;
}

#newsletter div.bottom {
	background: transparent url(../images/bg-news-corner-bottom.jpg) no-repeat center top;
	height: 30px;
}

#newsletter h2.title {
	color: #0082C8;
	font-size: 14px;
	font-weight: bold;
}

#newsletter span {
	color: #45C3d3;
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#newsletter div.note {
	font-weight: bold;
	padding: 5px 10px;
}

#newsletter fieldset {
	margin: 0;
	padding: 5px;
}

#newsletter input.custom {
	margin: 0;
	width: 173px;
}

#newsletter div.input-buttons {
	padding: 10px 10px 0 10px;
	text-align: right;
}

#newsletter div.input-buttons div.note-required {
	float: left;
	font-size: 9px;
	font-style: italic;
}

#newsletter div.input-buttons input {
	background: transparent url(../images/button-submit.gif) no-repeat 0 0;
	border: none;
	cursor: pointer;
	height: 31px;
	text-indent: -10000px;
	width: 80px;
}

#newsletter div.input-buttons input:hover {
	background: transparent url(../images/button-submit.gif) no-repeat 0 -31px;
}

#news-corner div.top {
	background: transparent url(../images/bg-news-corner-top.jpg) no-repeat center top;
	height: 40px;
}

#news-corner div.top div.inside {
	padding-top: 15px;
	text-align: center;
}

#news-corner div.middle {
	background: transparent url(../images/bg-news-corner-middle.jpg) repeat-y center top;
}

#news-corner div.middle div.inside {
	font-size: 10px;
	margin: 0 auto;
	width: 195px;
}

#news-corner div.bottom {
	background: transparent url(../images/bg-news-corner-bottom.jpg) no-repeat center top;
	height: 30px;
}

#news-corner h2.title {
	color: #0082C8;
	font-size: 14px;
	font-weight: bold;
}

#news-corner span {
	color: #45C3d3;
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#news-corner ul {
	margin: 0;
}

#blogs-corner div.top {
	background: transparent url(../images/bg-blogs-corner-top.jpg) no-repeat center top;
	height: 59px;
	text-indent: -10000px;
}

#blogs-corner div.middle {
	background: transparent url(../images/bg-blogs-corner-middle.jpg) repeat-y center top;
}

#blogs-corner div.middle div.inside {
	font-size: 10px;
	margin: 0 auto;
	padding: 5px 0;
	width: 195px;
}

#blogs-corner div.bottom {
	background: transparent url(../images/bg-blogs-corner-bottom.jpg) no-repeat center top;
	height: 30px;
}


/*-----------------------------------------------------------------------------
	Home Promos
-----------------------------------------------------------------------------*/

#home-promos div {
	background-color: #FFFFFF;
	font-size: 10px;
}

#home-promos div.inside {
	padding: 0 5px;
}

#home-promos div.left {
	float: left;
	width: 190px;
}

#home-promos div.right {
	float: right;
	width: 180px;
}

#home-promos div.center {
	float: left;
	width: 160px;
}

#home-promos div.center div.inside {
	color: #AAAAAA;
}

/*-----------------------------------------------------------------------------
	Celebrity Sightings
-----------------------------------------------------------------------------*/

#sightings {
	font-size: 10px;
	padding: 15px 5px 5px 5px;
}

#sightings h2.title {
	background: transparent url(../images/title-celebrity-sightings.gif) no-repeat 0 0;
	height: 44px;
	text-indent: -10000px;
}

#sightings div.inside {
	background: transparent url(../images/bg-sightings.gif) repeat-y 0 0;
	margin: 5px 5px 0 5px;
}

#sightings div.bottom {
	background: transparent url(../images/bg-sightings-bottom.gif) no-repeat bottom left;
	height: 20px;
	margin-left: 5px;
}

#sightings div.cust,
#sightings div.char {
	border-top: 1px solid #F084BE;
	float: left;
	padding: 10px 10px 5px 5px;
	width: 239px;
}

#sightings div.cust h3.title {
	background: transparent url(../images/title-celebrity-customers.gif) no-repeat 0 0;
	height: 32px;
	text-indent: -10000px;
}

#sightings div.char h3.title {
	background: transparent url(../images/title-celebrity-for-charity.gif) no-repeat 0 0;
	height: 46px;
	text-indent: -10000px;
}

#sightings a.pic {
	background: transparent url(../images/sightings-frame.gif) no-repeat 0 0;
	display: block;
	float: left;
	height: 97px;
	margin-right: 5px;
	width: 110px;
}

#sightings div.info img {
	height: 79px;
	padding: 8px 0 0 10px;
	width: 90px;
}

/*-----------------------------------------------------------------------------
	Main Content
-----------------------------------------------------------------------------*/
.front #maincontent {
	clear: both;
	width: 775px;
}

#maincontent {
	background-color: #FFFFFF;
	color: #333333;
	float: left;
	font-size: 11px;
	width: 592px;
}

#maincontent h2.page-title {
	height: 126px;
	text-indent: -10000px;
}

#maincontent h3.page-title {
	color: #E10688;
	font-size: 16px;
	text-transform: uppercase;
}

#maincontent h3.page-title-store {
	color: #E10688;
	font-size: 16px;
	text-transform: uppercase;
	margin-left:20px
}

#maincontent h4.sub-title {
	color: #E10688;
	font-size: 18px;
}

#maincontent div.content {
	padding: 0 70px 0 30px;
}

.gallery-page #maincontent div.content {
	padding: 0 50px 0 30px;
}

/*-----------------------------------------------------------------------------
	Headings
-----------------------------------------------------------------------------*/

h2.title-about,
h2.title-how-the-hat-came-to-be,
h2.title-why-eat-yogurt {
	background: #FFFFFF url(../images/heading-about.gif) no-repeat 185px 0;
}

h2.title-create-your-own-hat,
h2.title-toppings,
h2.title-combos,
h2.title-drinks {
	background: #FFFFFF url(../images/heading-menu.gif) no-repeat 185px 0;
}

h2.title-news {
	background: #FFFFFF url(../images/heading-news.gif) no-repeat 185px 0;
}

h2.title-promo {
	background: #FFFFFF url(../images/heading-promo.gif) no-repeat 185px 0;
}

h2.title-gallery,
h2.title-album,
h2.title-events {
	background: #FFFFFF url(../images/heading-gallery.gif) no-repeat 185px 0;
}

h2.title-whitehat-videos {
	background: #FFFFFF url(../images/heading-whitehat-videos.gif) no-repeat 185px 0;
}

h2.title-downloads {
	background: #FFFFFF url(../images/heading-downloads.gif) no-repeat 185px 0;
}

h2.title-stores {
	background: #FFFFFF url(../images/heading-stores.gif) no-repeat 185px 0;
}

h2.title-contact {
	background: #FFFFFF url(../images/heading-contact.gif) no-repeat 185px 0;
}

h2.title-blog-about-the-hat {
	background: #FFFFFF url(../images/heading-blog-hat.gif) no-repeat 185px 0;
}

h2.title-hat-pics-cool-picks {
	background: #FFFFFF url(../images/heading-hat-picks.gif) no-repeat 185px 0;
}

h2.title-celebrity-for-charity {
	background: #FFFFFF url(../images/heading-charity.gif) no-repeat 185px 0;
}

h2.title-thank-you {
	background: #FFFFFF url(../images/heading-thank-you.gif) no-repeat 185px 0;
}

h2.title-testimonials {
	background: #FFFFFF url(../images/heading-testimonials.gif) no-repeat 185px 0;
}

h2.title-sponsorship {
	background: #FFFFFF url(../images/heading-sponsorship.gif) no-repeat 185px 0;
}

.create-your-own-hat-page h3.page-title {
	background: #FFFFFF url(../images/page-image-create-your-own-hat-head.jpg) no-repeat 0 0;
	height: 90px;
	text-indent: -10000px;
}

/*-----------------------------------------------------------------------------
	Inside Pages Generics
-----------------------------------------------------------------------------*/

.align-justify p {
	text-align: justify;
}

.pad-top {
	margin-top: 40px;
}

span.highlight {
	color: #1E90FF;
	font-weight: bold;
	text-transform: uppercase;
}

span.strong-highlight {
	color: #1E90FF;
	font-weight: bold;
}

ul.why span {
	color: #2FA4B2;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

ul.news {
	clear: both;
}

ul.news li {
	background: none;
}

ul.news-list li {
	background: transparent url(../images/icons/bullet_square_grey.gif) no-repeat 0 5px;
}

ul.wallpapers li {
	background: none;
	float: left;
	text-align: center;
}

ul.wallpapers li img {
	border: 1px solid #CCCCCC;
}

ul.gallery-folders {
	margin: 0 0 0 15px;
	padding: 0;
}

ul.gallery-folders li {
	background: none;
	float: left;
	margin: 0 5px;
	padding: 0;
}

ul.gallery-folders li a {
	display: block;
	height: 163px;
	text-indent: -10000px;
	width: 150px;
}

ul.event-folders {
	margin: 0 0 0 15px;
	padding: 0;
}

ul.event-folders li {
	background: none;
	clear: none;
	display: block;
	float: left;
	margin: 0 5px;
	padding: 35px 0 0 0;
	text-align: center;
}

ul.event-folders li a {
	display: block;
	width: 200px;
}

ul.event-folders li a span {
	/*clear: both;*/
}

ul.gallery-pics,
ul.event-pics {
	margin: 0;
	padding: 0;
}

ul.gallery-pics li,
ul.event-pics li {
	background: none;
	float: left;
	margin: 2px 3px;
	padding: 0;
}

ul.otd li {
	background: none;
	float: left;
	text-align: center;
}

ul.otd li span {
	color: #3775E2;
	font-weight: bold;
}

ul.otd li img {
	height: 141px;
	padding-top: 20px;
	width: 170px;
}

ul.otd li a {
	display: block;
	height: 180px;
	width: 206px;
}

ul.otd li.cust a {
	background: transparent url(../images/page-image-hat-pics-cool-picks.jpg) no-repeat 0 0;
}

ul.otd li.celeb a {
	background: transparent url(../images/page-image-hat-pics-cool-picks.jpg) no-repeat 0 0;
}

ul.archives {
	text-align: left;
}

ul.archives a.blog-title {
	font-weight: bold;
	text-decoration: underline;
}

a.a1 {
	background: transparent url(../images/page-image-gallery-folder-customer-pics.gif) no-repeat 0 0;
}

a.a1:hover {
	background: transparent url(../images/page-image-gallery-folder-customer-pics.gif) no-repeat 0 -163px;
}

a.a2 {
	background: transparent url(../images/page-image-gallery-folder-celebrity-pics.gif) no-repeat 0 0;
}

a.a2:hover {
	background: transparent url(../images/page-image-gallery-folder-celebrity-pics.gif) no-repeat 0 -163px;
}

a.a3 {
	background: transparent url(../images/page-image-gallery-folder-event-pics.gif) no-repeat 0 0;
}

a.a3:hover {
	background: transparent url(../images/page-image-gallery-folder-event-pics.gif) no-repeat 0 -163px;
}

a.a4 {
	background: transparent url(../images/page-image-gallery-folder-potd.gif) no-repeat 0 0;
}

a.a4:hover {
	background: transparent url(../images/page-image-gallery-folder-potd.gif) no-repeat 0 -163px;
}

a.a5 {
	background: transparent url(../images/page-image-gallery-folder-cfcp.gif) no-repeat 0 0;
}

a.a5:hover {
	background: transparent url(../images/page-image-gallery-folder-cfcp.gif) no-repeat 0 -163px;
}

a.a6 {
	background: transparent url(../images/page-image-gallery-folder-vofv.gif) no-repeat 0 0;
}

a.a6:hover {
	background: transparent url(../images/page-image-gallery-folder-vofv.gif) no-repeat 0 -163px;
}

.thumb {
	height: 79px;
	width: 90px;
}

img.a2 {
	height: 128px;
	width: 155px;
}

.pageNum {
	clear: both;
	text-align: center;
}

.act {
	color: #333333;
	font-weight: bold;
}

.lnk {
	text-decoration: underline;
}

.empha {
	font-size: 13px;
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

ul.pr li {
	background: none;
	float: left;
	padding: 0 15px 20px 0;
}

.more {
	clear: both;
	padding-top: 15px;
	text-align: right;
}

.popup img {
	margin: 0;
}

/*-----------------------------------------------------------------------------
	Blog & HAT Picks
-----------------------------------------------------------------------------*/

div.featured-blog {
	margin-top: 20px;
}

div.featured-blog h4.title {
	clear: none;
	color: #6699FF;
	margin: 0;
}

div.featured-blog div.details {
	clear: none;
	color: #505050;
	font-size: 10px;
	margin-bottom: 15px;
	text-align: left;
}

div.featured-blog p.quote {
	color: #E10688;
	font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 10px;
	width: 480px;
}

div.blog-form,
div.hat-form  {
	padding-bottom: 15px;
}

div.blog-form fieldset,
div.hat-form fieldset {
	border-bottom: 1px solid #949494;
	margin: 0 0 7px 0;
	padding: 0;
}

div.blog-form  label,
div.hat-form  label {
	float: left;
	font-weight: bold;
	line-height: 40px;
}

div.blog-form  input.custom,
div.hat-form  input.custom {
	float: right;
	width: 300px;
}

div.blog-form input.button,
div.hat-form input.button {
	background: transparent url(../images/button-submit.gif) no-repeat 0 0;
	border: none;
	cursor: pointer;
	height: 31px;
	width: 80px;
}

div.blog-form input.button:hover,
div.hat-form input.button:hover {
	background: transparent url(../images/button-submit.gif) no-repeat 0 -31px;
}

.senderror {
	background-color: #FBE3E4;
	font-size: 10px;
	font-weight: bold;
	padding: 5px;
}

.sendsuccess {
	background-color: #CDEB8B;
	font-size: 10px;
	font-weight: bold;
	padding: 5px;
}

/*-----------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------*/

#footer-wrapper {
	background: #FFFFFF url(../images/bg-footer.jpg) no-repeat top right;
	clear: both;
	height: 116px;
}

#footer {
	color: #A0A0A0;
	font-size: 10px;
	padding: 66px 70px 10px 215px;
	position: relative;
	text-align: center;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul li a {
	color: #48C1DE;
	text-decoration: none;
	text-transform: lowercase;
}

#footer ul li a:hover {
	color: #2F7E91;
}

/*-----------------------------------------------------------------------------
	Images
-----------------------------------------------------------------------------*/

img.left {
	float: left;
	margin: 0 20px 10px 0;
	text-align: left;
}

img.right {
	float: right;
	margin: -5px 5px 10px 10px;
	text-align: right;
}

img.center {
	text-align: center;
}

img.ex-pad {
	padding-bottom: 40px;
}

/*-----------------------------------------------------------------------------
	Misc
-----------------------------------------------------------------------------*/

.clear {
	clear: both;
}

.hidden {
	display: none;
	visibility: hidden;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

p.align-left {
	text-align: left;
}

div.no-powder {
	margin: 0 auto;
	width: 300px;
}