body{
	text-align:center;	
	background-color:#fff;
	font-size:14px;
	padding-bottom:30px;
}

body, #emoji_tale_name{
	font-family:Helvetica, Arial, sans-serif;
}

button, input{
	border:1px solid #666;
}

a, a:visited{
	color:#0066ff;
}

h1, #emoji_tale_name{
	font-size:1em;
	font-weight:bold;
	font-size:30px;
	margin:15px 0;
	padding:5px;
	line-height:30px;
	text-align:center;
}

h1{
	margin-top:24px;
}

#clear_this_button{
	margin-right:30px;
}

#capture_the_input{
	position:absolute;
	top:-1000px;
}

#emoji_grid{
	background:url('emoji.jpg') 0 0 no-repeat;
	width:784px;
	height:476px;
	position:relative;
}

.emoji_square{
	width:28px;
	height:28px;
	display:inline-block;
	overflow:hidden;
	text-indent:-1000;
}

#emoji_selector{
	top:-1000px;
	left:-1000px;
	position:absolute;
	border:1px solid #000;
}

#emoji_text, #action_buttons{
	margin-top:20px;
}

#emoji_text{
	min-height:28px;
	margin:30px 0;
}


#emoji_tale_name{
	width:782px;
}

#follow_us_on_twitter{
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	background:url(follow_us_on_twitter.gif) left top no-repeat;
	width:138px;
	height:77px;
	overflow:hidden;
	text-indent:-1000px;
}

#link_form{
	display:inline;
}

#main_column{
	width:784px;
	margin:0 auto;
	padding-left:300px;
	position:relative;
	left:-150px;
}

.message_preview, .message_create, .message_read{
	display:none;
}

#action_buttons{
	clear:both;
}

/* Navigation */

#navigation{
	position:fixed;
	left:0;
	top:0;
	width:120px;
	margin:15px 0 0 15px;
}

#navigation, #navigation li{
	list-style:none;	
	padding:0;
	z-index:10000;
}

#navigation li{
	padding:0;
	text-align:left;
	margin-bottom:10px;
}

#navigation li a{
	text-decoration:none;	
	display:block;
	height:30px;	
	border-bottom:3px solid #fff;	
}

#navigation li a:hover{
	border-bottom:3px solid #000;
}

#navigation li span{
	vertical-align:middle;
	background-image:url(emoji.jpg);
	margin-right:8px;
}

#message_read_tab span{
	background-position:-392px -224px;
}

#message_create_tab span{
	background-position:-420px -224px;
}

#message_preview_tab span{
	background-position:-28px -198px;
}

#navigation li.current a{
	border-bottom:3px solid #92D841;
}

/* Message list */

#emoji_messages{
	padding:0;
	line-height:20px;
	text-align:left;
}

#emoji_messages li{
	border-bottom:1px solid #999;
	list-style:none;	
	padding:10px 0;
}

#emoji_messages .the_message{
	text-align:center;	
}

#emoji_messages .message_title{
	font-weight:bold;
}

#emoji_messages .credit, #emoji_messages .credit a{
	font-size:12px;
	color:#777;
}