@charset "utf-8";

#bg-latest-member {
	height:280px;
	width:100%;
	background-repeat: no-repeat;
	background-position: center top;
}

/* latest members */

#container-members {
	width:900px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 80px;
	padding-left: 80px;
	padding-top: 20px;
}

#container-latest-member {
	width:435px;
	float: left;
}
#container-latest-member .member{
	color: #6e2ecc;
	font-family: Tahoma, Arial, Verdana;
	font-size: 9px;
	font-weight: bold;
}
#container-latest-member img.rating{
	float:right;
	margin-right:10px;
}

#container-latest-member a {
	font-size: 12px;
	font-weight: normal;
	letter-spacing:1px;
}

.member_box {
	color:#318575;
	text-align:center;
	float:left;
	width:80px;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 10px;
	background-color: #f1f1f0;
	padding-left: 7px;
	height: 90px;
	overflow: hidden;
}

.member_box a {
	font-family:Tahoma, Arial, Verdana;
	color:#000000;
	text-decoration:underline;
}

.member_box a:hover {
	color:#993300;
}

.member_box img {
	padding: 3px;
	background-color:#FFFFFF;
	cursor:pointer;
}

#container-most-active {
	width:435px;
	float: right;
}
#container-most-active .member{
	color: #6e2ecc;
	font-family: Tahoma, Arial, Verdana;
	font-size: 9px;
	font-weight: bold;
}
#container-most-active img.rating{
	float:right;
	margin-right:10px;
}

#container-most-active a {
	font-size: 12px;
	font-weight: normal;
}
#container-mytrymasak-bar {
	background-color:#ff8a00;
	height:100px;
	width: 100%;
}
#recipe-count {
	background-image: url(../images/mytrymasak-header-menu.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	font-family: Tahoma, Arial, Verdana;
	color: #FFFFFF;
	font-size: 45px;
	font-weight: bold;
	padding-left: 700px;
	background-position: center center;
	padding-right: 10px;
	background-color: #FF8A00;
	padding-top: 10px;
}
#btn-join-now {
	width:80px;
	height:30px;
	background-image:url(../images/join-now_01.gif);
	float:right;
	cursor:pointer;
	background-repeat: no-repeat;
	margin-top: 20px;
}

#btn-join-now:hover {
	background-image:url(../images/join-now_02.gif);
}

.btn-add-your-blog{
	width:119px;
	height:31px;
	background-image:url(../images/mytrymasak/add-your-blog01.gif);
	float:left;
	cursor:pointer;
	background-repeat: no-repeat;
}

.btn-add-your-blog:hover {
	background-image:url(../images/mytrymasak/add-your-blog02.gif);
}

#container-mytrymasak-tabs {
	background-color:#ca6d00;
	height:22px;
	width: 100%;
}

#container-mytrymasak-tabs .tabs{
	float:left;
	height: 21px;
	cursor: pointer;
	
}

#container-mytrymasak-tabs #recipes {
	background-image:url(../images/mytrymasak-tabs/tabs-recipes_01.gif);
	width: 76px;
}

#container-mytrymasak-tabs #recipes:hover {
	background-image:url(../images/mytrymasak-tabs/tabs-recipes_02.gif);
}

#container-mytrymasak-tabs #glossaries {
	background-image:url(../images/mytrymasak-tabs/tabs-glossaries_01.gif);
	width: 90px;
}

#container-mytrymasak-tabs #glossaries:hover {
	background-image:url(../images/mytrymasak-tabs/tabs-glossaries_02.gif);
}

#container-mytrymasak-tabs #tips_guides {
	background-image:url(../images/mytrymasak-tabs/tabs-tips_guides_01.gif);
	width: 111px;
}

#container-mytrymasak-tabs #tips_guides:hover {
	background-image:url(../images/mytrymasak-tabs/tabs-tips_guides_02.gif);
}

#container-mytrymasak-tabs #forum {
	background-image:url(../images/mytrymasak-tabs/tabs-forums_01.gif);
	width: 78px;
}

#container-mytrymasak-tabs #forum:hover {
	background-image:url(../images/mytrymasak-tabs/tabs-forums_02.gif);
}

#container-mytrymasak-tabs #blog {
	background-image:url(../images/mytrymasak-tabs/tabs-blog_01.gif);
	width: 51px;
}

#container-mytrymasak-tabs #blog:hover {
	background-image:url(../images/mytrymasak-tabs/tabs-blog_02.gif);
}

#container-mytrymasak-tabs #photos {
	background-image:url(../images/mytrymasak-tabs/tabs-photos_01.gif);
	width: 67px;
}

#container-mytrymasak-tabs #photos:hover {
	background-image:url(../images/mytrymasak-tabs/tabs-photos_02.gif);
}

#middle-content {
	background-image: url(../images/shadow-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 6px;
	margin-right: auto;
	margin-left: auto;
	width: 1100px;
	padding-right: 60px;
	padding-left: 60px;
}

.btn-shout {
	background-image:url(../images/btn-shout.jpg);
	width:100px;
	height:38px;
	cursor:pointer;
	border: 1px none #FFFFFF;
	float: right;
	margin-top: 10px;
	margin-right: 16px;
}
.invi_txtbox {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #808080;
	float: left;
	height: 28px;
	margin-top: 10px;
	width: 540px;
	background-image: url(../images/textbox-bg1.gif);
	background-repeat: repeat;
	padding-top: 7px;
	padding-left: 10px;
	margin-left: 2px;
	letter-spacing: -1px;
}
#shoutbox {
	background-image: url(../images/bg-shoutbox.gif);
	background-position: left top;
	height: 435px;
	width: 750px;
	float: left;
	background-repeat: no-repeat;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
}
#shoutbox img.shouter {
	height:44px;
	width:44px;
	padding-top: 8px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 11px;
	float: left;
}

#shoutbox-display {
	margin-top: 16px;
	margin-left: 35px;
	width: 595px;
	height: 335px;
	overflow: auto;
}

#container-photos {
	float: left;
	padding-left: 33px;
	width: 240px;
}

.chat-lines-avatar {
	width:30px;
	height:30px;
	padding-right: 10px;
}

.chat-lines a.name {
	color:#066087;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
	font-family: Tahoma, Arial, Verdana;
}
.chat-lines {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.chat-lines .timer {
	font-size: 9px;
	clear: right;
}

#header-photos {
	width:291px;
	background-image: url(../images/mytrymasak/header-announcement.jpg);
	background-repeat: no-repeat;
	height: 58px;
}
#body-photos {
	width: 271px;
	height: 223px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	background-image:url(../images/mytrymasak/announcement-bg.gif);
}

#announcer{
	float: right;
	width: 300px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	color: #000000;
	text-align: right;
	font-weight: normal;
	padding-top: 20px;
	height: 50px;
}
#announcement-avatar-holder{
	width: 292px;
	float: left;
	height: 245px;
}
#announcement-container{
	width: 273px;
	float: left;
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 5px;
	height: 210px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	background-image:url(../images/mytrymasak/announcement-bg.gif);
	background-repeat:no-repeat;
	background-position:center; 
}
#announcement-text{
	float: left;
	width: 250px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	text-align: right;
}
#announcement-holder{
	float: left;
	padding-top: 10px;
	width: 285px;
}
#announcement-date{
	float: right;
	width: 190px;
	text-align: right;
	padding-right: 30px;
}
.announcementBtn{
	vertical-align:middle;
	background-repeat: no-repeat;
	float: right;
	width: 58px;
	height: 58px;
	margin-left: 200px;
	background-image:url(../images/mytrymasak/announcement-01.gif);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	cursor:pointer;
}
.announcementBtn:hover{
	vertical-align:middle;
	background-image:url(../images/mytrymasak/announcement-02.gif);
	width: 58px;
	height: 58px;
}
#container-latest-happening {
	width: 750px;
	float: left;
}

#header-latest-happening {
	height: 58px;
	width: 750px;
	background-image: url(../images/header-latest-happening.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#body-latest-happening {
	padding-top:10px;
	background-color: #FFFFFF;
	background-image: url(../images/happs_02.jpg);
	background-repeat: repeat-y;
	background-position: right;
	margin-bottom: 10px;
	width: 745px;
	overflow: hidden;
}

#ad-right {
	float: left;
	width: 260px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#ad-right img {
	border: 1px solid #000000;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.happs {
	clear:both;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	vertical-align: middle;
	width: 740px;
	overflow: hidden;
}

.happs a.username {
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
} 

.happs a.recipe {
	color:#005aff;
	text-decoration:none;
	font-weight:bold;
}

/*.happs img {
	width:30px;
	height:30px;
	border: 1px solid #FFFFFF;
	margin-top: 3px;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-left: 5px;

}*/

.happening-avatar {	
	width:30px;
	height:30px;
	border: 1px solid #FFFFFF;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
.happening-avatar:hover {
	border: 1px solid #FFCC00;
}

.h_odd {
	background-color:#ffffff;
	background-image: url(../images/happs_02.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

.h_even {
	background-color:#eef4f9;
	background-image: url(../images/happs_01.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
#header-latest-story {
	height: 58px;
	width: 698px;
	background-image: url(../images/header-latest-story.jpg);
}
#header-members-blogs{
	height: 58px;
	width: 699px;
	background-image: url(../images/blog/membersblogsheader.gif);
}
#members-blogs-more{
	float: left;
	height: 46px;
	width: 40px;
	padding: 5px;
	padding-left: 120px;
}
#add-blog-temp{
	float: left;
	padding-left: 350px;
	width: 180px;
	height: 50px;
	padding-top: 15px;
}
#container-latest-story {
	float: left;
	width: 700px;
}
#container-latest-discussion {
	float: left;
	width: 345px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #EBE9ED;
}
#header-latest-discussion {
	height: 58px;
	width: 344px;
	background-image: url(../images/header-latest-discussion.jpg);
}
#body-latest-story {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 5px;
}
#header-trymasak-this{
	height: 58px;
	width: 344px;
	background-image: url(../images/mytrymasak/header-trymasak-this.jpg);
}
.story {
	clear:both;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-left: 10px;
	text-align: justify;
	padding-right: 15px;
}
.story-last {
	clear:both;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	text-align: justify;
	padding-right: 15px;
}

.story img {
	padding-right:5px;
	float: left;
}
.story .date {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 16px;
	color: #89002e;
}
#member-blog-author-avatar-holder{
	float: left;
	width: 35px;
	height: 35px;
	padding: 3px;
	text-align: center;
}
#member-blog-contents{
	float: left;
	width: 595px;
	padding: 2px;
}

.discussion {
	clear:both;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	vertical-align: middle;
	line-height: 16px;
	height: 45px;
}

.discussion a.username {
	color:#1c870b;
	text-decoration:none;
	font-weight:bold;
} 
.discussion a.username:hover {
	text-decoration:underline;
} 

.discussion a.recipe {
	color:#005aff;
	text-decoration:none;
	font-weight:bold;
}

.discussion img {
	width:30px;
	height:30px;
	border: 1px solid #FFFFFF;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-left: 5px;

}

.d_odd {
	background-color:#ffffff;
	background-image: url(../images/discussion_02.jpg);
	background-repeat: repeat-y;
	background-position: right;
	
}

.d_even {
	background-color:#eff7ee;
	background-image: url(../images/discussion_01.jpg);
	background-repeat: repeat-y;
	background-position: right;

}
a.question {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
a.question:hover {
	color:#f52938 ;
}

#container-social-networking a {
	text-decoration:underline;
	color: #0c5b00;
}

#container-social-networking .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #0c5b00;
	padding: 10px;
	text-align: center;
}

#social-networking {
	width: 980px;
	text-align: center;
}

#social-networking img {
}

#facebook {
	float: left;
	color:#46649f;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	padding-left: 300px;
}

#friendster {
	float:left;
	color:#7a7a7a;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}

#twitter {
	float: left;
	color:#2796bb;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}
#bottom-content {
	width:1190px;
	background-image:url(../images/bg-bottom_mascot.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	padding-left: 60px;
	padding-top: 10px;
	padding-bottom: 250px;
}
#body-latest-discussion {
	background-color: #FFFFFF;
}
#container-social-networking {
	padding-top: 10px;
	float: left;
	width: 980px;
	background-color: #FFFFFF;
	/*
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #EBE9ED;*/
	padding-bottom: 10px;
}
.ad-box {
	height:200px;
	width: 262px;
	float:left;
	padding-top:1px;
}
.btn-more {
	width:55px;
	height:19px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	cursor:pointer;
	float:right;
	margin-top:10px;
	margin-left: 100px;
	background-image: url(../images/btn-more_01.png);
	background-repeat: no-repeat;
	margin-right: 20px;
}

.btn-more:hover {
	background-image:url(../images/btn-more_02.png);
}

img.avatar {
	border: 1px solid #b3b3b3;
	padding: 1px;
	cursor:pointer;
}

img.avatar:hover {
	border: 1px solid #FFCC00;
	padding: 1px;
}

img.adminavatar{
	border: 1px solid #b3b3b3;
	padding: 1px;
	cursor:pointer;
	vertical-align: middle;
}
img.adminavatar:hover {
	border: 1px solid #FFCC00;
	padding: 1px;
}