/*=================================================================================
Theme Name : Original-Blue
Version    : 0.1
Author     : Sally Yang (HEMiDEMi)
Theme URL  : http://www.hemidemi.com/theme/group/original/original_blue/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 { text-decoration: none; color:#333;}
a:visited { text-decoration: none; color:#333; }
a:hover { text-decoration:none; background:#D5FF80;}
a:active { text-decoration: none;  }

/*====================================
 STEP 2. banner image, size
=====================================*/
#g_banner {width:275px;height:50px;background-image:url(http://www.hemidemi.com/theme/original/original_blue/images/393.png);background-repeat:no-repeat;}

/*====================================
 STEP 3. banner text position, color
=====================================*/
#g_banner_text, #g_banner a:hover{}
#g_banner_text h1{width:275px;height:50px;padding:0;margin:0;}
#g_banner_text h1 a {width:275px;height:50px;display:block;font-size:0px;font-size:inherit;color:#fff;padding:0;margin:0;}
#g_banner_text h1 a:hover {background:transparent;}
.g_banner_description {display:none;}

/*=================================================
 STEP 4. block color
===================================================*/
body {background:#4C4A48; }
div.container  {}
#g_container {background: #fff;  padding:0;margin:1em 0;}
#g_content  {background:#fff; }
#g_sidebar {border:1px solid #e6ffb3; background:#fff; padding:0; margin:0;}
#g_sidebar2 {background: #e0efec; border:1px solid #EED;padding: 0.5em; margin:0;}

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

/*====================================
 STEP 6. navigator
=====================================*/
#g_navigator { font:15px Arial; background:#E6FFB3;border:1px solid #EED;}
#g_navigator ul { list-style:none;}
#g_navigator li {display:inline; border-right: 2px dotted #fff; }
#g_navigator li a {color: #334c00;}
#g_navigator li a.selected {color: #FF6600!important;background: #E6FFB3; font-weight:bold; text-decoration:none; }
#g_navigator li a:hover { color: #fff!important;background:#ff6600;padding:5px;}

/*====================================
 STEP 7. user info (user login bar)
=====================================*/

#g_user_info {float:right;background: #f4f4f4; border: 1px solid #ddd;  padding: 0px 3px;  margin: 0; -moz-border-radius: 5px;  font:12px Arial;text-align:right; color: #000; }
#g_user_info  a {color: #333;  margin: 0;  padding: 0 3px;}
#g_user_info  .mailicon img{ position: relative;  top: 2px;  padding: 0 3px 0 0;}
#g_user_info  ul { padding:0px 0;  margin:2px 0;}
#g_user_info  li { display: inline;  margin:0 3px;}

/*====================================
 STEP 8. box header
=====================================*/
.g_box_header {}
.g_contentbox_header {background: #fff; color:green; border-bottom: 1px solid #70ccb5; padding:0.2em;}
.g_sidebox_header { background:#e6ffb3; border:1px solid #e6ffb3; padding:0.2em; margin:0;}
.g_sidebox2_header {background-color:#fff; background-image: url(http://www.hemidemi.com/images/arrow_blue.gif); background-repeat:no-repeat;background-position:center left; border-bottom: 2px solid #e0efec; padding: 0.3em 0.1em;}
.g_contentbox_title {background: none; color: #ff6600; padding:0; margin: 0; font-size:115%; }
 .g_sidebox_title {background: none; color: #669900; padding: 0.1em 0.3em; margin:0; font-size:115%; }
#g_sidebar2 .g_sidebox_title {background: none; color: #669900; padding: 0.1em 0.3em; margin:0 0.7em;font-size:115%;}

/*====================================
 STEP 9. box font size, margin
=====================================*/
.g_box { font-size:100%; height:100%; margin:0.1em;  padding: 0; background: #fff;clear:both;}
.g_contentbox {}
.g_sidebox {background:#fff;padding: 0; margin: 0 0 0.5em 0;}

/*====================================
 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 { color:#000; font-size: 10px;}
.g_num { background: #70ccb5!important; color:#fff!important; font-size:13px; }
.g_quote {background: url(/images/quote_bg.jpg); padding:0.2em!important;}
.gpush_count {background:#0063dc; }
.gpush_count a { color:#fff!important; }
.gpush_count a:hover {color:#fff !important; background:#01386A!important;}

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

/* g_navigator */
#g_navigator {  margin: 0px; padding: 5px 10px; }
#g_navigator ul { margin:0px; padding: 0px; }
#g_navigator li { margin: 0px; padding: 0px;} 
#g_navigator li a { padding: 0px 5px;  } 

/* g_sidebox, g_contentbox */
.g_sidebox { clear:both; }
.g_contentbox { clear:both; }

 /* others */
#filter, #filter ul, #filter li, #filter li a:link {}
#filter a.selected {color: #ff6600!important;}

/* Bookmark */
#g_bookmarks_new .g_title a{color:#449900!important;font-weight:bold;}
#g_content .title_info a{color:#449900!important;font-weight:bold;}

/* Object-list */
#g_rss_aggregator a {color: #449900!important;}

/*==========================================================================
 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:#70ccb5; color:#fff;}
.g_comments_combo .g_table_h .g_table_c2 {background:#9bca3c; color:#fff;}
.g_linkmore a {color:#333!important; font-size: 85%;}
.g_linkmore a:hover   { color:#000!important; text-decoration:none; }
#g_members_new, #g_announcement {float:left; width:100%;margin:0; padding:0; *float:none;margin-bottom:0.5em;}
#g_introduction {background:#e0efec;float:left;width:100%;}
#g_introduction .g_box_header {background:#e0efec;border:1px solid #EED;}
#g_gbm_list .h_owner_box a {color:blue!important;}
div #g_comments_bookmark .g_title {word-wrap:break-word;height: 1.2em;line-height:1.2em; overflow:hidden;}