/* CSS Document */

/*=================================================================================
Theme Name : HEMiDEMi-
Version    : 0.1
Author     : Sally Yang (HEMiDEMi)
Theme URL  :  
Description: Make your own theme from this file, step by step
BASED ON   : HEMiBasic 0.1
Copyright  : Copyright 2007 HEMiDEMi Inc.
=================================================================================*/

/*====================================
 STEP 1. link color
=====================================*/
a:link    { color:#f79009; }
a:visited { color:#4e8a4c; }
a:hover   { color:#FFF!important; background:#fab61b; text-decoration:none; }
a:active  { color:#f79009; }

/*====================================
 STEP 2. banner image, size
=====================================*/
#g_banner_inner {
 /* change banner image by replacing url(..) to the right image url*/
 background-image: none; 
 background-color: #f68905;
 width: 100%;
 height: 200px;
 background-repeat: no-repeat;
}

/*====================================
 STEP 3. banner text position, color
=====================================*/
#g_banner_text {
 display:none;
}
#g_banner_text h1 a {}
#g_banner a:hover {}
.g_banner_description {}

/*=================================================
 STEP 4. block color
===================================================*/
body {
 background: #ffef37 url(http://www.hemidemi.com/group/event_e21/image/360.png);
 background-repeat: repeat-x;
}

div.container {
 background: #fff; 
 padding:0px;
}

#g_container_inner {
 background: #fff;
 height:100%;
}
#g_content {}
#g_sidebar {}
#g_sidebar2 {
 height: 100%;
}

/*=================================================
 STEP 5. global font size, font color
===================================================*/
#g_container {
 font-size:13px;
 color:#555;
}

/*====================================
 STEP 6. navigator
=====================================*/
#g_navigator {
 font-size: 95%;
 text-align:center;
 background : #b61a1f; 
}

#g_navigator li {
 border:none;
 background: none;
}
#g_navigator li a {
 color:#fff;
}

#g_navigator a:hover {
 color:#fff;
 background:#4e8a4c;
}

/*====================================
 STEP 7. user info (user login bar)
=====================================*/
#g_user_info {
 display: block; 
 text-align: right; 
 margin: 0px; 
 padding: 5px 0px; 
 background: #ffef37 url(http://www.hemidemi.com/group/event_e21/image/360.png);
 background-repeat: repeat-x;
 font-size:80%;
}

#g_user_info, #g_user_info  a {
 color: #fff; 
}
#g_user_info a:hover {
 color: #fff;
 background:#4e8a4c;
}

#g_user_info ul {
 padding: 0;
 margin: 0;
}

#g_user_info li {
 display: inline;
 padding: 0;
 margin: 0 5px;
}


/*====================================
 STEP 8. box header
=====================================*/
.g_box_header {
 background: url(http://www.hemidemi.com/group/event_e21/image/359.png);
 background-repeat: repeat-x;
 padding:3px;
 margin: 0;
 border: 1px solid #5caf3a;
}

.g_contentbox_header {}
.g_sidebox_header {}
.g_sidebox2_header {}

.g_contentbox_title, .g_sidebox_title {
 background: transparent;  
 color: #fff!important;
 padding:0px;
 margin: 3px;
 font-size:115%; 
}

/*====================================
 STEP 9. box font size, margin
=====================================*/
.g_contentbox {
 margin:10px 5px;
 padding: 5px;
 background: none;
}
.g_sidebox {
 font-size:100%;
 margin:10px 5px;
 padding: 5px;
 background: none;
}

/*====================================
 STEP 10. change box link color
=====================================*/
#g_container a:link {}
#g_container a:hover, .g_sidebox a:hover,.g_sidebox2 a:hover {}
#g_container a:visited {}
.g_sidebox a {}
.g_sidebox a:visited {}
.g_sidebox2 a {}
.g_sidebox2 a:visited {}

/*====================================
 STEP 11. bookmark format
=====================================*/
.bookmark a:link { }
.bookmark .owner { }
.bookmark .description a { }
.bookmark .tag_title { color:#000; }
.comment_post { color:#000 !important;}
.timeline { color:#000 !important;}
.g_owners {}
.g_owners .g_label{}
.g_num { 
 background: #4e8a4c!important;
 color:#fff;
 padding:0 0 0 9px!important;
 margin: 0;
}
.g_quote {
 color:gray;
 background: #eeeedd;
}
.gpush_count {
 background:#4e8a4c;
}
.gpush_count a {
 color:white;
}
.gpush_count a:hover {
 color:#fff;
 background:#fab61b!important;
}

/*====================================
 STEP 12. others
=====================================*/

/*===========================================================================
 Advanced Setting - DO NOT CHANGE ANYTHING UNLESS YOU KNOW WHAT YOU ARE DOING
=============================================================================*/

/* g_user_info 

#g_user_info ul {
 padding:0;
 margin:0;
}
#g_user_info li {
 display: inline;
 padding:0;}*/

/* g_navigator */

#g_navigator { 
 margin:0;
 padding:3px;
}
#g_navigator ul {
 margin:0;
 padding:0;
}
#g_navigator li {
 display:inline;
 margin:0;
 padding:0;
}
#g_navigator li a {
 margin: 3px;
 padding: 3px;
}

/* g_sidebox, g_contentbox */

.g_sidebox {
 clear:both;
}
.g_contentbox {
 clear:both;
}

 /* others */
#filter, #filter ul, #filter li, #filter li a:link {border:none;}

/*==========================================================================
 Widget Setting - DO NOT CHANGE ANYTHING UNLESS YOU KNOW WHAT YOU ARE DOING
============================================================================*/
 /* g_bookmarks_complete_list */

.g_comments_combo .g_table_h .g_table_c1 {
 background:#eeeecc;
 color:#000;
}
.g_comments_combo .g_table_h .g_table_c2 {
 background:#eeeebb;
 color:#000;
}

.g_linkmore a {
 color:#4e8a4c!important;
 font-size: 13px;
}
.g_linkmore a:hover { 
 color:#FFF!important;
 background:#fab61b!important;
 text-decoration:none;
}
.push {
 display:none;
}
div.g_vote_chart {
 color:#555!important;
 padding: 0px;
 margin: 3px 0 15px 0;
 background: #eee;
 border:none;
}
div.g_vote_chart .g_table_f1, div.g_vote_chart .g_table_f2, div.g_vote_chart .g_table_f3 {
 background: #fff;
 color:#555!important;
 font-weight:normal;
}
div.g_vote_chart .g_table_c1, div.g_vote_chart .g_table_c2, div.g_vote_chart .g_table_c3 {
 background: #ffef37;
}

div.g_comments_post_list .g_item {
 border-bottom: 1px dotted #ccc;
 margin: 5px 0;
 padding: 0;
}

div.g_comments_post_list .g_comment {
 background: #f5f5f5;
 color:#555;
 padding: 5px;
 line-height: 1.5em;
 margin: 5px 0;
}
div.g_comments_post_list .g_comment a {
 color: #555;
}