/* LAYOUT */
body {
	background:#04070e url(/images/layout/bg.jpg?1) top center repeat-x;
	color:#efefff;
	position:relative;
}

#decor {
	position:absolute;
	top:0;
	z-index:1;
	
	width:100%;
	height:516px;

	background:transparent url(/images/layout/decor.gif?1) top center no-repeat;
}

#page {
	z-index:10;
	
	font-size:0.75em;
}

#header {
	position:absolute;
	z-index:10;
}
#header h1 {	
	margin:0;
	padding:0;
	
	display:block;
}
#header h1 a {
	width:950px;
	height:150px;

	display:block;
	
	background:none;
	text-indent:-9999px;
	text-decoration:none;
}

#nav {
	position:absolute;
	z-index:5;
	
	width:948px;
	height:38px;
	
	margin:10px 0;
	padding:0;
	
	border:1px solid #666677;
}

#nav ul {
	list-style:none;
}

#nav li {
	width:auto;
	height:38px;
	
	margin:0;
	padding:0;
	
	display:block;
	float:left;
}
#nav li a {
	width:auto;
	height:38px;

	padding:0 15px;

	background:transparent 15px center no-repeat;
	display:block;
	float:left;

	line-height:38px;
	color:#efefff;
	font-weight:bold;
	font-size:12px;
	text-indent:34px;
	/*text-transform:lowercase;*/
	text-shadow:#000 1px 1px 1px;
	text-decoration:none;
}

#nav li.active a {
	font-style:italic;
}

#nav li a:hover {
	background-color:#efefff;
	
	color:#040120;
	text-shadow:#fff 1px 1px 1px;
}

#nav li a.home {background-image:url(/images/layout/nav_home.png?1)}
#nav li a.project {background-image:url(/images/layout/nav_project.png?1)}
#nav li a.events {background-image:url(/images/layout/nav_events.png?1)}
#nav li a.parties {background-image:url(/images/layout/nav_parties.png?1)}
#nav li a.iya {background-image:url(/images/layout/nav_iya.png?1)}
#nav li a.astro {background-image:url(/images/layout/nav_astro.png?1)}
#nav li a.press {background-image:url(/images/layout/nav_press.png?1)}
#nav li a.contact {background-image:url(/images/layout/nav_contact.png?1)}

#sidebar li a.rss, #sidebar li a.projectrss {background-image:url(/images/layout/rss.png?1)}

hr {border: none 0;
border-top: 1px solid #efefff;/*the border*/
width: 50%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
text-align: center;
margin: 10px auto;
} 

/* TYPOGRAPHY */

#nav, #desc, #content, #sidebar, #footer {
	background:transparent url(/images/layout/bg2.png?1) top left repeat;
}
#content, #sidebar {
	min-height:200px;
}

#desc h1, #content h1, #sidebar h1 {
	color:#040120;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
}

#desc h2, #content h2, #sidebar h2 {
	text-indent:1.5em;
	color:#efefff;
	font-size:14px;
	font-weight:bold;
}

#desc p, #content p, #sidebar p {
	margin:0 1.5em;
}
#desc a, #content a {
	color:#efefff;
	text-decoration:none;
	font-weight:bold;
}
#desc a:hover, #content a:hover {
	text-decoration:underline;
}

/* Stars & Snowdrops Banner */
#ssbanner{
	width:948px;
	height:78px;
	margin-bottom:10px;
	border:1px solid #666677;
}
#ssbanner a{
	background:transparent url(/images/layout/ssbanner.png?1) top left no-repeat;

	text-indent:-9999px;
	text-decoration:none;

	display:block;
	
	width:948px;
	height:78px;
}

/* desc and Content */
/* individual layout features */
#desc {
	width:948px;
	
	margin-bottom:10px;
	
	border:1px solid #666677;
}
#content {
	width:738px;
	
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	
	color:#efefff;
	border:1px solid #666677;
	
	float:left;
}
#desc h1.main {	
	width:948px;
	height:39px;
	
	line-height:30px;
	text-indent:100px;
	background:transparent url(/images/layout/banner.png?1) top left no-repeat;
}
#content h1.main {
	width:738px;
	height:39px;
	
	line-height:30px;
	
	text-indent:100px;
	background:transparent url(/images/layout/banner.png?1) top left no-repeat;
}
/* desc and content shared typography */
#desc p, #content p {
	text-indent:1.5em;
	text-align:justify;
}
#desc ul, #content ul {
	list-style:none;
	margin:6px 0 10px 20px;
}
#desc li, #content li {
	margin:0 0 0 2em;
	padding:0;
}

/* Container */
#container {
	position:absolute;
	top:200px;
	left:0;
	z-index:4;

	width:950px;
	min-height:200px;

	margin:10px 0;
	padding:0;
	
	background:transparent;
}


/* MULTIMEDIA */
/* photo*/
#content p.photo, #desc p.photo, #sidebar p.photo{
	text-align:center;
	margin: 10px 20px;
	padding:0;
	text-indent:0;
}
#content p.caption, #desc p.caption, #sidebar p.caption{
	font-size:10px;
	color:#c0c0d0;
	text-align:center;
	margin:-5px 20px 5px;
	padding:0;
	text-indent:0;

}
/* video players - embedded Flash etc. */
object.video {
	margin:0 auto;
	display:block;
}
/* audio players - embedded Flash etc.*/
object.audio {
	margin:0 1.5em 10px 1.5em;
	display:block;
}
/* embedded things like google maps */
iframe {
	margin:0 auto;
	display:block;
}

/* diary */
#content ul.diary,
#desc ul.diary {
	list-style:none;
}
#content li.event_title,
#desc li.event_title {
	margin:0;
	font-size:14px;
	font-weight:bold;
}
#content li.event_date,
#desc li.event_date {
	margin:0;
	font-size:14px;
}
#content li.event_location,
#desc li.event_location {
	margin:0;
	font-size:14px;
}
#content li.event_price,
#desc li.event_price {
	margin:0;
	font-size:14px;
}
#content li.event_comment,
#desc li.event_comment {
	margin:0;
	font-size:14px;
}
#content li.event_description,
#desc li.event_description {
	margin:0 0 10px 0;
}

/* articles */
#content p.author, #desc p.author {
	text-indent:1.5em;
	font-style:italic;
	font-size:12px;
	margin:0 1.5em;
	padding:0;
}
#content a.article_title, #desc a.article_title {
	line-height:1.5em;
	font-size:14px;
	padding:0.25em 0;
}

/* text styles */
#content li.center, p.center,
#desc li.center, p.center {
	text-align:center;
}
#content li.italic, p.italic,
#desc li.italic, p.italic {
	font-style:italic;
}
#content li.bold, p.bold,
#desc li.bold, p.bold {
	font-weight:bold;
}


/* stars and snowdrops */
#content h1.stars_and_snowdrops {
	width:738px;
	height:79px;
	
	line-height:79px;
	
	text-indent:-9999px;
	background:transparent url(/images/layout/ssbanner.png?1) top left no-repeat;
}


/* sidebar */
#sidebar {
	width:198px;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
	
	color:#efefff;
	border:1px solid #666677;
	
	float:right;
}
#sidebar h1.main {
	width:198px;
	height:39px;
	
	line-height:30px;

	text-indent:20px;
	background:transparent url(/images/layout/banner.png?1) top right no-repeat;
}
#sidebar ul {
	list-style:none;
	margin:6px 0 10px 0;
}
#sidebar li {
	margin:0;
	padding:0;
}
#sidebar li a {
	padding:0 1.5em 0 2.5em;
	text-indent: -1em;
	/* padding-left +1em, text-indent -1em - indents second line of sidebar links if they wrap */
	
	display:block;
	
	background:transparent 130px center no-repeat;

	line-height:24px;
	color:#efefff;
	font-size:12px;
	text-shadow:#000 1px 1px 1px;
	text-decoration:none;
}
#sidebar li.active a {
	font-style:italic;
}
#sidebar li a:hover {
	background-color:#efefff;
	
	color:#040120;
	text-shadow:#fff 1px 1px 1px;
}
#sidebar li a.projectarchive, #sidebar li a.projectrss {
	text-indent:2em;
}

/* footer */
#footer {
	clear:both;
	
	height:38px;
	width:928px;
	
	padding:0 10px;
	border:1px solid #666677;
	
	color:#efefff;
	text-align:left;
	font-size:0.9em;
	line-height:38px;
}
#footer a {
	color:#efefff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer div {
	line-height:38px;
}