@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

@media all {
/**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */

/*  body { background: #4d87c7 url("images/bg_blue.gif") repeat-x top left fixed; padding: 0px 0; }*/
body {
	background: #F6F6F6 url(images/silver-head.gif) no-repeat center top;
	padding: 0;
	margin: 0;
	color: #333333;
	width: 100%;
	display: table;
}
/* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins {
	min-width: 740px;
	max-width: 85em;
	margin: 0 auto;
	border-left: 0px #889 solid;
}
#page {
	/*background:#FFF; border: 10px #fff solid; */
	margin:0 auto;
	padding:0;
}
/* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body {
	text-align: center
}
#page_margins {
}
/* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
	color: #000;
	/*    background: #fff repeat-x top left;*/
    padding: 130px 2em 1em 20px;  /*98px*/
}
#header span {  color: #7C7C7C}
#topnav {
	color: #7C7C7C;
	background: transparent;
	padding-top:110px;
}
#topnav a,a:visited { color: #7C7C7C; text-decoration:none;}
/* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav ul {
	margin-left: 20px;
}
#nav_main {
/*background-color: #336*/
	/*	padding-left:115px;*/

}

.banner {
	background:url(../../images/banner.gif);
	width:115px;
	height:103px;
	float:left;
	margin-top:2px;
	padding:0;
}
#footer {
	height:180px;
	color:#666;
	background: #F6F6F6 url(images/footer_silver.gif) no-repeat center top;
	padding: 65px 15px 15px 15px;/*  border-top: 3px #7ed71e solid;*/
}
#footer a {
	padding:0 5px;
}
/*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


#col2 {
	display:none;
}
#col2_content {
	padding-top: 10px;
}
#col1 {
	padding:0px;
	width:990px !important;
	margin:0 auto ;
	float:none;

}
#col1_content {
	padding:10px;

}
#col3 {
	display:none;
}
#main {
	margin:0  auto;
	padding:0;
}



#col3 {
	margin: 0 25%
}

#main {
	background:url(images/bg-silver.gif) center;
	padding:10px 0;
}
/*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Modifying "shiny buttons" navigation
   * (en) Anpassung der "Shiny Buttons" Navigation
   */

  #nav * {
	border: 0px none !important;
}
#nav_main {
	/*background: #8ae826;*/
	padding-bottom:32px;
}
#nav_main ul {
	padding-left: 125px;
}
#nav_main ul li {
	line-height: 1.2em
}
#nav_main ul li a, #nav_main ul li strong {
	color: #fbd5c5;
	font-weight: bold;
	padding: 0.5em 1.5em 0.5em 1.5em;
}
#nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active {
	background: #ffcbb5;
	padding-bottom:0px;
	color: #0d3019;
}
#nav_main .home {
/*	background:url(../../images/ico_home.gif) no-repeat left 50%;*/
}
#nav_main .game {
/*	background:url(../../images/ico_game.gif) no-repeat left;*/
}
#nav_main .card {
/*	background:url(../../images/ico_card.gif) no-repeat left 50%;*/
}
#nav_main .us {
/*	background:url(../../images/ico_us.gif) no-repeat left 50%;*/
}
#nav_main .info {
/*	background:url(../../images/user_go.gif) no-repeat left 50%;*/
}
#nav_main ul li#current {
	background: transparent
}
#nav_main ul li#current strong, #nav_main ul li#current a, #nav_main ul li#current a:focus, #nav_main ul li#current a:hover, #nav_main ul li#current a:active {
	color: #9d4804;
	font-weight: bold;
	background:#ffcbb5;
	padding-bottom:0px;
}

/* Add More by THANAJET ------------------------------------------------------------------------>*/

 #col1_content a, a:visited {
	color:#333;
}
#col1_content a:hover {
	color:#a02900;
	text-decoration:underline;
}
#col1_content .lasttopic {
	margin-left: -10px;
	padding:0
}
#col1_content .lasttopic li {
	list-style-type:none;
	border-bottom: #E3E3E3 solid 1px;
}
#col1_content .menu_left {
	border: #fed9c7 solid 1px;
	padding:10px 5px;
}
#col1_content .menu_left p {
	font-weight:bold;
	background:#f1bda3;
	color:#ab572e;
	padding:3px 5px;
}
#col1_content .menu_left {
	padding:10px 5px;
	border:#eab79d solid 1px;
}
#col1_content .menu_left li {
	list-style-type:none;
	display:block;
	border-bottom:#ebb99f solid 1px;
}
#col1_content .menu_left li a, a:visited {
	color:#ab633f;
	padding-left:5px;
}
#col3_content .search {
	background-color: #ffebe2;
	font-weight:bold;
	color:#832801;
}
#col3_content #tbl-normal {
	min-width:730px;
	width:730px;
	border-collapse:10px;
}
#col3_content #tbl-normal th {
	background:#f4d6b3;
	line-height:22px;
	color:#b72103;
	padding:3px 5px;
}
#col3_content #tbl-normal td a img {
	background:#FFFFFF;
	border-right: #6C6C6C solid 1px;
	border-bottom: #6C6C6C solid 1px;
	margin:3px;
	padding:3px ;
	text-align:left; 
	display:block;
	}
#col3_content #tbl-normal td {
	border-bottom:#f4d6b3 solid 1px;
	line-height:22px;
	color:#ae7e66;
}
#col3_content #tbl-normal a, a:visited {
	color:#965e41;
}
#col3_content #tbl-normal a:hover {
	color:#bd6538;
	background:#fbece4;
}
.txt-card {
	margin:10px 0 5px 0;
	padding:0;
	width:100%;
}
#paging {
	margin-top:20px;
	padding:0
}
#paging a, a:visited {
	padding:0px 5px;
	color:#676766;
}
#paging a:hover {
	background: #555;
	color:#FFFFFF;
	text-decoration:none;
}
#category td a, a:visited {
	color:#555;
	background:none;
}
#compose td {
	padding:2px 5px;
}
#compose input {
	padding:0px 5px;
	width:168px;
	filter:alpha (opacity=60);
	border: 1px dotted #979797;
}
#compose .eform {
	padding:0px 5px;
	width:168px;
	height:21px;
	border: 1px dotted #979797;
}
#compose .ename {
	border:#C0C0C0 solid 1px;
	padding:2px 5px;
	width:150px
}
#compose textarea {
	padding:2px 5px;
	height:25px;
	width:320px;
	color: #555;
	font-weight:bold;
	filter:alpha (opacity=60);
	border: 1px dotted #979797;
	background:#FF0000;
}
#compose .button {
	width:69px;
	border:#5f2509 solid 1px;
	background:#a04d25;
	color:#ffebe1
}
.bold {
	font-size:14px;
	font-weight:bold;
}
.topic {
	font-size:14px;
	font-weight:bold;
	width:100%;
	padding:5px;
	margin:5px 0 15px 0px;
}
.clear {
	clear:both;
}
.tab {
	border-bottom:#e3ffbd solid 15px;
}
.set-bg {
	background:#FFF
}
.set-bgr {
	background:#F8F8F8;
}
.article-pic {
	margin:5px;
	padding:5px;
	background:#FFF;
	border:solid #DADADA 1px;
}
.colum {
	width:100%;
	padding:3px 0;
	padding-left:20px;
	background:#D5D5D5 url(images/icon_green.gif) no-repeat left 8px;

}
.margin-left {
	margin-left:10px;
}
.pic {
	background:#FFF;
	padding:5px;
	margin:5px;
	border:#E9E9E9 solid 1px;
}
.smalltext {
	font-size:11px;
	color:#bc927d;
}
.tbl-comment {
	width:70%;
	margin:0 auto
}
.tbl-comment input {
	width:180px;
	border:#f4e1d3 solid 1px;
	background:#FFF;
	color:#875c46;
}
.tbl-comment textarea {
	width:420px;
	height:205px;
	border:#f4e1d3 solid 1px;
	background:#FFF;
	color:#3a5d02;
}
.tbl-profile {
	width:70%;
	margin:0 auto
}
.tbl-profile input {
	width:180px;
	height:20px;
	border:#f2d9cb solid 1px;
	background:#FFF;
	color:#6b4028;
}
.tbl-profile textarea {
	width:300px;
	height:69px;
	border:#f2d9cb solid 1px;
	background:#FFF;
	color:#6b4028;
}
.tbl-post {
	width:72%;
}
.tbl-post input {
	width:410px;
	border:#e3bfad solid 1px;
	background:#FFF;
	color:#653117;
	height:20px
}
.tbl-post textarea {
	width:520px;
	height:285px;
	border:#cde8a2 solid 1px;
	background:#FFF;
	color:#3a5d02;
}
.comment {
	background: none;
	padding:5px 5px 5px 0;
	margin:0 0 10px 0;
}
.tbl-pink {
	width:100%;
	border:#f19bc1 solid 1px;
}
.tbl-pink td {
	border-left:#f19bc1 solid 1px;
	padding:5px
}
.tbl-pink th {
	font-weight:bold;
	background:#ffc2dd;
	color:#e37aa8
}
.tbl-pink th a:hover {
	background:#ff9cdd;
	display:block;
	width:100%;
}
.tbl-border {
	border: #f8dab6 solid 1px;
	margin:0 auto;
	width:85%;
}
.tbl-border th {
	background: #f4d6b3;
	font-weight:bold;
	text-align:center;
}
.tbl-border td {
	border-right: #f8dab6 solid 1px;
	padding:5px;
}
.odd {
	background:#e8ffdd
}
.even {
	background:#FFF
}
.list {
	background:#b4e571;
	border:#6a9d24 dotted 1px;

}
.button {
	width:69px;
	border:#4e800b solid 1px;
	background:#90da2c;
	color:#6e3c23;
	padding:0 0 3px 0;
}
.border_pink {
	border: #f8a6ca solid 1px
}
.green {
	color:#5de30c;
}
.pink {
	color:#4e8603;
}
.gray {
	color:#C60;
}
.headbold {
	font-size:13px;
	color: #256a0a;
	background:#3dc607;
	padding:5px 5px 6px 5px;
}
.step {
	width:98%;
	height:25px;
	background:#8af261;
	padding:5px 10px;
	text-align:left;
	color: #256a0a;
}
.arrow {
	background:url(../../../gcards/images/arrow.gif) no-repeat bottom;
	padding-top:29px;
	position:absolute;
	width:20px;
	height:8px;
}
.hr {
	color:#b88c76;
}
.input-normal {
	padding:2px 3px 5px 3px;
	width:168px;
	border: 1px dotted #979797;
}
.left_info {
	padding:10px;
	width:170px;
	text-align:left;
	margin:0;
	border: #f4b291 solid 1px;
}
.left_info li {
	text-align:left;
	text-decoration:none;
	border-bottom:#fbb897 dotted 1px;
	list-style-type:none;
	margin:0;
	padding:2px 0px;
}
.toname {
	font-size:16px;
	font-weight:bold;
	color:#ff71b6
}
.toname1 {
	font-size:20px;
	font-weight:bold;
	color:#ea500d;
	line-height:30px;
}
.happy {
	font-size:20px;
	font-weight:bold;
	color:#803c05;
	line-height:30px;
}
.birtday {
	font-size:16px;
	font-weight:bold;
	color:#c94d00;
	line-height:30px;
}
.button_webboard {
	padding:0 3px;
	border: #de9976 solid 1px;
	background: #ffe0d1;
	color:#a56342
}
.post {
	padding:5px 10px
}
.member {
	color:#d95719;
}
.img_board {
	background:#FFFFFF;
	border-right: #6C6C6C solid 1px;
	border-bottom: #6C6C6C solid 1px;
	margin:3px;
	padding:3px ;
}

h2 { color: #575757}
h3 { color: #9F9F9F}
h4 { color: #6A6A6A}

.border_card{ background:url(../gcards/images/c_border_green.gif) repeat-y; width:410px;margin-top:30px;margin-left:25px}
.border_top{ width:410px; height:29px; background:url(../gcards/images/top_border_green.gif) no-repeat top}
.border_bottom{width:410px; height:29px; background:url(../gcards/images/bottom_border_green.gif) no-repeat  bottom}

.widget {
	background:#d1ff93;

}
.tabdiv {
	background: #d8f2b4;
}
.tabnav li a {
		color: #3a6006;
		border:#a0c86b solid 1px;		
	}
	
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #90da2c;
		color: #3a6006;
		}
label{ color: #A5A5A5}
fieldset div select {
	border:1px solid #9acb58;
}
}