/* -------------------------------------------------------------- 
   reset some stuff
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;
  font-size: 100%;font-family: inherit;vertical-align: baseline;}
table {border-collapse: collapse;border-spacing: 0;}
/*--------------------------------------------*/
/*         body and universal stuff           */
/*--------------------------------------------*/
body {line-height:1.5;font-size:62.5%;height:100%;
      font-family:Arial, Verdana, sans-serif;background-color:#fff;}
a {text-decoration:none;outline:none;color:#59a5f5;}
a:hover {text-decoration:underline;}
a.button-link:hover {text-decoration:none;}
h1 {font-size:3.0em}
h2 {font-size:2.4em}
h3 {font-size:2.0em;}
h4 {font-size:1.8em}
h5 {font-size:1.6em}
hr {background-color: #fafafa;color:#fff;clear: both;float: none;width: 100%;height:1px;margin:10px 0px;
    border:none;border-bottom:1px solid #fafafa;border-top:2px dotted #c8c8c8;}
ul {list-style:none;}
code {font-family:Courier, monospace;}
/* some general classes */
.center {text-align:center;}
.clear {clear:both;}
.unfloat {clear:both;width:100%;height:1px;display:block;}
/* forms */
label {display:block;font-size:1.6em;font-weight:bold;color:#32586b;}
label em {background-color:#dfefff;}
.label-help {font-size:0.75em;font-weight:normal;color:#3e879e}
form ul {list-style:none;}
form ul li {margin-bottom:10px;position:relative;}
form input.text,
form input.password,
form textarea {color:#383838;font-size:1.4em;border:1px solid #a6c3d1;padding:3px;width:358px;
               background:url(/images/home/txt_field_gradient.png) repeat-x #fff;}
form input.dulled, form input.dulled-password {color:#bcbcbc;}
form textarea {height:130px;}
form input.submit {font-family:inherit;}
form .inline-label {color:#383838;display:inline;font-weight:normal;font-size:1.4em;}
form .inline-label input.text {font-size:1.0em;}
form .form-help {font-size:1.0em;color:#3e879e;margin-top:2px;}
form label .form-help {font-size:0.7em;padding-left:0px;}
form .formError {font-size:0.7em;color:#fa460a;font-weight:normal;}
form .required {color:#fe6600;font-size:1.0em;margin-left:2px;}
.radio, .checkbox {vertical-align:text-bottom;}
form .disabled {color:#ababab;}
/* the buttons */
a.primary-button, input.submit,
a.secondary-button, input.secondary-button {border:1px solid #383838;color:#fff;padding:2px 15px;
                                            font-weight:bold;font-size:1.4em;}
a.primary-button:hover, 
input.submit:hover,
a.secondary-button:hover, 
input.secondary-button:hover {cursor:pointer;background-position:0 -22px;text-decoration:none;}
a.primary-button, 
input.submit {background-color:#64c733;background:url(/images/home/btn_green_sprite.png) repeat-x 0 0}
a.primary-button:hover, input.submit:hover {border:1px solid #399c34;}
a.secondary-button, input.secondary-button {background-color:#64c733;
                                            background:url(/images/home/btn_blue_sprite.png) repeat-x 0 0}
a.secondary-button:hover, input.secondary-button:hover {border:1px solid #3e879e;}
/* alert bar */
.alert-bar {position:absolute;top:0px:left:0px;width:100%;padding:5px 0px;text-align:center;font-size:1.4em;
            z-index:10;}
.alert-bar a {color:#59a5f5;font-weight:bold;text-decoration:underline}
.alert-bar .error,
.alert-bar .notice {position:relative;padding:3px 15px;color:#383838;border:1px solid;}
.alert-bar .error {border-color:#b75837;background:#f6af97;}
.alert-bar .notice {border-color:#ffe53e;background:#fffbbe;}
/*  help box */
.help-box {color:#969696;padding:4px 10px 10px 10px;font-weight:normal;
           font-size:1.2em;background-color:#f0f0f0;line-height:1.2em;}
.help-box .bold,
.help-box a {color:#59aff5;font-weight:bold;}
.help-box em {font-weight:bold;color:#64c733;}
form ul li .help-box, .help-box-right {float:right;margin-top:5px;width:380px;}
.help-box p {padding-top:5px;}
.help-box code {color:#454545;}
.extry-extry-extry {background-color:#ffdede;padding:5px;border:1px solid #ff6767;}
/*  page cover */
#page_cover {position: absolute;top:0;left:0;width:100%;height:100%;
             background:url(/images/home/login_bg_pattern_v.gif) #1e1e1e;}
#page_cover[id] {position: fixed;}
/*  a toggle menu in general  */
.toggle-menu .toggle-menu-contents .toggle-menu-content {display:none;}
.toggle-menu .toggle-menu-contents .selected {display:block;}
/*--------------------------------------------------------*/
/*           root layout                                  */
/*--------------------------------------------------------*/
.fixed-centered-parent {text-align:center;}
.fixed-centered {width:822px;text-align:left;margin:auto;position:relative;}

#main {}
#header {border-bottom:1px solid #57524e;position:relative;border-bottom:1px solid #57524e;background-color:#dfefff;}
#header .fixed-centered {height:60px;}
#header .logo {padding:12px 0px;}
#user_header {position:absolute;right:0px;bottom:0px;font-size:1.2em;background-color:#a6c3d1;}
#user_header ul {list-style:none;}
#user_header li {float:left;padding:0px 10px;margin:4px 0px;border-left:1px solid #dfefff;}
#user_header li.first {border-left:none;}
#user_header li span, #user_header li a {color:#32586b;font-weight:bold;}
#user_header li.login-link span,
#user_header li.login-link a {border-left:0px;font-weight:bold;}
#user_header li span {color:#646464;}
#user_header form input.text {font-size:1.4em;border:1px solid #969696;width:138px;}
#user_header form input.checkbox {position:relative;top:3px;margin-left:0px;}
#user_header form input.submit {border-color:#36302b;background-color:#969696;font-size:1.2em;color:#e3e3e3;
                                font-weight:bold;padding:2px 15px 1px 13px;}
#user_header form input.submit:hover {color:#fff;border-color:#36302b;background-color:#64c733;}
#user_header form label {color:#acd2fa;display:inline;font-size:1.4em;font-weight:normal;}
#user_header li.current a {color:#fff;}
.user-link {color:#dfefff;}

#content {min-height:580px;height:auto !important;height:580px;text-align:left;background-color:#fafafa;}
#content .form-holder {margin:0px 40px;}

.top-bar {width:100%;background-color:#57524e;border:solid #dfefff;border-width:1px 0px;padding:20px 0px;}
.post-top-bar {width:100%;border-top:1px solid #57524e;padding:20px 0px;background:url(/images/home/bg_gradient.png) repeat-x;}

#footer {position:relative;width:100%;left:0px;padding:5px 0px 3px;background-color:#fff;
         text-align:center;font-size:1.1em;border-top:1px dotted #c8c8c8;}
#footer .footer-links {font-weight:normal;}
#footer .footer-links li {display:inline;}
#footer .footer-links a {color:#59a5f5; border-left: 1px solid #c8c8c8;padding-left:6px;
                         padding-right:3px;}
#footer .footer-links a:hover {text-decoration:underline;}
#footer .footer-links .home-link a {border-left: 0px;padding-left:0px;}
#footer .copyright {color:#c8c8c8;position:absolute;top:5px;right:20px;}
/*--------------------------------------------------------*/
/*           homepage                                     */
/*--------------------------------------------------------*/
.tagline-bar {position:relative;width:572px;text-align:center;}
.tagline-bar, .tagline-bar .left, .tagline-bar .right, .tagline-bar .center {height:73px;}
.tagline-bar .left, .tagline-bar .right {position:absolute;width:3px;top:0px;}
.tagline-bar .left {left:0px;background:url(/images/home/home_whiteban_left.png) no-repeat;}
.tagline-bar .right {right:0px;background:url(/images/home/home_whiteban_right.png) no-repeat;}
.tagline-bar .center {background:url(/images/home/home_whiteban_center.png) repeat-x;}
.tagline-bar .center h1 {font-weight:bold;padding-top:19px;font-size:2.4em;color:#7d7d7d;
                         font-family:Arial, sans-serif;white-space:nowrap;}
.tagline-bar .center h1 span {color:#1e1e1e;}
.start-now-button {position:absolute;right:0px;top:-2px;padding:10px 0px;}
.start-now-button a {display:block;height:39px;width:227px;padding:11px 0px;text-align:center;
                     background:transparent url(/images/home/btn_home_sprite.png) no-repeat scroll 0 0;
                     color:#fff;font-size:2.4em;font-family:'Arial Black', Arial, Gadget, sans-serif;}
.start-now-button a:hover {background-position:0px -61px;}
#homepage .post-top-bar {padding-top:40px;}
.featured-sites {float:left;}
.featured-site {float:left;margin-right:10px;}
.featured-site .featured-site-thumb {position:relative;}
.featured-site a .featured-site-thumb {border:2px solid #f0f0f0;} 
.featured-site a:hover .featured-site-thumb {border-color:#59a5f5;} 
.featured-site-thumb .featured-icon {background:url(/images/home/featured_site.png) no-repeat;width:86px;
                                     height:17px;position:absolute;right:0px;bottom:0px;}
.featured-site-text {font-weight:bold;text-align:center;padding:2px 0px;font-size:1.4em;
                     color:#969696;background-color:#f0f0f0;margin-top:5px;}
.feature-list {float:right;padding-top:147px;width:210px;}
.feature-list ul {margin-bottom:20px;}
.feature-list li {font-size:1.4em;margin-bottom:7px;color:#969696;font-weight:bold;}
.learn-more-link {float:left;text-align:center;padding:2px 10px;font-size:1.4em;
                  font-weight:bold;background-color:#dfefff;}
.posterous {clear:both;padding:20px 0px 20px;}
.posterous h2 {font-weight:bold;color:#969696;padding:10px 0px;}
.posterous .posteorus-tagline {position:relative;top:-15px;}
/*--------------------------------------------------------*/
/*           login                                        */
/*--------------------------------------------------------*/
.overlay-box {background-color:#dfefff;border:2px solid #a6c3d1;position:absolute;left:50%;top:100px;}
.overlay-box input.text,
.overlay-box input.password {width:97%;}
.overlay-box .form-help {font-size:1.0em;}
.overlay-box h2 {color:#3e879e;font-weight:bold;margin-bottom:10px;}
.overlay-box #back_to_slinkset {position:absolute;bottom:-30px;right:0px;font-size:1.4em;font-weight:bold;}
.overlay-box #back_to_slinkset a {color:#fe6600;}
.overlay-box #back_to_slinkset img {vertical-align:middle;}
#login_form_box, #password_reset_box {padding:20px;width:250px;margin-left:-147px;}
#login_form_box .no-account {float:right;text-align:right;font-size:1.2em;color:#7d7d7d;line-height:1.2em}
#login_form_box .no-account a {display:block;font-weight:bold;}
#login_form_box .inline-label {color:#3e879e;}
#password_reset_box p {font-size:1.2em;}
/*--------------------------------------------------------*/
/*           signup and create                            */
/*--------------------------------------------------------*/
#signup_create_form {width:824px;margin-left:-414px;}
#signup_create_form .column {float:left;height:330px;padding:15px 20px;}
#user_column, #site_column {width:280px;border-right:1px solid #a7c3d1;}
#signup_create_form .subdomain-preview {color:#383838;font-weight:bold;}
#submit_column input {margin-top:24px;}
#signup_create_form .form-help {line-height:1.2em;margin-top:4px;}
#signup_create_form .form-help p {margin-bottom:4px;}
#signup_create_form .form-help span {font-weight:bold;color:#32586b}
/*--------------------------------------------------------*/
/*           site list                                    */
/*--------------------------------------------------------*/
.rect-button {padding:4px 8px;background-color:#413d3a;font-size:1.4em;font-weight:bold;}
.rect-button:hover {text-decoration:none;}
.rect-button img {margin-right:7px;vertical-align:middle;}
.create-site {float:right;}
.create-site:hover {color:#fff;background-color:#1e1e1e;}
.rect-button.create-site {margin-top:4px;}

#sites_index .top-bar {padding:9px 0px 6px 0px;}

.top-bar h2 {color:#a6c3d1;font-weight:bold;margin-bottom:5px;margin-left:8px;}
.site .title {font-weight:bold;}
.site .title span {font-weight:normal}
              
.site {margin-bottom:8px;position:relative;clear:both;background-color:#1e1e1e;overflow:hidden;}
.site .title {color:#fff;padding:1px 10px 0px 10px;font-size:1.8em;line-height:27px;}
.site .subtitle {color:#969696;font-size:0.89em;}
.site .menu {float:right;}
.site .menu div {float:left;}
.site .menu a {padding:4px 10px;float:left;text-align:center;line-height:21px;}
.site .menu a img {margin-right:7px;vertical-align:middle;}
.site .menu .goto-site {color:#fe6600;}
.site .menu .manage-site {color:#61ca32;}
.site .menu .manage-site, .goto-site {border-left:1px dotted #57524e;
                                      font-size:1.4em;font-weight:bold;background-color:#413d3a;}
.site .menu .manage-site:hover, .site .menu .goto-site:hover {color:#fff;background-color:#1e1e1e;text-decoration:none;}
/*--------------------------------------------------------*/
/*           site admin pages                             */
/*--------------------------------------------------------*/
.site-admin .top-bar {padding:10px 0px 0px 0px;height:66px;}
.site-admin .site {margin-bottom:8px}
.site-menu {margin-bottom:-8px;}
.site-menu .rect-button {float:left;margin-right:1px;color:#64c733;padding:1px 15px 2px;border:1px solid #413d3a;}
.site-menu .rect-button:hover {color:#fff;background-color:#1e1e1e;border-color:#1e1e1e;}
.site-menu li {float:left;position:relative;top:3px;}
.site-menu .rect-button.current {background:#dfefff;color:#1e1e1e;border:1px solid #dfefff;position:relative;
                                 padding-bottom:4px;}
.site-submenu-bar {border:solid #a6c3d1;border-width:0px 0px 1px 0px;height:21px;}
.site-submenu {position:relative;top:1px;overflow:hidden}
.site-admin .post-top-bar {padding-top:4px;}
/*  submenu   */
.site-submenu li, .site-submenu li a {float:left;}
.site-submenu li a {color:#59a5f5;margin-right:1px;font-size:1.2em;font-weight:bold;padding:1px 15px;
                    cursor:pointer;}
.site-submenu li a:hover{background-color:#a6c3d1;color:#fff;text-decoration:none;}
.site-submenu li.current a,
.site-submenu li.selected a {color:#fff;background-color:#59a5f5;}
/*--------------------------------------------------------*/
/*           site settings pages                          */
/*--------------------------------------------------------*/
.site-settings {padding-top:20px;background-color:#fafafa;}
#tld_field input.text {width:322px;}
#dimensions_fields input.text {width:50px;}
#dimensions_fields label {margin-right:20px;}
#delete_form .form-help {font-size:1.4em;color:#383838;margin-bottom:10px;}
#subdomain_field .form-help span {font-weight:bold;color:#32586b;}
/*--------------------------------------------------------*/
/*                lists & tables                  */
/*--------------------------------------------------------*/
.site-settings table {width:100%;font-size:1.2em;text-align:left;border-bottom:1px solid #afafaf;margin-bottom:10px;}
.site-settings table th,
.site-settings table td {padding:2px 5px 0px 5px;}
.site-settings table thead th {border:1px solid #afafaf;background-color:#f0f0f0;font-weight:bold;color:#afafaf;}
.site-settings table thead th .current {background-image:url(/images/icons/famfamfam/arrow_down.png);
                                        background-position:top right;background-repeat:no-repeat;
                                        padding:2px 18px 1px 0px;}
.site-settings table tbody {font-weight:bold;}
.site-settings table tbody .odd {background-color:#fff;border-bottom:1px solid dfefff;}
.site-settings table tbody .even {background-color:#f5faff;}
.site-settings table tbody td {border-right:solid #afafaf 1px;color:#383838;border-left:solid #afafaf 1px;
                               border-top:solid #dfefff 1px;font-weight:normal;}
.site-settings table tbody td a {font-weight:bold;}
/* pagination */
.site-settings .pagination {margin:0px 0px 10px 0px;font-size:1.2em;font-weight:bold;}
.site-settings .pagination a, 
.site-settings .pagination span {border:1px solid #a6c3d1;padding:2px 5px;background-color:#dfefff;}
.site-settings .pagination a:hover, 
.site-settings .pagination span.current {background-color:#59a5f5;color:#fff;border:1px solid #59a5f5;}
.site-settings .pagination .disabled {display:none;}

.site-settings h3 {font-size:1.8em;font-weight:bold;color:#a6c3d1;}
.site-settings td.delete, .site-settings td.actions {text-align:center;}
.site-settings td.delete {width:26px;padding:0px;vertical-align:top;}
.site-settings td.actions {width:42px;padding:0px;vertical-align:top;}
.site-settings td.actions a,
.site-settings .delete a {width:16px;height:16px;display:block;float:left;margin:2px 0px 0px 4px;}
.site-settings a:hover {background-color:#a6c3d1;}
.site-settings a.delete-button {background:url(/images/icons/famfamfam/cross.png) no-repeat;}
.site-settings a.edit-button {background:url(/images/icons/famfamfam/pencil.png) no-repeat;}
/*--------------------------------------------------------*/
/*      site edit  feed  subscriptions page               */
/*--------------------------------------------------------*/
#subscrition_form li input.text {width:358px;font-size:1.4em;}
#subscrition_form li input.submit {padding:2px 10px; margin-top:0px;}
#subscrition_form .expander {position:absolute;left:110px;top:4px;font-size:1.2em;font-weight:bold;}
#subscrition_form .show-expanded {display:none;}
#subscrition_form .expanded .show-expanded {display:block;}
#subscrition_form .expanded .hide-expanded {display:none;}
/*--------------------------------------------------------*/
/*     site memberships list page                         */
/*--------------------------------------------------------*/
#membership_status_filter {float:right;}
#membership_status_filter select {width:184px;}
#membership_username_search input.text {width:214px;font-size:1.4em;margin:0px;}
#membership_username_search input.submit {padding:2px 10px;font-size:1.4em;margin-bottom:0px}
.memberships {margin-top:20px;}
.memberships a:hover {text-decoration:underline}
.memberships .membership .role-cell {width:172px;}
/* normal role display cell */
.memberships .membership .role-cell .role-form {display:none;}
.memberships .membership .role-cell .actions {float:right;font-size:1em;padding-top:2px; font-weight:bold;}
.memberships .membership .role-cell .actions a:hover {text-decoration:underline;}
/* role display cell in editing mode */
.memberships .membership .editing .role-display {display:none;}
.memberships .membership .editing .role-form {display:inline;}
.memberships .membership .editing .role-form div {display:none;}/* rails adds this for hidden fields */
.memberships .membership .editing .role-form div.actions {display:block;}
.memberships .membership .editing .role-form div.actions a {margin-left:3px;}
/*--------------------------------------------------------*/
/*      templates                                         */
/*--------------------------------------------------------*/
#template_edit .site-settings {position:absolute;top:166px;bottom:0px;width:100%;background-color:#fff;z-index:10;
                               padding-top:0px;}
#template_edit .site-settings .fixed-centered,
#template_edit .site-settings li {height:100%;}
#template_edit .site-settings ul {position:absolute;top:10px;bottom:50px;width:100%;}
#template_edit .template-save {position:absolute;height:32px;bottom:0px;}
#template_edit textarea {width:100%;height:100%;}
/*-----------------------------------------------------------------*/
/*  Form Pages -- My account, Learn more, Contact, User Agreement  */
/*   TODO - add a classname somewhere here                         */
/*-----------------------------------------------------------------*/
#update_user_form, #learn_more, #contact_us, #user_agreement, #privacy_policy {width:822px;text-align:left;margin:auto;position:relative;padding:30px 0px;overflow:auto;}
#update_user_form h2, #learn_more h2, #contact_us  h2, #user_agreement h2, #privacy_policy h2 {margin-bottom:15px;color:#a6c3d1;font-weight:bold;}
/*------------------------------------------------------------*/
/*       User Agreement & Privacy Policy                      */
/*-------------------------------------------------------------*/
#user_agreement h3,#privacy_policy h3 {font-weight:bold;color:#32586b;}
#user_agreement p,#privacy_policy p {line-height:1.3em;color:#3e879e;font-size:1.3em;}
/*------------------------------------------------------------*/
/*  Create a new site  (hella broke-ass spacing in IE7)       */
/*------------------------------------------------------------*/
#site_edit_content, #create_site_heading {width:822px;text-align:left;margin:auto;position:relative;overflow:auto;}
#create_site_heading {padding-top:30px;color:#a6c3d1;font-weight:bold;}
#site_edit_content {margin-top:15px;}
/*--------------------------------------------------------*/
/*            learn more                                  */
/*--------------------------------------------------------*/
#learn_more .learn-more-links {clear:both;float:right;}
#learn_more .learn-more-links a {display:block;float:left;font-size:1.4em;padding:0px 22px 1px 22px;}
#learn_more .learn-more-links a.create-site-link {margin-left:15px;}
#learn_more ul li img {border:solid 2px #f0f0f0; float:right;margin:0px 0px 20px 30px;}
#learn_more ul li.learn-more-block {clear:both;}
#learn_more ul li h3 {font-weight:bold;color:#32586b;}
#learn_more ul li p,
#learn_more ul li ul {font-size:1.3em;margin:10px 0px 0px 0px;line-height:1.3em;color:#3e879e;}
#learn_more h3 {line-height:1.2;}
/*--------------------------------------------------------*/
/*            contact us                                  */
/*--------------------------------------------------------*/
#contact_us_form .green {margin-bottom:0px;}
#contact_us p {line-height:1.3em;color:#3e879e;font-size:1.3em;margin-top:20px;}
#contact_us_form {float:right;width:350px;margin:0px 10px 0px 50px;}
#contact_us_form form input.text,
#contact_us_form form textarea {width:100%;}
/*--------------------------------------------------------*/
/*            the error pages                             */
/*--------------------------------------------------------*/
#error_page {text-align:center;background-color:#fafafa;overflow:auto;}
#error_page a {text-decoration:underline;}
#error_page a:hover {color:#3e879e}
#error_page h1 {font-weight:bold;}         
#error_page .error-img {margin:10px 0px;}