body {
	background-color: #ffffff;
	color: #2D2D2D;
	font-family: Trebuchet MS;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 18px;
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #2D2D2D;
	font-family: Trebuchet MS;
}

textarea {
	margin: 0 0 2px 0;
}

button {
	margin: 0;
}

label {
	display: block;
}

a {outline: none;}

a:link {text-decoration: none; color: #2D2D2D;}
a:visited {text-decoration: none; color: #2D2D2D;}
a:active {text-decoration: none; color: #2D2D2D;}
a:hover {text-decoration: underline; color: #2D2D2D;}

#site {
	width: 987px;
}

#site .box, #site .box .head, #site .box .body, #site .box .body .item {
	width: 100%;
	float: left;
}

#site .thumb {
	width: 125px;
	height: 90px;
	float: left;
}

#top {
	width: 987px;
	float: left;
	margin-bottom: 10px;
}

#header {
	width: 987px;
	height: 150px;
	float: left;
}

.bar {
	width: 985px;
	height: 24px;
	float: left;
	background-image: url(images/bar-texture.jpg);
	background-repeat: repeat-x;
	border-left: #b3b3b3 solid 1px;
	border-right: #b3b3b3 solid 1px;
	padding: 3px 0;
}

.bar_color {
	width: 22px;
	height: 22px;
	float: right;
	border: #B3B3B3 solid 1px;
	margin-right: 2px;
}

#logo {
	width: 345px;
	height: 180px;
	float: left;
}

#left {
	width: 300px;
	float: left;
	position: relative;
}

#left .rectangle {
	width: 300px;
	height: 250px;
	margin-bottom: 10px;
}

#left .box {
	width: 298px;
	margin-bottom: 10px;
	padding-top: 5px;
}

#left .box .head {
	width: 288px;
	font-size: 18px;
	font-weight: bold;
	padding: 2px 5px;
}

#left .box .body {
	width: 298px;
}

#left .box .body .item {
	width: 298px;
	margin-bottom: 5px;
}

#left .list .item:hover {
	background-color: whiteSmoke;
}

#left .box .body .item .thumb {
	margin-right: 5px;
}

#left .box .body .item .content {
	width: 158px;
	float: left;
}

#left .box .body .item .content .label {
	color: #000000;
	font-size: 14px;
	margin: 0 0 5px 0;
}

#left .box .body .item .content .label a:hover {text-decoration: none;}

#left .premium .item {
	width: 288px;
	padding: 5px;
}

#right {
	width: 677px;
	float: right;
}

.right_box {
	width: 675px;
	float: left;
	border: solid 1px;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding-top: 5px;
}

.right_section {
	width: 665px;
	float: left;
	padding: 0 5px;
	margin-bottom: 5px;
}

.right_section .title {
	color: #2D2D2D;
	float: none;
	font-size: 17px;
	border-bottom: 1px dotted;
	margin: 0 0 5px 0;
}

.right_tab {
	width: 665px;
	float: left;
	font-size: 11px;
	padding: 2px 5px;
	margin-bottom: 5px;
}

.right_position {
	font-size: 14px;
	margin: 5px 0 10px 10px;
}

.right_title {
	font-size: 18px;
}

.right_position_item {
	margin-right: 50px;
}

.right_functions {
	font-size: 12px;
	font-weight: bold;
}

.right_static {
	height: 800px;
}

.right_invisible {
	width: 675px;
	height: 0;
	float: left;
	border: 0;
	margin: 0;
	visibility: hidden;
	padding: 0;
}

#description-box, #detail-box p {font-size: 13px; margin-bottom: 8px;}
#detail-box p span {font-size: 15px; font-weight: bold;}

#like-button .ui-icon-like {background-image: url("images/icons/like.png");}
#like-button:hover .ui-icon-like {background-image: url("images/icons/like-roll.png");}
#dislike-button .ui-icon-dislike {background-image: url("images/icons/dislike.png");}
#dislike-button:hover .ui-icon-dislike {background-image: url("images/icons/dislike-roll.png");}
#share-button .ui-icon-share {background-image: url("images/icons/share.png");}

#comment-bar div {height: 28px; float: left; margin-right: 5px;}
#comment-bar .text {padding-top: 7px;}

#comment-list .item {width: 659px; float: left; padding: 3px 3px 10px 3px;}
#comment-list .item:hover {background-color: #D9DEE2;}
#comment-list .item .head {width: 159px; float: left;}
#comment-list .item .head .poster {font-size: 14px; font-weight: bold; margin-bottom: 5px;}
#comment-list .item .body {width: 400px; float: left;}
#comment-list .item .feet {width: 100px; float: left;}

#footer {
	width: 987px;
	float: left;
	border-top: #adadad solid 1px;
	border-bottom: #adadad solid 1px;
	padding: 10px 0;
	margin-bottom: 10px;
}

.footer_box {
	width: 200px;
	float: right;
}

#copyright {
	width: 987px;
	float: left;
	margin-bottom: 10px;
}

.bar_box {
	padding: 4px 8px;
}

.menu_item a:link {text-decoration: none; color: #2D2D2D;}
.menu_item a:visited {text-decoration: none; color: #2D2D2D;}
.menu_item a:active {text-decoration: none; color: #2D2D2D;}
.menu_item a:hover {text-decoration: none; color: #d91d1d;}

.box_grey {
	background-color: #f5f5f5;
	border: 1px solid #b3b3b3;
	color: #2D2D2D;
}

.box_blue {
	background-color: #A5F2F3;
	border: 1px solid #4DC5D6;
	color: #2D2D2D;
}

.box_orange {
	background-color: #FFFF66;
	border: 1px solid #FFCC00;
	color: #2D2D2D;
}

.box_green {
	background-color: #D3EE49;
	border: 1px solid #BCDD11;
	color: #2D2D2D;
}

.box_red {
	background-color: #FF7373;
	border-color: #FF4040;
	color: #2D2D2D;
}

.box_pink {
	background-color: #F3B0D0;
	border-color: #F398C3;
	color: #2D2D2D;
}

.box_purple {
	background-color: #D25FD2;
	border-color: #D235D2;
	color: #2D2D2D;
}

.post {
	width: 665px;
	float: left;
	padding: 5px;
}

.post_thumb {
	width: 125px;
	height: 90px;
	float: left;
	margin-right: 10px;
}

.post_content {
	width: 528px;
	float: left;
}

.post_title {
	color: #2d2d2d;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
}

.post_detail {
	font-size: 12px;
	font-weight: normal;
}

.post_description {
	height: 38px;
	font-size: 11px;
	overflow: hidden;
}

.title {
	color: #6e6e6e;
	font-size: 13px;
	font-weight: bold;
	float: left;
	margin: 3px 10px 0 10px;
}

.palms {
	width: 100%;
	height: 10px;
	float: left;
	background-image: url(images/palms.png);
	background-repeat: repeat-x;
	margin-bottom: 5px;
	overflow: visible;
}

.viral_icon {
	width: 133px;
	float: left;
	text-align: center;
	margin-top: 10px;
}

.option_icon {
	width: 22px;
	height: 22px;
	float: right;
	margin-left: 5px;
}

.ad120 {
	width: 124px;
	height: 124px;
	float: left;
	background-image: url(images/120_back.jpg);
	padding: 5px 0 0 5px;
}

.dark {
	color: #2d2d2d;
}

.dark a:link {text-decoration: none; color: #2d2d2d;}
.dark a:visited {text-decoration: none; color: #2d2d2d;}
.dark a:active {text-decoration: none; color: #2d2d2d;}
.dark a:hover {text-decoration: underline; color: #2d2d2d;}

.blue {
	color: #0070de;
}

.blue a:link {text-decoration: none; color: #0070de;}
.blue a:visited {text-decoration: none; color: #0070de;}
.blue a:active {text-decoration: none; color: #0070de;}
.blue a:hover {text-decoration: underline; color: #0070de;}

.red {
	color: #d91d1d;
}

.red a:link {text-decoration: none; color: #d91d1d;}
.red a:visited {text-decoration: none; color: #d91d1d;}
.red a:active {text-decoration: none; color: #d91d1d;}
.red a:hover {text-decoration: underline; color: #d91d1d;}

.blue {
	color: #0070DE;
}

.blue a:link {text-decoration: none; color:#0070DE;}
.blue a:visited {text-decoration: none; color:#0070DE;}
.blue a:active {text-decoration: none; color:#0070DE;}
.blue a:hover {text-decoration: underline; color:#0070DE;}

.green {
	color: #4A8200;
}

.green a:link {text-decoration: none; color:#4A8200;}
.green a:visited {text-decoration: none; color:#4A8200;}
.green a:active {text-decoration: none; color:#4A8200;}
.green a:hover {text-decoration: underline; color:#4A8200;}

.orange {
	color: #FF6600;
}

.orange a:link {text-decoration: none; color:#FF6600;}
.orange a:visited {text-decoration: none; color:#FF6600;}
.orange a:active {text-decoration: none; color:#FF6600;}
.orange a:hover {text-decoration: underline; color:#FF6600;}

.greyred {
	color: #2D2D2D;
}

.greyred a:link {text-decoration: none; color: #2D2D2D;}
.greyred a:visited {text-decoration: none; color: #2D2D2D;}
.greyred a:active {text-decoration: none; color: #2D2D2D;}
.greyred a:hover {text-decoration: none; color: #d91d1d;}

.bold {
	font-weight: bold;
}

.background_secondary_grey {
	background-color: #D9DEE2;
}

.background_secondary_blue {
	background-color: #4DC5D6;
}

.background_secondary_orange {
	background-color: #FFCC00;
}

.background_secondary_green {
	background-color: #BCDD11;
}

.background_secondary_red {
	background-color: #FF4040;
}

.background_secondary_pink {
	background-color: #F398C3;
}

.background_secondary_purple {
	background-color: #D235D2;
}

.border_grey {
	border: #D9DEE2 solid 1px;
}

.border_blue {
	border: #4DC5D6 solid 1px;
}

.border_orange {
	border: #FFCC00 solid 1px;
}

.border_green {
	border: #BCDD11 solid 1px;
}

.border_red {
	border: #FF4040 solid 1px;
}

.border_pink {
	border: #F398C3 solid 1px;
}

.border_purple {
	border: #D235D2 solid 1px;
}

.background_video {
	background-image: url(images/icon-video.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.background_picture {
	background-image: url(images/icon-picture.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.background_game {
	background-image: url(images/icon-game.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.background_hotlink {
	background-image: url(images/icon-hotlink.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.background_article {
	background-image: url(images/icon-article.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.margin_bottom {
	margin-bottom: 5px;
}

.margin_right {
	margin-right: 5px;
}

.margin_5 {
	margin: 5px;
}

.margin_group {
	margin-right: 10px;
}

.absolute {
	position: absolute;
	top: 150px;
	left: 0;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden {
	display: none;
}

.text_11 {
	font-size: 11px;
}

.text_12 {
	font-size: 12px;
}

.text_13 {
	font-size: 13px;
}

.link:hover {cursor: pointer;}

.ui-icon-like {
	background-image: url("images/icons/like.png");
}

#like-button, #dislike-button {
	float: left;
	margin-right: 5px;
}

#share-button {
	float: right;
	margin-left: 5px;
}
