style.css

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
[hidden]{display:none;}
body{margin:0;color:#404040;font-size:15px;line-height:1.231;font-family:"Lucida Sans",Helvetica,Arial,Verdana,sans-serif;}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
button,input,select,textarea{font-family:inherit;color:inherit;}
/* =============================================================================
Links
========================================================================== */
a:focus{outline:thin dotted;}
/* Improve readability when focused and hovered in all browsers:h5bp.com/h */
a:hover,a:active{outline:0;}
/* =============================================================================
Typography
========================================================================== */
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
ins{background:#ff9;color:#000;text-decoration:none;}
mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}
/* Redeclare monospace font family:h5bp.com/j */
pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:100%;}
/* Improve readability of pre-formatted text in all browsers */
/*pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
*/
pre{overflow:auto;line-height:1.6;}
q{quotes:none;}
q:before,q:after{content:"";content:none;}
small{font-size:85%;}
/* Position subscript and superscript content without affecting line-height:h5bp.com/k */
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
/* =============================================================================
Lists
========================================================================== */
ol,ul{padding:0;margin:0;}
nav ul,nav ol{list-style:none;list-style-image:none;margin:0 !important;padding:0 !important;}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7:h5bp.com/d
* 2. Remove the gap between images and borders on image containers:h5bp.com/e 
*/
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;max-width:100%;}
/*
* Correct overflow not hidden in IE9 
*/
svg:not(:root){overflow:hidden;}
/* =============================================================================
Figures
========================================================================== */
figure{margin:0;}
/* =============================================================================
Forms
========================================================================== */
form{margin:0;}
fieldset{border:0;margin:0;padding:0;}
/* Indicate that 'label' will shift focus to the associated form element */
label{cursor:pointer;}
/* 
* 1. Correct color not inheriting in IE6/7/8/9 
* 2. Correct alignment displayed oddly in IE6/7 
*/
legend{border:0;*margin-left:-7px;padding:0;}
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button,input{line-height:normal;*overflow:visible;}
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button,table input{*overflow:auto;}
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
/* 
* Remove inner padding and border in FF3/4:h5bp.com/l 
*/
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
/* 
* 1. Remove default vertical scrollbar in IE6/7/8/9 
* 2. Allow only vertical resizing
*/
textarea{overflow:auto;vertical-align:top;resize:vertical;}
/* Colors for form validity */
input:valid,textarea:valid{}
input:invalid,textarea:invalid{background-color:#f0dddd;}
input,textarea,select{border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border:1px solid #ccc;background-color:#f8f8f8;padding:5px;line-height:inherit;display:inline-block;}
input[disabled]{color:#999;background-color:#e4e4e4;}
input:focus,select:focus,textarea:focus{box-shadow:0 0 6px #999;-moz-box-shadow:0 0 6px #999;;-webkit-box-shadow:0 0 6px #999;border-style:solid;border-color:#cacaca;}
/* =============================================================================
Tables
========================================================================== */
table{border-spacing:0;border-collapse:separate;font:inherit;padding:0;width:100%;}
table th,table td{border-bottom:1px solid #DDDDDD;line-height:13.5px;padding:10px 10px 9px;text-align:left;vertical-align:middle;}
table th{border-bottom-width:3px;font-weight:bold;}
table.zebra tbody tr:nth-child(odd){background-color:#f5f5f5;}
table tbody tr:hover{background-color:#f1f1f1 !important;}
/* ==|== primary styles ===================================================*/
/* =========== */
/* = Generic = */
/* =========== */
h1,h2,h3,h4,h5,h6,p,ol,ul,dl,table,blockquote{margin:0 0 12px;line-height:145%;}
blockquote{font-style:italic;padding:12px 0 1px 12px;border-left:4px solid ;}
hr{border:0;margin:12px 0;float:none;clear:both;border-top:1px solid #ccc;}
ol,ul{list-style-position:outside;}
ol{margin-left:1.6em;}
ul{margin-left:1.2em;}
/*=colors*/
h1,h2,h3,h4,h5,h6{color:#333;}
::-moz-selection{background:#555;color:#fff;text-shadow:none;}
::selection{background:#555;color:#fff;text-shadow:none;}
a:link;{color:#00e;}
a:visited{color:#551a8b;}
a:hover{color:#06e;}
/*=logo*/
#logo{margin:0 0 0 12px;line-height:100%;font-size:100%;}
#logo a{text-decoration:none;outline:none;}
/*=buttons*/
input[type="submit"],
input[type="button"],
.btn{cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(25%,#ffffff),to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff,#ffffff 25%,#e6e6e6);background-image:-moz-linear-gradient(top,#ffffff,#ffffff 25%,#e6e6e6);background-image:-ms-linear-gradient(#ffffff,#ffffff 25%,#e6e6e6);background-image:-o-linear-gradient(#ffffff,#ffffff 25%,#e6e6e6);background-image:linear-gradient(#ffffff,#ffffff 25%,#e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);padding:5px 14px ;text-shadow:0 1px 1px rgba(255,255,255,0.75);color:#333;font-size:95%;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;transition:0.1s linear all;text-decoration:none;}
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="button"]:focus,
.btn:hover{background-position:0 -15px;}
input[type="submit"].primary,
input[type="button"].primary,
.btn.primary{color:#fff;background-color:#0064cd;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#049cdb),to(#0064cd));background-image:-moz-linear-gradient(top,#049cdb,#0064cd);background-image:-ms-linear-gradient(top,#049cdb,#0064cd);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#049cdb),color-stop(100%,#0064cd));background-image:-webkit-linear-gradient(top,#049cdb,#0064cd);background-image:-o-linear-gradient(top,#049cdb,#0064cd);background-image:linear-gradient(top,#049cdb,#0064cd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb',endColorstr='#0064cd',GradientType=0);text-shadow:0 -1px 0 rgba(0,0,0,0.25);border-color:#0064cd #0064cd #003f81;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);}
input[type="submit"]:active,
input[type="button"]:active,
.btn:active,
.btn.active{-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.05);}
input[type="submit"].disabled,
input[type="button"].disabled,
.btn.disabled{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
input[type="submit"][disabled],
input[type="button"][disabled],
.btn[disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
input[type="submit"].large,
input[type="button"].large,
.btn.large{font-size:110%;line-height:normal;padding:9px 14px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
input[type="submit"].small,
input[type="button"].small,
.btn.small{padding:4px 9px;font-size:85%;}
/*=messages*/
.errorlist{list-style:none;}
.errorlist .errorlist{background:inherit;padding:0;margin:0 0 12px 0;border:none;}
.errorlist,
.alert-message{background-color:#eedc94;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#fceec1),to(#eedc94));background-image:-moz-linear-gradient(top,#fceec1,#eedc94);background-image:-ms-linear-gradient(top,#fceec1,#eedc94);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fceec1),color-stop(100%,#eedc94));background-image:-webkit-linear-gradient(top,#fceec1,#eedc94);background-image:-o-linear-gradient(top,#fceec1,#eedc94);background-image:linear-gradient(top,#fceec1,#eedc94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1',endColorstr='#eedc94',GradientType=0);text-shadow:0 -1px 0 rgba(0,0,0,0.25);border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);margin-bottom:12px;padding:7px 14px;color:#404040;text-shadow:0 1px 0 rgba(255,255,255,0.5);border-width:1px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);}
.alert-message p:last-child{margin-bottom:0;}
.alert-message .btn{-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.25);-moz-box-shadow:0 1px 0 rgba(255,255,255,0.25);box-shadow:0 1px 0 rgba(255,255,255,0.25);color:#000;}
.alert-message .close{float:right;margin-top:-2px;color:#000000;font-size:20px;font-weight:bold;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);-khtml-opacity:0.2;-moz-opacity:0.2;opacity:0.2;text-decoration:none;}
.alert-message .close:hover{color:#000000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4;}
.btn.danger,.alert-message.danger,.btn.danger:hover,.alert-message.danger:hover,
.btn.error,.alert-message.error,.btn.error:hover,.alert-message.error:hover,
.btn.success,.alert-message.success,.btn.success:hover,.alert-message.success:hover,
.btn.info,.alert-message.info,.btn.info:hover,.alert-message.info:hover{color:#ffffff;}
.btn.danger,.alert-message.danger,
.btn.error,.alert-message.error{background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#ee5f5b),to(#c43c35));background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);background-image:-ms-linear-gradient(top,#ee5f5b,#c43c35);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ee5f5b),color-stop(100%,#c43c35));background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);background-image:linear-gradient(top,#ee5f5b,#c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0);text-shadow:0 -1px 0 rgba(0,0,0,0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);}
.btn.success,.alert-message.success{background-color:#57a957;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#62c462),to(#57a957));background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-ms-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#62c462),color-stop(100%,#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(top,#62c462,#57a957);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0);text-shadow:0 -1px 0 rgba(0,0,0,0.25);border-color:#57a957 #57a957 #3d773d;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);}
.btn.info,.alert-message.info{background-color:#339bb9;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#5bc0de),to(#339bb9));background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);background-image:-ms-linear-gradient(top,#5bc0de,#339bb9);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5bc0de),color-stop(100%,#339bb9));background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);background-image:-o-linear-gradient(top,#5bc0de,#339bb9);background-image:linear-gradient(top,#5bc0de,#339bb9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0);text-shadow:0 -1px 0 rgba(0,0,0,0.25);border-color:#339bb9 #339bb9 #22697d;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);}
.alert-message.block-message{background-image:none;background-color:#fdf5d9;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);padding:14px;border-color:#fceec1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.alert-message.block-message.error,.alert-message.block-message.success,.alert-message.block-message.info{color:#404040;text-shadow:0 1px 0 rgba(255,255,255,0.5);}
.alert-message.block-message.error{background-color:#fddfde;border-color:#fbc7c6;}
.alert-message.block-message.success{background-color:#d1eed1;border-color:#bfe7bf;}
.alert-message.block-message.info{background-color:#ddf4fb;border-color:#c6edf9;}
/*=classes*/
.active{font-weight:bold;}
.left{text-align:left;}
.right{text-align:right;}
.center{clear:both;text-align:center;display:block;}
a.left,span.left,img.left{float:left;}
a.right,span.right,img.right{float:right;}
img.center{margin:0 auto;}
time,.date,.meta,.more{font-size:85%;}
.description time,.description .date,
.meta time,.meta .description,.meta .date,.meta .more{font-size:100%;}
.description{color:#777;font-size:90%;}
#copyright,.meta,.date,time{color:#999;}
.meta a{color:inherit;}
p.more{margin:0;}
.small{font-size:85%;}
.smaller{font-size:80%;}
.large{font-size:110%;}
.larger{font-size:120%;}

/*=grid*/
.grid,.row{clear:both;margin:0;padding:0;list-style:none;}
.grid [class*="column"]{float:left;margin-left:0;margin-right:0;}
.grid [class*="column"] + :not([class*="column"]){clear:both;}
.column-1{width:10%;}
.with-gutter .column-1{width:9%;}
.column-2{width:20%;}
.with-gutter .column-2{width:19%;}
.column-3{width:30%;}
.with-gutter .column-3{width:29%;}
.column-4{width:40%;}
.with-gutter .column-4{width:39%;}
.column-5{width:50%;}
.with-gutter .column-5{width:49%;}
.column-6{width:60%;}
.with-gutter .column-6{width:59%;}
.column-7{width:70%;}
.with-gutter .column-7{width:69%;}
.column-8{width:80%;}
.with-gutter .column-8{width:79%;}
.column-9{width:90%;}
.with-gutter .column-9{width:89%;}
.column-10{width:100%;}
.column-third{width:33.3%;}
.with-gutter .column-third{width:32.5%;}
.column-two-thirds{width:66.3%;}
.with-gutter .column-two-thirds{width:65.8%;}
.with-gutter [class*=column]{margin-left:0.6%;margin-right:0.6%;}
.with-gutter [class*=column].alpha{margin-left:0;}
.with-gutter [class*=column].omega{margin-right:0;}
/*=column-splits*/
.column-forths,.column-thirds,.column-fifths{float:none !important;margin:0.6% -0.6% !important;}
.column-forths [class*=column],
.column-thirds [class*=column],
.column-fifths [class*=column]{margin-top:0.6%;margin-bottom:0.6%;}
.column-thirds .column{width:33.33%;}
.with-gutter .column-thirds,
.column-thirds.with-gutter .column{width:32.53%;}
.column-forths .column{width:25%;}
.with-gutter .column-forths .column,
.column-forths.with-gutter .column{width:24%;}
.column-fifths .column{width:20%;}
.with-gutter .column-fifths .column,
.column-fifths.with-gutter .column{width:18.8%;}
/* ============ */
/* = Sections = */
/* ============ */
nav,article,section,.inner{position:relative;}
.inner{padding:12px;}
h2{font-size:130%;}
h3{font-size:110%;}

/*=text*/
.text h2{font-size:150%;}
.text h3{font-size:135%;}
.text h4{font-size:125%;}
.text h5{font-size:110%;}
.text h6{font-size:100%;text-transform:uppercase;color:#656565;}
.text li{margin:5px 0;}
.text .heading{font-size:180%;}
.text .description{font-size:125%;font-weight:normal;line-height:115%;}
.text p.meta:first-child{margin-bottom:0;}

/*=lists*/
#lists .add-list-name {
}
#lists .btn.active + .add-list-name {
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;}
.ir br{display:none;}
/* Hide from both screenreaders and browsers:h5bp.com/u */
.hidden{display:none !important;visibility:hidden;}
/* Hide only visually,but have it available for screenreaders:h5bp.com/v */
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
/* Hide visually and from screenreaders,but maintain layout */
.invisible{visibility:hidden;}
/* Contain floats:h5bp.com/q */ 
.inner:before,.inner:after,
.grid:before,.grid:after,
.row:before,.row:after,
.index .preview:before,
.index .preview:after,
.container > .inner:before,
.container > .inner:after,
.clearfix:before,.clearfix:after{content:"";display:table;}
.clear,
.inner:after,
.grid:after,
.row:after,
.index .preview:after,
.container > .inner:after,
.clearfix:after{clear:both;}
.row,.grid,.inner,
.index .preview,
.container > .inner,
.clearfix{zoom:1;}
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
body {
    background-color:#eee;
    


}
#wrapper {
    overflow:auto;
}
.heading {
    font-size:170%;
    font-weight:normal;
    font-family: Georgia, serif;
    padding:0 0 6px 0;
    border-bottom:2px dotted #999;
    overflow:auto;
}
ol {
    margin:0;
    list-style:none inside;
}
.task-edit-text,
#tasks-list-rename,
.add-list-name,
.add-task-text {
    width:92%;
    padding:8px;
}


#primary,
#sidebar {
    border-top:4px solid #333;

    
}
#sidebar .list a {
    color:#333;
    text-decoration:none;
    outline:0;
    display:block;
}
#sidebar .active {
    background-color:#333;
    font-weight:normal;
}
#sidebar .active a {
    color:#fff;
}

#primary {

    
}
#tasks {

}
#tasks .task {
    padding:12px  0;
    border-bottom:1px dotted #ccc;
}
#tasks .task.done {
    color:#999;
}
#tasks .toggle-state {
    visibility:hidden;
}
#tasks .task:hover .toggle-state {
    visibility:visible;
}
#tasks-list-actions {
float:right;
}

#primary .task {
    overflow:hidden;
}
#primary .task > div {margin:0;line-height:1;display:inline-block;vertical-align:middle;}
#primary .task .task-text{
    margin:0 0 0 6px;
}
#primary .task .task-text p {
    margin:0;
}
.task-actions {
    font-size:0.8em;
    visibility:hidden;
    float:right;
}
.task.editing .task-actions,
.task.expand .task-actions,
.task:hover .task-actions {
    visibility:visible;
}
.task.editing .task-actions {
    float:none;
    text-align:right;
    display:block;
    margin:12px 5% 12px 0;
}
.editing .task-edit,
.editing .task-text,
.task-save,
.task-edit-text,
.editing #tasks-list-edit,
.editing #tasks-list-name,
#tasks-list-save,
#tasks-list-rename {
    display:none !important;
}
.editing .task-save,
.editing .task-edit-text,
.editing #tasks-list-save,
.editing #tasks-list-rename {
    display:inline-block !important;
    visibility:visible;
}


/*=layout*/
@media only screen and (min-width:480px){/* Style adjustments for viewports 480px and over go here */}
@media only screen and (min-width:768px){/* Style adjustments for viewports 768px and over go here */

#tasks {
    border-left:1px solid #ccc;
}
#tasks-list-rename {
    width:45%;
}
#sidebar,#primary {
    float:left;
}


#sidebar {

    width:18%;
    z-index: 2;
}

#primary {
    left:18%;
    width:82%;
    right:0;
    z-index: 1;
}

#sidebar {


}
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection:h5bp.com/r
========================================================================== */
@media print{*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;}
/* Black prints faster:h5bp.com/s */
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
/* Don't show links for images,or javascript/internal links */
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
/* h5bp.com/t */
tr,img{page-break-inside:avoid;}
img{max-width:100% !important;}
@page{margin:0.5cm;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
}