/*
 * Stylesheet for zareendances.com.
 *
 */

a:link 	  { color: #FFC; }
a:visited { color: #FFC; }
a:active  { color: #FFF; }
a:hover   { color: #F9F; }


body {
	color: #FC6;
	background-color: #000;
	margin-left: 0;
	margin-right: 0;
	}
body, th, td {
	font-family: sans-serif;
	}

h1, h2 {
	font-weight: bold;
	font-size: 2em;
	color: #FCF;
}

img.heading {
	margin-top: 4ex;
	margin-bottom: 0ex;
	}

div {
	padding: 0;
	margin: 0;
	}

div.album {
	width: 100%;
	position: relative;
	margin-top: 10px;
	}

div.gallerynav { 
	margin-bottom: 2ex;
	}
div.gallerynav span.gallerynavlink {
	padding: 0ex 0.5em;
	}
div.gallerynav a {
	text-decoration: none;
	}
div.gallerynav a:hover {

	}



div.sssched {
	text-align: center;
	font-size: 90%;
	background-image: url(/backs/sky-void.jpg);
	width: 250px;
	padding: 1ex 1em;
	margin: 0 auto;
	margin-bottom: 10px;
	border: 1px solid #202;
	}
div.sssched div.nextshow {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	color: #FCF;
	padding: 0;
	margin-top: 1ex;
	}
div.sssched span.nextshowtime {
	font-size: 75%;
	font-weight: bold;
	display: block;
	}


div.perfsched {
	margin-left: 3em;
	}
div.perfsched div.nextshow {
	color: #ED9;
	padding: 0;
	margin-top: 1ex;
	}
div.perfsched span.nextshowtime {
	font-style: italic;
	}




div.sky-comet {
	height: 100%;
	width: 100%;
	background-image: url(/images/comet.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	}

div.sky-constellation {
	min-height: 514px;  /* px because of image */
	height: 100%;
	width: 100%;
	background-image: url(/images/Dancer-constellation-lj.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	}

div.copyright {
	font-size: xx-small;
	color: #969;
	position: absolute;
	bottom: 2ex;
	text-align: center;
	}

td.copyright {
	height: 2ex;
	font-size: xx-small;
	color: #969;
	text-align: center;
	}

.copyright a ,
.copyright a:link ,
.copyright a:visited {
	color: #969;
	}

.copyright a:hover ,
.copyright a:active {
	color: #C9C;
	}

div.photo {
	text-align: center;
	margin: 4px;
	}

div.photo img {
	border: 1px solid #000;
	}

div.photo span.credit {
	font-size: x-small;
	color: #969;
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
	}

div.photo div.credit {
	font-size: x-small;
	color: #969;
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
	}

div.photo div.directions {
	font-size: small;
	color: #C9C;
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
	}

div.sky-constellation div.list {
	margin-top: 3ex;
	margin-left: 0;
	width: 75%;
	padding: 0ex 1ex 1ex 0ex;
	}

div.sky-constellation div.list h2 {
	padding: 0px;
	margin: 0px;
	color: #FD9;
	}

div.venue {
	margin-top: 2ex;
	margin-left: 3em;
	}

div.gallery {
	margin-top: 25px;   /* px because of graphics */
	margin-left: 3em;
	}

div.gallery a {
	margin: 0;
	padding: 0;
	}

div.gallery img {
	margin: 5px;     /* px because of graphics */
	}

div.gallery a img {
	border: 2px solid #303;
	}
div.gallery a:hover img {
	border: 2px solid #F9F;
	}
div.gallery a:active img {
	border: 2px solid #FCF;
	}


p.narrowmid {
	margin-left: 5ex;
	margin-right: 5ex;
	text-align: left;
	}


span.hi {
	color: #FD9;
	}

span.intro {
	color: #FD9;
	font-size: 150%;
	font-weight: bold;
	padding-right: 0.25ex;
	}


span.subtitle {
	font-size: x-large;
	}

table.columns {
	margin-top: 0px;
	height: 101%;
	max-width: 100%;
	background-color: #3A0C32;
	background-image: url("/backs/sky.jpg");
	border: 1px solid #303;
	}

td.margin {
	width: 200px;   /* px because of image */
    	height: 100%;
	background-image: url("/backs/sky-dark.jpg");
	background-repeat: repeat-y;
	}

table.nav {
	width: 200px;      /* px because of graphics */
	}

table.nav td {
	height: 40px;      /* px because of graphics */
	}

table.nav td.here {
	background-image: url("/backs/sky-light.jpg");
	background-repeat: no-repeat;
	}

td.margin img {
	padding-top: 0;
	}

td.content {
	padding-bottom: 2ex;
	padding-right: 10px;  /* better than 1em for gallery pages */
	padding-left: 10px;   /* better than 1em for gallery pages */
	padding-top: 3ex;
	}

table.schedule {
	margin-left: 2em;
	width: 100%;
	border-bottom: 1px solid #636;
	border-collapse: collapse;
	}
table.schedule td {
	border-top: 1px solid #636;
	padding: 1ex 1em 3ex 1em;
	}
table.schedule td.when {
	width: 35%;
	color: #FCF;
	}
table.schedule td.where {
	width: 65%;
	}
table.schedule td.where span.what {
	font-weight: bold;
	}

#jccgw-1 {
/*
	background-image: url("/logos/JCCGW-sky.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
*/
	}

ul {
	list-style-image: url("/images/star-bullet.gif");
	}

ul li {
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
	}

ul.wide li {
	padding-top: 1ex;
	padding-bottom: 1ex;
	}


/* Special per-page overrides ... */

body#body-for-page-index table.columns {
	background-image: url("/backs/zareen-titlepage.jpg");
	}

body#body-for-page-index div.description {
	margin-top: 520px;
	text-align: center;
	color: #FCF;
	font-weight: normal;
	}


/* end of file */