/* @override 
	http://ike/wp-content/themes/ike/style.css
	http://ilikeikesplace.com/wp-content/themes/ike/style.css
	http://ikes/wp-content/themes/ike/style.css
*/

/*
Theme Name: Ike's Place
Theme URI: http://ilikeikesplace.com/
Description: A WordPress theme for Ike's Place.
Version: 1.0
Author: Kevin Kennedy
Author URI: http://strazi.org/
*/

@import url(css/reset.css);
@import url(css/960.css);

html {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #444;
	overflow-x: hidden;
}

body {
	background: #8ad14c;
}

body.home {
	background: #0d3557;
}

.wrap {
	width: 100%;
	float: left;
}

.hr {
	border-top: 1px solid #eee;
	width: 100%;
	margin: 15px 0 15px 0;
	clear: both;
	float: left;
}

.hr hr {
	display: none;
}

.sidebar .hr {
	background: none;
	height: 1px;
	border-top: 1px solid #eee;
}

.sidebar .menu-options .hr {
	width: 298px;
	margin: 10px 0;
	border-color: #cfe6f8;
}

.menu-sidebar .hr {
	width: 300px;
	margin-left: 0;
}

.footer-wrap .hr {
	background: url(images/footer-hr.gif) no-repeat center;
	height: 1px;
	margin: 10px 0;
}

/* @group Location */

#location-button {
	float: right;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: inline;
	padding: 5px 15px;
	padding-top: 0;
	background: #8ad14c;
	border-top: 1px solid #8ad14c;
	margin: 13px 5% 11px 0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	cursor: pointer;
}

.home #location-button {
	display: none;
}

#locations {
	width: 100%;
	float: right;
	margin: 0 5% 0 0;
	padding: 8px 0 0 0;
}

#locations li {
	float: right;
	margin: 0 0 0 20px;
}

#locations a.blue-button {

}

a#gift-cards {
	display: block;
	text-indent: -9999px;
	width: 148px;
	height: 149px;
	background: url(images/gift-cards.png) no-repeat left top;
	position: absolute;
	top: -35px;
	left: 2%;
	z-index: 9;
}

/* @end */

/* @group Header */

.header-wrap {
	background: #0d3557 url(images/header.jpg) no-repeat center bottom;
	padding: 0 0 13px 0;
}

.header-wrap .header {
	position: relative;
}

.home .header-wrap {
	height: 243px;
}

.header-wrap h1 a {
	bsorder: 1px solid #fff;
	display: block;
	text-indent: -999em;
	position: absolute;
	width: 940px;
	height: 90px;
	top: 15px;
}

/* @end */

/* @group Site Menu */

.site-menu-wrap {
	border: 1px solid #4e6b84;
	border-style: solid none;
	margin: 140px 0 0 0;
	padding: 0 0 3px 0;
}

.home .site-menu-wrap {
	display: none;
}

.site-menu {
	background: #02192c;
	background: rgba(0,0,0,.45);
	margin: 3px 0 0 0;
}

.site-menu ul {
}

.site-menu li {
	float: left;
}

.site-menu li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 19px;
	float: left;
	display: block;
	color: #fff;
	text-align: center;
	padding: 14px 29px;
	padding-top: 17px;
}

.site-menu li a:hover, .site-menu li a:active {
	background: #000;
	background: rgba(0,0,0,.3);
}

.site-menu li.apparel a {
	color: #ffea00;
}

.site-menu li a.active {
	background: #a2d179 url(images/menu-selected.gif) repeat-x bottom;
}

/* @end */

/* @group Content */

.body-wrap {
	background: #fff;
	padding: 20px 0 40px 0;
}

.content {
	padding: 0 19px 0 0;
	border-right: 1px dotted #eee;
	width: 600px !important;
	margin-top: 20px;
}

.border-left {
	border-left: 1px dotted #eee;
	margin-left: 9px;
	width: 280px !important;
}

.announcement {
	text-align: center;
}

.title h1 {
	color: #8ad14c;
	font-size: 60px;
	font-weight: bold;
}

.title {
	border-bottom: 1px solid #eee;
	padding: 5px 0 5px 0;
	width: 940px !important;
	border-right: none;
	margin: 0 10px !important;
}

h2 {
	font-weight: bold;
	font-size: 36px;
	color: #3d6aab;
	margin: 0 0 10px 0;
}

.alpha h2, .omega h2 {
	font-size: 26px;
	margin: 0 0 2px 0;
}

.sidebar h2 {
	font-size: 26px;
	float: left;
	width: 100%;
	text-align: center;
	margin: 0;
	cursor: pointer;
}

h3 {
	font-weight: bold;
	font-size: 26px;
	color: #3d6aab;
	margin: 10px 0 10px 0;	
	clear: both;
	float: left;
	width: 100%;
}

.content ul {
	margin: 0 0 0 20px;
}

.content li {
	background: url(images/green-bullet.gif) no-repeat left;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
	line-height: 1.3;
}

.omega h4, .alpha h4 {
	font-size: 26px;
	color: #3d6aab;
	color: #999;
	margin: 0 0 12px 0;
	font-weight: bold;
	letter-spacing: -1px;
}

.border-left h4, .border-left h2 {
	margin-left: 20px;
	margin-top: 0;
}

p a {
	color: #3d6aab;
}

.content p {
	line-height: 1.4;
	margin: 0 0 14px 0;
	width: 95%;
}

.border-left p {
	margin-left: 20px;
}

.error404 .content p {
	text-align: center;
}

.content img {
	margin: 0 0 18px 0;
}

.alignleft {
	float: left;
	margin: 0 20px 0px 0;
	padding: 5px;
	background: #eee;
}

iframe {
	margin: 0 0 -10px 0;
}

.feature-box {
	background: #ecf5fc url(images/feature-box.gif) repeat-x bottom;
	border: 1px solid #cfe6f8;
	float: left;
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.eclub {
	width: 598px;
}

.menu-options {
	width: 298px;
}

.eclub img {
	float: left;
	margin: 0 20px 0 10px;
}

.eclub h2 {
	margin: 18px 0 8px 0;
}

.eclub .blue-button {
	float: left;
	clear: none;
	display: inline;
}

.eclub p {
	width: 390px;
	float: left;
	color: #0f3758;
	font-size: 16px;
}
/* @group Menus */

.menu-content {
	background: url(images/menu-top.gif) no-repeat 330px 0;
	padding: 17px 0 0 0;
	clear: both;
}

.page-id-329 .menu-content, .page-id-329 .menu-content .content, .page-id-329 .content .menu {
	background: none;
}

.page-id-329 .menu-content .content {
	background: url(images/location.png) no-repeat left top;
	height: 77px;
}

.menu-content .content {
	background: url(images/menu-bottom.gif) no-repeat right bottom;
	padding: 0 0 17px 0;
	width: 620px !important;
	border: none;
	margin: 0 10px;
}

.menu-content .menu {
	float: right;
	background: url(images/menu-middle.gif) repeat-y right;	
	color: #fff;
	padding: 0 0 20px 0;
	width: 620px;
	margin: 0;
}

.left {
	width: 280px;
	float: left;
	margin: 0 20px 20px 30px;
	display: inline;
}

.right {
	width: 265px;
	float: left;
	display: inline;
}

.menu h2 {
	color: #8ad14c;
	padding: 20px 0 0 0;
	margin: 0;
	clear: both;
	font-size: 45px;
	text-align: center;
}

.green {
	color: #8ad14c;
}

.menu h3 {
	font-weight: normal;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 0 0 10px 0;
}

.menu ul {
	float: left;
	margin: 10px 0 0 0;
}

.menu li {
	width: 560px;
	margin: 0 0 0 30px;
	padding: 4px 0 4px 0;
	border-bottom: 1px dotted #333;
	float: left;
	clear: both;
	line-height: 1.2;
	display: inline;
	background: none;
	position: relative;
}

.menu p {
	font-size: 14px;
	width: auto;
	margin: 0;
}

.left li, .right li {
	width: 260px;
	margin-left: 0;
}

.menu li h4 {
	font-size: 16px;
	float: left;
	font-weight: bold;
}

.add-on li h4 {
	font-size: 14px;
	width: auto;
	font-weight: normal;
}

.left li h4, .right li h4 {
	width: 220px;
}

.menu li strong {
	position: absolute;
	right: 0;
	top: 4px;
	text-align: right;
}

.menu li em strong {
	position: static;
}

.menu li p.both strong {
	position: static;
	text-align: right;
	float: right;
	width: 300px;
}



.menu li em {
	font-weight: normal;
	display: block;
	float: left;
	clear: both;
	width: 490px;
}

.menu-sidebar p {
	color: #1d5f99;
	line-height: 1.3;
	margin: 0 0 0 16px;
	width: 89%;
}

.menu-sidebar ul {
	margin: 0 0 0 25px;
}

.menu-sidebar li {
	background: url(images/bullet.png) no-repeat left center;
	padding: 0 0 0 10px;
	font-size: 13px;
	margin: 4px 0;
	color: #225d95;
	font-weight: bold;
}

.menu-nav {
	width: 300px;
	text-align: center;
	float: left;
}

.menu-nav ul {
	margin: 7px 0 13px 0;
	width: 299px;
	padding: 0;
	border-right: 1px dotted #eee;
	float: left;
	display: inline;
}

.menu-nav li {
	background: none;
	margin: 0;
	padding: 0;
	border-left: 1px dotted #eee;
	float: left;
}

.menu-nav li a {
	display: inline;
	float: left;
	font-size: 14px;
	text-decoration: none;
	color: #999;
	padding: 5px 20px;
	margin: 0 5px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.menu-nav li a:hover {
	background: #eee;
}

.menu-nav li a.active {
	background: #a2d179 url(images/menu-selected.gif) repeat-x bottom;
	color: #fff;
}


/* @end */


/* @end */

/* @group Landing */

.landing-wrap {
}

.landing-wrap h2 {
	background: url(images/header-landing.png) no-repeat center top;
	text-indent: -9999px;
	width: 940px;
	height: 197px;
	margin: -70px 0 0 0;
	padding: 0;
	position: relative;
}

.landing-wrap .content {
	background: #fff url(images/footer-landing.png) no-repeat left bottom;
	margin: 0;
	width: 940px !important;
	border: none;
	padding: 0 0 20px 0;
}

ul.current-locations, ul.coming-soon {
	float: left;
	width: 826px;
	margin: 0 0 0 57px;
	display: inline;
}

ul.coming-soon {
	width: 826px;
	width: 544px;
	margin: 50px 0 13px 198px;
}

.current-locations li, .coming-soon li {
	float: left;
	width: 262px;
	margin: 0 20px 0 0;
	text-align: center;
	background: none;
	padding: 0;
}

.coming-soon li.burlingame {
}

.current-locations li p, .coming-soon li p {
	color: #666;
	line-height: 1.3;
	margin: 0 0 5px 0;
	width: auto;
}

.coming-soon li .blue-button {
	background-position: 0 -70px;
}

.current-locations li.stanford, .coming-soon li.santarosa {
	margin-right: 0;
}

/* @end */

/* @group Sidebar */

.sidebar {
	padding: 20px 0 50px 0;
}

.blue-button {
	display: block;
	background: url(images/buttons.png) no-repeat 0 -35px;
	width: 262px;
	text-decoration: none;
	text-align: center;
	color: #fff !important;
	font-weight: bold;
	line-height: .9;
	font-size: 18px;
	padding: 9px 0 0 0;
	height: 26px;
	clear: both;
}

.blue-button:hover, .blue-button:active {
	background-position: 0 0;
}

h3.blue-button:hover, h3.blue-button:active {
	background-position: 0 -35px;
}

.sidebar .blue-button {
	float: left;
	margin-left: 19px;
}

.landing-wrap .blue-button {
	margin: 0 0 5px 0;
}

a.menus {
	background: url(images/download-menu.gif) no-repeat left top;
	text-decoration: none;
	width: 220px;
	height: 34px;
	text-indent: -9999px;
	display: block;
}

.menu-sidebar {
	margin-top: -30px;
	padding-top: 0;
}

.yelp, .facebook, .flickr, .myspace, .twitter {
	text-align: center;
}

.twitter p, .yelp p {
	font-family: Georgia, serif;
	font-size: 16px;
	color: #777;
	font-style: italic;
	width: 90%;
	margin: 0 auto 10px auto;
	line-height: 1.2;
}

.social {
	margin: 0 0 0 36px;
}

.menu-sidebar .social {
	margin: 0 0 0 5px;
}

.social li {
	float: left;
	margin: 0 3px;
	display: inline;
	background: none;
	padding: 0;
}

.social a {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background: url(images/social.png) no-repeat 0 0;
	float: left;
}

.social .twitter {
	background-position: -38px 0;
}

.social .myspace {
	background-position: -75px 0;
}

.social .yelp {
	background-position: -113px 0;
}

.social .youtube {
	background-position: -150px 0;
}

.social .flickr {
	background-position: -188px 0;
}

.sidebar .headline {
	margin: 0 0 10px 0;
	display: block;
	position: relative;
	clear: both;
}


/* @end */

/* @group Footer */

.footer-wrap {
	text-align: center;
	font-size: 12px;
	padding: 0 0 10px 0;
	background: url(images/footer.png) no-repeat center top;
}

.footer-wrap .grid_12 {
	padding: 13px 0 0 0;
}

.footer-wrap ul {
	margin: 0 0 7px 0;
}

.footer-wrap li {
	display: inline;
}

.footer-wrap li a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
	padding: 4px;
}

ul.footer-locations {
	margin: 5px 0 0 0;	
}

.footer-locations li a {
}

.footer-wrap a:hover {
	text-decoration: underline;
}

.footer-wrap li a.active {
}

p.copyright {
	color: #fff;
	font-size: 11px;
	margin: 0 0 4px 0;
}

p.copyright a {
	color: #fff;
	text-decoration: none;
}

/* @end */