/*
Theme Name: FreshPlanet.com
Theme URI: http://www.FreshPlanet.com/
Description: /
Version: 1.0
Author: Emanuel Blagonic @ Blagonic Brothers
Author URI: http://blagonic.com/
Tags: /

---------------------------------------------------
Design, xhtml/css & Wordpress:	Emanuel Blagonic
---------------------------------------------------

*/

/******************************* CSS RESET - MEYERWEB.COM *******************************/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/******************************* BASE CSS *******************************/
/* COMMON ELEMENTS */
.clear { clear:both }
.left { text-align:left } .center { text-align:center } .right { text-align:right }
.alignleft { float:left } .aligncenter { margin:0 auto } .alignright { float:right }
img.alignleft, table.alignleft { margin:5px 10px 5px 0 } img.alignright, table.alignright { margin: 5px 0 5px 10px }
img.aligncenter { display:block; margin: 10px auto }
.noborder { border:none; padding:0 }
.nomargin { margin:0 }
.banner { border:none; padding:0; margin-bottom:10px }
.hidden { display:none }
strong { font-weight:bold }
div.spacer { clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee }
p.spacer { clear:none }
/* BODY */
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#636363;
	text-align:center;
	background:#e1f1e2 url(img/art/body-bg-x.png) repeat-x 0 0;
}

/* LOGO */
#header h1 { margin:0 }
#logo a {
	position:absolute;
	top:7px;
	left:20px;
	width:122px;
	height:103px;
	background:url(img/art/freshplanet-logo.png) no-repeat 0 0;
	z-index:100;
	text-indent:-8000px;
}
#logo a:hover {
	text-decoration:none;
	border-bottom:none;
	display:block;
	height:103px;
}
#logo .tagline {
	display:block;
	width:315px;
	height:25px;
	text-indent:-8000px;
	background:url(img/art/tagline.png) no-repeat 0 0;
	position:absolute;
	top:45px;
	left:160px;
}

/* BUILDING BLOCKS */
.container {
	width:940px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#header .container {
	height:130px;	
}
#promo .container {
	height:430px;
	background:url(img/art/promo-bg2.jpg) no-repeat 0 0;
}
body.home #main .container { background:none; margin:0 auto; height:auto }
body.home #content { width:auto; float:none; display:block; margin:0 }
#main.no-sidebar #content { width:860px } #main.no-sidebar #sidebar { display:none }
#main .container {
	background:#fff;
	margin:10px auto;
}
body.page #main .container {
	min-height:300px;
	height:auto !important;
	height:300px;
}
#main .container .top, #main .container .bottom {
	width:940px;
	height:10px;
	position:absolute;
	left:0;
}
#main .container .top { 
	background:url(img/art/main-bg.png) no-repeat left top;
	top:-10px;
}
#main .container .bottom {
	background:url(img/art/main-bg.png)	no-repeat left bottom;
	bottom:-10px;
}
#content {
	width:660px;
	float:left;
	display:inline;
	margin-left:40px;
	margin-bottom:20px;
}
#sidebar {
	width:180px;
	float:right;
	display:inline;
	margin-right:40px;
	margin-bottom:20px;
}
/* STYLING TAGS */
h1, h2, h3, h4, h5, h6, p, table, .view ul, .view ol { margin-bottom:20px }
h1.pagetitle {
	padding:30px 40px 40px;
	background:#58805d;
	font-size:28px;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	margin-bottom:0;
}
h2 {
	font-size:20px;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	margin:30px 0 10px;
}
h3 {
	font-size:16px;
	font-weight:normal;
	color:#111;
	margin:20px 0 10px;
}
h2, h3, h4 { clear:both }
p, .view li {
	font-size:12px;
	line-height:18px;
	margin-bottom:10px;
}
.view p.description {
	font-size:15px;
	font-weight:bold;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	padding-bottom:20px;
	margin-top:0;
}
.view ul {
	list-style:none;
}
.view ul ul { margin-left:15px }
.view ul li, .view ul ul li {
	padding-left:20px;
	background:url(img/art/bullets/bullet01.png) no-repeat 2px 5px;
	margin-bottom:3px;
}
.view ol {
	margin-left:25px;
	list-style:decimal;
}
.view ol ol { list-style:lower-latin }
.view ul ul, .view ol ol { margin-bottom:0 }
.view li li { font-size:1em }

/* TABLE */

/* IMAGES */
.view img.alignleft {	
	margin:0 10px 10px 0;
	border:10px solid #f5f5f5;
}
.view img.noborder { border:0 }
/* LINKS */
a {
	color:#188725;
	text-decoration:none;
}
a:hover { color:#226029 }
p.btn.more a {
	position:relative;
	display:block;
	float:left;
	margin-right:5px;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:1px 1px #323232;
	background:#272727 url(img/art/btn-learn-more.png) repeat-x left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;
}
p.btn.more a:hover { background:#222 }

/*	Subpage */
.subpage * { margin:0; padding:0 }
.subpage {
	width:660px;
	margin-top:30px;
}
.subpage h2 { margin-bottom:5px }
.subpage p { margin-bottom:10px }

/* SLIDER */
.slider {
	width:940px;
	height:430px;
	position:relative;
	margin:0;
}
.slider .wrapper {
	width:940px;
	height:430px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
.slider .holder {
	width:9999px;
	list-style:none;
	position:absolute;
	top:0;
	left:0;
	margin:0;
}
.slider .slide {
	display:block;
	float:left;
	width:420px;
	padding:30px 480px 90px 40px;
	height:280px;
	overflow:hidden;
	position:relative;
}
.slide h2 {
	font-size:28px;
	font-weight:bold;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:10px 0 0;
}
.slide p {
	font-size:18px;
	line-height:22px;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:10px 0;
}
.slide .btn a {
	position:relative;
	display:block;
	float:left;
	margin-right:5px;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:1px 1px #323232;
	background:#272727 url(img/art/btn-learn-more.png) repeat-x left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;
}
.slide p.btn.more a { margin-top:0 }
.slide .btn.play-on-facebook a { background:#1c3475 url(img/art/btn-play-on-facebook.png) repeat-x left top; color:#fff; text-shadow:1px 1px #4e669c; float:right; margin-right:0 }
.slide .btn.appstore-link a {
	width:152px;
	height:52px;
	text-indent:-8000px;
	background:url(img/art/app-store-badge.png) no-repeat 0 0;
	padding:0;
	float:right;
	margin-right:0;
}
.slide .btn.appstore-link a:hover { background:url(img/art/app-store-badge.png) no-repeat 0 0 }
.slide .btn a:hover, .slide .btn.more a:hover {
	color:#222;
	background:#fff;
	text-shadow:1px 1px #eee;
}
.slide .video, .slide .image { 
	position:absolute;
	top:30px;
	right:30px;
}
.slide .award img {
	position:absolute;
	top:30px;
	right:480px;
}
.slider .social {
	position:absolute;
	top:355px;
	left:40px;
}
.slider .social li { float:left; margin-right:4px }
.slider .social li.follow_text {
	font-size:12px;
	font-weight:bold;
	color:#eee;
	padding-top:8px;
	padding-right:5px;
}
.slider .social .facebook_become_fan { margin-left:10px }
.slider .social .facebook_like { margin:4px 0 0 10px; width:120px; height:32px }
.slider .social .icon a {
	display:block;
	width:32px;
	height:32px;
	text-indent:-8000px;
}
.slider .social .youtube a { background:url(img/art/transparent.png) no-repeat -64px 0 }
.slider .social .facebook a { background:url(img/art/transparent.png) no-repeat 0 0 }
.slider .social .twitter a { background:url(img/art/transparent.png) no-repeat -32px 0 }
.slider .social .facebook_become_fan a { background:url(img/art/transparent.png) no-repeat -96px 0; width:113px; height:37px; position:relative; top:5px }

#thumbNav {
	position:absolute;
	bottom:8px;
	left:400px;
	width:140px;
	text-align:center;
}
#thumbNav a {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(img/art/transparent.png) no-repeat -16px -48px;
	text-indent:-8000px;
	margin:0 2px;
}
#thumbNav a.cur { background:url(img/art/transparent.png) no-repeat 0 -48px; }
#start-stop { display:none }

.slider .arrow {
	display:block;
	text-indent:-8000px;
	position:absolute;
	cursor:pointer;
}
.slider .arrow.forward {
	width:43px;
	height:49px;
	top:178px;
	right:-53px;
	background:url(img/art/transparent.png) no-repeat -32px -48px;
}
.slider .arrow.back {
	width:41px;
	height:49px;
	top:178px;
	left:-47px;
	background:url(img/art/transparent.png) no-repeat -32px -97px;
}

/*	Homepage */
body.home .description {
	font-size:20px;
	line-height:24px;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#363636;
	margin:30px 0;
}
body.home .description a {
	color:#188725;
	text-decoration:none;
}
body.home .description a:hover { color:#226029 }

/* SIDEBAR */


/* HEADER */

/* HEADNAV */
#header .menu {
	position:absolute;
	bottom:20px;
	left:160px;
}
#header .menu li { float:left; margin-right:3px }
#header .menu a {
	display:block;
	padding:5px 10px;
	background:#6e6e6e url(img/art/headnav-bg-x-normal.png) repeat-x left top;
	font-size:18px;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#header .menu a:hover, #header .menu .current_page_item a, #header .menu .current-page-ancestor a {
	background:#274a2b url(img/art/headnav-bg-x-selected.png) repeat-x left top;
}
/* COLUMNS */
.column {
	float:left;
	display:block;
	margin-left:20px;
	width:220px;
	margin-bottom:15px;
}
.column.first { margin-left:0; clear:both }
.size1 { width:60px } .size2 { width:140px } .size2a { width:120px } .size3 { width:220px } .size3a { width:210px } 
.size4 { width:300px } .size4a { width:280px } .size4b { width:340px } .size5 { width:380px } .size6 { width:460px } .size6a { width:440px } .size7 { width:540px } .size8 { width:620px } .size9 { width:700px } .size9a { width:670px }

/* FOOTER */
#footer .container {
	padding:20px 0 40px;
}
body.home #footer .container { background:url(img/art/footer-shadow.png) no-repeat center top }
#footer p {
	font-size:11px;
	color:#464646;
	margin:0;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#footer .spacer { }
#footer a {
	color:#188725;
	text-decoration:none;
}
#footer a:hover { color:#226029 }

#footnav li { display:inline; padding-left:10px; border-left:1px solid #b2ccb4; margin-left:10px }
#footnav li:first-child { padding:0; margin:0; border:0 }
#footnav a {
	display:inline-block;
	padding:2px 4px;
	font-size:11px;
}
#footer .social {
	float:left;
	clear:both;
	width:940px;
	text-align:center;
}
#footer li { display:inline }
#footer .social .icon a {
	display:inline-block;
	width:16px;
	height:16px;
	text-indent:-8000px;
}
#footer .social .youtube a { background:url(img/art/transparent.png) no-repeat -32px -32px }
#footer .social .facebook a { background:url(img/art/transparent.png) no-repeat 0 -32px }
#footer .social .twitter a { background:url(img/art/transparent.png) no-repeat -16px -32px }
#footer .social .contact a { background:url(img/art/transparent.png) no-repeat -48px -32px }



/******************************* WIDGETS *******************************/
/* WIDGET */
.widget li {
	position:relative;
	margin-bottom:20px;
}
.widget li li { margin-bottom:0 }
.widget h2 {
	font-size:13px;
	color:#aaa;
	text-transform:uppercase;
}

/*	Navigation */
.widget .navigation {
	
}
.widget .navigation li {
	float:left;
	margin-bottom:2px;
}
.widget .navigation a {
	display:block;
	width:160px;
	padding:5px 10px;
	background:#d7d7d7;
	font-size:16px;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	line-height:18px;
	font-weight:bold;
	color:#363636;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.widget .navigation a:hover, .widget .navigation .current_page_item a {
	background:#58805d;
	color:#fff;
}

/* 	Helper */
.helper {
	width:880px;
	height:auto;
	position:relative;
	margin:0 0 30px 40px;
}
.helper .inner {
	background:#eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:20px;
}
.helper .btn a {
	position:relative;
	display:block;
	float:left;
	margin-right:5px;
	padding:5px 10px;
	font-size:16px;
	font-weight:bold;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:1px 1px #323232;
	background:#272727 url(img/art/btn-learn-more.png) repeat-x left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;
}
.helper .btn.play-on-facebook a { background:#1c3475 url(img/art/btn-play-on-facebook.png) repeat-x left top; color:#fff; text-shadow:1px 1px #4e669c }
.helper .btn.appstore-link a {
	width:152px;
	height:52px;
	text-indent:-8000px;
	background:url(img/art/app-store-badge.png) no-repeat 0 0;
	padding:0;
}
.helper .btn.appstore-link a:hover { background:url(img/art/app-store-badge.png) no-repeat 0 0 }
.helper .btn a:hover, .helper .btn.more a:hover {
	color:#222;
	background:#fff;
	text-shadow:1px 1px #eee;
}
.helper .award img {
	position:absolute;
	top:0;
	right:20px;
}
.helper .social {
	float:left;
	margin-right:20px;
}
.helper .social li { float:left; margin-right:4px }
.helper .social .facebook_become_fan { margin-left:10px }
.helper .social .facebook_like { margin:4px 0 0 10px; width:120px; height:32px }

.helper .social .icon a {
	display:block;
	width:32px;
	height:32px;
	text-indent:-8000px;
}
.helper .social .youtube a { background:url(img/art/transparent.png) no-repeat -64px 0 }
.helper .social .facebook a { background:url(img/art/transparent.png) no-repeat 0 0 }
.helper .social .twitter a { background:url(img/art/transparent.png) no-repeat -32px 0 }
.helper .social .facebook_become_fan a { background:url(img/art/transparent.png) no-repeat -96px 0; width:113px; height:37px; position:relative; top:5px }



/* CFORMS */
.cform ol { margin:0 }
.cform ol li { list-style:none }
.cform legend { display:none }
.cform fieldset {
	width:480px;
	background:#f5f5f5;
	padding:20px 20px 52px;
}
.cform li {
	display:block;
	margin-bottom:5px;
	width:480px;
	position:relative;
}
.cform label {
	display:block;
	width:150px;
	float:left;
	font-weight:bold;
	font-size:11px;
	padding:6px 0;
}
.cform .single, .cform .area {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#aaa;
	border:1px solid #ddd;
	background:#fff;
	padding:6px;
	width:308px;
}
.cform .single:focus, .cform .area:focus { border:1px solid #bbb; color:#555 }
.cform .area { height:150px }
.cform .reqtxt, .cform .emailreqtxt { 
	font-size:14px;
	font-weight:bold;
	color:#9e0b0f;
	position:absolute;
	top:0;
	right:-5px;
}
.cform .cf-sb { margin:0 }
p.cf-sb { text-align:right; position:relative; width:100% }
.cform #sendbutton {
	background:#58805D;
	border:1px solid #444;
	padding:6px 12px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	position:absolute;
	bottom:15px;
	right:293px;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.cform #sendbutton:hover { background:#6e6e6e; border:1px solid #555 }
.cform .cf_hidden { display:none }
.cf_info.success, .cf_info.failure {
	color:#333;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	float:left;
	position:relative;
}
.cf_info.failure {
	border:1px solid #d2b0b1;
	background:#fed4d5;
}
.cf_info.success {
	border:1px solid #b6d2b0;
	background:#e9fed4;
}
.linklove { font-size:11px; margin:0 } .linklove a { color:#ccc }


/* END */