/*=================================================================================
Theme Name : HEMiDEMi-Hello_World_Orange
Version    : 0.1
Author     : Sally Yang (HEMiDEMi)
Theme URL  : http://www.hemidemi.com/theme/group/sunday/hello_world_orange/stylesheets/group.css
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:#E57328; }
a:visited { color:orange; }
a:hover   { color:#FFF!important; background:#FF6500; text-decoration:none; }
a:active  { color:#E57328; }

/*====================================
 STEP 2. banner image, size
=====================================*/
#g_banner_inner {
 /* change banner image by replacing url(..) to the right image url*/
 background-image: url("http://www.hemidemi.com/group/FonStation/image/268.png"); 
 background-color: none;

 /* change banner height to fit your image*/
 width: 100%;
 height: 200px;
 background-repeat: no-repeat;
}
/*  [optional] you can add banner border by adding padding */
#g_banner { }

/*====================================
 STEP 3. banner text position, color
=====================================*/
#g_banner_text {
 /*display:none;*/
 text-align: center;
 padding: 35px 0px 0px 85px;
 font-size: 13px;
 width: 50%;


 /* banner descrption color*/
 color:#C55003;
}
#g_banner_text h1 a {
 color:#C55003;
}
#g_banner a:hover {
 color: #fff;
 background:#FF6500;
}
.g_banner_description {
}


/*=================================================
 STEP 4. block color
===================================================*/
body {
  background: #eee;
}
div.container {
 background: #fff; 
 padding:0px;
}

#g_container_inner {
 background: #fff;
 height:100%;
}
#g_content {
  
 /* background: #FFF; */
}
#g_sidebar {
/*background: #fff;*/

}
#g_sidebar2 {
 /*background: #EEFDA2; */
 height: 100%;
}

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

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

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

#g_navigator a:hover {color:#fff; background:#C55003;}

/*====================================
 STEP 7. user info (user login bar)
=====================================*/
#g_user_info {
       display: block; 
       text-align: right; 
       margin: 0px 0px 0px 285px; 
       padding: 0px; 
       overflow: hidden;
       position: absolute;
       top: 175px; 
       float: left;
       font-size:80%;
        }

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

#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: none;
 color:#FF6500; 
 padding:0px;
 margin: 0px;
 border-bottom: 1px solid #FF6500;}

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

.g_contentbox_title, .g_sidebox_title {
 background: none;  
 color: #FF6500;
 padding:3px;
 margin: 0px;
 font-size:130%; }

/*====================================
 STEP 9. box font size, margin
=====================================*/
.g_contentbox {
 font-size:100%;
 margin:10px 5px;
}
.g_sidebox {
 font-size:100%;
 margin:10px 5px;
 padding: 0px;
 background: none;
}
/*====================================
 STEP 10. change box link color
=====================================*/
#g_container a:link {}
#g_container a:hover, .g_sidebox a:hover,.g_sidebox2 a:hover {color:white; background:#FF6500;}
#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 {
 background: url(http://www.hemidemi.com/theme/group/sunday/hello_world_orange/images/187.png) center no-repeat; 
 width: 35px; 
 height: 26px;
 color:#fff;
 }
.g_owners .g_label{
 font-size: 8px!important;
}
.g_num { background: none!important; color:#fff;  padding:0 0 0 9px!important; margin: 0; }
.g_quote {
 color:gray;
 background: #FDF5F0;
 }
.gpush_count {background:#FF6600; }
.gpush_count a { color:white; }
.gpush_count a:hover {color:#fff; background:#C55003!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:0px; padding:3px;}
#g_navigator ul { margin:0; padding:0px;}
#g_navigator li { display:inline; margin:0px; padding:0px;}
#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:#F8F2EE;
  color:#000;
}
.g_comments_combo .g_table_h .g_table_c2 {
  background:#F8E9E0;
  color:#000;
}

.g_linkmore a {color:#C55003!important; font-size: 13px;}
.g_linkmore a:hover   { color:#FFF!important; background:#FF6500; text-decoration:none; }