/* $TopStyle:URL=http://www.jamesbarwell.co.uk/yas/css/global.css$ */

/* Title: Global CSS style for York Astronomical Society
/* Author: James Barwell
/* Date: February 2008
*/

/* INDEX
/* 1= LAYOUT
/* 2= TYPOGRAPHY
/* 3= NAVIGATION
*/

*{margin:0;padding:0;}

body {
	font-family: arial, verdana, tahoma, sans-serif;
	color: #cccccc;
	background: #222222;
	font-size: 75%; /* Font for IE */
	line-height: 2em;
}

html > body {font-size: 12px;} /* Font for compliant browsers */


/* 1= LAYOUT */


#header {
	height: 45px;
	padding: 5px;
	background: none;
}

	#header img {
		float: left;
		}

	#header h1 a {
		margin: 10px 26px 10px 10px;
		display: block;
		float: left;
		font-size: 26px;
		color: #FFFFFF;
		}
		
		#header h1 a:hover{color: #FF3399;}
	

#container {
	float: left;
	width: 100%;
}

	#container cite {
		position: absolute;
		right: 35px;
		bottom: 10px;
		text-align: right;
	}

	#newsevents {
		float: left;
		margin: 20px 0 20px 30px;
		width: 	25em; /*300px*/
		background: #222222 url(/images/contenttop.gif) 0 0 repeat-x;
		padding: 5px 20px;
		filter:alpha(opacity=80);
		opacity:.80;
	}
	
	#newsevents p.link {
		text-align: right;
	}
	
	#newsevents a img { /*shop image */
		margin: 10px auto 0 auto;
		border: none;
	}
	
#footer {
	clear: both;
	width: 100%;
	height: 110px;
	background: #222222 url(/images/bg_footer.jpg) 0 0 repeat-x;
}

	#subcontent {
		float: left;
		height: 110px;
		margin: 0 0 0 30px;
		width: 	28.333em; /*300px*/

		background: #222222 url(/images/bg_subcontent.jpg) right no-repeat;	
	}
	
	#subcontent p {
		float: left;
		padding: 0 20px;
		background: url(/images/bg_subcontent_left.jpg) left top no-repeat;	
	}

	#footer ul {
		float: right;
		list-style: none;
		display: inline;
		margin-right: 22px;
	}

		#footer ul li {display: inline;}

			#footer ul li a {
				height: 80px;
				float: left;
				display: block;
				text-indent: -5000px;
				}
	
				/* icon bar FIR */
				#footer ul li a#logo_ras {width: 63px;background: #000000 url(/images/logo_ras.jpg) 0 0 repeat-x;}
				#footer ul li a#logo_baa {width: 88px;background: #000000 url(/images/logo_baa.jpg) 0 0 repeat-x;}
				#footer ul li a#logo_spa {width: 88px;background: #000000 url(/images/logo_spa.jpg) 0 0 repeat-x;}
				#footer ul li a#logo_iya {width: 126px;background: #000000 url(/images/logo_iya.jpg) 0 0 repeat-x;}
				
				/* icon bar rollovers */
				#footer ul li a#logo_ras:hover {width: 63px;background: #000000 url(/images/logo_ras_on.jpg) 0 0 repeat-x;}
				#footer ul li a#logo_baa:hover {width: 88px;background: #000000 url(/images/logo_baa_on.jpg) 0 0 repeat-x;}
				#footer ul li a#logo_spa:hover {width: 88px;background: #000000 url(/images/logo_spa_on.jpg) 0 0 repeat-x;}
				#footer ul li a#logo_iya:hover {width: 126px;background: #000000 url(/images/logo_iya_on.jpg) 0 0 repeat-x;}

	#footer p#copyright {
		clear: right;
		float: right;
		margin-right: 30px;
	}
	
/* =2 SUBPAGES */
	
#content {
	width: 680px;
	margin: 50px 0 20px 50px;
}

#content img {
	clear: right;
	float:right;
	border: 2px solid #666;
	margin: 5px 0 5px 5px;
}

/* Events & meetings */
/* Links */
p.intropara {
	font-size: 14px;
}

#content #alpha, #content #beta {
	width: 315px;
	float: left;
}

#content #alpha {padding-right: 25px;}
#content #beta {padding-left: 25px;}

#content #alpha h3.title em:before,
#content #beta h3.title em:before {
	content:open-quote;
}

#content #alpha h3.title em:after,
#content #beta h3.title em:after {
	content:close-quote;
}

/* Faqs */
#faqnav {
	float: right;

	padding: 22px 0 10px 30px;
	list-style: none;
	text-align: right;
}

/* =2 TYPOGRAPHY */

h1 {
	font-size: 16px;
	color: #FFFFFF;
}

#newsevents h2 {
	padding-top: 8px;
	margin-bottom: 0;}
	
/*#newsevents h2.newheading {border-top: 1px dotted #999999;}*/

#newsevents h3 {
	font-size: 12px;
	color: #FFFFFF;
}

h2 {font-size: 18px; margin-bottom: 1em;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 12px;}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #EEEEEE;
}

#container.index p,
#container.index1 p {margin-bottom: 0;}

p {
	font-size: 1em;
	margin-bottom: 1em;
}

#container.observatory #content p {
	clear: right;
}

a, a.visited {
	color: #FF3399;
	text-decoration: none;
}

a.active, a:hover {
	color: #FFFFFF;
}

	#container cite {
		font-size: 10px;
		font-style: normal;
		color: #FFFFFF;
	}
	
	#footer p#copyright{
		font-size: 9px;
	}
	
/* =3 NAVIGATION */

	#navigation ul {
		list-style: none;
	}
	
		#navigation li {

			float: left;	
			position: relative;
			padding: 15px 0 0 0;
			font-size: 16px;
			color: #FFFFFF;
			font-weight: bold;
			width: 110px;
			}
			
			#navigation li ul {

				position: absolute;
				top: 38px;
				left: 0;			
			}
			
			#navigation li ul li {
				font-size: 12px;
				padding: 0;
				}
				
			#navigation li:hover {color: #FF3399;}
			
	a.backtotop {
		float: right;
		margin-bottom: 10px;
		clear: right;
	}
			
			
/* =4 PAGE BACKGROUNDS */

.page {background: #000000 url(../images/bg_stars.gif) 0 0 repeat-y;}
.index {background: #000000 url(../images/bg_content2.jpg) 0 0 no-repeat;}
.about {background: #000000 url(../images/bg_about.jpg) 0 0 no-repeat;}
.news {background: #000000 url(../images/bg_news.jpg) 0 0 no-repeat;}
.events {background: #000000 url(../images/bg_events.jpg) 0 0 no-repeat;}
.algol {background: #000000 url(../images/bg_algol.jpg) 0 0 no-repeat;}
.faq {background: #000000 url(../images/bg_faq.jpg) 0 0 no-repeat;} 
.observatory {background: #000000 url(../images/bg_observatory.jpg) 0 0 no-repeat;} 
.ozblog {background: #000000 url(../images/bg_ozblog.jpg) 0 0 no-repeat;}

.index #container {
	min-height: 600px;
	height: auto !important; /* IE6 min-height hack */
	height: 600px;
}

.bg1 {background: #000000 url(../backgrounds/bg_content.jpg) 0 0 no-repeat;}
.bg2 {background: #000000 url(../backgrounds/bg_content2.jpg) 0 0 no-repeat;}
.bg3 {background: #000000 url(../backgrounds/bg_content3.jpg) 0 0 no-repeat;}
.bg4 {background: #000000 url(../backgrounds/bg_content4.jpg) 0 0 no-repeat;}
.bg5 {background: #000000 url(../backgrounds/bg_content5.jpg) 0 0 no-repeat;}

/* Filth */
.clearLeft {clear: right;}
.clearRight {clear: right;}
.clear {clear: both;}