/*======================================
      WELCOME TO THE STYLESHEET
	  
      Author: Sacha Greif ( http://www.sachagreif.com )
======================================*/
 

/**************************************/
/*              GLOBALS               */
/**************************************/
body					{ background:#e4e4e4; font-family:Trebuchet MS, Verdana, Arial, Geneva, sans-serif; margin:0; padding:0; color:#303030; }
#page 				{ background:#fff url("/img/pl_bg_green.png") repeat-x; }
#page .wrapper 		{ background:url("/img/pl_center_bg.png") no-repeat center 248px; }
.sub 				{ padding:10px; }
.container 			{ font-size:14px; line-height:1.5em; }
.highlight, 
.container .highlight 	{ font-weight:bold; color:#FFF; background:none; }
hr 					{ height:1px; background:#ccc; }
.details 				{ font-size:12px; color:#666; }

/**************************************/
/*               LISTS                */
/**************************************/
ul, .content ul 		{ list-style-type:none; list-style-image:none; padding:0; margin-left:0; }
ul.no-bullet li 		{ background:none; }
.content li 			{ margin-bottom:10px; }
.content ul li 		{ background:url("/img/pl_list_bullet.gif") no-repeat 0px 4px; padding-left:25px; }
ul ul 				{ list-style-image:none; }
.content ul ul li, 
.content ul ul ul li 	{ background:none; padding-left:0; }

/**************************************/
/*             HEADINGS               */
/**************************************/
h1, h2, h3, 
h4, h5, h6, .nav 		{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }
h1 					{ font-size:24px; line-height:1.5em; color:#fff; letter-spacing:-1px; font-weight:normal; }
h2 					{ color:#fff; font-size:40px; line-height:1.5em; }
.content h1, 
.content h2			{ color:#333; }
h3 					{ font-weight:normal; font-size:24px; line-height:1.5em; letter-spacing:1.2px; margin-bottom:0.3em; }
h4 					{ color:#454545; font-size:18px; line-height:1.5em; }
h5 					{ font-size:16px; line-height:1.5em; color:#999; font-variant:small-caps; }
h6 					{ font-size:14px; line-height:1.5em; color:#999; }
.container h4 			{ margin-bottom:0.5em; }
.container li h4 		{ margin-bottom:0; }
.section-title 		{ padding-bottom:0.3em; margin-bottom:0.5em; border-bottom:1px #aaa solid; }

#logo 				{ background: #000 url("/img/lilbee.png") 0 50% no-repeat; }
#logo a 				{ padding-left: 42px; }
#logo span 			{ font-size: 12px; letter-spacing: normal; color: #999; }

/**************************************/
/*              LINKS                 */
/**************************************/
a, .container a, 
.container a:link 		{ text-decoration:none; color:#2bb2c2; }
a:visited, 
.container a:visited 	{ color:#165d70; text-decoration:none; }
a:hover, 
.container a:hover 		{ color:#2bb2c2; text-decoration:underline; }

a.beelink,
.container .beelink			{ font-size: 11px; padding-left: 16px; background: transparent url('/img/very_tiny_bee.png') 0 50% no-repeat; }

a.unread,
.container a.unread			{ font-weight: bold; color: #1898b7; padding-left: 24px; 
						  background: transparent url('/img/minicons/new.gif') 0 50% no-repeat; }
a.unread:visited,
.container a.unread:visited 	{ font-weight: bold; color: #1898b7; padding-left: 24px; 
						  background: transparent url('/img/minicons/new.gif') 0 50% no-repeat; }
a.unread:hover,
.container a.unread:hover 	{ font-weight: bold; color: #1898b7; text-decoration: underline; padding-left: 24px; 
						  background: transparent url('/img/minicons/new.gif') 0 50% no-repeat; }

a.read,
.container a.read			{ font-weight: normal; color: #aaa; }
a.read:visited,
.container a.read:visited 	{ font-weight: bold; color: #aaa; }
a.read:hover,
.container a.read:hover		{ font-weight: normal; color: #aaa; text-decoration: underline; }


/**************************************/
/*              NOTICES               */
/**************************************/
p.notice a:hover 		{ color:#000; }

/**************************************/
/*              BUTTONS               */
/**************************************/
.button 				{ background:url("/img/pl_button.png"); display:block; color:#fff; font-size:16px; 
					  height:32px; width:220px; line-height:30px; text-align:center; padding:0; margin:0 0 20px 0; }
button.button			{ border:none; font-size:16px; padding-bottom:4px; height:32px; }
.button:hover 			{ background:url("/img/pl_button_hover.png"); }
a.button:link, 
a.button:active, 
a.button:visited, 
a.button:hover 		{ color:#fff; text-decoration:none; }
.button-row 			{ overflow:hidden; }
.button-row .button 	{ float:left; margin-right:20px; }
.button-row .last 		{ margin-right:0; }
.green-button 			{ background:url("/img/pl_button_green.png"); }
.green-button:hover 	{ background:url("/img/pl_button_green_hover.png"); }

/**************************************/
/*               FORMS                */
/**************************************/
/* see: http://fecklessmind.com/2009/01/23/how-to-reliable-css-forms/ */

fieldset 				{ clear: both; }
legend 				{ padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700; }
fieldset fieldset legend { padding: 0 0 1.5em; font-size: 1em; }
* html legend 			{ margin-left: -7px; } /* ie6 */
*+html legend 			{ margin-left: -7px; } /* ie7 */

form .field, 
form .buttons 			{ clear: both; margin: 0 0 1.5em 0; }
form .field label 		{ display: block; font-size: 1.25em; }
form ul.fields 		{ margin: 0 0 1.5em 0; padding: 0; }
form ul.fields li 		{ list-style-type: none; margin: 0; }
form ul.inline li,
form ul.inline label 	{ display: inline; }
form ul.inline li 		{ padding: 0 .75em 0 0; }

input.radio, 
input.checkbox 		{ vertical-align: top; }
label, button, 
input.submit, 
input.image 			{ cursor: pointer; }
* html input.radio, 
* html input.checkbox 	{ vertical-align: middle; } /* ie6 */
*+html input.radio, 
*+html input.checkbox 	{ vertical-align: middle; } /* ie7 */

textarea 				{ overflow: auto; }
input.text, 
input.password, 
textarea, 
select 				{ margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline; }
input.text, 
input.password, 
textarea 				{ border: 1px solid #444; padding: 2px; }

/* horizontal layout */
form.horizontal .field 					{ padding-left: 200px; }
form.horizontal .field label 				{ display: inline; float: left; width: 180px; margin-left: -200px; }

input.checkbox							{ width:auto; border:none; }
form.horizontal .small-label 				{ float:left; padding-top:3px; }
form.horizontal .small-label label 		{ margin-left:0; float:none; font-weight:normal; }
form.horizontal .small-label-normal label 	{ margin-left: 200px; float:none; font-weight:normal; }
textarea, 
input[type='text'], 
input[type='password']					{ background:#fff url("/img/pl_input_bg.png") repeat-x top; font-family:Verdana, Arial, Geneva, sans-serif; 
					  				  border:#aaa 1px solid; color:#333; font-size:14px; width:210px; padding:2px 4px 5px 4px; }
textarea:hover, 
input[type='text']:hover, 
input[type='password']:hover, 
select:hover							{ border-color: #666; }

textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus							{ border-color: #2bb2c2; }

#spam_catcher 							{ display:none; }
.submit-row button						{ float:right; }
.submit-row-normal button 				{ float:none; margin: 20px 0 10px 200px; }

/**************************************/
/*              HEADER                */
/**************************************/
.header 				{ background:#000; }
.header h1 			{ height:54px; line-height:54px; float:left; color:#fff; }
.header h1 a:link, 
.header h1 a:visited, 
.header h1 a:active, 
.header h1 a:hover 		{ color:#fff; text-decoration:none; }

/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav, #login 			{ height:54px; line-height:54px; float:right; }
#nav 				{ font-size:18px; margin-right:40px; }
#login 				{ color:#666; font-size:14px; line-height:54px; text-transform:uppercase; }
#login a:visited 		{ color:#2bb2c2; }
#nav ul 				{ padding:0; margin:0; list-style-type:none; }
#nav li 				{ display:block; float:left; margin-left:10px; background:none; padding-left:10px; }
#nav a 				{ color:#bcbcbc; padding-right:10px; }
#nav a:visited 		{ color:#bcbcbc; }
#nav a:hover 			{ color:#2bb2c2; text-decoration:none; }
#nav .current 			{ background:url("/img/pl_nav_current_left.png") no-repeat center left; }
#nav .current a 		{ background:url("/img/pl_nav_current_right.png") no-repeat center right; color:#fff; display:block; }
#login 				{ float:right; }

/**************************************/
/*              TAGLINE               */
/**************************************/
#tagline		 		{ margin:30px 0; }
#tagline h2 			{ font-size:40px; }
#tagline p 			{ color:#000; font-size:24px; font-weight:bold; line-height:1.3em; }
#tagline .sub2 		{ font-size: 16px; color: #000; padding-top: 4px; }

/**************************************/
/*              TABS                  */
/**************************************/
.ui-tabs .ui-tabs-nav 		{ position: relative; }
.ui-tabs .ui-tabs-nav li 	{ float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; list-style: none; }
.ui-tabs .ui-tabs-nav li a 	{ display:block; text-decoration: none; }
.ui-tabs .ui-tabs-panel 		{ padding: 1em 1.4em;  display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide 		{ display: none !important; }

#tabs 					{ position:relative; margin-bottom:20px; }
.ui-tabs 					{ background:url("/img/tabs/tabs_content_bg.png") no-repeat 0px 40px; position:absolute; left:-10px; width:480px; }
.ui-tabs-nav 				{ background:url("/img/tabs/tabs_shadow.png") no-repeat right; height:40px; margin:0 0 0 10px; }
.ui-tabs-nav li 			{ background:url("/img/tabs/tabs_left.png") no-repeat 0 0; padding-left:10px; height:40px; }
.ui-tabs-nav li a 			{ background:url("/img/tabs/tabs_right.png") no-repeat right top; zoom:1; width:auto; padding:10px 10px 3px 0; 
						  line-height:27px; text-align:center; }
.ui-tabs-nav li.green-tab 	{ background:url("/img/tabs/tabs_left_green.png") no-repeat 0 0; }
.ui-tabs-nav li.green-tab a	{ background:url("/img/tabs/tabs_right_green.png") no-repeat right top; font-weight:bold; }
.ui-tabs-nav li.green-tab a:link, 
.ui-tabs-nav li.green-tab a:visited		{ color:#fff; } 
.ui-tabs-nav a:link, 
.ui-tabs-nav a:visited					{ color:#2bb2c2; color:#888; }
.ui-tabs-nav li.ui-tabs-selected a:link,
.ui-tabs-nav li.ui-tabs-selected a:visited 	{ color:#333; }
.ui-tabs-nav li.ui-tabs-selected 			{ background-position:0 -40px; }
.ui-tabs-nav li.ui-tabs-selected a 		{ background-position:right -40px; }
.ui-tabs-panel 						{ }

/**************************************/
/*           FEATURES LIST            */
/**************************************/
.feature-list 					{ list-style-type:none; list-style-image:none; padding:0; margin:0; text-align:left; }
.feature-list li 				{ display:block; float:left; margin:0 20px 20px 0; padding:0; }
.feature-list li.last 			{ margin:0 0 20px 0; }
.feature-list img 				{ display:block; float:left; }
.feature-list h4, 
.feature-list p 				{ margin-left:60px; }
.feature-list li.no-icon h4, 
.feature-list li.no-icon p 		{ margin-left:0; }
.feature-list p 				{ color:#666666; }
.features-block 				{ padding:10px; }
.features-block .feature-list 	{ overflow:hidden; width:440px; }
.features-block .feature-list li 	{ width:210px; }

.pseudo-feature-list 	{ padding:0 0 5px 0; margin:0 0 5px 0; border-bottom: 1px solid #ccc; text-align:left; display:block; clear: both; width: 320px; }
.pseudo-feature-list img { display:block; float:left; }
.pseudo-feature-list h4, 
.pseudo-feature-list p 	{ margin: 0 0 0 24px; padding: 0; }
.pseudo-feature-list h4 	{ font-size: 15px; }
.pseudo-feature-list p 	{ color:#666666; }

/**************************************/
/*           HOME SLIDESHOW           */
/**************************************/
#slide-wrapper 		{ position:relative; margin-top:35px; }
#slide-wrapper .inner 	{ background:url("/img/pl_screenshot_frame.png") no-repeat; padding:36px 10px 24px 10px; position:absolute; left:-10px; }
#slide-wrapper img 		{ width:460px; height:320px; top:  0; left: 0 }
#slide 				{ width:460px; height:320px; overflow:hidden; }

/**************************************/
/*           TOUR VID/IMAGE           */
/**************************************/
#tour-wrapper 			{ position:relative; margin-top:35px; }
#tour-wrapper .inner 	{ background:url("/img/pl_screenshot_frame.png") no-repeat; padding:36px 10px 24px 10px; position:absolute; left:-10px; }
#tour-wrapper img 		{ width:460px; height:320px; top: 0; left: 0 }
#tour-media 			{ width:460px; height:320px; overflow:hidden; }

/**************************************/
/*           CALL TO ACTION           */
/**************************************/
#cta 				{ margin:420px 0 20px 0; }
#cta a.button 			{ margin-bottom:0; }

/**************************************/
/*            TESTIMONIALS            */
/**************************************/
.testimonial 			{ background:#eee url("/img/pl_open_quote.png") no-repeat 3px 3px; text-align:center; }
.testimonial .inner 	{ background:url("/img/pl_close_quote.png") no-repeat bottom right; padding:10px; }
.testimonial cite 		{ color:#666; line-height:1.5em; display:block; padding:0 30px; font-size:24px; font-weight:normal; }
.testimonial h6 		{ padding:0 10px 10px 10px; text-align:right; font-size:16px; }

/**************************************/
/*             CONTACT                */
/**************************************/
.contact-form 			{ padding-top:10px; }
.contact-form .sub 		{ padding:10px 0 10px 10px; }
.contact-form button 	{ margin-right:12px; }
.contact-form label 	{ font-weight:bold; color:#333; }

/**************************************/
/*           CONTENT ZONE             */
/**************************************/
#content-zone 			{ margin-top:50px; }
#content-zone h2 		{ text-align:left; }
#content-zone .outer 	{ background:url("/img/pl_content_bg_left.png") no-repeat top left; padding-left:10px; position:relative; 
					  left:-10px; width:100%; }
#content-zone .inner 	{ background:url("/img/pl_content_bg_right.png") no-repeat top right; padding:10px 10px 0 0; 
					  min-height:400px; height:auto; width:100%; }
#content-zone .sub 		{ padding:20px; }

/**************************************/
/*              VIDEO                 */
/**************************************/
.video 				{ margin-bottom:20px; }

/**************************************/
/*               BLOG                 */
/**************************************/
.comments 			{ }
.comments p 			{ margin:18px 0 0 10px; padding-left: 10px; float:right; font-size:16px; 
					  background:url("/img/pl_comments_bg_left.png") no-repeat center left; }
.comments a 			{ background:url("/img/pl_comments_bg_right.png") no-repeat center right; display:block; padding:7px 10px 7px 0; }
#content-zone .blog .sub { padding:10px 20px 0 0; }
#content-zone .common .sub { padding:10px 20px 0 20px; }
.blog h2, 
.common h2 			{ font-size:30px; }
.blog .meta 			{ color:#666; border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:5px 0; margin-bottom:5px; }
#sidebar 				{ margin-top:260px; }
.rss p 				{ font-size:18px; padding-bottom:10px; margin-bottom:0; }
.rss a 				{ display:block; float:left; line-height:28px; }
.rss .icon 			{ float:right; padding-right:2px; }
.rss img 				{ vertical-align:middle; }
#sidebar .block 		{ border-bottom:#ccc 1px solid; margin-bottom:10px; }
.search form 			{ padding-bottom:10px; margin-bottom:0px; }
.search input 			{ width:179px; display:block; float:left; }
.search button 		{ background:url("/img/pl_search.png") no-repeat; display:block; float:right; overflow:hidden; 
					  text-indent:-9000px; height:28px; width:30px; border:0; }
.categories ul			{ margin-bottom:0; }
	
/**************************************/
/*               FOOTER               */
/**************************************/
.footer					{ background:#e4e4e4; border-top:#ccc 1px solid; }
.footer .container .content p { text-align:center; font-size:14px; padding:1em 0 0 0; color:#999; }
	
/**************************************/
/* REVERSE (all dark on light areas)  */
/**************************************/
.reverse, 
.reverse h1, 
.reverse h2, 
.reverse h3, 
.reverse h4, 
.reverse h5, 
.reverse h6 			{ color:#333; }
.reverse hr 			{ height:2px; background:#fff; border-top:1px #bbb solid; }
.reverse div.border, 
.reverse div.colborder 	{ border-color:#aaa; }
.reverse a:hover 		{ color:#000; text-decoration:underline; }
	
/**************************************/
/*            TINYMCE FORM            */
/**************************************/
textarea#msgbody 		{ display: block; width: 650px; height: 400px; margin-bottom: 20px; }

/**************************************/
/*            USEFUL STUFF            */
/**************************************/
.note 				{ color:#666; }
.fleft 				{ float:left !important; }
.container .fleft 		{ margin:0 20px 10px 0; }
.fright 				{ float:right !important; }
.container .fright 		{ margin:0 0 10px 20px; }
.aleft, 
.container .aleft 		{ text-align:left; }
.aright, 
.container .aright 		{ text-align:right; }
.acenter, 
.container .acenter 	{ text-align:center; }
.container div.border 	{ border-color:#666; }
.container li p 		{ text-align:left; }
div.border, 
div.colborder 			{ border-color:#333; }
.no-margin, 
.container .no-margin 	{ margin:0; }
.no-padding, 
.container .no-padding 	{ padding:0; }
.no-height, 
.container .no-height 	{ height: auto; }
.icon				{ vertical-align:middle; }
.small-icon 			{ vertical-align: middle; height: 16px; width: 16px; }
.special 				{ color: #849d35; font-style: italic; }

.bigpicture 			{ margin: 10px 0 20px 0; }
thead 				{ background: #fff url('/img/tableheader.png') 0 0 repeat-x; }
.trowbg 				{ background: #cfebf3 url('/img/tablerow.png') 0 0 repeat-x; }
.width 				{ background: #cfebf3; font-weight: bold; }
.centered 			{ margin: 0px auto; }
#tabs form label 		{ height: 20px; }

form.loginform 				{ padding: 10px 0 25px 0; }
form.loginform label 			{ font-size: 1.25em; padding: 10px 0; line-height: 1.25em; }
form.loginform label span 		{ display: block; width: 110px; float: left; }
form.loginform label .text, 
form.loginform label .password 	{ width: 160px; font-size: .95em; vertical-align: baseline; }
form.loginform label .button, 
form.loginform label .checkbox 	{ margin-left: 110px; }
form.loginform label b 			{ display: inline; font-size: .8em; font-weight: normal; float: none; width: auto; padding: 0 0 0 5px; }

.l 					{ text-align: left; }
.r 					{ text-align: right; }
.c 					{ text-align: center; }

.preview_thumb 				{ width: 64px; height: 64px; float: left; margin: 0 10px 0 0; }
.bordertop 					{ border-top: 1px solid #ccc; padding-top: 2px; margin-top: 2px; }
.small 						{ font-size: 11px; }
.err404 h1 					{ font-size: 400%; margin: 0; padding: 20px 0 20px 0; }
.err404 p 					{ font-size: 200%; margin: 0; padding: 10px 0; }
.err404_r h2 					{ font-size: 200%; line-height: 1.35em; margin: 0; padding: 10px 0 10px 0; }
.err404_r p 					{ font-size: 160%; margin: 0; padding: 10px 0; }

#upload_button 				{ display: block; width: 240px; height: 48px; font-size: 14px; font-weight: bold; cursor: pointer; }
#upload_button img 				{ width: 48px; height: 48px; margin: 3px 10px 3px 0; border: none; display: block; float: left; }
#upload_button span 			{ display: block; font-size: 12px; font-weight: normal; }

h1 span, h2 span, 
h3 span, h4 span, h5 span 		{ font-size: 12px; white-space: nowrap; }

#addressBookPhoto_wrap_labels 	{ display: block; margin: 6px 0 0 0; border: 1px solid #bbb; padding: 10px; width: 220px; }
#addressBookPhoto_wrap_labels img 	{ width: auto; border: none; vertical-align: middle; }

#cropbox 						{ display: block; width: 400px; height: auto; float: left; }
#cropbox img 					{ border: 1px solid #ccc; width: 400px; }
#cropform 					{ display: none; }
#preview 						{ display: block; float: left; width: 80px; height: 80px; margin: 5px 0 0 20px; }
#curr_img 					{ display: block; width: 80px; height: 80px; }

#header_data 					{ display: none; width: 582px; padding: 10px; height: 150px; overflow: scroll; 
							  font-family: Courier, "Courier New", "Andale Mono", Monaco, monospace; font-size: 11px; background: #eee; }
#add_address 					{ display: none; width: 472px; padding: 5px 10px; margin-top: 6px; background: #eee; }

#message_body 					{ padding: 20px; border-bottom: 1px solid #ccc; }

th.controls span, 
td.controls span 				{ display: block; width: 91px; float: right; font-size: 9px; text-transform: uppercase; }

.caption 						{ display: block; color: #999; font-size: 11px; font-style: italic; }
.error 						{ padding: 5px 5px 5px 28px; margin: 0 0 10px 0; 
							  background: #ffc url('/img/minicons/exclamation.gif') 5px 5px no-repeat; font-weight: bold; color: #000; }
.warning 						{ padding: 5px 5px 5px 28px; margin: 0 0 10px 0; 
							  background: #ff9 url('/img/minicons/warning.gif') 5px 5px no-repeat; font-weight: bold; color: #000; }
.success 						{ padding: 5px 5px 5px 28px; margin: 0 0 10px 0; 
							  background: #c8ff92 url('/img/minicons/check.gif') 5px 5px no-repeat; font-weight: bold; color: #000; }

.error a, .warning a, .success a 	{ padding:3px 10px 4px 0; background-color:#47382e; color:#FFFFFF; font-family: Helvetica, Arial, sans-serif;
							  font-size: 12px; text-decoration:none; }
.error a:hover, .warning a:hover, 
.success a:hover 				{ padding:3px 10px 4px 0; background-color:#d8a81e; color:#a78112; font-family: Helvetica, Arial, sans-serif;
							  font-size: 12px; text-decoration:none; }
.clear						{ clear: both; }
