/**

 * @file

 * Navigation Styling

 */





/*

 * The active item in a Drupal menu

 */

 

#navigation li a.active {font-weight: bold;color: white;background: rgba(0, 0, 0, 0.25) url(../images/tab-underlay.png) repeat-x 0 0;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; }



#navigation li a.active:hover{ background-color: #ddd; color: #000;}





#navigation {

  /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */

  height:40px; background: #333 url(../images/bg-head.png) repeat-x -70% 0; width:100%; z-index:100; line-height:40px;

  

} 



#navigation ul.links, /* Main menu and secondary menu links */

#navigation .content ul /* Menu block links */ {

  margin: 0;

  padding: 0;

  text-align: left; /* LTR */

 

}





#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */

#navigation .content li {

  float: left; /* LTR */

  padding: 0 10px 0 0; /* LTR */

}



.region-navigation {

}



/*

 * Main menu and Secondary menu links

 */

#main-menu {

	float:left; 

}



#navigation li {

	cursor: pointer;

    display: block;

    float: left;

    height: 30px;

    list-style: none outside none !important;

    margin: 4px 0;

    padding: 0 5px;

}







#navigation li a{color: #AAA;display: block;float: left; font-size: 14px;font-weight: normal;height: 30px;line-height: 30px;margin: 0;padding: 0 10px;text-align: center;text-decoration: none;font-family:'微软雅黑', sans-serif;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; }



#navigation #secondary-menu li a{padding: 0 10px 0 32px;}





#navigation #secondary-menu .menu-2 a {background: url("../images/user.png") no-repeat scroll 10px 50% transparent;}

#navigation #secondary-menu .menu-462 a {background: url("../images/star.png") no-repeat scroll 10px 50% transparent;}

#navigation #secondary-menu .menu-493 a {background: url("../images/heart.png") no-repeat scroll 10px 50% transparent;}

#navigation #secondary-menu .menu-383 a {background: url("../images/email.png") no-repeat scroll 10px 50% transparent;}

#navigation #secondary-menu .menu-750 a {background: url("../images/relationships.gif") no-repeat scroll 10px 50% transparent;}

#navigation #secondary-menu .menu-15 a {background: url("../images/logout.png") no-repeat scroll 10px 50% transparent;}

#navigation #secondary-menu .menu-726 a {background: url("../images/blog.png") no-repeat scroll 10px 50% transparent;}
#navigation #secondary-menu .menu-4470 a {background: url("../images/readbook.png") no-repeat scroll 10px 50% transparent;}




















#navigation ul li a:active, #navigation ul li a:hover {color: #fff; background: #555555 url(../images/tab-overlay.png) repeat-x 0 0;  -webkit-border-radius: 6px; -moz-border-radius: 6px;  border-radius: 6px;}



#navigation #user_info {float: right; margin:0 20px 0 0;}

#navigation #user_info li{margin:4px 0;}



#navigation #secondary-menu {

  /*float: right; margin-right:20px;*/

  

}

.region-navigation{float:right; margin-right:30px;}



#user_info {position:relative; z-index:999;}

#user_info ul { position: absolute; display: none; float: left; width: 120px; padding: 5px 0; background: #555; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); z-index: 3;top:30px; left:2em; }

#user_info ul li { clear: left; margin: 0; width: 100%;}

#user_info li, #navigation #user_info li li{padding:0;}

#user_info ul li a { padding: 5px 10px;  font-size: 11px;  font-weight: normal;  color: #bbbbbb;  background: none;  -webkit-box-shadow: none;  -moz-box-shadow: none;  box-shadow: none;}

#user_info li:hover{background: #555 url(../images/tab-overlay.png) repeat-x 0 0;-webkit-border-radius: 6px; -moz-border-radius: 6px;  border-radius: 6px;}

#user_info li .t-sub:hover a.has-sub{background: #555 url(../images/tab-overlay.png) repeat-x 0 0;}

#user_info li:hover ul, #user_info a:hover ul{display:block;} 

#user_info li:hover li:hover{background: #888;}

.user_info{float:right; margin-right:30px;}







#navigation .W_arr_d {height: 3px;width: 5px;margin: -2px 0 0 3px;display: inline-block;vertical-align: middle;overflow: hidden;}

#navigation .W_arr_d em {display: block;background: #C1C1C1;height: 1px;overflow: hidden;}

#navigation .W_arr_d em.b2 {margin: 0 1px;}

#navigation .W_arr_d em.b3 {margin: 0 2px;width: 1px;}



/*

 * Menu blocks

 */

.block-menu {

}





/*

 * "Menu block" blocks

 *

 * Drupal core has limited ways in which it can display its menus. To get around

 * these limitations, see http://drupal.org/project/menu_block

 */

.block-menu-block {

}