sidebar/*Hack*/

article,
aside,
footer,
header,
main,
nav,
section {
display: block
}

/*General*/

html, body {
background: #fff;
overflow-x:hidden;
}

html { font-size: 62.5%; }
body { font: 1.8rem/1.5 Verdana, Arial, Helvetica, sans-serif; margin: 0; }
h1, h2, h3, h4, h5, h6 { line-height: normal; }

h1, h2, h3 {
margin-bottom : .14em;
}

.ec-mo-links {
line-height: 2;
}

.ec-links-url {
color: green;
font-size: x-small;
}
.ec-links-desc {
font-size: small;
}

a {
text-decoration: underline;
color: #930;
}

a:hover {
color: green;
}

/*Colours*/

.clr-ec-beige {
color: #ecc;
}

.clr-ec-grey {
color: #777;
}

.clr-ec-pink {
color: #eccecc;
}

.clr-black {
color: #333;
}

.clr-blue {
color: blue;
}

.clr-red {
color: #c00;
}

.clr-green {
color: green;
}

.clr-green-bold {
color: green;
font-weight: bold;
}

.clr-red-bold {
color: #c00;
font-weight: bold;
}

.exception {
color: #7026a3;
font-weight: bold;
}

.clr-schonbrunn {
color: #FFDB95;
}

.clr-schonbrunn-light {
color: #F9E9C3;
}


/*Masthead*/

#ec-mo-topmenu {
background-color:#eceece;
border-bottom: #E0E3B0 solid 1px;
padding: 20px 30px 20px 20px;
width:auto;
margin-bottom: 1em;
}
#ec-dt-topmenu {
display: none;
}

#ec-topban {
margin: 1em 0;
}
#ec-search {
display: none;
}

#ec-headban {
display: block;
padding: 0 0.5em;
margin: 0;
text-align: center;
}

/*Page*/

#ec-navbar {
font-size: small;
line-height: 200%;
padding: 0 5px 0 5px;
text-align: left;
margin-top: 1em;
}

#ec-navbar a {
white-space: nowrap;
}
.subnavbar {
background: #ececec;
font-size: small;
line-height: 200%;
text-align: right;
padding: 7px;
margin: 10px 0 20px 0;
}

.subnavbar li {
display: inline;
margin-left: 0.5em;
white-space: nowrap;
}

.subnavbar ul {
list-style: none;
margin: 0;
padding: 0;
}

.topnavbar {
display: none;
}


.refnavbar {
background: #ececec;
font-size: small;
line-height: 200%;
padding: 0;
margin: 5px 0 0;
}

.refnavbar li {
display: inline;
margin-left: 0.5em;
white-space: nowrap;
}

.refnavbar ul {
list-style: none;
margin: 0;
padding: 0;
}

#ec-page {
background-color: #fff;
}

#ec-main {
padding-left: 10px;
padding-right: 10px;
text-align: left;
}

#preh1-links {
display:none;
}

#ec-solo {
padding-left: 10px;
padding-right: 10px;
text-align: left;
}

#ec-sidebar {
text-align: center;
margin: 1em 5px;
}

img {
max-width:100%;
height:auto;
}

img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
max-width:50%;
height:auto;
}

img.alignleft {
padding : 4px;
margin : 0 7px 2px 0;
display : inline;
max-width:50%;
height:auto;
}
textarea {
width: 99%;   }

input[type=text], input[type=email], input[type=url], input[type=password] {
width: 70%;
}

form#myform input[type=text] {
width: 25%;
}

form#myForm input[type=text] {
width: 25%;
}

form.quiz input[type=reset] {
margin: 1em 0
}
.error {
font-weight: bold;
color: #c00;
}

.message {
font-weight: bold;
color: #0567A4;
}
label {
color: #777;
font-size: small;
}

.videowrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin: 1em 0
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#jo-map area {
outline:none;
}

.ECtip {
background: url(//www.englishclub.com/images/ECtip.png) no-repeat;
padding: 35px 10px 10px;
background-color: #fbf8da;
margin: 1.5em 0;
}

.ECpractice {
background: url(//www.englishclub.com/images/ECpractice.png) no-repeat;
width: 90%;
padding: 35px 5px 5px 10px;
background-color: #F0FFF0;
margin: 1em 0;
}

.ec-small {
font-size: 80%;
}

.ec-big1 {
font-size: 125%;
}

.ec-big2 {
font-size: 150%;
}

blockquote.ec-quote-big {
font-size: 150%;
}

blockquote p {
font-family: Georgia, serif;
margin: 0;
}

blockquote {
font-family: Georgia, serif;
font-style: italic;
width: 85%;
margin: 0.7em 0 0 0;
padding: 0.35em 0 0 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: medium;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}

#map-tp area {
outline:none;
}

.ec-indent {
margin-left: 5%;
}

#about-page {
background: #f9f9f9;
padding : 10px;
margin: 1em 0;
border: solid 1px #777
}

#about-quiz {
background: #f9f9f9;
padding : 10px;
margin: 1em 0;
border: solid 1px #777
}

.ec-panel-author {
background: #fff;
padding: 10px;
margin: 1em 0;
border: solid 3px #ececec
}

.ec-panel-error {
background: #fee9ea;
padding: 10px;
margin: 1em 0;
border: solid 1px #973E38
}

.ec-panel-exception {
background: #f7f3fc;
padding: 10px;
margin: 1em 0;
border: solid 1px #A259CD
}




.ec-panel-highlight {
background: #F6FBFD;
padding: 10px;
margin: 1em 0;
border: solid 1px #2480B1
}

.ec-panel-note {
background: #ececec;
padding: 10px;
margin: 1em 0;
border: solid 1px #999
}

.ec-panel-definition {
background : #f8f8f8;
padding : 10px;
margin: 1em 0;
border: outset 2px #999;
}

.ec-panel-definition dfn {
font-weight: bold;
}

.ec-panel-example {
background: #effac6;
padding : 10px;
margin: 1em 0;
border: solid 1px #788A15
}

.ECpanelGreen {
background: #effac6;
padding : 0 1em;
margin: 1em 0;
border: solid 1px #788A15
}

.ec-panel-elsewhere:before {     content: "Elsewhere on EnglishClub";
display: block;
margin: 5px 0 7px 0;
font-size: .7em;
color: #777;
font-weight: bold;
}

.ec-panel-elsewhere {
background: #fff;
padding : 0 10px 5px;
margin: 1em 0;
border: dotted 1px #E09E00
}

.ec-panel-games { /*show only to desktop*/
display: none;
}

.lesson-index {
}

#wordchecker:before {     content: "EnglishClub Wordchecker";
display: block;
margin: .5em 0 1em;
color: green;
font-weight: normal;
font-size:smaller
}

#wordchecker {
background: #f9f9f9;
padding : 0 10px 5px;
margin: 1em 0;
border: solid 1px #ececec
}

.ec-panel-myec {
background: #fff;
padding : 10px;
margin: 1em 0;
border: dotted 2px #e09e00
}

.quickquiz {
margin: 1em 0;
padding: .5em .5em 1em 2em;
background: #fbf8da;
border: solid 1px #F88B10;
}

.ec-back a {
padding: 7px;
background: #d5eebc;
display: block;
margin: 1em 0;
border-top: solid 1px #afdd7d;
border-bottom: solid 1px #afdd7d;
text-decoration: none;
}

.ec-back a:before {
content: "← ";
}

.ec-next a {
padding: 7px;
background: #d5eebc;
display: block;
margin: 1em 0;
border-top: solid 1px #afdd7d;
border-bottom: solid 1px #afdd7d;
text-align: right;
text-decoration: none;
}

.ec-next a:after {
content: " →";
}



summary {
outline:none;
}

.ec-q-radio {
display: none;
}

.paper-choices {
display: none;
}

#paper-quiz {
display: none;
}

/* TABLES */

table.ec-table {
font-size: smaller;
border-width: 1px;
border-color: #cbcbcb;
border-collapse: collapse;
margin: 1em 0;
}
table.ec-table th {
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #cbcbcb;
background-color: #ececec;
text-align: left;
vertical-align: bottom;
}
table.ec-table td {
border-width: 1px;
padding: 3px;
border-style: solid;
border-color: #cbcbcb;
text-align: left;
vertical-align: top;
}

table.ec-table-quiz {
width: 100%;
}

table.ec-table-quiz td {
padding: 7px;
vertical-align: top;
}

.ec-table-wrapper {
overflow: auto;
}

.ec-table-quiz:after {     content: "Please note that you can also print this quiz on paper.";
display: block;
margin: 1em 0 0;
font-size: .7em;
color: #2480B1;
font-weight: bold;
}

.bg-accent-1 {
background: #fbf8da;
}

.bg-accent-2 {
background: #fbf1da;
}

.bg-accent-3 {
background: #fbebda;
}

.bg-accent-neutral {
background: #f9f9f9;
}

.bg-accent-dark {
background: #999;
}

.bg-exception {
background: #f7f3fc;
}

.bg-example {
background: #effac6;
}

.bg-error {
background: #fee9ea;
}

div.timeline {
margin-left: auto;
margin-right: auto;
height: 0.7em;
background-color:#777;
}




li.li-compact, dd {
margin-bottom: 0;
}

li, dd {
margin-bottom: 1.4em;
}

.ec-caption {
font-size: small;
}



/* start GT */
.new-item, .updated-item, .popular-item {
font-weight: normal;
font-size: xx-small;
color: #ffffff;
vertical-align: text-top;
}
.new-item {
background-color: #8c3030;
}
.updated-item {
background-color: #c5a600;
}
.popular-item {
background-color: #314fb1;
}

/* search highlighting */
.searchhl-1 {
font-weight: bold;
}
.gt-searchbar {
padding: 10px;
}
/* paging */
.paging {
text-align: right;
margin-bottom: 25px;
}
.paging img, .paging select, .paging input {
vertical-align: middle;
}


.linklisting .linkdescription {
margin: 0px 0px 5px 0px;
padding: 5px;
border: 1px solid #bbbfa1;
background: #f8faed;
overflow: hidden;
}

.linklisting h3.linktitle, .linklisting p.linkurl {
overflow: hidden;
width: 100%;
margin: 2px 0px;
}

.linklisting {
margin: 15px 0px 20px 0px;
}

.informal-item {
background-color: #330099;
}

.formal-item span, .informal-item span, .offensive-item span, .vulgar-item span, .taboo-item span {
padding: 0px 3px;
background: transparent url(images/button-right.gif) top right no-repeat;
}

#category dl {
width: 50%;
float: left;
margin: 1em 0 0;
}

#category dt {
margin: 0 10px .5em 0;
}

#category h1 {
margin-bottom: 0;
}

#category dd {
margin: 0 0 1.4em 0;
}


#narrow_cats {
display: block;
} 
#wide_cats { 	display:none; 	}


#home dl {
width: 99%;
float: left;
margin: 0;
}

#home dd {
margin: 0 0 1.4em 0;
}

#home h2 {
margin: 0;
}


.clear {
display: block;
}

/* start GT nec.=? */

.errormessage {
color: #8c3030;
font-weight: bold;
}
.infomessage {
color: #3a5841;
font-weight: bold;
}

/* end GT nec.=? */

/* end GT */

/* start WP */

.alignright {
float : right;
font-size: 12px;
margin-bottom: 20px;
}
.alignleft {
float : left;
font-size: 12px;
margin-bottom: 20px;
}
.wp-nav {
display : block;
text-align : center;
margin-top : 20px;
margin-bottom : 70px;
font-size : 12px;
margin-right : 20px;
}

#comments {
margin-top: 2em;
}
.postmetadata {
font-size:small;
color: gray;
}

.commentmetadata {
font-size:small;
color: gray;
}

#jo-header {
display: none;
}

li.cat-item {
margin-bottom: 10px;
}

.alignnone {
margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

.alignright {
float:right;
margin: 5px 0 20px 20px;
}

.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}

a img.alignnone {
margin: 5px 20px 20px 0;
}

a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}

.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow content area */
padding: 5px 3px 10px;
text-align: center;
}

.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
margin: 5px 20px 20px 0;
max-width: 50%;
}

.wp-caption.alignright {
margin: 5px 0 20px 20px;
max-width: 50%;
}

.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}

.wp-caption p.wp-caption-text {
font-size: small;
color: gray;
margin: 0;
padding: 0 4px 5px;
}

/* end WP */

/*Mastfoot*/

#ec-break {
display:none;
}

#ec-mastfoot {
text-align: left;
}

#ec-mofootnav {
background-color: #eceece;
border-bottom: #000;
color: #fff;
padding: 0 0 3em;
}

#s {
padding-top: 3em;
}

.ec-mofootlinks {
background: #eceece;   list-style: none;   margin: 2em 2em 2em 1em;
padding: 0;
}

.ec-mofootlinks li a {
background: #eceece;
display: block;
margin: 0 10px;
padding: 1em 0 .7em .4em;
color: #930;
text-decoration: none;    }
.ec-mofootlinks a {
border-bottom: solid 1px #A7A7A7;
}
li.ec-mo {
margin-bottom: 0;
}

#ec-copy {
text-align: center;
font-size: small;
margin: 1em 5px 1em 5px;
}

#ec-footban {
margin: 1em 5px 1em 5px;
}

.ec-footer-pipe {
display: none;
}

.ec-wrap-no {
white-space: nowrap;
}

.ec-wrap-yes {
word-wrap: break-word;
}

@media (min-width: 970px) {

body {
margin: auto;
max-width: 970px;
}

.ec-mo-links {
line-height: normal;
}

/*Masthead*/

#ec-mo-topmenu {
display: none;
}
#ec-dt-topmenu {
display: block;
}

#ec-headban {
display: block;
margin: 0;
padding: 1em .3em .7em;
text-align: center;
}

#ec-map-tabs area {
outline:none;
}

#ec-search {
display: block;
}

/*Page*/
#ec-navbar {
background: #d5eebc;
border-color: #afdd7d;
border-style: solid;
border-width: 1px 0;
font-weight: bold;
line-height: 125%;
padding: 7px;
margin-top: 0;
}

.subnavbar {
font-size: small;
font-weight: normal;
text-align: right;
padding: 7px;
margin: 10px 0 25px 0;
}

.topnavbar {
display: block;
line-height: 200%;
font-size: small;
font-weight: normal;
text-align: center;
padding: 7px;
margin: 0;
border-bottom: 1px solid #eceece;
}

.topnavbar li {
display: inline;
margin-left: 1em;
white-space: nowrap;
}

.topnavbar ul {
list-style: none;
margin: 0;
padding: 0;
}



#ec-sidebar {
background-color: #FFF;
float: left;
width: 300px; /* was 160 for sky */
margin-left: 1em;
}

#ec-main {
background-color: #FFF;
float: right;
width: 615px; /* was 750 for sky */
padding: 0 1em 0 0;
}

#ec-page br {
clear: both;
}

#ec-page {
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
}

#preh1-links {
display:block;
background: #ececec;
margin: 1em 0;
padding: 0.5em;
}

#jo-header {
display: block;
margin-bottom: 0;
}

table.ec-table {
font-size: inherit;
}

table.ec-table th {
padding: 10px;
}

table.ec-table td {
padding: 10px;
}

#category dl {
width: 25%;
margin: 1em 0 0;
}

#category dt {
margin: 0 10px .5em 0;
}


li, dd {
margin-bottom: .4em;
}

#narrow_cats {
display: none;
} 
#wide_cats { 	display:block; 	}

.ec-panel-games { /*show only to desktop*/
display: block;
background: #fff;
padding : 0 10px 5px;
margin: 1em 0;
border: dotted 2px #77920d
}

.ec-panel-games:before {     content: "EnglishClub Games for practice";
display: block;
margin: 5px 0 7px 0;
font-size: .7em;
color: #77920d;
font-weight: bold;
}


/*Mastfoot*/

#ec-break {
display:block;
}

#ec-mastfoot {
background-color: #FFF;
text-align: center;
}

#ec-mofootnav {
display: none;
}

#ec-footban {
margin: 0 0 1em;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
padding: 1em 0;
}

#ec-copy {
margin: 1em 0 1em 0;
}

.ec-footer-break {
display: none;
}

.ec-footer-pipe {
display: inline;
}

}

@media print {

body {
background: white;
}

#preh1-socbuts {
display:none;
}

h1:after {
content: " (EnglishClub.com)";
color: #666;
font-size: 12pt;
}

.ECnoprint {
display : none;
}

nav {
display : none;
}

#ec-masthead, #ec-mastfoot, #ec-sidebar {
display : none;
}

.ECpractice {
display : none;
}

img {
max-width : 500px;
}

.subnavbar {
display: none;
}

.videowrapper {
display: none;
}

video {
display : none;
}

audio {
display : none;
}

embed {
display : none;
}

.ec-back, .ec-next {
display: none;
}

select, input {
display: none;
}

.paper-choices {
display: inline;
font-weight:bold;
}

#paper-quiz {
display: block;
}

#about-quiz {
display: none;
}


.ec-table-quiz {
line-height: 1.7;
}

.ec-table-quiz:after {
content: "Name: _____________________ | ______________ | _______";
display: block;
margin-top: 2em;
font-size: inherit;
color: #333;
font-weight: normal;
}

.ec-panel-elsewhere {
display: none;
}


body {
font : 12pt Georgia, "Times New Roman", Times, serif;
line-height : 1.3;
}

a:link {
text-decoration : none;
color : #000;
}
a:active {
text-decoration : none;
color : #000;
}
a:visited {
text-decoration : none;
color : #000;
}
a:hover {
text-decoration : none;
color : #000;
}

details {
display: none;
}

input[type=radio] {
display: none;
}

.ec-q-radio {
display: inline;
}

li, dd {
margin-bottom: auto;
}

#ec-break {
display:block;
}


/* start nec? */

td {
vertical-align : top;
}

#comments {
display : none;
}

.podPress_content, .commentlist {
display : none;
}

.FuncButton, .NavButtonBar {
display : none;
}

.printlogo {
float : right;
font-family : "Verdana", sans-serif;
font-size : 12pt;
}

.breakhere {
page-break-after : always;
}

/* end nec? */

}