@import url("fff.css");

body {
	background:#F7FCFF url("/images/background.png") repeat-x;
	font:13px/21px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	color:#555;
}

a {
	text-decoration:none;
	color:#F74312;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

#wrapper {
	width:800px;
	margin:0 auto;
	text-align:left;
}

#welcome {
	border-bottom:2px solid #64CAF0;
	margin:-30px 0 40px;
	padding:20px 25px 10px;
	background:#EEF9FE;
}

#welcome p > big {
	color:#666;
	font:normal 25px/normal Georgia,"Times New Roman",serif;
	display:inline-block;
	padding:10px 0;
}

#welcome p > big span {
	font:normal 30px/normal Georgia,"Times New Roman",serif;
	display:inline-block;
}

#welcome p > big input {
	color:#666;
	font:normal 25px/normal Georgia,"Times New Roman",serif;
	border-bottom:1px solid #ccc;
	width:300px;
}

#welcome p > big button {
	margin-left:10px;
}

button {
	border:1px solid #64CAF0;
	background:#D3F0FB;
	color:#225162;
	padding:4px 10px;
	display:inline-block;
	font:normal 15px/normal Georgia,"Times New Roman",serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:pointer;
}

button:hover {
	text-decoration:underline;
	cursor:pointer;
}

#welcome .right {
	border-left:1px solid #64CAF0;
	margin-left:20px;
	padding-left:20px;
	width:280px;
	font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	margin-bottom:10px;
}

#welcome .right a {
	font-weight:normal;
}

#welcome .right a:hover {
	color:#F74312;
	text-decoration:none;
}

a.button {
	border:1px solid #64CAF0;
	background:#D3F0FB;
	color:#225162 !important;
	width:280px;
	text-align:center;
	padding:5px 0;
	display:inline-block;
	font:normal 15px/normal Georgia,"Times New Roman",serif;
	margin-top:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

a.button:hover {
	text-decoration:underline;
}

#welcome .headline, #welcome .right big {
	font:bold 18px/26px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	color:#F74312;
	display:inline-block;
	margin-bottom:5px;
}

#header { border-bottom:2px solid #64CAF0; margin:75px 0 30px; padding:0 0 20px 0; }
#header h1 { display:block; padding:50px 0 15px; text-align:center; }
#header h1 a.logo { display:block; text-indent:-99999px; width:294px; height:46px; background:url("/images/logo.png"); float:left; }
#header ul#navigation { float:right; font-size:15px; }
#header ul#navigation li { display:inline-block; padding:10px 0 0 15px; }
#content { margin:0 0 50px; }
#content h3 { color:#419608; font:bold 18px/24px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana; margin:20px 0 5px; }
#content h2 { font:normal 26px/34px Georgia,"Times New Roman",serif; margin:0 0 5px; }
#content p { margin-bottom:10px; }
#content #the-content { width:500px; margin-right:50px; float:left; }
#content #sidebar { width:250px; float:right; }
#content #sidebar p { padding-top:15px; font:11px/17px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana; color:#999; text-align:center; }
#content .followUs { margin-top:58px; background:#EEF9FE; color:#F74312; font:bold 16px/22px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana; padding:15px; border:1px solid #D3F0FB; }
#content .followUs img { margin-bottom:5px }

#info {
	margin-left:100px;
	margin-top:58px;
	border-top:2px solid #64CAF0;
	text-align:left;
}

#info p {
	text-align:left !important;
	color:#666 !important;
	font:13px/21px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana !important;
}

#info .button {
	width:150px;
	margin:0px 0 -5px;
}

#twitts {
	border-top:2px solid #64CAF0;
	border-bottom:1px solid #64CAF0;
	margin:25px 0;
	width:600px;
	height:816px;
	overflow:hidden;
}

.inline_tweet {
	border-bottom:1px solid #64CAF0;
	padding:5px 10px 7px;
	height:55px;
}

.inline_tweet span {
	display:inline-block;
	font:bold 11px/19px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	text-transform:uppercase;
	margin-bottom:-1px;
	color:#999 !important;
}

.inline_tweet span a:hover {
	text-decoration:none;
	color:#333;
}

.inline_tweet .left {
	float:left;
	width:60px;
	padding:5px 0 0;
}

.inline_tweet .right {
	float:right;
	width:520px;
	font:13px/18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
}

#content .loading {
	padding:5px;
	background:#75BFDF;
	width:200px;
	padding:5px 10px;
	margin:100px 0 300px;
	height:32px;
	display:block;
	outline:1px solid #75BFDF;
	border:4px solid #fff;
	color:#fff;
	vertical-align:middle;
	font:bold 15px/32px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	text-align:center;
}

#content .loading img {
	float:left;
	margin-right:10px;
}

#the-content form p input {
	border:2px solid #efefef;
	width:480px;
	color:#666;
	font:normal 25px/normal Georgia,"Times New Roman",serif;
	padding:4px 8px;
	margin-bottom:10px;
}

#the-content form p label {
	display:inline-block;
	color:#419608;
	font:bold 16px/20px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	margin:10px 0 10px;
}

#the-content form p span {
	display:inline-block;
	font:12px/20px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	color:#999;
	margin-bottom:10px;
}

#the-content form p big {
	display:inline-block;
	font:normal 25px/normal Georgia,"Times New Roman",serif;
	color:#999;
	width:265px;
	border:2px solid #efefef;
	padding:4px 8px;
	border-right:0;
}

#error { margin:0px 50px 25px; padding:5px 10px; color:#fff; text-align:center; font-weight:bold; background:#F74312; }
#error a { color:#fff; }


#preview { padding:0px 50px; }
#preview .col-1 { width:235px; float:left; padding-right:30px; }
#preview .col-2 { width:235px; float:right; }

#footer { background:#3A150C url("/images/footer.png") repeat-x; padding:30px 0 20px; border-top:1px solid #fff; margin:30px 0 0; color:#ccc; }
#footer p { width:800px; margin:0 auto; }
#footer a { color:#fff; }

.form { margin:0px 50px; }
.form label { font-size:11px; text-transform:uppercase; display:block; padding:0px 0px 5px; line-height:normal; }
.form input { display:block; padding:4px; font:17px/35px "Trebuchet MS", sans-serif; border:0; background:#fff; margin:0px 0px 20px; width:392px; }
.form button { font:18px/35px "Trebuchet MS", sans-serif; padding:4px; }

#feedback {
	width:40px;
	position:fixed;
	top:50%;
	left:0;
	height:115px;
	margin-top:-58px;
}

#feedback a {
	display:block;
	width:40px;
	height:115px;
	text-indent:-9999999px;
	background:url("/images/feedback.png") top right;
}

#feedback a:hover {
	width:43px;
}

#twitter_update_list {
	background:#EEF9FE;
	color:#225162;
	border-left:1px solid #D3F0FB;
	border-right:1px solid #D3F0FB;
	list-style:none;
}

#twitter_update_list li {
	border-bottom:1px solid #D3F0FB;
	padding:10px 15px;
}

.avatar {
	float:right;
	outline:1px solid #D3F0FB;
	border:4px solid #fff;
	margin:0 0 5px 15px;
}

#wall_list {
	border-top:1px solid #D3F0FB;
	margin:25px 0;
	height:500px;
}

#wall_list li {
	border-bottom:1px solid #D3F0FB;
	padding:0 0 10px;
}

#wall_list .edit {
	font-weight:normal;
	padding-left:22px;
	margin-right:10px;
	color:#666;
	background:url("/images/edit-icon.png") no-repeat;
}

#wall_list h3 {
	vertical-align:middle;
}

#wall_list h3 a {
	text-transform:uppercase;
	background:#EEF9FE;
	color:#225162;
	font:bold 11px/15px "Trebuchet MS", sans-serif;
	padding:2px 10px;
	margin:-22px 0 0 15px;
	display:inline-block;
	border:1px solid #D3F0FB;
	float:right;
}

#wall_list h3 a:hover {
	background:#225162;
	color:#fff;
	text-decoration:none;
	border:1px solid #225162;
}

#wall_list span {
	background:#EEF9FE;
	color:#225162;
	font:13px/normal "Trebuchet MS", sans-serif;
	padding:1px 3px;
}

#previewFrame {
	border:1px solid #000;
	margin:15px 0;
	background:#D5EBF4;
	padding:30px 30px 20px;
	color:#fff;
	font:14px/20px Helvetica, Arial, Tahoma, Verdana, sans-serif;
}

#previewFrame #previewH1 {
	font:normal 20px/normal Arial, sans-serif;
	text-align:right;
	margin:0 0 10px;
	color:#E4001D;
}

#previewFrame .previewTwitterFrame {
	float:left;
}

#previewFrame .previewTwitter {
	background:#fff;
	color:#000;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	height:130px;
}

#previewFrame .previewTwitterP {
	width:185px;
	overflow:hidden;
	text-align:left;
	height:130px;
}

#previewFrame .author {
	padding:13px 8px 0;
	vertical-align:top;
	background:url("/images/bubble.png") no-repeat;
}

#previewFrame .author span {
	color:#66B8DC;
	font-weight:bold;
}

#previewFrame .author img {
	width:30px;
	height:30px;
	vertical-align:top;
	margin-right:5px;
	display:inline-block;
}

#colorPickers {
	margin-bottom:10px;
}

#colorPickers p {
	width:88px;
	float:left;
	margin-right:15px;
}

#colorPickers p.right {
	margin-right:0;
	float:right;
}

#colorPickers input {
	border:1px solid #000 !important;
	width:86px !important;
	padding:0 !important;
	height:86px !important;
	text-indent:-99999px;
	cursor:pointer;
}

#colorPickers label {
	color:#666 !important;
	font:bold 12px/16px Helvetica, Arial, Tahoma, Verdana, sans-serif !important;
	text-transform:uppercase;
	display:inline-block;
}

.hoster {
	float:right;
	background:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:145px;
	height:50px;
	display:block;
	margin-top:-2em;
	padding-top:2px;
}