/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
html{background:#E8E8E8;}
body {line-height:1.5;font-size:12px;color:#333;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
ul{list-style:none;}
h1{line-height:100%;_line-height:110%;}
/*input*/
input.text, input.password, textarea, select {background:#FFF; border:1px solid #CCC;border-top:1px solid #888; font-size:12px;padding:2px; }
input.text, input.password{width:200px;padding:5px;}
input.focus{border:1px solid #666;}
textarea{width:454px;height:70px;}
.bigTextarea{height:150px;}
button.button{background:#7BD0F4;border:1px solid #69AFCD;color:#FFF;font-weight:bold;height:25px;padding-top:2px;width:100px;}
/* grid */
.grid_x,.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {display: inline;float: left;position: relative;margin: 0 10px;}
.grid_1{width:40px;}
.grid_2{width:100px;}
.grid_3{width:160px;}
.grid_4{width:220px;}
.grid_5{width:280px;}
.grid_6{width:340px;}
.grid_7{width:400px;}
.grid_8{width:460px;}
.grid_9{width:520px;}
.grid_10{width:580px;}
.grid_11{width:640px;}
.grid_12{width:700px;}
.grid_13{width:760px;}
.grid_14{width:820px;}
/*push*/
.push_1{left:60px;}
.push_2{left:120px;}
.push_3{left:180px;}
.push_4{left:240px;}
.push_5{left:300px;}
.push_6{left:360px;}
.push_7{left:420px;}
.push_8{left:480px;}
.push_9{left:540px;}
.push_10{left:600px;}
.push_11{left:660px;}
.push_12{left:720px;}
.push_13{left:780px;}
.push_14{left:840px;}
/*grid_tools*/
.alpha{margin-left: 0;}
.omega{margin-right: 0;}
/*padding*/
.pt_2{padding-top:2px;}
.pt_5{padding-top:5px;}
.pb_5{padding-bottom:5px;}
.pt_10{padding-top:10px;}
.pb_10{padding-bottom:10px;}
.pt_20{padding-top:20px;}
.pb_20{padding-bottom:20px;}
.pl_10{padding-left:10px;}
.pr_10{padding-right:10px;}
.pl_20{padding-left:20px;}
.pr_20{padding-right:20px;}
/*font-size*/
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f18{font-size:18px;}
.f25{font-size:25px;line-height:100%;}
/*color*/
.blue{color:#5096bb}
.gray{color:#999;}
.green{color:#7B881C;}
.red{color:#c54720}
.orange{color:#BD5927}
/*tools*/
.left{float:left;}
.right{float:right;}
.noFloat{float:none;}
.clearfix:after{content:" ";display:block;width:0;height:0;clear:both;visibility:hidden;font-size:0;line-height: 0;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height: 1%;}
.clear {clear:both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.hide{display:none;}
.hidden{visibility:hidden;}
.inBlock{display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
.zoom{zoom:1}
.textCenter{text-align:center;}
.textRight{text-align:right;}
.noLineHeight{line-height:100%;}
.boldFont{font-weight:bold;}
a.underLine, a.underLine:hover{border-bottom:1px solid #E1E1E1;text-decoration:none;}
a.underLine:hover{border-bottom:0;}
/*item*/
.item{padding: 20px 10px;}
.itemBorder{background:url(/public/img/g/dot.gif) repeat-x 0 bottom;}
.itemYellow{background:#FFFEE3;padding-left:10px;padding-right:10px}
.itemYellowBorder{background:#FFFEE3 url(/public/img/g/dot.gif) repeat-x 0 bottom;}
/*layout*/
.container {margin: 0 auto;width:860px;background:#FFF;}
.leader{background:#514436;padding: 25px 10px 0 10px}
.canvas{background:#FFF;}
.content{padding:0 10px;}
.sidebar{width:80px;float:right;margin:20px 0 0 0;}
.footer{width:840px;margin:0 auto;position:relative;top:-1px;padding-bottom:20px;background:#FFF;border-top:2px solid #D67C40}
.dashboard{padding:20px 10px;}
/* logo */
a.logo{width:84px;height:21px;display:inline-block;background:url(/public/img/g/logo.gif) no-repeat;float:right;position:relative;top:-3px;}
/*nav*/
.nav li{float:left;}
.nav a{width:80px;height:24px;padding:6px 0 0 0;_padding:8px 0 0 0;_height:22px;overflow:hidden;background:#AF7951;text-align:center;border-right:1px solid #574939;color:#FFF;display:block;}
.nav a.ac{background:#FFF;color:#333;}
.nav a.share{background:#AF7951 url(/public/img/g/add.gif) no-repeat 18px 8px;text-align:left;padding-left: 38px;width:55px;}
.nav a.shareAC{background-color:#FFF;background-position:18px -45px;}
.nav a.shareAC{color:#333}
.nav a.mailbox{background:#917b62;padding-left:15px;padding-right:15px;width:auto;}
/*userInfo*/
.userInfo, .userInfo a{color:#95816B;}
.userInfo{position:relative;top:2px;}
/*subnav*/
.subNav{padding: 6px 10px 6px 10px;}
/*return*/
a.return, a.return:hover{background:url(/public/img/g/return.gif) no-repeat 0 5px;display:inline-block;padding: 0 0 0 13px;_padding: 2px 0 0 13px;margin: 0;_margin:1px 0 0 0;color:#999;}
/*userIcon*/
.userIcon{width:50px;}
/*title*/
.title, .title span{background:#EEE url(http://openstorystory.googlecode.com/files/title_back.gif) no-repeat;height:30px;line-height:31px;overflow:hidden;padding: 0 0 0 20px;font-size:14px;margin: 0 10px 20px 0;font-weight:bold;float:left;}
.title span{background-position: right 0;padding: 0 20px 0 0;margin:0;}
.topic .title{margin-left:50px;}
.title_description{position:relative;top:-3px;}
/*fav*/
a.fav, a.favLoading, a.favSuccess{background:url(http://openstorystory.googlecode.com/files/fav_white.gif) no-repeat 0 0;width:36px;height:29px;display:block;}
a.favLoading{background-position: 0 -29px;}
a.favSuccess{background-position: 0 -58px;}
/*reply*/
a.reply, a.reply:hover{background:url(http://openstorystory.googlecode.com/files/reply.gif) no-repeat;width:20px;height:22px;display:block;visibility:hidden;margin: 0 0 0 7px;}
a.reply:hover{background-position:0 -28px;}
/*delete*/
a.delete, a.delete:hover{background:url(http://openstorystory.googlecode.com/files/delete.gif) no-repeat;width:17px;height:19px;display:block;visibility:hidden;margin: 0 0 0 10px;}
a.delete:hover{background-position:0 -22px}
/*checked*/
.checked{background:url(http://openstorystory.googlecode.com/files/checked.gif);width:24px;height:24px;overflow:hidden;margin-right:8px;position:relative;top:3px;_top:0;}
/*tipBox*/
.tipBox{background:#FDFCB5;padding:4px 10px;border:1px solid #E7CC8B;font-size:12px;}
.commentController .tipBox{margin: -18px 0 0 0;}
/* linkBtn */
a.linkBtn, a.linkBtn span, a.linkBtn:hover, a.linkBtn:hover span{background:url(/public/img/g/buttonback.gif) no-repeat;height:25px;line-height:22px;overflow:hidden;padding: 0 0 0 20px;display:block;color:#FFF;text-decoration:none;float:left;}
a.linkBtn span, a.linkBtn:hover span{padding: 1px 20px 0 0;_padding: 2px 20px 0 0;background-position: right top;cursor:pointer;}
a.linkBtn:hover{background-position: 0 -26px;}
a.linkBtn:hover span{background-position: right -26px;}
/*error*/
.v_error{vertical-align:middle;color: #BD5927;}
/* topic*/
.commentContent{line-height:22px;}
/*photo*/
.photoFrame{height:250px;background:#F5F5F5 url(http://openstorystory.googlecode.com/files/norecipe.gif) no-repeat center center;overflow:hidden;border:1px solid #E9E9E9;}
.recipe_img{width:460px;background:url(/public/img/g/vdot.gif) repeat-y right 0;overflow:hidden;}
/*loading*/
.loading{background:url(http://openstorystory.googlecode.com/files/loading.gif) no-repeat center center;height:50px;margin-top:20px}
/*tab*/
.tab{border-bottom:1px solid #D5D5D5;padding-left:10px;}
.tab ul{border-left:1px solid #D5D5D5;position:relative;bottom:-1px;}
.tab li{float:left;border:1px solid #D5D5D5;border-left:0;padding:5px 20px;_padding: 6px 20px 4px 20px;background:#F5F5F5;text-align:center;}
.tab a{color:#555;}
.tab li.ac{background:#FFF;border-bottom:1px solid #FFF;}
.tab li.ac a{color:#333}
/*homeTab*/
.homeTab{border-bottom:2px solid #D67C40;padding-left:10px;}
.homeTab ul{position:relative;bottom:-1px;}
.homeTab li{float:left;border-left:0;margin-right:1px;}
.homeTab ul a{color:#816F5A;display:inline-block;padding:5px 20px;_padding: 7px 20px 3px 20px;background:#F9E59C;text-align:center;zoom:1}
.homeTab ul a:hover, .homeTab ul a.ac{background:#D67C40;border-bottom:1px solid #D67C40;color:#FFF;text-decoration:none;}
/*pages*/
.pages a, .pages strong{margin-right:1px;display:inline-block;padding:3px 8px;}
.pages a{background:#F9E59C;color:#816F5A;}
.pages strong, .pages a:hover{background:#D67C40;color:#FFF;text-decoration:none;}