/*=================================================================================
Theme Name : Wang- Fans
Version    : 0.1
Author     : Sally Yang (HEMiDEMi)
Theme URL  : http://www.hemidemi.com/theme/group/wang/want_cool_black/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:white; }
a:visited { color:white; }
a:hover   { color:#fff; text-decoration:none; background:#696969; }
a:active  { color:white; }

/*====================================
 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/stylesheets/group/theme/wang/wang_black/header.png);  
 background-color: #000;

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

/*====================================
 STEP 3. banner text position, color
=====================================*/
#g_banner_text {
 /*display:none;*/
 text-align: center;
 padding-top: 80px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 500px;
 font-size: 13px;
 
 /* banner descrption color*/
 color:#EEE;
}
#g_banner_text h1 a {
 color:#FFF;
}
#g_banner a:hover {
/*color: yellow;
 background:blue;*/
}
.g_banner_description {
}

/*=================================================
 STEP 4. block color
===================================================*/
body {
  background: #696969;
}
div.container {
  background: #ccc; }

#g_container {
  height:100%;
  background: #000;
}

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

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

/*====================================
 STEP 6. navigator
=====================================*/
#g_navigator {
 text-align:center;
 background :#000;
}

#g_navigator li {}

#g_navigator li a {
  color:#fff;
 border:1px solid white;
}
#g_navigator a:hover {color:#fff; background:#ccc!important;}

/*====================================
 STEP 7. user info (user login bar)
=====================================*/
#g_user_info {
 text-align:right;
 font-size:80%;
}
#g_user_info, #g_user_info  a {
 color: #fff;
}
#g_user_info a:hover {
 color: #fff;
 background:#696969;
}

/*====================================
 STEP 8. box header
=====================================*/
.g_box_header {
 background: url(http://www.hemidemi.com/images/group/default/theme_black/ball.gif) no-repeat;
 border-bottom: 1px dotted #fff;
 color:#fff;
 padding: 0px 0px 1px 20px;
 margin: 5px 0px 5px 0px;
}
.g_contentbox_header {
 /* color:yellow;
 background:red;*/
}
.g_sidebox_header {
}
.g_sidebox2_header {
}
.g_contentbox_title {
 font-size:120%;
}
.g_sidebox_title {
 font-size:120%;
}

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

/*====================================
 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:#696969; }
#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 {color:#fff; }
.bookmark .owner {color:#fff; }
.bookmark .description {color:#fff!important; }
.bookmark .tag_title { color:#fff; }
.bookmark .info .quote, .bookmark .info .quote a {color: #000 !important; padding: 5px; }

.comment_post { color:#fff !important;}
.timeline { color:#fff !important;}
.g_num {background: #999 !important;}
.g_quote {
 color:#b1b1b1;
 background: url(http://www.hemidemi.com/theme/group/wang/want_cool_black/images/94.png);}

.gpush_count {background:#999!important; }
.gpush_count a { color:white; }
.gpush_count a:hover {color:white; background:#999;
}

/*====================================
 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; margin:0 5px;}

/* g_navigator */

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

/* 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_bookmarks_complete_list {}
 
.g_bookmarks_complete_list {}
#g_h_comment_recent .g_bg1 {background: #444;}
#g_h_comment_recent .g_table_d {padding: 3px;border-bottom: 1px dotted #000;}
#g_h_comment_recent .g_table_c2 { width:55%; }
#g_h_comment_recent .g_table_c1 { width:20%; }
#g_h_comment_recent .g_table_c3 { width:10%;}
#g_h_comment_recent .g_table_c4 { width:15%;}
#g_h_comment_recent .g_table_f1 { width:20%; font-size:80%;}