/*Hack*/

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

/*General*/

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

body {
  margin: 0;
  }

body,
center,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
lo,
p,
table,
td,
th
 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
h2 {
  margin-bottom : .5em;
  }
  
h3 {
  margin-bottom : .5em;
  }

.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: #ececec;
  }

.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 {
  margin-bottom: 10px;
  }
  
#ec-mo-topmenu {
  background: #777;
  width: 100%;
  }

#ec-mo-topmenu > details > summary{
  background: #333;
  color: #FFF;
  cursor: pointer;
  margin: 0;
  padding: 15px;
  }

#ec-mo-topmenu > details > summary:hover{
  background: #333;
  }

#ec-mo-topmenu > details > a{
  background: #333;
  color: #FFF;
  display: block;
  margin: 1px 0 1px 0;
  padding: 15px;
  text-decoration: none;
  }

#ec-mo-topmenu > details > a:hover{
  background: #333;
  font-weight: bold;
  }
  
#ec-dt-topmenu {
  display: none;
  }

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

/*Page*/

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

#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;
}

.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;
  }

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

#ec-pre-h1 {
	display:none;
	margin: 1.5em 0 1em;
	}

#ec-sidebar {
  text-align: center;
  margin: 20px 5px 20px 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.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: 60%;
}

.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";
}

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

.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-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
}

.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: 10px;
	background: #fff095;
	display: block;
	margin: 1em 0;
	border-top: solid 1px #ffdb95;
	border-bottom: solid 1px #ffdb95;
	text-decoration: none;
}

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

.ec-next a {
	padding: 10px;
	background: #fff095;
	display: block;
	margin: 1em 0;
	border-top: solid 1px #ffdb95;
	border-bottom: solid 1px #ffdb95;
	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;
}




/* 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: 100px;
  }
		  
.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: center;
  }

.ec-mofootnav {
  background-color: #ececec;
  border-bottom: #000;
  color: #fff;
  padding: 10px;
  }

#ec-mofootlinks {
  background: #777;
  list-style: none; 
  margin-top: 0;
  padding: 0;
  }

#ec-mofootlinks li a {
  background: #333;
  color: #FFF;
  display: block;
  margin: 1px 0 1px 0;
  padding: 15px;
  text-decoration: none;  
  }
  
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;
    margin-bottom: 10px;
    }
	
  #ec-topban {
    margin: .5em 0 .3em;
    }

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

  /*Page*/
  
  #ec-pre-h1 {
		display:block;
    margin: 1em 0 1em;
    }

  #ec-navbar {
    background: #fff095;
    border-color: #ececec;
    border-style: solid;
    border-width: 1px 0;
    font-weight: bold;
    line-height: 125%;
    padding: 7px;
    }

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

  #ec-sidebar {
    background-color: #FFF;
    float: left;
    width: 160px;
    }

  #ec-main {
    background-color: #FFF;
    float: right;
    width: 760px;
    padding: 0 0 0 20px;
    }

  #ec-page br {
    clear: both;
    }
	
#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: 1em 0 1em 0;
    }
	
#ec-copy {
  margin: 1em 0 1em 0;
  }

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

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

}

@media print {
	
body {
	background: white;
}

#ec-pre-h1 {
display:none;
}

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

.ECnoprint {
display : none;
}

nav {
display : none;
}

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

.ECpractice {
display : none;
}

img {
max-width : 500px;
}

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;
}


.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;
}




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? */

}