@import url(//www.google.com/css/go-x.css);
@import url(//www.google.com/css/modules/buttons/g-button-chocobo.css);

@media screen, projection {
body.compact {width:880px}
#main {width:858px;border:1px solid #ccc;-moz-border-radius:4px;border-radius:4px;background-color:#f1f1f1;padding-bottom:14px;overflow:hidden;}

#nav-cat {margin:0;float:right;width:auto;line-height:1.8;clear:left;}
#nav-cat p {float:left;margin:7px;padding:0;font-weight:bold;}
#nav-cat ul {float:left;margin:0;padding:0;width:auto;}
#nav-cat ul li {float:left;margin:7px 5px 7px 0;list-style:none;-moz-border-radius:4px;border-radius:4px;}
#nav-cat ul li a {display:block;color:#fff;text-decoration:none;font-weight:bold;padding:0 5px;font-size:12px;height:22px;outline:none;}
#nav-cat .cat-all{border:1px solid #333;}
#nav-cat .cat-search {border:1px solid #017dc3;}
#nav-cat .cat-maps {border:1px solid #ed6d6e;}
#nav-cat .cat-calendar {border:1px solid #e50039;}
#nav-cat .cat-translate {border:1px solid #726baf;}
#nav-cat .cat-chrome {border:1px solid #5fb7df;}
#nav-cat .cat-picasa {border:1px solid #f39907;}
#nav-cat .cat-reader {border:1px solid #51b948;}
#nav-cat .on {border-width:2px;}
#nav-cat ul li.on a {color:#000;height:20px;}

#tips {width:429px;height:530px;overflow:auto;border:1px solid #999;border-left:0;float:left;margin:0;margin-top:7px !ie;background:#fff url(img/center-shadow.png) repeat-y 424px top;position:relative;}
#tips h2 {margin-bottom:.3em;font-size:1em;}
#tips .g-button-basic {float:right;margin:1em 0;}
#tips .g-button-basic div span a {padding:8px 0 13px 0;}
#tips .content {clear:both;margin:0;}
#tips p {margin:0 0 1em 0;}
#tip-list {margin:0;position:absolute;top:0;left:0;}

.tip {margin:0;height:500px;width:399px;padding:15px;overflow:hidden;}
.media {border:1px solid #ccc;margin:0;padding:2px;}
.media object {display:block;width:100%;height:288px;}
.tip img {display:block;margin:0 auto;}
.tip .content img {display:inline;margin-right:5px;vertical-align:middle}
.tip form {background:#efefef;border:1px solid #ccc;padding:5px 10px;float:right;}
.tip .winner-name {padding-top:10px;color:#666}
.tip .content ul {padding-left:20px;margin-left:0}

.user p, .user ul li {font-size:12px}
.usertipslink {float:right;margin:1.4em 20px 0 0}

#nav-tip {float:right;width:428px;height:530px;overflow-y:scroll;margin:0;margin-top:7px !ie;background:#fff;border:1px solid #999;border-width:1px 0;position:relative;}
#nav-tip ul {margin:2px 0 0;padding:0;position:relative;left:0;top:0;width:411px;overflow:hidden;}
#nav-tip ul li {list-style:none;font-weight:bold;margin:0 2px 2px;}
#nav-tip ul li a {color:#FFFFFF;display:block;text-decoration:none;font-size:13px;padding:7px 0 7px 5px;outline:none;}
#nav-tip .on {border:1px solid #999;border-left:0;margin-left:0;}
#nav-tip .on a {padding-top:12px;padding-bottom:11px;font-size:14px;color:#000;}

.on {background:#fff url(img/tab-shadow.png) no-repeat scroll right top;}
.cat-all{background-color:#333;}
.cat-search {background-color:#017dc3;}
.cat-maps {background-color:#ed6d6e;}
.cat-calendar {background-color:#e50039;}
.cat-translate {background-color:#726baf;}
.cat-chrome {background-color:#5fb7df;}
.cat-picasa, .cat-others {background-color:#f39907;}
.cat-reader {background-color:#51b948;}


* html #main {height:1%;}
* html #nav-cat li {height:1%;}
* html #nav-cat li a {float:left;}
* html #nav-cat li.on a {height:19px;overflow:hidden;}
* html #nav-tip li {height:1%;}
* html #nav-tip li a {float:left;clear:left;}
}