/*
 * Theme Name: Cool Off - The Quick Chill
 * Theme URI: http://jonathan-kim.com/
 * Description: Custom WordPress theme for It's 2 Cool
 * Version: 1.0
 * Author: Jonathan Kim
 * Author URI: http://jonathan-kim.com
 */


/* IE PNG Fix */
img, div {
	/* behavior: url(http://jonathan-kim.com/demo/cooloff/wp-content/themes/cooloff/pngfix/iepngfix.htc); */
}

em {
	font-style: italic;
}

ol {
	margin-bottom: 10px;
	padding-left: 20px;
}

ol li {
	list-style: decimal;
}

/* Typography and Colors */
body {
	background: url(images/ice-bev.jpg) #fff no-repeat top left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color: #000;
}

body.home {
	background: url(images/ice-home.jpg) #fff no-repeat top left;
}

/* Using Cool Off page */
body.page-id-132 {
	background: url(images/ice-steph.jpg) #fff no-repeat top left;
}

/* Ingredients page */
body.page-id-133 {
	background: url(images/ice-steph.jpg) #fff no-repeat top left;
}

/* Events page */
body.page-id-15 {
	background: url(images/ice-tory.jpg) #fff no-repeat top left;
}

/* About page */
body.page-id-131 {
	background: url(images/ice-deb.jpg) #fff no-repeat top left;
}

/* Contact page */
body.page-id-13 {
	background: url(images/ice-biker.jpg) #fff no-repeat top left;
}

/* News/Press page */
body.page-id-77 {
	background: url(images/ice-mary.jpg) #fff no-repeat top left;
}

/* Testimonial page */
body.page-id-134 {
	background: url(images/ice-mary.jpg) #fff no-repeat top left;
}

/* Submit testimonial page */
body.page-id-103 {
	background: url(images/ice-bev.jpg) #fff no-repeat top left;
}

/* Contest page */
body.page-id-135 {
	background: url(images/ice-cliff.jpg) #fff no-repeat top left;
}

a, a:active, a:focus, a:visited, a:link{
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #ffbe15;
	text-decoration: none;
}

p {
	line-height: 1.3em;
}

#content h1 {
	color: black;
	font-size: 200%;
}

#sidebar h3, #sidebar h1 {
	margin-bottom: 10px;
	font-size: 110%;
	line-height: 1.2em;
	color: #297eb7;
}

.box h3 {
	margin-bottom: 10px;
	padding: 6px;
	font-size: 130%;
	text-transform: uppercase;
	background-color: #ff9214;
	color: #fff;
}

#sidebar a, #sidebar h4 {
	color: #000;
}

#content h3 {
	margin-bottom: 15px;
	padding: 6px;
	font-size: 130%;
	background-color: #ff9214;
	color: #fff;
	width: 288px;
}

/* Structure */
p {
	margin-bottom: 15px;
}

#wrapper {
	padding-top: 20px;
	width: 950px;
}

#sidebar {
	width: 200px;
	float: left;
}

#sidebar #logo {
	margin: 0 0 60px 20px;
}

#sidebar li {
	min-height: 200px;
}

#sidebar li, #sidebar #package {
	padding: 0 10px 10px;
	list-style: none;
}

#sidebar #package {
	margin-top: 20px;
}

#sidebar #wplistcal ul li {
	margin: 15px 0 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #ffae3e;
	min-height: 0;
}

#sidebar #wplistcal ul li div {
	display: none;
}

#main {
	padding-left: 20px;
	width: 730px;
	float: left;
}

#navigation ul {
	padding: 11px 0 0 0;
}

#navigation ul li {
	display: inline;
	padding-right: 15px;
	font-weight: bold;
}

#navigation ul li a, #navigation ul li a:visited, #navigation ul li a:link {
	text-decoration: none;
	color: #fff;
}

#navigation ul li a:hover {
	text-decoration: underline;
	color: #555555;
}

.boxes {
/* 	margin-top: 330px; */
	width: 730px;
	overflow: hidden;
}

.box {
	padding: 10px;
	width: 30%;
	min-height: 180px;
	float: left;
	position: relative;
}

.box img {
	width: 100%;
}

.box img.more {
	width: 114px;
	position: absolute;
	bottom: 0;
	right: 10px;
	text-align: right;
}

#content {
	position: relative;
}

#content .banner {
	margin-bottom: 20px;
}

.social-wrap {
	padding-top: 25px;
	height: 225px;
	position: relative;
}

body.home .social-wrap {
	height: 330px;
}

.social {
	margin-top: 68px;
	width: 250px;
	height: 200px;
	position: absolute;
	right: 0;
}

.social ul li {
	margin: 10px 0;
	padding-left: 40px;
	height: 32px;
	line-height: 32px;
}

ul#menu-social-links li#menu-item-145 {
	background: transparent url(images/social/facebook32.png) left no-repeat;
}

ul#menu-social-links li#menu-item-146 {
	background: transparent url(images/social/youtube32.png) left no-repeat;
}

ul#menu-social-links li#menu-item-144 {
	background: transparent url(images/social/cart32.png) left no-repeat;
}

ul#menu-social-links li#menu-item-143 {
	background: transparent url(images/social/news32.png) left no-repeat;
}

ul#menu-social-links li#menu-item-269 {
	background: transparent url(images/social/comment32.png) left no-repeat;
}

#content h1 {
	margin: 35px 0 15px;
}

.post img.photo {
	margin: 0 0 15px 15px;
	padding: 4px;
	border: 1px solid #ccc;
	float: right;
}

blockquote {
	margin-bottom: 15px;
	padding-left: 80px;
	min-height: 60px;
	background: transparent url(images/quote.png) top left no-repeat;
}

blockquote h4 {
	margin-bottom: 10px;
}

.contact {
	width: 300px;
	float: right;
}

.wpcf7 {
	width: 400px;
}

#content .wts_slidewrapper {
	padding: 0;
	border: none;
}

ul.wplc_event_list li {
	margin-bottom: 20px;
}

#footer {
	margin-top: 30px;
	padding: 0 15px;
	height: 30px;
	background: #ff9214;
	vertical-align: middle;
}

#footer p {
	margin: 0;
	padding: 0;
	line-height: 30px;
}

#footer img {
	padding-right: 10px;
	vertical-align: middle;
}


/* Miscellaneous */
.cb {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.ac {
	text-align: center;
}

.space {
	padding: 0 10px;
	width: 20px;
}