/*-----------------------------------------------------
              >> TheatreSpace 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, 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-family: inherit;
	vertical-align: baseline;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 75%;   
	padding:20px;
	background-color:#E6E6E6;  
	min-width:970px;
}

html>body {
	font-size:14px;
}

a img {
  border: none;
}

a {
  text-decoration:none;
  color:#29ABE2;
}

a:hover {
	color:#ffff00;
	background-color:#29ABE2;
}

p a {
  text-decoration:none;
}

p.more {
  text-align:right;  
}

p.more a {
  font-weight:bold;
  text-decoration:none;
}



/*-----------------------------------------------------
                     >> Layout <<
-----------------------------------------------------*/

.container {
	margin:0 auto;
	overflow:auto;
}

.home-wrapper {
	background:url(/static/images/home-background2.gif) top left repeat-x;
	height:1120px;
	overflow:hidden;
}

.column-left {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:240px;
}

.masthead {
	margin:0;
	padding:0;
}

.siteTitle {
	width:240px;
	height:160px;
	padding:0px;
	margin:0;
	background:#000000;
	overflow:hidden;
}

.siteTitle span {
	display:none;
}

.header {
	position:relative;
	width:720px;
	height:240px;
	background:url(/static/images/header.gif) top left no-repeat;
	margin:0;
	padding:0;
	overflow:visible;
}

.textcol {
  float:left;
  width:720px;
  margin-bottom:2px;
	padding:0;
	background:#ffffff;
}

.content {
	width:460px;
	padding-right:20px;
	float:left;
	margin-bottom:40px;
/*	margin-top:70px;*/
}

.news-page {
	margin-top:10px;
}


.sidebar {
  float:left;
  margin-left:0px;
  width:238px;
  font-size:90%;
  color:#000000;
  margin-bottom:40px;
	padding-top:40px;
	clear:left;
}

.subnav {
	padding-left:20px;
}


.footer {
  clear:both;
	width:718px;
	margin-left:240px;
}

.copyright {
	width:720px;
	clear:both;
	margin-left:240px;
}

/*-----------------------------------------------------
                  >> Basic Typography <<
-----------------------------------------------------*/

.siteTitle a {
  font-size:50px;
  color:#ffff00;
	font-weight:bold;
  overflow:hidden;
	line-height:1;
}

.siteTitle a {
	color:#ffff00;
}

.siteTitle span {
  float:left;
}

em, i {
  font-style:italic;
}

h1 {
  font-size:2.571em;
	line-height:1.14;
  font-weight: bold;
  margin-top:0;
  margin-bottom:21px;
}

h2 {
  font-size:2em;
  line-height:1.5;
  font-weight: bold;
  margin-top:px;
  margin-bottom:21px;
}
h3 {
  font-size: 1.714em;
  line-height: 1.03;
  margin-top:18px;  
  margin-bottom: 21px;
  font-weight: bold;  
}

h4 {
  font-size:1.5em;
	line-height:1;
  font-weight:bold;
  margin-bottom:21px;
  margin-top:21px;    
}

h5 {
  font-size:1em;
	line-height:1.5;
	margin-top:21px;
	margin-bottom:21px;
  font-weight:bold;
}

h6 {
  font-size:1em;
	line-height:1.5;
	margin-top:21px;
	margin-bottom:21px;
  font-weight:bold;
}

p {
  font-size:1em;
  line-height:150%;
  margin-bottom:1.5em;
  margin-top:1.5em;
  width:95%;
}

ul {
  padding-left: 15px;
  font-size:100%;  
  margin:21px 0;
	padding-left:30px;
	overflow:auto;
}

ol {
	padding-left:15px;
	margin:21px 0 21px 0;
	font-size:90%;
}

li {
  line-height:1.5;
  margin-bottom:10px;
  width:90%;
}

.content ul {
	list-style:none;
	padding-left:8px;
}

.content li {
	margin:0;
	margin-bottom:10px;
	padding:0;
	padding-left:20px;
	width:90%;
	background-image:url(/static/images/li.gif);
	background-repeat:no-repeat;
	background-position:0 2pt;
}


/* This is a hack to get bullets to appear properly in IE */

@media screen {
/* offsetting the entire ul down */
* html .content ul, *html ul.news { /* IE6 */
position: relative; 
top: .5em;
}
*:first-child+html .content ul, *:first-child+html ul.news { /* IE7 */
position: relative; 
top: .5em;
}

/* offsetting each li back up*/
* html .content li, * html ul.news li { /* IE6 */
vertical-align: top; 
position: relative; 
top: -.1em;
}
*:first-child+html .content li, *:first-child+html ul.news li { /* IE7 */
vertical-align: top; 
position: relative; 
top: -.1em;
}
}


blockquote {
  padding:1.2em 2.0em;
}
blockquote p {
  font-size:1.2em;
  color:#003153;
  padding:0;
  margin:0;
  width:100% ! important;
}

blockquote cite {
  font-style:italic;
  font-size:0.9em;
}

.content p:first-child {
	margin-top:0;
}

/* and here we have some typography tweaks for certain page styles */


.footer p {
  font-size:12px;  
}

.copyright p {
  font-size:12px;  
}

p.back a {
	text-decoration:none;
}

p.back a:hover {
	text-decoration:underline;
}


.subnav h3 {	
	margin-top:0;
	font-size:1.4em;
}

.subnav ul {
	list-style-type:none;
	margin-top:23px;
	padding-left:10px;
	overflow:auto;
}

.subnav ul li {
	margin-bottom:8px;
	width:70%;
	background-image:url(/static/images/li.gif);
	background-repeat:no-repeat;
	background-position: 0 2pt;
	padding-left:20px;
	font-size:120%;
}

.sidebar p {
	width:178px;
	padding:0 20px 0 30px;
	line-height:1.666em;
}

.sidebar h3 {
	padding:0 15px;
} 

h1.replaced {
	display:none;
}

/*-----------------------------------------------------
                  >> Navigation <<
-----------------------------------------------------*/

ul.globalNav {
	position:relative;
	float:left;
	width:240px;
	overflow:auto;
	padding:0;
	margin:0;
	list-style:none;

}

ul.globalNav li {
	float:left;
	display:block;
	margin:0;
	padding:0;
	text-transform:lowercase;
	width:240px;
	height:80px;
	font-size:30px;
	font-weight:bold;
	margin-bottom:1px;
	overflow:hidden;	
}

ul.globalNav a {
	width:210px;
	height:65px;
	padding-left:30px;
	padding-top:15px;
	float:left;
	display:block;
	background:#4D4D4D url(/static/images/li.png) no-repeat;
	background-position: top left;
	color:#ffffff;
}

ul.globalNav a:hover {
	background-position:top right;
}

.globalNav li#Be-involved a:hover {
	background-color:#ffffff;
	color:#29ABE2;
}

.globalNav li#Partners a:hover {
	background-color:#ffff00;
	color:#000000;
}

.globalNav li#News a:hover {
	background-color:#29ABE2;
	color:#ffffff;
}
.globalNav li#nitty-gritty a:hover {
	background-color:#b3b3b3;
	color:#ffff00;
}
.globalNav li#Events a:hover {
	background-color:#ffffff;
	color:#29ABE2;
}
.globalNav li#Updates a:hover {
	background-color:#ffff00;
	color:#000000;
}


/* The Nav on the home page */


ul.home {
	background:url(/static/images/home-nav2.png) top left no-repeat;
	position:relative;
	float:left;
	width:240px;
	overflow:auto;
	padding:0;
	margin:0;
	list-style:none;
	clear:left;
}

ul.home li {
	float:left;
	display:block;
	margin:0;
	text-transform:lowercase;
	width:210px;
	height:130px;
	font-size:36px;
	padding:30px 0 0 20px;

}

ul.home a {
	position:relative;
	float:left;
	display:block;
	width:95%;
	height:95%;
	font-weight:bold;
}

ul.home li#Be-involved a {
	color:#29ABE2;
} 

ul.home li#Partners a {
	color:#000000;
}

ul.home li#News a {
	color:#ffffff;
}

ul.home li#Updates a {
	color:#000000;
}

ul.home li#nitty-gritty a {
	color:#ffff00;
}

ul.home li#Events a {
	color:#29ABE2;
}

ul.home a:hover {
	background:none;
}
/*-----------------------------------------------------
                >> The Home page <<
-----------------------------------------------------*/

.home-content {
	float:left;
	display:inline;
	width:720px;
	overflow:hidden;
}

.home-content div {
	height:160px;
	width:720px;
	padding:0;
	margin:0;
	overflow:hidden;
}

.home-content div a {
	width:720px;
	height:160px;
	float:left;
	margin:0;
	background-color:none;
	background:url(/static/images/div-hover.png);
	background-position:0 -2500pt;
	background-repeat:no-repeat;
	color:#000000;
	overflow:hidden;
}

.home-content div a:hover {
	color:#000000;
	background-position:top left;
	background-color:none;
	z-index:500;
}

.home-content div p {
	float:left;
	width:80%;
	padding-left:20px;
	padding-top:10px;
	font-size:1.2em;
	line-height:1.25em;
	margin-bottom:0;
}
.home-content span.eventSnip {
	float:left;
	width:80%;
	display:block;
	padding-left:20px;
	padding-top:10px;
	font-size:1.2em;
	line-height:1.25em;
	margin-bottom:0;
}

.home-content div h3 {
	padding-left:20px;
	margin-bottom:10px;
}

.description {
	display:block;
	position:relative;
	margin-top:20px;
	margin-left:30px;
	overflow:hidden;
	width:590px;
	height:103px;
	background:url(/static/images/blurb3.gif) top left no-repeat;
}

.description p {
	display:none;
}


/* The partner list on the home page */
ul.partners {
	float:left;
	width:200px;
	list-style:none;
	list-style-image:none;
	padding-top:15px;
	padding-left:20px;
	margin:0;
	font-size:12px;
}

ul.partners li {
	padding:0;
	width:200px;
	margin-bottom:0px;
	line-height:1.4;
}

.link-tag {
	float:right;
	position:relative;
	display:block;
	font-size:100px;
	color:#000000;
	padding-right:20px;
}

/* These are the type-images on the home page. 
	 They're all absolutely positioned */

img.you {
	position:absolute;
	left:533px;
	top:290px;
}

img.involved {
	position:absolute;
	left:455px;
	top:449px;
}

img.latest {
	position:absolute;
	left:640px;
	top:609px;
}


img.lowdown {
	position:absolute;
	left:515px;
	top:770px;
}


img.symposium {
	position:absolute;
	left:540px;
	top:930px;
}

img.informed {
	position:absolute;
	left:460px;
	top:1090px;
}


/*-----------------------------------------------------
       >> The Standard Page Header Section <<
-----------------------------------------------------*/

.header h1 {
	padding-left:32px;
	width:90%;
	line-height:1.1;
	font-size:58px;
	margin-top:0.3em;
	float:left;
}

p.header-text {
	margin:0;
	padding-top:10px;
	padding:0;
	font-size:24px;
	padding-left:35px; 
	width:340px; 
	line-height:1.2em;
	clear:left;
}

.header-left {
	float:left;
	position:relative;
	display:inline;
	width:380px;
	overflow:hidden;
}

.header-left h1 {
	width:100%;
}

.header img.title {
	float:left;
	position:relative;
	top:0;
	left:0;
	background:none;
	margin:0;
	margin-top:20px;
	margin-bottom:4px;
	padding:8px;
	padding-left:30px;
}

.header h3 {
	float:right;
	width:236px;
	height:110px;
	display:block;
	margin-right:90px;
	margin-top:70px;
	background:url(/static/images/events-blurb.png) top left no-repeat;
}

.header h3 span {
	display:none;
}
/*-----------------------------------------------------
                  >> Footer <<
-----------------------------------------------------*/

.footer a {
	width:718px;
	height:100%;
	background:#B3B3B3;
	border:1px solid #B3B3B3;
	font-size:36px;
	display:block;
	padding:0.2em 0;
	text-align:center;
}

.footer a:hover {
	background:#4D4D4D;
	border:1px solid #ffffff;
	color:#ffff00;
}


/*-----------------------------------------------------
                  >> Updates page <<
-----------------------------------------------------*/

.header-updates {
	width:720px;
	height:160px;
	background-color:#E96C1A;
	margin:0;
	padding:0;
	display:block;
	overflow:visible;
}

.header-updates h1 {
	float:left;
	width:240px;
	height:110px;
	margin-left:30px;
	margin-top:24px;
	background:url(/static/images/updates.png) top left no-repeat;
}

.header-updates h1 span {
	display:none;
}

.header-updates h3 {
	float:right;
	width:236px;
	height:110px;
	display:block;
	margin-right:90px;
	margin-top:70px;
	background:url(/static/images/updates-box.png) top left no-repeat;
}

.header-updates h3 span {
	display:none;
}

.update-page {
	padding-top:97px;
}

.update-snippet {
	padding-left:20px;
	padding-top:20px;
	width:600px;
	height:160px;
}

.update-snippet fieldset input {
  width:380px;
  font-size:15px;
  margin-bottom:2px;
}

.update-form {
	padding-bottom:60px;
	margin-top:50px;
}

.update-form h1 {
}

/*-----------------------------------------------------
                >> Image Handling <<
                     
Sizes
large: 440px
medium: 200px
small: 100px


-----------------------------------------------------*/


.content img {
	width:180px;
	float:left;
	margin-left:-209px;
	margin-bottom:20px;
}

.captioned {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
.captioned blockquote {
  background:none;
  margin: 6px 0 0 0;
  padding: 0;
  border:0;
}
.captioned blockquote p {
  font-size:0.85em;
  color:#777;
  font-style:normal;
  line-height: 140%;
}
img.small, .smallCaptioned {
  float:left;
  width:100px;
  margin:0 18px 10px 0;
}
img.med, .medCaptioned {
  float:left;
  width:200px;
  margin:12px 18px 10px -225px;
}
img.med_right, .med_rightCaptioned {
  float:right;
  width:200px;
  position: relative;
  margin-right: -210px;  
}
img.large, .largeCaptioned {
  width:440px;
  margin:0;
  padding: 0;
  border: 1px solid #ddd;
  background:#fff;  
}
.largeCaptioned {
  margin: 1.7em 0;
  border: none;
  padding: 0;
}

.medCaptioned img, 
.med_rightCaptioned img,
.smallCaptioned img,
.small_rightCaptioned img,
.largeCaptioned img {
  float:none;
  margin:0;
}



/*-----------------------------------------------------
                     >> Blog & News <<
-----------------------------------------------------*/

/* The header section */

.news-head {
	width:720px;
	height:160px;
	background:#ffff00;
	margin:0;
	padding:0;
	display:block;
	overflow:visible;
}

.news-head h1 {
	float:left;
	width:240px;
	height:110px;
	margin-left:30px;
	margin-top:24px;
	background:url(/static/images/news.png) top left no-repeat;
}

.news-head h1 span {
	display:none;
}

.news-head h3 {
	float:right;
	width:236px;
	height:110px;
	display:block;
	margin-right:90px;
	margin-top:70px;
	background:url(/static/images/news-blurb.png) top left no-repeat;
}

.news-head h3 span {
	display:none;
}

/* The list items */
ul.news {
	list-style-type:none;
	margin-top:23px;
	padding-left:10px;
	overflow:auto;
}

ul.news li {
	margin-bottom:8px;
	width:70%;
	background-image:url(/static/images/li.gif);
	background-repeat:no-repeat;
	background-position: 0 2pt;
	padding-left:20px;
}

ul.homenews {
	padding-left:20px;
}

ul.homenews li {
	margin-bottom:4px;
	width:80%;
	background-image:url(/static/images/li-home.gif);
	background-repeat:no-repeat;
	background-position: top left;
}

/* and the posts */
.post {
  margin-bottom:21px;
	border-bottom:1px solid #ccc;
}

.date {
  font-size:70%;
  color:#4D4D4D;
  padding-left:4px;
}

.header-date {
	color:#4d4d4d;
	font-size:80%;
}

p.numberComments {
  font-size:12px;
  text-align:right;
  margin-top:25px;
	margin-right:10px;
  color:#4D4D4D;
}

.pagination {
  margin-top:15px;
  width:90%;
  text-align:right;
  font-size:11px;
	overflow:auto;
}

.pagination ul {
	margin:0;
	padding-left:0;
  margin-top:4px;
  float:right;
	width:40%;
  list-style:none;
  font-size:11px;
}

.pagination ul li {
  border-right:1px solid #444;
  padding:0 4px;
  float:left;
	background:none;
}

p.bio img {
  float:left;
  margin:0 9px 6px 0;
  border:1px solid #eee;
}


/*-----------------------------------------------------
                     >> Comments <<
-----------------------------------------------------*/

.date, .hidePreview {
  font-size:70%;
  color:#4D4D4D;
  padding-left:4px;
}
form.comments {
  margin-top:25px;
	margin-bottom:20px;
	padding-bottom:0;
}

form.comments div.details {
  float:left;
  width:40%;
  padding:0;
}

.details input {
  margin:0;
  width:100%;
}

form.comments div.comment {
 float:right;
 width:54%;
}

.comment textarea {
  width:100%;
}

form.comments small {
  float:right;
  font-size:11px;
  display:block;
  margin-top:0;
}

form.comments p.submit {
  padding-top:18px;
  clear:both;
}

#commentPreview p {
  color:#003153;
}

h2.commentsHeader {
  margin-top:40px;
  font-size:16px;
  font-weight:bold;
}

div.comment {
  margin-bottom:20px;
}

div.comment p {
  margin-bottom:25px;
  color:#444;  
  font-size:13px;
  line-height:130%;  
  width:80%;
  margin-bottom:13px;
}

.commenter {
  font-size:13px;
  margin-bottom:5px;
}

.numberComments {
  margin-top:30px;
  text-transform:uppercase;
}

#commentFormControls {
	margin-bottom:0;
}

/*-----------------------------------------------------
                     >> Events <<
-----------------------------------------------------*/
.events-head {
	width:720px;
	height:160px;
	background:#CB2B2B;
	margin:0;
	padding:0;
	display:block;
	overflow:visible;
}

.events-head h1 {
	float:left;
	width:240px;
	height:110px;
	margin-left:30px;
	margin-top:24px;
	background:url(/static/images/events.png) top left no-repeat;
}

.events-head h1 span {
	display:none;
}

.events-head h3 {
	float:right;
	width:236px;
	height:110px;
	display:block;
	margin-right:90px;
	margin-top:70px;
	background:url(/static/images/events-blurb.png) top left no-repeat;
}

.events-head h3 span {
	display:none;
}
.event {
  margin-bottom:50px;
}

p.space {
	margin-top:50px;
	margin-bottom:50px;
}
/*-----------------------------------------------------
                     >> Gallery <<
-----------------------------------------------------*/

div.gallery .slideshowMain {
  background: url(/static/images/spinner.gif) center center no-repeat;
}

div.gallery .slideshowMain img, div.gallery .image img {
  width:96%;
}

div.gallery .slideshowThumbs img {
  width:18%;
  margin-right:1%;
}

div.gallery .caption, div.gallery .imageInfo {
  text-align:left;
  margin-top:5px;
}

div.gallery .slideshowMain p.caption {
  height:50px;
}

#slideshow {
	overflow:hidden;
	width:310px;
	height:245px;
	position:relative;
	float:right;
	margin-top:70px;
	padding:0;
	padding-right:10px;
	margin-bottom:-70px; /* this is a complicated hack in conjunction with
													inline margin style on the content in gallery
													to get IE to display it properly */
}

#slideshow ol {
	list-style:none;
	margin:0;
	padding:0;
}

#slideshow ol li {
	margin:0;
	padding:0;
	display:none;
}

#slideshow img {
	padding:8px;
	position:relative;
	background:url(/static/images/header-bground.png) top left no-repeat;
	margin:0;
}


p#SS_caption {
	width:82%;
	color:#808080;
	margin:0;
	margin-left:17px;
	font-size:80%;
}


/*-----------------------------------------------------
                  >> Contact Form <<
-----------------------------------------------------*/

/* The header colour & h1 */

.contact-head {
	width:720px;
	height:160px;
	margin:0;
	padding:0;
	display:block;
	overflow:visible;
}

.contact-head h1 {
	float:left;
	width:316px;
	height:55px;
	margin-left:30px;
	margin-top:24px;
	background:url(/static/images/contactus.png) top left no-repeat;
}

.contact-head h1 span {
	display:none;
}

.contact-page {
	padding-top:82px;
}

.contact-page p {
	width:80%;
}

form {
  width:90%;
  padding:0;
	padding-bottom:90px;
}

fieldset {
  padding:0;
}

label {
  display:block;
  color:#000000;
  font-size:90% ! important;
}

fieldset input {
  width:380px;
  font-size:15px;
  margin-bottom:10px;
}



fieldset textarea {
  width:100%;
  font-size:15px;
  line-height:130%;
}

p.submit {
  text-align:center;
  margin-top:10px;
  width:100%;
  overflow:hidden;
}

.submit input {
  font-size:16px;
}

/* some separate styles for the update sign-up form on the home page */

.home-content div p.submit-update {
  text-align:left;
  margin-top:0px;
	margin:0;
	padding:0;
	padding-top:10px;
	line-height:1;
  width:85%;
  overflow:visible;
}
p.submit-update input {
	width:170px;
}

.update-snippet {
	padding-left:20px;
	padding-top:20px;
	width:600px;
	height:140px;
	overflow:visible;
}

.update-snippet form {
  width:70%;
  padding:0;
	padding-top:20px;
	padding-left:20px;
}

.update-snippet fieldset input {
  width:250px;
	float:left;
  font-size:15px;
  margin-bottom:2px;
}

.update-snippet label#name {
	width:210px;
	float:left;
}
.update-snippet label#name input {
	width:200px;
}
.update-snippet label#type {
  width:160px;
	float:left;
}

.update-snippet label#email input {
  width:320px;
	float:left;
}


/*-----------------------------------------------------
                     >> Search <<
-----------------------------------------------------*/

div.siteTitle form {
  position:relative;
  float:right;
  width:280px;
  margin-top:-4px;
}

/*-----------------------------------------------------
                     >> Links <<
-----------------------------------------------------*/

.links-page {
	padding:0;
	padding-left:20px;
	width:690px;
	margin-top:10px;
}

/* the pretty header section */
.header-links {
	width:720px;
	height:160px;
	background-color:#C1E5E4;
	margin:0;
	padding:0;
	display:block;
	overflow:visible;
}

.header-links h1 {
	float:left;
	width:240px;
	height:110px;
	margin-left:30px;
	margin-top:24px;
	background:url(/static/images/partners.png) top left no-repeat;
}

.header-links h1 span {
	display:none;
}

.header-links h3 {
	float:right;
	width:231px;
	height:130px;
	display:block;
	margin-right:50px;
	margin-top:50px;
	background:url(/static/images/partner-blurb.png) top left no-repeat;
}

.header-links h3 span {
	display:none;
}


dl.links dt {
  font-weight:normal;
}

ul.links {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
ul.links li {
	float:left;
	display:inline;
	background:none;
	width:224px;
	height:90px;
	margin:0 4px 4px 0;
	padding:0;
}
ul.links li a {
	display:block;
	float:left;
	width:190px;
	height:56px;
	padding:5px;
	border:12px solid #E0E0E0;
}
ul.links a img {
	margin:0;
	width:190px;
}

ul.links li a:hover {
	background:none;
	border:12px solid #ccc;
}


ul.links li p {
  font-size:13px;
  margin:0;
}

/* The ARC image has special prominence */
.arc {
	position:relative;
	margin:0 0 20px 0;
	padding:0;
/*	border:1px solid red;*/
}
.arc img {
	width:424px;
	margin-left:0;
	margin-top:0;
	float:none;
	border:none;
}

.arc a {
	text-decoration:none;
}

.arc a:hover {
	text-decoration:none;
	background:none;
}


/*-----------------------------------------------------
                     >> DBY Table <<
-----------------------------------------------------*/

table.dby {
  border-collapse:collapse;
  margin:0;
  padding:0;
  font-size:0.9em;
  width:100%;
}

table.dby a {
  text-decoration: none;
}

table.dby a:hover {
  text-decoration: underline;
}

table.dby td, 
table.dby th {
  text-align:left;
  padding: 5px 3px 5px 0;
  border-bottom:1px solid #ddd;  
}
table.dby th {
  font-weight:bold;
  vertical-align:center;  
}
table.dby td {
  vertical-align: top;
}
table.dby td p {
  line-height: 125%;
  width: 100%;
}
table.dby .downloadDate {
  width: 7em;
}
table.dby .downloadContent {
  width:27em;
}
table.dby .downloadLink {
  width:100px;
  text-align:right;
}


/* Year navigation */

ul.dbyYears {
  font-size: 0.9em;
  margin: 1.6em 0 0 0;
  padding: 0;
}

ul.dbyYears li {
  display: inline;
  padding-right: 8px;
}


/*-----------------------------------------------------
                     >> Mimetypes <<
-----------------------------------------------------*/

a.download {
  display:block;
  overflow:hidden;
  border:1px solid #ccc;
  margin:0;
  padding:0;
  background:#eee;
  position:relative;
  text-decoration:none;
}
a.download:hover {
  background:#E6F1FF;
}
a.download label {
  margin:20px 0 0 0;
  padding:0;
  display:block;
  line-height:140%;
  float:left;
}
a.download label span {
  font-weight:bold;
  font-size:12px;
}
a.download img {
  float:left;
  margin:0;
  padding:3px 0;
  width:64px;
  height:64px
}