/* deanburry.com MAIN STYLESHEET */

body {
	background:black;
}

#outer {
	position: absolute;
	top: 5%;
	left: 10%;
	width: 80%;
	height: 100%;
}

.backgroundtext {
	font-size: 700%;
	color:#3f3f3f;
	font-family:verdana, helvetica, sans serif;
	position:absolute;
	top:32%;
	left:10%;
}

/* MENU ITEMS */

div#articles {
	font-size:180%;
	top:6%;
	left:14%;
}

div#links {
	font-size:190%;
	top:17%;
	left:17%;
}

div#bio {
	font-size:360%;
	top:25%;
	left:23%;
}

div#currentprojects {
	font-size:270%;
	top:18%;
	left:44%;
}

div#otherworks {
	font-size:200%;
	top:30%;
	left:56%;
}

div#operatheatre {
	font-size:300%;
	top:55%;
	left:7%;
}

div#performances {
	font-size:250%;
	top:65%;
	left:56%;
}

div#contact {
	font-size:180%;
	top:75%;
	left:68%;
}

div#news {
	font-size:290%;
	top:70%;
	left:20%;
}

/* MENU ITEMS ROLLOVERS */

div#links a:hover span {
	top: -3px;
	left: 0px;
}

div#bio a:hover span {
	top: -10px;
	left: 0px;
}

div#otherworks a:hover span {
	top: -4px;
	left: 0px;
}

div#operatheatre a:hover span {
	top: -1px;
	left: 0px;
}

div#performances a:hover span {
	top: -2px;
	left: 0px;
}

div#currentprojects a:hover span {
	top: -4px;
	left: 0px;
}

div#contact a:hover span {
	top: -4px; 
	left: 0px; 
}

div#articles a:hover span {
	top: -4px;
	left: 0px;
}

div#news a:hover span {
	top: -4px;
	left: 0px;
}

/* MENU ITEMS ROLLOVER COLOURS */

a.linksnavbarlink:link, a.bionavbarlink:link, a.otherworksnavbarlink:link, 
a.operatheatrenavbarlink:link, a.performancesnavbarlink:link, 
a.currentprojectsnavbarlink:link, a.contactnavbarlink:link, 
a.articlesnavbarlink:link, a.webdesignnavbarlink:link, 
a.linksnavbarlink:visited, a.bionavbarlink:visited, 
a.otherworksnavbarlink:visited, a.operatheatrenavbarlink:visited, 
a.performancesnavbarlink:visited, a.currentprojectsnavbarlink:visited, 
a.contactnavbarlink:visited, a.articlesnavbarlink:visited, 
a.webdesignnavbarlink:visited, a.newsnavbarlink:visited {
	text-decoration: none;
	color: #444;
}

div#outer div#articles a:hover, div#outer div#articles a:hover span, 
div#articles_urltext, div#articles_urltext a:hover, 
div#articles_titleblock, a.articlesnavbarlink:hover {
	color: #ff8000;
}

div#webdesign_urltext, div#webdesign_urltext a:hover, 
div#webdesign_titleblock, a.webdesignnavbarlink:hover {
	color: #800000;
}

div#outer div#links a:hover, div#outer div#links a:hover span, 
div#links_urltext, div#links_urltext a:hover, 
div#links_titleblock, a.linksnavbarlink:hover {
	color: #ff0000;
}

div#outer div#currentprojects a:hover, div#outer div#currentprojects a:hover span,
div#currentprojects_urltext, div#currentprojects_urltext a:hover, 
div#currentprojects_titleblock, a.currentprojectsnavbarlink:hover {
	color: #ffff00;
}

div#outer div#otherworks a:hover, div#outer div#otherworks a:hover span, 
div#otherworks_urltext, div#otherworks_urltext a:hover, 
div#otherworks_titleblock, a.otherworksnavbarlink:hover {
	color: #80ff00;
}

div#outer div#bio a:hover, div#outer div#bio a:hover span, 
div#bio_urltext, div#bio_urltext a:hover, div#bio_titleblock, 
a.bionavbarlink:hover {
	color: #0080ff;
}

div#outer div#contact a:hover, div#outer div#contact a:hover span, 
div#contact_urltext, div#contact_urltext a:hover, 
div#contact_titleblock, a.contactnavbarlink:hover {
	color: #ff0080;
}

div#outer div#performances a:hover, div#outer div#performances a:hover span, 
div#performances_urltext, div#performances_urltext a:hover, 
div#performances_titleblock, a.performancesnavbarlink:hover {
	color: #8000ff;
}

div#outer div#operatheatre a:hover, div#outer div#operatheatre a:hover span, 
div#operatheatre_urltext, div#operatheatre_urltext a:hover, 
div#operatheatre_titleblock, a.operatheatrenavbarlink:hover {
	color: #408000;
}

div#outer div#news a:hover, div#outer div#news a:hover span, 
div#news_urltext, div#news_urltext a:hover, 
div#news_titleblock, a.newsnavbarlink:hover {
	color: #66CCFF;
}

div#links a, div#bio a, div#otherworks a, div#operatheatre a,
div#performances a, div#currentprojects a, div#contact a,
div#articles a, div#news a {
	color: white;
}

div#links, div#bio, div#otherworks, div#operatheatre,
div#performances, div#currentprojects, div#contact,
div#articles, div#news {
	color:#222222;
	font-family:verdana, helvetica, sans serif;
	position:absolute;
}

div#outer a {
	text-decoration: none;
}

div#outer a span {
	display: none;
}

div#outer a:hover span {
	display: block;
	position:relative;
	font-size:14px;
}

/* CONTENT PAGES */

li.parentlistitem {
	padding-bottom: 8px;
}

p {
	padding-bottom:12px;
}

p.reviewquote {
	padding:0px;
	margin:0px;
	font-style: italic;
}

p.reviewauthor {
	margin-top:0px;
	padding-top:0px;
	padding-left:20px;
}

div#imageblock {
	width: 230px;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: right;
}

div#galleryimageblock {
	margin: 0px;
	padding: 0px;
	float: right;
}

div#thumbblock {
	width: 68px;
	margin: 0px;
	padding-left: 12px;
	padding-right: 24px;
	float: left;
}

p.pictureinstruction {
	font-size: 90%;
	position: relative;
	text-align: right;
	padding:0px;
}

p.gallerypicturecaption {
	color: white;
	font-size: 80%;
	position: relative;
	text-align: left;
	margin-bottom: 4px;
}

p.picturecaption {
	color: white;
	font-size: 80%;
	position: relative;
	text-align: right;
	margin-bottom: 4px;
}

iframe {
	border: none;
	position: relative;
	background-color: black;
}

img.thumbimg {
	border-color: gray;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	position: relative;
}

a:link img, a:visited img  { border-color: gray; }
a:hover img { border-color: white; }

img {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:22px;
	position:relative;
}

a.emphasisedanchorlink:link, a.emphasisedanchorlink:visited {
	text-decoration: none;
	color: #408000;
}

a.anchorlink:link, a.anchorlink:visited {
	text-decoration: none;
	color: white;
}

a.anchorlink:hover, a.emphasisedanchorlink:hover { color: #444; }

div#content {
	position:absolute;
	top:7%;
	left:2%;
	width:90%;
	font-family: verdana, helvetica, sans serif;
	font-size: 13px;
	color:white;
	text-align:justify;
	margin:3px;
}

div#copyrighttext {
	position:relative;
	padding-top: 12px;
	padding-bottom: 30px;
	text-align:center;
}

div#frontpagecopyrighttext {
	position:absolute;
	bottom: 3%;
	left: 40%;
	text-align:left;
}

td.performancename { font-style: italic; }

td.performancedate { font-weight: bold; }

table.performancestable {
	font-family: verdana, helvetica, sans serif;
	font-size: 13px;
	color: white;
	width: 100%;
	left: 2%;
	position: relative;
}

div#links_urltext, div#bio_urltext, div#otherworks_urltext, 
div#operatheatre_urltext, div#performances_urltext, 
div#currentprojects_urltext, div#contact_urltext, div#articles_urltext, 
div#webdesign_urltext, div#news_urltext {
	font-family:verdana, helvetica, sans serif;
	font-size:30px;
	position:absolute;
	top: 3%;
	left: 2%;
}

div#navigationbar {
	font-family:verdana, helvetica, sans serif;
	font-size:16px;
	position:relative;
	text-align:center;
	margin-bottom:12px;
}

div#links_urltext a, div#bio_urltext a, div#otherworks_urltext a, 
div#operatheatre_urltext a, div#performances_urltext a, 
div#currentprojects_urltext a, div#contact_urltext a, div#articles_urltext a, 
div#webdesign_urltext a, div#news_urltext {
	color:#444;
}

div#links_titleblock, div#bio_titleblock, div#otherworks_titleblock, 
div#operatheatre_titleblock, div#performances_titleblock, 
div#currentprojects_titleblock, div#contact_titleblock, div#articles_titleblock, div#webdesign_titleblock, div#news_titleblock {
	font-family:verdana, helvetica, sans serif;
	font-size:16px;
	margin-right:6px;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:2px;
	padding:4px;
}

img#emailimage {
	position:relative;
	left:-3%;
}