/* ============================ common ============================== */

body {
	color:#666666;
	background: #fff;
	font: normal 69% Georgia, sans-serif;
	background: url(../img/bg.gif) repeat left;
}

a { color: #660000; text-decoration: none; }
a:hover, a:active, a:focus { color: #660000; }

img { display: block; }
a img { border: none; }
a span { cursor: pointer; }
em { font-style: italic; }
strong { font-weight: bold; }

.aural{
	position: absolute;
	font-size: 0;
	left: -2007px;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
	text-align:right;
}

.left {
	float: left;
}
.right {
	float: right;
}

.clear {
	clear: both;
}

/* ========================== common end ============================ */

/* ============================== bar =============================== */




#toolbar {
	background: url(../img/bg.png) repeat-x;
	width: 100%; height: 70px; min-width: 700px;
}

#logo {
	background: url(../img/toolbar-logo.gif) no-repeat;
	width: 35px; height: 56px; float: left;
	margin: 8px 0 0 20px;
}
#logo a {
	width: 35px; height: 56px; display: block;
}

#friend {
	background: url(../img/friend-icon.gif) no-repeat;
	width: 44px; height: 54px; float: left;
	margin: 7px 3px 0 10px;
}

#toolbar #post-info {
	float: left; margin: 8px;
	color: #424a4b;
}

#toolbar #post-info a {
	color: #424a4b;
}

#toolbar #post-info h2 {
	font-size: 17px;
}

#toolbar #post-info span {
	display: block;
	margin-top: 4px;
}



#toolbar #post-buttons {
	float: right;
	margin: 23px 20px 0 0;
}

#toolbar #post-buttons li {
	float: left;
	margin-left: 20px;
}

#source-btn {
	background: url(../img/source-btn.gif) no-repeat;
	width: 78px; height: 24px; display: block;
}
#retweet-btn {
	background: url(../img/retweet-btn.gif) no-repeat;
	width: 78px; height: 24px; display: block;
}
#close-btn {
	background: url(../img/close-btn.gif) no-repeat;
	width: 78px; height: 24px; display: block;
}


/* ============================= bar end ============================ */