/* Eric Meyer's Reset CSS.	
 * --------------------------------------------------------------------------------------- */

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;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}



/* General Declarations
 * --------------------------------------------------------------------------------------- */

* p {
  margin: 15px 0 15px 0;
}

a {
  color: #B02323;
}

a:hover {
  color: #000;
}

input {
	margin: 4px 0 4px 0;
}

input.btn {
  background: #B02323;
	color: #F4E2E2;
	font-weight: bold;
	border: 1px solid #2F2F2F;
	padding: 2px 6px 2px 6px;
	font-family: Arial, sans-serif;
}

input.btn:hover {
  background: #1F1F1F;
}


/* Main Structure
 * --------------------------------------------------------------------------------------- */

body {
  text-align: center; /* IE5 workaround for alignment */
  background: #F3F0E8;
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #1F1F1F;
}

#maindiv {
  position: relative;
  background: #FFFFFF;
  border-right: 5px solid #EBE5D7;
  border-left: 5px solid #EBE5D7;
  width: 900px;
  margin: 0 auto;
  padding-top: 5px;
  text-align: left;
}



/* Header
 * --------------------------------------------------------------------------------------- */

#headerlink {
  display: block;
  position: absolute;
  top: 30px;
  left: 40px;
  width: 580px;
  height: 95px;
}

#headerpic {
  margin-left: 13px;
  width: 876px;
  height: 192px;
}



/* Search Box
 * --------------------------------------------------------------------------------------- */

#searchbox {
  position: absolute;
  top: 155px;
  left: 222px;
  color: #F2F2F2;
  font-size: 11px;
  z-index: 2;
}

#searchbox input {
	margin: 0px;
  vertical-align: middle;
  font-size: 15px;
  background: #fff;
  width: 260px;
  height: 22px;
  border-color: #0E5FAF;
  border-style: solid;
  border-width: 1px;
  text-align: center;
}

#searchbox input.searchbutton {
  width: 100px;
  font-size: 12px;
  letter-spacing: -1px;
  height: 22px;
  color: #fff;
  background: url('img/column_head_bg.gif');
  background-position: 0px -10px;
  border: none;
  font-family: Arial, sans-serif;
}

#searchadv {
  position: absolute;
  top: 164px;
  padding-bottom: 2px;
  left: 596px;
  width: 60px;
  font-size: 9px;
  font-family: Verdana, sans-serif;
  letter-spacing: -1px;
  line-height: 9px;
}

#searchadv a {
  color: #EFEFEF;
}

#searchadv a:hover {
  color: #B02323;
}




/* Column Headers
 * --------------------------------------------------------------------------------------- */

#leftheader, #widerheader, #widerheaderfp, #narrowerheader, #wideheader {
  float: left;
  height: 40px;
  background: url('img/column_head_bg.gif');
  margin-bottom: 8px;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
}

.columnheader {
  font-weight: normal;
  margin-left: 12px;
}

#leftheader {
  width: 184px;
  margin-left: 13px;
}

#widerheader {
  width: 436px;
  margin-left: 11px;
}

#widerheaderfp {
  width: 434px;
  margin-left: 11px;
}

#narrowerheader {
  width: 232px;
  margin-left: 11px;
}

#wideheader {
  width: 678px;
  margin-left: 11px;
}



/* Columns: Overall Structure
 * --------------------------------------------------------------------------------------- */

#left, #wide, #wider, #narrower, .fpbox {
  float: left;
  background: #fcfcfc;
  border: 1px solid #337DC7;
  font-size: 13px;
}

#left {
  width: 182px;
  margin-left: 13px;
}

#wider {
  width: 434px;
  margin-left: 11px;
}

#wider .content {
  margin: 25px 20px 15px 20px;
  line-height: 19px;
}

#wider .singlework {
  margin: 15px;
}

#wide {
  width: 676px;
  margin-left: 11px;
}

#wide .content {
  margin: 30px 40px 15px 20px;
  line-height: 16px;
}

#wide .writercat {
  margin: 25px 20px 15px 20px;  
}

#narrower {
  width: 230px;
  margin-left: 11px;
}

#narrower .content {
  margin: 15px 0px 15px 0px;
}

#narrower p {
  margin: 14px;
  font-size: 12px;
}



/* Left Column (Menu)
 * --------------------------------------------------------------------------------------- */

#left a.menulink {
  line-height: 17px;
  color: #000;
  display: block;
  padding-left: 6px;
  font-size: 13px;
  margin: 0;
  text-decoration: none;
  border-bottom: 1px dotted #cccce9;
  border-left: 4px solid #3181D0;
}

#left a.menulink:hover, #left #active {
  color: #b40101;
  background: #daddff;
  border-left: 4px solid #B02323;
}

#left div.menuheaders {
  margin: 13px 0 1px 0;
  padding-left: 8px;
  background: #3181D0 url('img/menuheader_image_blue.gif') bottom right no-repeat;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 22px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

#left div.firstmenu {
  margin-top: 0;
}

#left .loginform {
  margin-top: 10px;
}

#left .loginform input {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

#left .loginform input.login {
  width: 100px;
  height: auto;
  border: 1px solid #393939;
  margin-bottom: 2px;
  margin-left: 14px;
  font-size:12px;
  vertical-align: middle;
  background: #FFF;
}

#left .loginform input.loginsubmit {
  width: 80px;	
  height: auto;
  margin-bottom: 2px;
  vertical-align: middle;
  font-size: 11px;
  margin-left: 14px;
}

#left .loginform .notregd {
	margin: 6px 2px 8px 14px;
	font-size: 11px;
}


/* Front Page
 * --------------------------------------------------------------------------------------- */

.fpbox {
  margin-top: 10px;
  text-align: justify;
  line-height: 17px;
	width: 432px;
}

.firstfpbox {
  margin-top: 0px;
}

.fpinsert {
  float: right;
  margin: 0 0 15px 0;
  padding: 0px 6px 0px 23px;
  background: #3181D0 url('img/fpinsert_angle_blue.gif') bottom left no-repeat;
  color: #F9F9F9;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  text-transform: uppercase;
}

.fpboxcontent {
  margin: 0px 20px 0 20px;
}

a.frontpagelink {
  display: block;
  clear: both;
  text-align: right;
  margin: 15px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#narrower a.frontpagelink {
  margin-right: 20px;
}

a.frontpagelink:hover {
  text-decoration: underline;
}

.fprightheader {
  background: #3181D0;
  line-height: 18px;
  font-size: 11px;
  font-weight: bold;
  padding-left: 13px;
  font-family: Arial, sans-serif;
  color: #fff;
}

.fpwriterimg {
  float: right;
  border: 2px solid #C5C5C5;
  margin: 0px 0px 6px 16px;
}

.fpnews {
  line-height: 15px;
}

.fpnewadds a {
  font-weight: bold;
}



/* List of Authors
 * --------------------------------------------------------------------------------------- */

.abc {
  font-size: 14px;
  padding: 5px;
  border: 1px solid #CCCCE9;
  letter-spacing: 2px;
  text-align: center;
  font-weight: bold;
}

.abc a {
  color: #B02323;
  text-decoration: none;
}

.abc a:hover {
  text-decoration: underline;
}

.abc span.nowriters {
  color: #ccc;
}

.abc span.currentletter {
  border: 1px solid #337DC7;
  padding-left: 2px;
}

.playwrightslist {
  float: left;
  width: 300px;
  border-top: 1px solid #CCCCE9;
  padding-top: 20px;
  margin: 20px 20px 0 0;
  line-height: 16px;
}

.toprowwriter {
  border-top: none;
  margin-top: 0;
}

.rightwriter {
  margin-right: 0;
}

.playwrightslist img {
  float: left;
  border: 1px solid #C5C5C5;
  margin: 0 10px 0px 0;
}

.playwrightslist a:hover img {
  border: 1px solid #B02323;
}

.nextprevious {
  border-top: 1px solid #CCCCE9;
  margin-top: 30px;
  padding-top: 6px;
}

a.previousletter, a.nextletter {
  display: block;
  width: 200px;
  float: left;
  font-size: 16px;
  font-weight: bold;
  padding-top: 5px;
  text-decoration: none;
}

a.nextletter {
  float: right;
  text-align: right;
}

.namesblock {
	float: left;
	width: 145px;
	margin-left: 10px;
}

.namesblock a {
  display: block;
	margin: 4px 0 0 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #CCCCE9;
	text-decoration: none;
}

#introstarinfo {
	text-align: center;
	margin: 15px 0 20px 0;
	font-size: 11px;
	color: #0456A7;
}


/* Info Texts
 * --------------------------------------------------------------------------------------- */

.info {
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  color: #1C6CBB;
  margin-bottom: 0;
}

.info img {
  float: left;
  margin: 0 15px 0 0;
}

.firstinfo {
  padding-top: 15px;
}

.toimitusehto {
	padding: 20px 20px 10px 20px;
}

.toimitusehto p {
  margin-left: 10px;
}


/* Works Lists
 * --------------------------------------------------------------------------------------- */

.workslist {
  font-size: 12px;
  margin: 15px;
}

.workslist h2 {
  font-weight: bold;
  font-size: 14px;
  margin: 25px 0 20px 0;
}

.workslist a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #CCCCE9;
  margin-top: 4px;
  padding-bottom: 4px;
}

.workslist a:hover {
  text-decoration: underline;
}

.workslist a.selected {
  color: #E97B30;
}

#abchron {
	margin-top: -14px;
	margin-bottom: 20px;
	font-size: 9px;
}

#abchron a {
	display: inline;
	border: none;
	cursor: pointer;
}

#workschronological {
	display: none;
}



/* Catalogue of Plays
 * --------------------------------------------------------------------------------------- */

#listofworks {
  margin-top: 10px;
}

#listofworks p {
  border-bottom: 1px solid #ABABAB;
  margin: 0 30px 15px 0;
  padding: 0 0 15px 0;
  line-height: 17px;
}

#listofworks a {
  font-size: 13px;
  font-weight: bold;
}

#listofworks p span {
  font-size: 11px;
}

.listletter {
	clear: both;
	padding-top: 40px;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.languagelist li {
  margin-left: 30px;
  list-style-type: circle;
}

.languagelist a {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}

.worksblock {
	float: left;
	width: 144px;
	margin-left: 10px;
}

.worksblock a {
  display: block;
	margin: 4px 0 0 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #CCCCE9;
	text-decoration: none;
	font-weight: normal;
}



/* Single Work
 * --------------------------------------------------------------------------------------- */

.playtitle {
  font-size: 20px;
	line-height: 24px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 20px 0 20px 0;
}

.singlework p {
  line-height: 17px;
}

.singlework .bump {
  margin-top: 25px;
  text-transform: uppercase;
  font-weight: bold;
}

#playbuttons {
  float: right;
  width: 125px;
  margin-left: 20px;
	margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 12px;
}

a.playbutton {
  display: block;
  width: 120px;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
  margin-bottom: 5px;
  color: #F9F9F9;
  background: #B02323;
	border: 1px solid #2F2F2F;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-left: 5px;
}

a:hover.playbutton {
  background: #1F1F1F;
	color: #F9F9F9;
}

a.notlogged, a.notlogged:hover {
  background: #5F5F5F;
}



/* Author Page
 * --------------------------------------------------------------------------------------- */

#writerpicture {
  float: right;
  margin: 0 0 5px 15px;
  font-size: 10px;
  color: #7e7e7e;
}

#writerpicture img {
  border: 3px double #C5C5C5;
}

#writerpicture p {
  width: 120px;
  margin: 0;
}



/* Search Page
 * --------------------------------------------------------------------------------------- */

.sbigtitle {
  clear: both;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 6px;
  margin-top: 5px;
}

.sfloatleft {
  float: left;
  width: 120px;
}

.ssmalltitle {
  clear: both;
  float: left;
  width: 100px;
  margin-left: 10px;
  line-height: 28px;
  font-weight: bold;
}

#sauthor, #swork {
  width: 240px;
  margin-bottom: 18px;
}

.sroles {
  width: 41px;
  text-align: center;
  margin-bottom: 2px;
}

.minmax {
  font-size: 10px;
}

.slength {
  display: block;
  float: left;
  width: 170px;
  margin-left: 10px;
  font-weight: bold;
}

.sgenre {
  display: block;
  float: left;
  width: 110px;
  margin-left: 10px;
  font-weight: bold;
}

.sothers {
  display: block;
  float: left;
  width: 150px;
  margin-left: 10px;
  font-weight: bold;
}

.slanguage {
  margin-left: 10px;
  width: 200px;
}

.syear {
  width: 40px;
}

.syearmargin {
  margin-left: 10px;
}

.sbutton {
  border: 1px solid #2F2F2F;
}



/* Search Results
 * --------------------------------------------------------------------------------------- */

.noresults {
  float: left;
  margin-right: 20px;
}

a.backtosearch {
  border: none;
}



/* Newsletter and RSS
 * --------------------------------------------------------------------------------------- */

.newsrssicon {
  float: left;
  margin-right: 20px;
  margin-top: 8px;
}

.newsrsscontent {
  float: left;
  border-left: 1px dotted #cccce9;
  padding-left: 20px; width: 480px;
}

#newsletter {
  margin-top: 30px;
  font-size: 14px;
}

#newsletter input {
  width: 160px;
  height: 20px;
  font-size: 13px;
  margin-bottom: 5px;
	padding: 0;
}

#newsletter label {
  display: block;
	font-size: 12px;
  float: left;
  width: 150px;
  text-align: right;
  margin-right: 10px;
  line-height: 20px;
}

#newsletter input.submit {
  width: 110px;
  height: 22px;
  border: 1px solid #2F2F2F;
}

#newsletter span {
  font-size: 11px;
}

.smallrss {
  margin-right: 6px;
  vertical-align: bottom;
}

#newsletter .newssub {
	width: 125px;
	height: 24px;
}


/* Archives
 * --------------------------------------------------------------------------------------- */

#archivemenu {
	float: left;
	width: 160px;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	border-top: 1px dotted #cccce9;
}

#archivemenu a {
	display: block;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px dotted #cccce9;
}

#archivemenu a.current {
	color: #0E67BF;
	text-decoration: none;
}

#archivemenu a img {
	margin: 6px 6px 6px 0;
	vertical-align: top;
}

#archivecontent {
	float: left;
	width: 430px;
	border-left: 1px dotted #cccce9;
	padding-left: 15px;
}

#archivecontent h2 {
	background: #3181D0;
  font-size: 18px;
	line-height: 28px;
  color: #FCFCFC;
	padding-left: 8px;
	margin-bottom: 4px;
	margin-top: 1px;
}

#archivecontent .archiveentry {
	padding: 10px;
}

span.newsdate {
  font-size: 11px;
}

.textpage h1.newsheader {
  font-size: 16px;
  font-weight: bold;
}



/* Static and News Page Layout
 * --------------------------------------------------------------------------------------- */

.textpage {
  margin: 25px 60px 15px 25px;
  line-height: 18px;
}

.textpage .floatright {
  float: right;
  margin: 5px 0 10px 30px;
	font-size: 10px;
	line-height: 13px;
}

.textpage .floatcenter {
	margin: 10px auto;
	font-size: 10px;
	line-height: 13px;
}

.textpage .floatleft {
  float: left;
  margin: 5px 20px 10px 0;
	font-size: 10px;
	line-height: 13px;
}

.textpage .rightimgtext {
  float: right;
}

.textpage h1, .textpage h2, .textpage h3, .textpage h4, .textpage h5, .textpage h6 {
	margin: 0;
}

.textpage h1 {
  font-size: 24px;
  font-weight: bold;
  color: #1C6CBB;
}
h1.newsheader {
  font-size: 16px;
  font-weight: bold;
}

.textpage h2 {
  font-size: 18px;
  font-weight: bold;
  color: #1C6CBB;  
}

.textpage h3 {
  font-size: 14px;
  font-weight: bold;
  color: #1C6CBB;  
}

.textpage h4 {
  font-size: 12px;
  font-weight: bold;
  color: #1C6CBB;  
}

.textpage h5 {
  font-size: 11px;
  font-weight: bold;
  color: #1C6CBB;  
}

.textpage h6 {
  font-size: 10px;
  font-weight: bold;
  color: #1C6CBB;  
}

.textpage p {
  line-height: 17px;
}

.textpage .quoteright, .textpage .quoteleft {
  width: 140px;
  font-size: 14px;
  text-align: center;
  color: #1C6CBB;
  font-weight: bold;
  font-style: italic;
}

.textpage .quoteright {
	margin-left: 10px;
  float: right;
}

.textpage .quoteleft {
  float: left;
  margin-right: 10px;
}



/* Tilitys
 * --------------------------------------------------------------------------------------- */


.nojscript {
	background: #FFF6CF;
	padding: 4px 8px 4px 8px;
	border: 1px solid #7F9DB9;
	font-size: 12px;
	margin-bottom: 30px;
	color: #1F1D1D;
}

.nojscript img.warning {
	float: left;
	margin: 10px 14px 0 6px;
}

.tilitys td {
  font-size: 12px;
  text-align: center;
  width: 81px;
}

.tilitys th {
  width: 33px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.tilitys input {
  width: 75px;
  font-size: 14px;
	vertical-align: middle;
}

.tilitystiedot {
  font-size: 13px;
  font-weight: bold;
}

.tilitystiedot td {
	font-weight: bold;
	padding-left: 20px;
}

.tilitystiedot input {
  font-size: 14px;
  font-weight: normal;
	vertical-align: middle;
}

.copyrightInput {
	font-size: 14px;
	width: 55px;
	vertical-align: middle;	
}

.tilityskausi {
	font-size: 14px;
	width: 160px;
	vertical-align: middle;
}

.readonlyInput {
	border: 0px;
	background-color: #f2f2f2;
	color: #666;
	text-align: center;
}

.tilitysPadd {
	padding-left: 20px;
}

.tilitysCont {
	padding-left: 50px;
	margin-top: 30px;
}

.sendTilitys {
	text-align: center;
	margin-top: 30px;
}

.sendTilitys .btn {
	padding: 6px 10px 6px 10px;
}



/* Footer
 * --------------------------------------------------------------------------------------- */

#footer {
  clear: both;
  width: 100%;
  height: 69px;
  line-height: 69px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  text-align: center;
  background: #FFFFFF url('img/bottom.png');
}