* { margin: 0; padding: 0; }

body {
  background: #BFDFFF;
}

img {
  border: 0;
}

#main {
  border-right: 5px solid #ACD5FF;
  border-left: 5px solid #ACD5FF;
  width: 882px;
  margin: 0 auto;
}

#main2 {
  width: 862px;
  border-right: 1px solid #CCE5FF;
  border-left: 1px solid #CCE5FF;
  background: white;
  padding: 0 9px;
}

#nav {
  background: white url('/images/header-bg.jpg') scroll repeat-x top left;
  padding-left: 250px;
  padding-top: 5px;
  font-family: arial, helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

#nav a {
  height: 26px;
  color: #F7C35F;
  background: #FFECCE url('/images/menu-bottom.jpg') scroll no-repeat bottom left;
  text-align: center;
  text-decoration: none;
  padding-top: 9px;
  margin-right: 7px;
  display: block;
  width: 89px;
  float: left;
}

#nav a.selected {
  height: 26px;
  color: #FFFFFF;
  background: #FF9900 url('/images/menu-bottom-selected.jpg') scroll no-repeat bottom left;
  text-align: center;
  text-decoration: none;
  padding-top: 9px;
  margin-right: 7px;
  display: block;
  width: 89px;
  float: left;
}

#nav a:hover {
  color: #FFFFFF;
  background: #FF9900 url('/images/menu-bottom-selected.jpg') scroll no-repeat bottom left;
}

#weebly-logo {
  position: relative;
  top: -23px;
  left: 23px;
  float: left;
}

#login-box {
  width: 207px;
  float: right;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #616161;
  margin-right: 10px;
  position: relative;
  top: -10px;
}

#login-box span {
  border-bottom: 1px solid #E5E5E5;
  display: block;
  margin-bottom: 8px;
}

#login-box div {
  width: 69px;
  color: #ABABAB;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  float: left;
}

#login-box input.text {
  width: 132px;
  margin-bottom: 6px;
  height: 19px;
}

#login-box input.check {
  border: none;
  margin-right: 5px;
}

#login-box input {
  border: 1px solid #CCCCCC;
}

#login-box font {
  color: #ABABAB;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

#login-box input.submit {
  color: #616161;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  background: white;
}

#login-box table {
  border: 0;
  width: 100%;
}

#central {
  margin: 0 10px;
  line-height: 18px;
}

#central span {
}

#create-website {
  position: relative;
  top: -60px;
}

#content {
  border-top: 1px solid #EBEBEB;
  padding-top: 18px;
  background: #FFFFFF url('/images/main_fade.jpg') scroll repeat-x top left;
  float: left;
  position: relative;
}

#left {
  width: 421px;
  height: 350px;
  border-right: 1px solid #E4E4E4;
  float: left;
  z-index: 15;
}

#right {
  float: left;
  width: 420px;
}

#left td {
  padding-top: 7px;
}

#left table {
  margin-left: 10px;
}

#left .signup-input {
  width: 205px;
  height: 38px;
  border: 1px solid #A8ACC2;
  font-size: 30px;
  font-family: arial, helvetica, sans-serif;
  padding-left: 6px;
  padding-top: 4px;
  color: #666;
}

#left .signup-text {
  font-size: 30px;
  width: 160px;
  font-family: arial, helvetica, sans-serif;
  color: #666;
}

#right ul {
  list-style-image: url('/images/bullet.gif');
  list-style-position: inside;
  font-family: arial, helvetica, sans-serif;
  font-size: 21px;
  font-weight: bold;
  color: #929292;
  padding-top: 2px;
  z-index: 1;
}

#right ul li {
  padding-left: 20px;
  padding-bottom: 5px;
}

#featured-sites {
  margin-left: 20px;
}

#footer {
  clear: both;
  background: #F7C35F url("/images/footer-top.jpg") scroll no-repeat top left;
  margin: 0;
  height: 21px;
  color: white;
  padding-top: 15px;
  padding-left: 10px;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
}

#footer a {
  color: white;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

.error-box {
  display: block;
  position: absolute;
  top: 165px;
  width: 52%;
  left: 19.9%;
  border: 1px solid #FF9900;
  background: #FFECCE;
  text-align: left;
  padding: 4%;
  z-index: 100;
  font-family: arial, helvetica, sans-serif;
}

#logout-box a {
  text-decoration: none;
  color: #606060;
}

#logout-box img {
  float: left;
}

#logout-box span {
  position: relative;
  top: 2px;
  margin-left: 6px;
}

#logout-box {
  width: 73px;
  float: right;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #616161;
  position: relative;
  top: -20px;
}

#friends-box {
  width: 93px;
  float: right;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #616161;
  position: relative;
  top: 0px;
  left: 68px;
}

#friends-box a {
  text-decoration: none;
  color: #606060;
}

#friends-box img {
  float: left;
}

#friends-box span {
  position: relative;
  top: 2px;
  margin-left: 6px;
}

#sites-header {
  width: 100%;
  height: 60px;
  background: #f7f7f7;
  border-bottom: 4px solid #e5e5e5;
}

#left-column {
  width: 357px;
  float: left;
  margin-top: 6px;
  margin-bottom: 10px;
  margin-right: 0px;
  background: white;
  height: auto !important;
  height: 530px;
  min-height: 530px;
}

#right-column {
  background: #eff7ff;
  margin-top: 6px;
  height: auto !important;
  height: 530px;
  min-height: 530px;
}

.website {
  display: block;
  width: 343px;
  border-bottom: 1px solid #f1f1f1;
  height: 60px;
  background: #fefefe;
  font-family: helvetica, arial, sans-serif;
  font-size: 20px;
  font-decoration: none;
  color: #999999;
  padding: 0px 0 0 12px;
}

.website a {
  color: #999999;
}

.website span {
  font-size: 12px;
  display: block;
}

.website-title {
  padding-top: 14px;
}

.website-selected {
  display: block;
  width: 348px;
  border-bottom: 1px solid white;
  height: 60px;
  background: #fefefe url('/weebly/images/userhome/website-selected-bg.jpg') repeat-y top left;
  font-family: helvetica, arial, sans-serif;
  font-size: 20px;
  font-decoration: none;
  color: #2960b0;
  padding: 0px 0 0 12px;
}

.website-selected a {
  color: #2960b0;
}

.website-selected span {
  font-size: 12px; 
  display: block;
}

.website-hover {
  display: block;
  width: 348px;
  border-bottom: 1px solid white;
  height: 60px;
  background: #fefefe url('/weebly/images/userhome/website-hover-bg.jpg') repeat-y top left;
  font-family: helvetica, arial, sans-serif;
  font-size: 20px;
  font-decoration: none;
  color: #2960b0;
  padding: 0px 0 0 12px;
}

.website-hover a {
  color: #2960b0;
}

.subdomain:hover {
  color: #FF8200;
}

.website-hover span {
  font-size: 12px;
  display: block;
}

.website-actions {
  width: 114px;
  height: 48px;
  background: #fdfdfd;
  float: right;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #c7c7c7;
  padding-top: 12px;
}

.website-actions-selected {
  width: 119px;
  height: 48px;
  float: right;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #c7c7c7;
  padding-top: 12px;
}

.website-actions .edit-site {
  padding: 2px 0 0 23px;
  background: transparent url('/weebly/images/userhome/edit-site.jpg') no-repeat top left;
  text-decoration: none;
  color: #c7c7c7;
}

.website-actions .view-stats {
  padding: 2px 0 0 23px;
  background: transparent url('/weebly/images/userhome/view-stats.jpg') no-repeat top left;
  text-decoration: none;
  color: #c7c7c7;
}

.website-actions-selected .edit-site {
  padding: 2px 0 0 23px;
  background: transparent url('/weebly/images/userhome/edit-site-selected.jpg') no-repeat top left;
  text-decoration: none;
  color: #2960b0;
}

.website-actions-selected .view-stats {
  padding: 2px 0 0 23px;
  background: transparent url('/weebly/images/userhome/view-stats-selected.jpg') no-repeat top left;
  text-decoration: none;
  color: #2960b0;
}

.website-actions .delete-site {
  position: relative;
  top: -32px;
  left: 17px;
  text-decoration: none;
  color: #eee;
}

.website-actions-selected .delete-site {
  position: relative;
  top: -32px;
  left: 17px;
  color: red;
  text-decoration: none;
}


#blog {
  padding: 0px 10px 0 10px;
  font-family: helvetica, arial, sans-serif;
  clear: both;
}

#blog a {
  color: #FF8200;
}

#showPrompt {
  margin: 104px 10px 10px 20px;
}

/**************** Blog Styles ****************/

#blog-title {
	padding-top: 10px;
	font-size:18px;
	line-height: 20px;
	font-weight: normal;
	font-family: 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
}

#blog-title a {
	color:#FF8200;
	text-decoration:none;
}

#blog-title a:hover {
	border:none;
	color:#68f;
}

#blog-date {
	padding-left: 10px;
	color: #999;
	font-size: 13px;
}

#blog-content {
	text-align: justify;
	clear: both;
	font-family: helvetica neue, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #666666;
}

#blog-content ul {
	padding: 25px;
}

#blog-separator {
	border-bottom: 1px solid #ddd;
	padding-top: 2px;
	margin-top: 0px;
	font-size: 2px;
	height: 2px;
}

#blog-author {
	background: #fbfbfb;
	border-bottom: 1px solid #f9f9f9;
	padding: 0px 5px 2px 5px;
	margin: 0px 0 2px 0;
	float: right;
}

#blog-comments {
	float: left;
	padding: 2px 0px;
	font-size: 14px;
}

#blog-post-separator {
	clear: both;
}

.weebly-text *{
margin: 0px;
padding: 0px;
font-family:Verdana,Tahoma,Arial,sans-serif;
font-size: 12px;
color:#303030;
}

.weebly-text{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align: center;
}

.weebly-text h1, h2, h3, h4, h5, h6 {
font-family: Verdana,Tahoma,Arial,sans-serif;
}

.weebly-text h1 {
font-size: 24px;
}

.weebly-text a {
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

.weebly-text a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
.weebly-text a img{border:none;}

.weebly-text p{padding:0 0 1.6em 0;}
.weebly-text p form{margin-top:0; margin-bottom:20px;}

.weebly-text input { border: 1px solid #ccc; }


#userSettingsAccordion .accordion_toggle {
        background: #eee;
        border-bottom: 1px solid #ccc;
        color: black;
        font-weight: bold;
        cursor: pointer;
        display: block;
        height: 30px;
        line-height: 30px;
        margin: 0;
}

#userSettingsAccordion .accordion_toggle_active {
        color: white;
        background: #F1981A;
        border-bottom: 1px solid #A67223;
}

#userSettingsAccordion .accordion_content {
        background-color: white;
        overflow: hidden;
        width: 525px;
}

#userSettingsAccordion table {
        width: 525px;
}