/*
* Tweetmeme CSS v3
* Daniel Saxil-Nielsen
* TweetMeme
* http://tweetmeme.com
*/

/* Typography
------------------ */

   

    a { text-decoration: none; color: #5C7D28; }
    a:hover { color: #80b62a; }
    a img { border: 0px; }



/* Grid
------------------ */

    div.g1, div.g2, div.g3, div.g4 {
        float:left; margin: 0px 1% 20px;
    }

    .g1 {width:23.5%;} .g2 {width:49%;} .g3 {width:73.5%;} .g4 {width:100%; margin: 0px 0px 20px !important;}

    div.first { margin-left: 0px; }
    div.last { margin-right: 0px; }

    div.stats { margin-top: 20px; }

    .left { float: left; }
    .right { float: right; }
    .overflow { overflow: hidden; }
    .clear { clear: both; }
    .mbottom { margin-bottom: 30px; }

/* Menu
------------------ */

	.menu { width: 100%;  margin: 0px; padding: 0px; list-style: none;  border-bottom: 0px; background: url('../image/Ufathom_17.gif'); overflow: hidden; height: 35px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius: 3px; }
	.menu._sub { border-bottom: 0px; background: url('../images/Ufathom_17.gif')}
	.menu li { float: left; }
	.menu li a { padding: 8px 15px; font-size: 14px; display: block; color:white; float: left;  }
	.menu li span { cursor: pointer; }
	.menu li.selected a { background: url('../image/icons.gif') no-repeat center -224px; color: #38525A; padding: 8px 15px; }
	.menu._sub li.selected a { background-position: center -325px; }
	.menu li a:hover, .menu li.hover a { background: #D6F4AE; color: #5C7D28; padding: 8px 0px 8px 9px; }
	.menu li.first a { padding: 8px 15px; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; }
	.menu li.first.previous a { padding: 8px 10px 8px 15px; }
	.menu li ul { position: absolute; list-style: none; border: 1px solid #84C225; padding: 0px; margin: 0px; background: #FFFFFF; z-index: 50; }
    .menu li ul li.sub { float: none; font-size: 14px; }
    .menu li ul li.sub a { padding: 5px 15px; height: auto; float: none; background: #FFFFFF; color: #5C7D28; }
    .menu li ul li.sub a:hover, .menu li ul li.sub.selected { background: #A2CA69; color: #FFFFFF; }

    .menu li a .dropdown { padding: 0px 0px 0px 0px; display: block; float: left; margin: 0px 0px 0px 0px; width: 0px; height: 20px; }
    .menu li.selected a .dropdown { width: 0px; padding: 0px;  margin: 0px; }
    .menu li a:hover .dropdown, .menu li.hover a .dropdown { background: url('../image/icons.gif') no-repeat 5px -109px; width: 15px; border-left: 1px dotted #FFFFFF; margin-left: 5px; padding: 0px 8px 0px 4px; }

    .menu li.previous a .dropdown { width: 0px; padding: 0px; }
    .menu li a .dropdown.switch { background-position: 5px -149px; }

    .menu li.next a { padding: 8px 3px 8px 3px; margin-right: 12px; }

    .menu li .channel_info { border: 1px solid #D6F4AE; background: #FFFFFF; padding: 10px; z-index: 99; }
    .menu li .channel_info a { padding: 0px; display: inline; background: none; color: #D6F4AE; }
    .menu li .channel_info a:hover { background: none; color: #80B62A; }
    .menu li .channel_info a.image { float: left; padding: 1px; height: 82px; width: 112px; background: none; border: 1px solid #dddddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 5px; }
    .menu li .channel_info .item { overflow: hidden; margin-bottom: 10px; width: 116px; float: left; margin-right: 10px; font-size: 85%; }
    .menu li .channel_info .item.odd0 { clear: left; }
    .menu li .channel_info .item.odd2 { margin-right: 0px; }
    .menu li .channel_info .item.bottom { margin-bottom: 0px; }
    .menu li .channel_info .info { clear: left; }

    .menu.no-dropdown li a:hover { padding: 8px 15px; }

	.submenu { float:left; width:100%; height: 35px; background: #EBFFD1; margin: 0px;padding: 0px 0px 0px 0px; list-style: none; border-top: 0px; border-bottom: 0px; overflow: hidden; }
	.submenu li {float: left; padding: 8px 15px; }
	.submenu li a { display: block; font-size: 14px; color: #558B02; }
	.submenu li a:hover { color: #38525A; }
	.submenu li.right { float: right; }
	.submenu li.selected a { color: #558B02; }
	.submenu li.selected { background: url('../image/icons.gif') no-repeat center -185px; }

	.submenu li.follow { padding: 0px; margin-left: 157px; }
	.submenu li.follow a { background: url('../image/menu_icons.png') no-repeat left -80px; padding: 8px 15px 8px 25px; }
	.submenu li.follow a:hover { background-position: left -120px; }
	.submenu li.subscribe { padding: 0px; }
	.submenu li.subscribe a { background: url('../image/menu_icons.png') no-repeat left 0px; padding: 8px 15px 8px 25px; }
    .submenu li.subscribe a:hover { background-position: left -40px; }

	.sidebar_menu { }
	.sidebar_menu ul { list-style: none; margin: 0px; padding: 0px; }
	.sidebar_menu ul li { border-bottom: 1px solid #e8e8e8; }
	.sidebar_menu ul li a { padding: 7px 0px 7px 35px; background: url('../image/icons/arrow_right.png') no-repeat 10px center; display: block; }

	.sidebar_menu ul li.selected { background-color: #38525A; }
	.sidebar_menu ul li.selected a { color: #558B02; }

    .sidebar_menu li ul { border-top: 1px solid #e8e8e8; }
    .sidebar_menu li ul li { padding: 0px 20px; }
    .sidebar_menu li.selected ul li { background: #FFFFFF; }
    .sidebar_menu li.selected ul li a { color: #45B4DA; }
    .sidebar_menu li.sponsor { border-bottom: 0px; }


	/* menu dropdown link */
	/*.menu li a .dropdown { display: block; float: right; background: url('/../image/menu/arrows.gif') no-repeat; height: 8px; width: 13px; margin: 7px 0px 0px 5px; }*/

------------------- */
