body { padding: 0; margin: 0; background: #f1f0e6; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
a { color: #39c; text-decoration: none; }
a:hover { color: #39c }
h1, h2, h3, h4, h5 { font-family: 'Gill Sans', 'lucida grande',helvetica, arial, sans-serif; text-shadow: 0 1px 0 rgba(255,255,255,0.75); }
.dark h1, .dark h2, .dark h3, .dark h4 { text-shadow: none }
.dark span.highlight { color: #FF0060; background: transparent; }
h1 { font-size: 200% }
p { margin: 0 0 6px; padding: 0; }
em { background: none; color: none; font-weight: 700; }
ul { list-style-type: disc; margin: 0; padding: 0; }
ul, ol { margin-bottom: 10px }
.box ul { padding-left: 14px }
.round { /* css3 border radius */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;    }
.shadow { /* css3 drop shadow */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5);    }
li.section, li.sortable_work, li.page { list-style-type: none }
h3.logo { margin-top: 18px }
h3.logo a { display: block; text-indent: -9000px; background: transparent url(../img/freshli_logo.png); width: 220px; height: 67px; }
h3.logo a:hover { background: transparent url(../img/freshli_logo_alt.png) }
div#menu { float: right; margin: 0; padding: 0; }
div#menu a { padding: 4px; display: block; float: left; width: 86px; height: 43px; background: transparent url(../img/tab.png) no-repeat top center; text-align: center; font-size: 120%; color: #2f332e; }
div#menu a:hover { color: #408cb3 }
div#login { clear: right }
div#login .input, div#login input, div#login label, div#login button, div#login .button { display: inline; float: none; }
div#login label { font-size: 100%; margin: 0 0 0 10px; }
div#login input { font-size: 100%; padding: 2px; margin-bottom: 4px; }
div#login input[type=checkbox] { clear: none; float: none; }
div#login button { padding: 2px 8px; margin: 0 0 0 10px; }
div#login .loginextras label { font-weight: 400 }
div#login .loginextras ul, div#login .loginextras li { list-style: none }
div#login .loginextras li { float: right }
div#login .loginextras li.register { float: right; margin-right: 24px; }
div#login #authMessage { font-size: 100%; border: none; background: none; margin: 0; }
div#login .error-message { position: absolute; margin-left: 30px; }
div.incentives a.underline { border-bottom: 1px solid #408cb3 }
div.incentives div.example { float: left; margin-right: 20px; }
#random_work { text-align: center; height: 290px; width: 340px; margin: 20px auto 0; }
#random_work #work_image { text-align: center; line-height: 200px; height: 200px; width: 200px; margin: 0 auto 8px; }
#statement { text-align: center; height: 200px; width: 500px; margin: 60px auto 0; }
#statement .button { float: none; width: 240px; text-align: center; font-size: 1.6em; margin: auto; }
#featured-signup .button { float: none; text-align: center; width: 140px; font-size: 1.6em; margin: 0 auto; }
#howto { text-align: center; width: 400px; margin: 60px auto 0; }
#howto2 { text-align: center; width: 400px; margin: 60px auto 0; }
.examples { margin: 50px 10px; }
div.examplescreens { width: 270px; height: 184px; border: 1px solid #000; margin: 0 auto 10px; }
div.examplescreens#default { background: url(/img/features/default_thumb.jpg) }
div.examplescreens#splash { background: url(/img/features/splash_thumb.jpg) }
div.examplescreens#mutton { background: url(/img/features/mutton_thumb.jpg) }
div.examplescreens#insideout { background: url(/img/features/inside-out_thumb.jpg) }
div.examplescreens#allout { background: url(/img/features/all-out_thumb.jpg) }
div.examplescreens#katie { background: url(/img/features/katie_thumb.jpg) }
#followup { text-align: center; margin: 10px auto 30px; }
#video { margin: 20px auto 0 }
div#incentive-actions { text-align: center }
div#incentive-actions .button { float: right; text-align: center; font-size: 1.6em; margin: 0 20px 10px 0; display: block; }
div.howtoscreens { width: 400px; height: 129px; border: 1px solid #000; margin: 0 auto; }
div.howtoscreens#details { background: url(/img/features/tags-price-etc.jpg) }
div.howtoscreens#manage { background: url(/img/features/manage-portfolio.jpg) }
div.howtoscreens#lookfeel { background: url(/img/features/look-and-feel.jpg) }
div.howtoscreens#domain { background: url(/img/features/custom-domain.jpg) }
.box { /* css3 border radius */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
/* start: clearfix */
.box:before, .box:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.box:after { clear: both; }
.box { zoom: 1; }
/* end: clearfix */
.box.light { background: #e5e4d2; color: #2f332e; }
.box.dark { background: #2f332e; color: #fff; }
.box.dark h3, .box.dark h4 { color: #f06 }
.box.hint { background: #fff; color: #2f332e; }
.box.hint h3, .box.dark h4 { color: #f06 }
.box.hint img { margin: 0 4px 0 0 }
/* editable title's, description, etc.    */
.editable { clear: both }
.editable:hover { background: #e6e65a; color: #2f332e; }
.editable ul, .editable li { margin-left: 14px; list-style-type: disc; }
#section_description { min-height: 100px; margin-bottom: 24px; }
#work_description { min-height: 100px; margin-bottom: 24px; }
#page_body { min-height: 100px; margin-bottom: 24px; }
/* (non-)draggable items and lists
   ==================================================
   ==================================================
   ================================================== */
div.item { /* css3 border radius */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 10px auto; width: 100%;    }
div.item div.title { padding: 8px; height: 18px; }
div.item div.title a { color: #fff }
div.item div.content { padding: 8px }
div.item div.title { background: #49b53a }
div.item div.content { background: #e5e4d2 }
li.section div.item div.content { height: 90px }
li.page div.item div.content { height: 24px }
li.sortable_work div.item div.content { height: 120px }
/* ===[ Notices and Errors ]===
   ==================================================
   ================================================== */
div.message { clear: both; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; color: #FF2424; font-size: 120%; font-weight: 700; margin: 1em 0; background-color: #FFB3B3; padding: 4px 0 4px 16px; /* css3 border radius */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; ; ; ; }
div.error-message { color: #FF2424 }
div.success-message { color: #FFF; background-color: #49b53a; }
div.error em { font-size: 120%; color: #003d4c; }
span.notice { background-color: #c6c65b; color: #fff; display: block; font-size: 120%; padding: .5em; margin: 1em 0; }
.form_error { border: 1px red solid }
/* ===[ Forms ]=== */
label { display: block; font-size: 110%; padding-right: 20px; margin-bottom: 4px; }
input, textarea { font-size: 140%; font-family: "frutiger linotype", "lucida grande", verdana, sans-serif; padding: 2px; margin-bottom: 4px; }
select { clear: both; font-size: 120%; vertical-align: text-bottom; }
option { font-size: 120%; padding: 0 3px; }
input[type=checkbox], input[type=radio] { clear: left; float: left; margin: 0 6px 7px 2px; }
input[type=submit], input[type=file] { font-size: 110%; padding: 2px 5px; width: auto; }
/* ===[ Thickbox ]===*/
#TB_window { background: #f1f0e6 }
/* ===[ Typography ]=== */
dl dt { font-weight: 400 }
dt { color: #8F3999 }
dd { margin-left: 0 }
/* ===[ Work images ]===*/
div#work_images .imagerow { clear: both; height: 110px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
div#work_images .imagethumb { float: left; margin-right: 10px; }
div#work_images .imageorder { float: left }
div#work_images .imagecontrols { float: right }
/* ===[ Dashboard ]===*/
div.portfoliorow { clear: both }
div.portfoliorow .portfolioname { font-size: 130%; font-weight: 700; width: 160px; float: left; margin-right: 10px; overflow: hidden; }
div.portfoliorow .portfoliourl { width: 250px; float: left; overflow: hidden; }
div.portfoliorow .portfoliocontrols { float: right }
/* extra styling for popups    */
#TB_window ul, #TB_window li { list-style-type: disc }
#TB_window ul { margin-left: 14px }
#TB_window li { margin-bottom: 6px }
#pages_and_sections .ui-sortable-helper { width: 100% }
.ui-selected-pages-sections { width: 732px!important; border: 2px dotted #49B53A; list-style: none; height: 110px; }
.sortable_page_or_section { margin: 10px 0 }
.sortable_page_or_section .item { margin: 0 }
.sortable_page_or_section .title { cursor: move }
.ui-selected-section-works { border: 2px dotted #49B53A; list-style: none; height: 110px; }
.sortable_work { }
.sortable_work .item { margin: 0 }
.sortable_work .title { cursor: move }
ul#section_works { zoom: 1 }
/* ===[ Homepage plans table ]=== */
a.plans { float: left; width: 290px; height: 160px; display: block; }
a.plans h4 { margin: 0; padding: 12px 0 0; font-size: 160%; font-weight: 700; text-align: center; }
a.plans h5 { margin: 0; padding: 0; font-size: 160%; font-weight: 700; text-align: center; }
a.plans p { margin: 0; color: #2f332e; padding: 12px; height: 50px; }
a.plans#student { margin-right: 10px }
a.plans#basic { margin-right: 10px }
a.plans#student:hover { background-color: #A39D72 }
a.plans#basic:hover { background-color: #D4CC9D }
a.plans#pro:hover { background: url(/img/stars.jpg) }
a.plans#pro:hover p { color: #fff }
/* ===[ Header styling ]=== */
#full_header { width: 100%; height: 151px; background: url(/img/header/header_bg2.png) repeat-x top; margin-bottom: 50px; }
#header_logo { float: left; width: 205px; height: 62px; padding: 22px 0 26px 0; }
.header_buttons a { color: #f1f0e6 }
.header_buttons ul { float: right; list-style-type: none; margin-top: 45px; font-size: 15px; font-weight: 400; color: #ff0060; }
.header_buttons ul li { float: left; line-height: 40px; display: inline; text-align: center; margin-left: 10px; }
.button_bg a { padding: 8px 20px; background: #434641; outline: none; border: 1px solid #242824; border-top: 1px solid #4d504a; border-left: 1px solid #4d504a; }
.button_bg a:active { border: 1px solid #242824; border-bottom: 1px solid #4d504a; border-right: 1px solid #4d504a; }
#or { padding-left: 5px }
/*
#header_nav { position: absolute; top: 101px; margin: 5px 0 0 508px; background: transparent url(/img/header/nav_streep.png) no-repeat 100% 38%; }
*/
#header_nav { float: right; background: transparent url(/img/header/nav_streep.png) no-repeat 100%; }
#header_nav ul { margin: 0; list-style-type: none; font-size: 15px; }
#header_nav li { float: left; line-height: 42px; background: transparent url(/img/header/nav_streep.png) no-repeat 0; }
#header_nav a { padding: 12px 20px 12px 20px; outline: none; }
#header_nav li a:hover, #header_nav li a:active, li.tab a { background: #f1f0e6; }
/* ===[ Footer styling ]=== */
#full_footer { width: 100%; height: 300px; margin-top: 50px; background: #e5e4d2 url(/img/footer/footer_bg.gif) repeat-x top; }
.footer { clear: both }
.footer .column { display: inline; line-height: 16px; margin: 30px 8px 0; }
.footer .column img { float: left }
.footer .column a { display: inline }
ul#links li { width: 200px; height: 29px; }
.footer ul { list-style-type: none }
.footer ul li { float: left; line-height: 40px; height: 39px; padding: 0; margin: 0; }
.footer ul img { padding-right: 10px }
#copyright { margin-top: 30px; text-align: right; font-size: 10px; line-height: 10px; }
/* ===[ Buttons for page editor ]=== */
form.jeditable input[type=submit], form.jeditable input[type=button] { display: block; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; float: left; margin: 0 .583em .667em 0; padding: 5px 10px 5px 7px; /* Links */ border: 1px solid #dedede; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: 700; color: #565656; cursor: pointer; width: auto; overflow: visible; padding: 4px 10px 3px 7px /* IE6 */; ; ; ; }
form.jeditable input[type] { padding: 4px 10px 4px 7px; /* Safari */; ;: ; ; }
:first-child+html form.jeditable input[type] { padding: 4px 10px 3px 7px /* IE7 */ }
form.jeditable input[type=submit] { background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; width: 120px; }
form.jeditable input[type=button] { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
/* ---------->>> global settings needed for thickbox <<<-------- */
* { padding: 0; margin: 0; }
/* ---------->>> thickbox specific link and font settings <<<---------- */
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color: #666; }
#TB_window a:link { color: #666 }
#TB_window a:visited { color: #666 }
#TB_window a:hover { color: #000 }
#TB_window a:active { color: #666 }
#TB_window a:focus { color: #666 }
/* ---------->>> thickbox settings <<<---------- */
#TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; }
.TB_overlayMacFFBGHack { background: url(http://fresh.li/img/macFFBgHack.png) repeat }
.TB_overlayBG { background-color: #000; filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');    }
#TB_window { position: fixed; background: #fff; z-index: 102; color: #000; display: none; border: 4px solid #525252; text-align: left; top: 50%; left: 50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0-parseInt(this.offsetHeight/2) + (TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) + px);    }
#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; }
#TB_closeWindow { height: 25px; padding: 11px 25px 10px 0; float: right; }
#TB_closeAjaxWindow { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title { background-color: #e8e8e8; height: 27px; }
#TB_ajaxContent { clear: both; padding: 2px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal { padding: 15px }
#TB_ajaxContent p { padding: 5px 0 }
#TB_load { position: fixed; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px /* -height/2 0 0 -width/2 */;;;; }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0-parseInt(this.offsetHeight/2) + (TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) + px);    }
#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');    }
#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }