@charset "UTF-8";
/*
Theme Name: Ray's Ice Cream
Theme URI: http://www.raysicecream.com/
Description: Wordpress theme for raysicecream.com created in October 2009.
Version: 1.0
Author: Brian Ashley
Author URI: http://www.bigfuzz.com/
Tags: ice cream

	Ray's Ice Cream v1.0
	 http://www.raysicecream.com/

	This theme was designed and built by Brian Ashley,
	whose site you will find at http://www.bigfuzz.com/

/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End CSS Reset */

body {
	background-color: #fff;
	background-image: url(images/page-bkg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
}
.wrapper {
	width: 960px;
	margin: 0px auto;
}
a {
	color: #0032aa;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

#header {
	height: 255px;
	background-image: url(images/header-bkg.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
	#address {
		position: absolute;
		top: 14px;
		right: 60px;
	}
	#address li {
		display: inline;
		padding-left: 15px;
		font-size: 14px;
		line-height: 16px;
	}
	#logo {
		position: absolute;
		top: 67px;
		left: 41px;
	}
	#logo a {
		text-indent: -9999px;
		background-image: url(images/logo.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 174px;
		height: 116px;
		display: block;
	}
	#phone-hours {
		position: absolute;
		top: 57px;
		right: 36px;
		text-align: right;
		color: #122a60;
		padding: 12px 26px 0px 0px;
		font-size: 36px;
		background-image: url(images/phone-bkg.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		height: 130px;
		width: 650px;
	}
	#phone span {
		color: #546386;
		font-size: 18px;
	}
	#hours p {
		font-size: 22px;
		padding-top: 20px;
	}
	.nav ul {
		position: absolute;
		left: 36px;
		top: 191px;
		width: 893px;
		height: 63px;
		background-image: url(images/nav-bkg.png);
		background-repeat: no-repeat;
		background-position: left top;
		padding: 9px 0px 0px 27px;
	}
	.nav li {
		float: left;
	}
	.nav a, .nav a:hover {
		color: #fff;
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;
		height: 45px;
		line-height: 43px;
		display: block;
		float: left;
		text-align: center;
		margin: 0px 1px;
	}
	.nav a:hover,
	.nav .current_page_item a {
		background-image: url(images/nav-hover.png);
		background-repeat: repeat-x;
		background-position: left top;
	}
	.nav a {
		width: 68px;
	}
	.nav .page-item-6 a {
		width: 146px;
	}
	.nav .page-item-8 a {
		width: 215px;
	}
	.nav .page-item-2 a {
		width: 112px;
	}
	.nav .page-item-10 a {
		width: 181px;
	}
	.nav .page-item-12 a {
		width: 108px;
	}
#content {
	background-image: url(images/content-bkg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px 41px 10px 40px;
	width: 879px;
	min-height: 450px;
	float: left;
}
	#content h2 {
		color: #3e64b2;
		font-size: 36px;
		line-height: 48px;
		padding-bottom: 15px;
		font-weight: normal;
	}
	#content h3 {
		color: #700a17;
		font-size: 28px;
		line-height: 32px;
		font-weight: normal;
	}
	#content h4 {
		color: #3e64b2;
		font-size: 24px;
		line-height: 36px;
		font-weight: normal;
	}
	#content p {
		font-size: 13px;
		line-height: 16px;
		padding-bottom: 10px;
	}
	#content p.seasonal {
		width: 100%;
		clear: left;
		padding-top: 15px;
	}
	#content ul,
	#content ol {
		padding: 5px 0px 15px;
	}
	#content #post-10 ul {
		padding-left: 20px;
	}
	#content li {
		font-size: 13px;
		line-height: 16px;
	}
	#content #post-10 li {
		font-weight: bold;
		padding-bottom: 3px;
	}
	#content p.pdf {
		margin: 5px 0px;
		text-align: right;
		font-size: 14px;
		font-weight: bold;
		padding-right: 40px;
		padding-top: 16px;
		background-image: url(images/menu-download.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		float: right;
	}
	.alignright {
		float: right;
		margin: 0px 0px 10px 10px;
	}
	.alignleft {
		float: left;
		margin: 0px 10px 10px 0px;
	}
/* Homepage */
#related {
	width: 480px;
	padding-right: 20px;
	float: left;
}
	#related div {
		padding-left: 125px;
		padding-top: 10px;
		height: 115px;
		overflow: visible;
	}
	#buy-preview {
		background-image: url(images/home-buy.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	#flavors-preview {
		background-image: url(images/home-flavors.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
#content #related h3 a {
	color: #730b17;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
}
	#content #related h3 a:hover {
		color: #ce132a;
		text-decoration: none;
	}
.wpcf7-mail-sent-ok {
	color: #063;
	padding: 10px;
	border: 1px solid #063;
	font-size: 12px;
	background-color: #fff;
	float: left;
}
#connect {
	float: left;
	width: 367px;
	padding-left: 12px;
}
	#content #connect h3 {
		font-size: 20px;
		line-height: 24px;
		color: #fff;
	}
	#newsletter {
		background-image: url(images/home-newsletter.png);
		background-repeat: no-repeat;
		background-position: left top;
		height: 100px;
		padding: 15px 0px 0px 30px;
		position: relative;
	}
		#newsletter input {
			color: #666;
			font-size: 14px;
			padding: 8px 10px 8px 10px;
			border: 1px solid #ccc;
			width: 230px;
			position: absolute;
			top: 47px;
			left: 30px;
		}
		#newsletter div.button input {
			padding: 0px 0px 0px 0px;
			border: none;
			width: 323px;
			height: 39px;
			display: block;
			position: absolute;
			top: 44px;
			left: 26px;
			cursor: pointer; /* hand-shaped cursor */
		}
		#connect #facebook,
		#connect #twitter {
			padding-left: 15px;
		}
		#connect h4 a {
			font-size: 22px;
			line-height: 48px;
			font-weight: normal;
			padding-left: 65px;
			height: 48px;
			display: block;
			margin-bottom: 10px;
		}
		#connect h4 a:hover {
			text-decoration: none;
		}
		#connect #facebook h4 a {
			color: #3e64b2;
			background-image: url(images/facebook.png);
			background-repeat: no-repeat;
			background-position: left top;
		}
		#connect #facebook h4 a:hover {
			color: #38579d;
		}
		#connect #twitter h4 a {
			color: #3ab9da;
			background-image: url(images/twitter.png);
			background-repeat: no-repeat;
			background-position: left top;
		}
		#connect #twitter h4 a:hover {
			color: #30b1d4;
		}
/* Flavors */
.icecream {
	float: left;
	width: 509px;
	padding-right: 20px;
}
	.icecream li {
		float: left;
		width: 50%;
		padding-bottom: 5px;
	}
	.seasonal {
		color: #996;
	}
.sorbet,
.sherbet {
	float: left;
	width: 350px;
}
.sorbet li,
.sherbet li {
		float: left;
		width: 100%;
		padding-bottom: 5px;
}
/* Thumbnail gallery */
.thumbnail-container {
	float: right;
	margin: 0px 0px 10px 10px;
	width: 500px;
}
.thumbnail-container a img {
	padding: 3px;
	border: none;
}
.thumbnail-container a {
	margin: 3px;
	float: left;
	border: 1px solid #eee;
}
.thumbnail-container a:hover {
	border: 1px solid #666;
}

#footer {
	background-image: url(images/footer-bkg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 92px;
	clear: left;
}