/* @group RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* @end */

/* @group TYPOGRAPHY */

body {
  font-family: Georgia, Times, "Times New Roman", serif;
  line-height: 1.5; /* Unitless for proper inheritance */
}

/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */
   
body          { font-size: 87.5%; }   /* IE */
html > body   { font-size: 14px; }  /* Other browsers */


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  font-family: Georgia, Times, "Times New Roman", serif;
  color:#fff; 
  clear:both; 
}

h1 { font-size: 1.5em; line-height:1.5; font-weight: bold;}
h2 { font-size: 1.25em; line-height:1.5; color: #FFB033;}
h3 { font-size: 1.25em; line-height:1.5; color: #ddd;}
h4 { font-size: 1.25em; line-height:1.5; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em 0; text-align:left; }
p.last      { margin-bottom:0; }
#main p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

a           { color: #ddd; text-decoration: underline; outline: none; }
a:hover     { color: #FFB033; }
h2 a 		{ color: #FFB033; text-decoration: none; padding-right: 28px; background: url(../themes/grunge/link-hand.gif) right no-repeat;}
h2 a:hover	{ color: #777;}

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }
.caps		{ font-variant: small-caps; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #444; 
  color: #444;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 2px;
  margin: 0 0 1.4em 0;
  border: none; 
}
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; border-top:0.1em solid #777; /*border-left:0.1em solid #ddd;*/ }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #777; /*border-right:0.1em solid #ddd;*/ }
th      { font-weight:bold; }


/* Forms
-------------------------------------------------------------- */

label     { font-weight: bold; }
textarea  { height: 180px; width: 300px; }


/* Some default classes
-------------------------------------------------------------- */

p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; line-height: 2.5em; }
.hide     { display: none; }


/* @end */


body {
	background: #191919 url(../themes/grunge/body-bg.gif) repeat-y fixed center;
	text-align: center;
	color: #E0E0E0;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: url(../themes/grunge/content-bg.jpg) repeat-y 0 300px;
}

/*banner*/
#flashcontent {
	height: 300px;
	clear: both;
}

/* @group MENU */

#menu {
	height: 3em;
	clear: both;
	margin-top: 3px;
}

#menu ul {
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 120px;
	line-height: 3.5em;
}

#menu ul li {
	float: left;
	width: 120px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: url(../themes/grunge/menu-li-divider-bg.gif) no-repeat left center;
}

#menu ul li a {
	display: block;
	text-decoration: none;
	color: #ddd;
	text-transform: uppercase;
}

#menu ul li a:hover {
	color: #FFB033;
}

#menu ul li a:active { color: #fff; }

/* @group download free lesson */

#menu ul li.freedownload {
	width: 240px;
}

#menu ul li.freedownload a {
	text-transform: lowercase;
	background: url(../themes/grunge/menu-li-freedownload-bg.gif) center 7px no-repeat;
	display: block;
}

#menu ul li.freedownload a:hover {
	background-position: center -51px ;
	text-decoration: none;
	color: white;
}

/* @end */

/* @group language switcher */

#menu ul li.langswitch {
	width: 240px;

}

#menu ul li.langswitch a {
	text-transform: lowercase;
	background: url(../themes/grunge/menu-li-freedownload-bg.png) center 7px no-repeat;
	display: block;
}

#menu ul li.langswitch a:hover {
	background-position: center -51px ;
	text-decoration: none;
	color: #fff;
}

#menu ul li.selected a, #menu ul li.selected a:hover {
	background: url(../themes/grunge/menu-li-freedownload-bg.png) center -103px no-repeat;
	text-decoration: none;
	color: #fff;
}

#menu ul.simple-translator {
	display: none;
	position: absolute;
	width: 200px;
	margin: -5px 20px 0 20px;
	padding: 0;
	background: none;
	list-style: none;
}

#menu ul.simple-translator li {
	font-size: 10px;
	line-height: 1.5em;
	width: 170px;
	height: 1.5em;
	margin: 0;
	padding: 0 0 0 28px;
	text-align: left;
	background: #3B3C3D;
	border-left: solid 1px #9D9FA1;
	border-right: solid 1px #9D9FA1;
	}

#menu ul.simple-translator li.first {
	padding-top: 5px;
	background: #3B3C3D;
}

#menu ul.simple-translator li.last {
	padding-bottom: 5px;
	background: url(../themes/grunge/ul-simplelanguage-li-last-bg.png) center bottom no-repeat;
	border: none;
	width: 172px;
}
	
#menu ul.simple-translator li a {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 20px;
	text-transform: capitalize;
	color: #ddd;
	}
	
#menu ul.simple-translator li a:hover {
	color: #fff;
}
	
#menu ul.simple-translator li a em {
	font-weight: normal;
}

#menu ul.simple-translator li.selected a {
	color: #FFB033;
	background: none;
}

#menu ul.simple-translator li a.default {background: url(../images/flags/us.gif) no-repeat left center;}
#menu ul.simple-translator li a._al {background: url(../images/flags/al.gif) no-repeat left center;}
#menu ul.simple-translator li a._cz {background: url(../images/flags/cz.gif) no-repeat left center;}
#menu ul.simple-translator li a._ee {background: url(../images/flags/ee.gif) no-repeat left center;}
#menu ul.simple-translator li a._lv {background: url(../images/flags/lv.gif) no-repeat left center;}
#menu ul.simple-translator li a._pl {background: url(../images/flags/pl.gif) no-repeat left center;}
#menu ul.simple-translator li a._ro {background: url(../images/flags/ro.gif) no-repeat left center;}
#menu ul.simple-translator li a._ru {background: url(../images/flags/ru.gif) no-repeat left center;}
#menu ul.simple-translator li a._sk {background: url(../images/flags/sk.gif) no-repeat left center;}
#menu ul.simple-translator li a._si {background: url(../images/flags/si.gif) no-repeat left center;}
#menu ul.simple-translator li a._rs {background: url(../images/flags/rs.gif) no-repeat left center;}
#menu ul.simple-translator li a._hr {background: url(../images/flags/hr.gif) no-repeat left center;}
#menu ul.simple-translator li a._ua {background: url(../images/flags/ua.gif) no-repeat left center;}


/* @end */

body.home #menu ul li#menu1 a, 
body.about #menu ul li#menu4 a, 
body.resources #menu ul li#menu2 a, 
body.blog #menu ul li#menu5 a, 
body.buy #menu ul li#menu3 a { color: #FFB033; }

/* @end */

#content {
	clear: both;
}

/* @group = MAIN */

#main {
	float: left;
	width: 600px;
	padding: 0 0 0 120px;
	margin: 0;
}


#main p {
	padding-right: 2em;
}

#main.blurbad {
	background: url(../themes/grunge/blurbad-bg.png) no-repeat 0 0;
	margin-top: 2em;
}

#main.blurbad p.blurb {
	display: block;
	padding: 2.5em 10px 3em 180px;
	font-size: 16px;
	line-height: 21px;
}

#main .icon {
	margin-left: -2em;
	margin-right: 1em;
}

/* @group - Cast */


#main.castlist dl {
	background: url(../themes/grunge/cast-bg.gif) no-repeat;
	display: block;
	width: 188px;
	height: 188px;
	float: left;
	padding: 1px;
	font-size: 12px;
	margin-bottom: 15px;
	overflow: hidden;
}


#main.castlist dl dt {
	color: #000;
	margin: 0;
	padding: 0;
}

#main.castlist dl dd {
	padding: 5px 10px 2px 10px;
}

#main.castlist dl dt strong {
	padding-left: 10px;
}

#main.castlist dl.m {
	margin: 0 15px 15px 15px;
}

/* @end */

#main table {
	font-size: 12px;
}

#main.blog {
	padding-top: 3em;
}


#main.blog p.credits a { color: #777; border: none;}
#main.blog p.credits a:hover { color: #FFB033;}
#main.blog a { text-decoration: none; border-bottom: 1px #fff dotted;}
#main.blog h1 a {border: none;}

#main.blog p.credits {
	color: #777;
	font-size: 12px;
	line-height: 1em;
}

#main.blog .blogentry {
	margin-bottom: 2em;
}

#main #comment_form p {
	margin: 0;
}

input.text, textarea.text {
	width: 360px;
	font: 14px Georgia, Times, "Times New Roman", serif;
	line-height: 1.5em;
	border-top: 1px solid #000;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #999;
	background: #fff url(../themes/grunge/fieldbg.gif) repeat-x top;
}

body.lesson-guides textarea.text {
	width: 600px;
}

#main .shop {
	margin-bottom: 1.5em;
}

#main .shop p {
	margin: 0;
}

#main .shop p em {
	color: #999;
	font-style: normal;
	font-weight: bold;
}

#main.buy {
	padding-top: 3em;
}

#main.download {
	padding-top: 3em;
}

#main p.toplinks {
	line-height: 29px;
}

#main p.toplinks a {
	text-decoration: none;
}

#main p a.download_pdf {
	display: block;
	width: 155px;
	height: 29px;
	margin-right: 10px;
	text-align: center;
	background: url(../themes/grunge/menu-li-freedownload-bg.gif) top left no-repeat;
	text-decoration: none;
	float: left;
}

#main p a:hover.download_pdf {
	background-position: center -58px;
	text-decoration: none;
	color: white;
}

/* @group - Video box */

#main div.videobox {
	width: 600px;
	height: 400px;
	background: url(../themes/grunge/videobox-bg.png) no-repeat;
	margin-bottom: 1em;
}

#main div.videobox h2 {
	height: 32px;
	background: url(../themes/grunge/videobox-h2-bg.png) no-repeat;
	color: #E0E0E0;
	font-size: 16px;
	line-height: 32px;
	padding-left: 16px;
	font-style: italic;
}

#main div.videobox h2 strong{
	font-weight: bold;
	font-style: normal;
}

#main div.videobox .videoplayer {
	width: 425px;
	height: 349px;
	background: url(../themes/grunge/videoplayer-bg.png) no-repeat;
	float: left;
}

/*temporary setting embed will be replaced by SWFobject*/
#main div.videobox div.videoplayer embed { 
	margin: 22px 0 0 20px;
}

#main div.videobox .videosidebar {
	width: 175px;
	margin-top: 32px;
	float: right;
}


#main div.videobox .videosidebar p {
	padding: 0 16px;
	height: 170px;
}


#main div.videobox .videosidebar h3 {
	text-transform: uppercase;
	font-size: 14px;

	color: #58595B;
	text-align: center;
}

#main div.videobox .videosidebar ul {
	list-style: none;
}

#main div.videobox .videosidebar ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: url(../themes/grunge/menu-li-freedownload-bg.gif) no-repeat center 0;
	text-decoration: none;
	margin-top: 7px;
}


#main div.videobox .videosidebar ul li a:hover {
	background-position: center -58px ;
	text-decoration: none;
	/*color: white;*/
}

#main div.videobox .videosidebar ul li a .size {
	font-size: .8em;
	color: #999;
}


/* @end */

/* @end */

/* @group SUBMENU */

#submenu {
	width: 600px;
	height: 3em;
	margin: 0 0 2em 0;
	
}

#submenu ul {
	font-size: 12px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 2.667em;
}

#submenu ul li {
	float: left;
	width: 120px;
	font-weight: bold;
	text-align: center;
	display: block;
}

#submenu ul li a {
	background: url(../themes/grunge/submenu-li-a-bg.gif) no-repeat -120px 0;
	display: block;
	text-decoration: none;
	color: #414142;
}
#submenu ul li#sub1 a { background-position: 0 0;}
#submenu ul li#sub5 a { background-position: -240px 0;}

body.history #submenu ul li#sub1 a { background-position: 0 -32px; }
body.the-need #submenu ul li#sub2 a { background-position: -120px -32px; }
body.the-elements #submenu ul li#sub3 a { background-position: -120px -32px; }
body.background #submenu ul li#sub4 a { background-position: -120px -32px; }
body.cast #submenu ul li#sub5 a { background-position: -240px -32px; }

body.lessons #submenu ul li#sub1 a { background-position: 0 -32px; }
body.lesson-format #submenu ul li#sub2 a { background-position: -120px -32px; }
body.extras #submenu ul li#sub3 a { background-position: -120px -32px; }

body.memory-verses #submenu ul li#sub5 a { background-position: -240px -32px; }
/*body.memory-verses #submenu ul li#sub4 a { background-position: -120px -32px; }
body.faq #submenu ul li#sub5 a { background-position: -240px -32px; }*/

#submenu ul li a:hover { background-position: -120px -32px; }
#submenu ul li#sub1 a:hover { background-position: 0 -32px; }
#submenu ul li#sub5 a:hover { background-position: -240px -32px; }

#submenu ul li a:active { background-position: -120px -64px; color: #fff; }
#submenu ul li#sub1 a:active { background-position: 0 -64px; }
#submenu ul li#sub5 a:active { background-position: -240px -64px; }

/* @end */

/* @group SIDEBAR */

#sidebar {
	float: right;
	width: 240px;
	padding: 217px 0 0 0;
	margin: 2em 0 0 0;
	background: url(../themes/grunge/topics.png) no-repeat;
}

#sidebar._al {background-image: url(../themes/grunge/lang/topics_al.png);}
#sidebar._cz {background-image: url(../themes/grunge/lang/topics_cz.png);}
#sidebar._ee {background-image: url(../themes/grunge/lang/topics_ee.png);}
#sidebar._lv {background-image: url(../themes/grunge/lang/topics_lv.png);}
#sidebar._pl {background-image: url(../themes/grunge/lang/topics_pl.png);}
#sidebar._ro {background-image: url(../themes/grunge/lang/topics_ro.png);}
#sidebar._ru {background-image: url(../themes/grunge/lang/topics_ru.png);}
#sidebar._sk {background-image: url(../themes/grunge/lang/topics_sk.png);}
#sidebar._si {background-image: url(../themes/grunge/lang/topics_si.png);}
#sidebar._hr {background-image: url(../themes/grunge/lang/topics_hr.png);}
#sidebar._rs {background-image: url(../themes/grunge/lang/topics_rs.png);}
#sidebar._ua {background-image: url(../themes/grunge/lang/topics_ua.png);}


#sidebar a {
	text-decoration: none;
}

/* @end */

/* @group CATEGORIES */

#categories { 
	text-align: right;
	padding-right: 37px;
	}

#categories h2 {
	font-size: 14px;
	font-weight: bold;
}

#categories ul {
	list-style: none;
	margin-bottom: 2em;
}

#categories p {
	text-align: right;
	font-size: 14px;
}

#categories p img {
	vertical-align: text-top;
}

/* @end */

/* @group QUOTATIONS */

#quotes {
	margin-top: -2em;
	padding: 42px 27px 0 27px;
	background: url(../themes/grunge/quotes-bg.gif) no-repeat top;
}

#quotes._al { background-image: url(../themes/grunge/lang/quotes_al.png) }
#quotes._cz { background-image: url(../themes/grunge/lang/quotes_cz.png) }
#quotes._ee { background-image: url(../themes/grunge/lang/quotes_ee.png) }
#quotes._lv { background-image: url(../themes/grunge/lang/quotes_lv.png) }
#quotes._pl { background-image: url(../themes/grunge/lang/quotes_pl.png) }
#quotes._ro { background-image: url(../themes/grunge/lang/quotes_ro.png) }
#quotes._ru { background-image: url(../themes/grunge/lang/quotes_ru.png) }
#quotes._sk { background-image: url(../themes/grunge/lang/quotes_sk.png) }
#quotes._si { background-image: url(../themes/grunge/lang/quotes_si.png) }
#quotes._hr { background-image: url(../themes/grunge/lang/quotes_hr.png) }
#quotes._rs { background-image: url(../themes/grunge/lang/quotes_rs.png) }
#quotes._ua { background-image: url(../themes/grunge/lang/quotes_ua.png) }

#quotes h3 {
	display: none;
}

#quotes dl {
	line-height: 14px;
	margin-bottom: 1em;
}

#quotes dl dt {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

#quotes dl dd {
	font-size: 10px;
	line-height: 14px;
	font-style: italic;
}

#quotes dl dd.jobtitle {
	font-style: normal;
	color: #777;
}

/* @end */


/* @group FOOTER */

#footer {
	clear: both;
	height: 125px;
	padding: 50px 120px 0 0;
	background: url(../themes/grunge/footer-bg.png) no-repeat 0 0;
	margin-left: 120px;

}

#footer ul {
	font-size: 14px;
	list-style-type: none;
	padding: 1.2em 220px 0 0;
	line-height: 2em;
	text-align: center;
}
#footer ul li {
	display: inline;
}

#footer ul li a {
	text-decoration: none;
	padding: 0 0.5em;
}

#footer p.credits {
	text-align: right;
	clear: both;
	font-size: 12px;
	padding: 2.8em 160px 0 0;
}

#footer a {
	text-decoration: none;
}
#footer li img {
	vertical-align: text-top;
}	

/* @end */

/* @group ADMIN */

#editlinks {
	padding: 0 5px;
	margin-left: -120px;
	margin-top: -66px;
	float: left;
	clear: none;
	z-index: 9999;
	line-height: 1.5em;
}

a.edit		{
	/*display: inline-block;*/
	height: 1.2em;
	padding-right:5px;
	padding-left:5px;
	line-height: 1em;
	background: #000;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 1px dotted #666;
	font-variant: small-caps;
}

a.edit:hover {
	background: #FFB033;
	color: #fff;
}

#main.castlist a.edit {
	float: left;
}

/* @end */