puna\:navigation {
	background:#151515 url(/images/shortbanner-d.png) repeat-x bottom;
}

puna\:navigation ul li {
	background:url(/images/h-shaped.gif) no-repeat right bottom;
}

/* quotes */

puna\:quote {
	position:relative;
	display:block;
	background:#ddd url(/images/fadeup.png) repeat-x bottom;
	padding:70px 0 1.5em 0;
	overflow:auto;
	z-index:5;
}

puna\:quote h2 {
	display:none;
}

puna\:quote blockquote {
	display:block;
	margin:0 100px 10px 150px;
	font-size:1.1em;
}

puna\:quote blockquote:before { 
	content: open-quote;
	font-weight:bold;
	color:#333;
}

puna\:quote blockquote:after {
	content: close-quote;
	font-weight:bold;
	color:#333;
}

puna\:attribution {
	margin:0 0 0.5em 150px;
}

puna\:attribution a {
	color:#a3bd0a;
	text-decoration:none;
}

/* resources */

puna\:resources {
	display:block;
	float:left;
	width:100px;
	margin:0 0 0 0;
	padding:12px 0 0 18px;
}

#Euan {
	display:block;
	margin:20px 0 0 4px;
}

#Euan  img{
	height:120px;
	width:80px;
	border:0;
	display:block;
}

#Euan img:hover {
	position:relative;
	z-index:1;
	height:240px;
	width:160px;
}

puna\:resources #rantings {
	display:block;
	margin-top:10px;
	padding:38px 20px 20px 28px;
	width:53px;
	height:38px;
	background:url('/png/balloon.png') no-repeat;
	text-decoration:none;
	color:#777;
	z-index:1;
}

/* login */

puna\:resources #login {
	display:block;
	position:relative;
	z-index:3;
	top:0px;
	left:0px;
	width:88px;
	height:132px;
	background:url(/images/p-login-small-green.gif) no-repeat center center;
	outline:none;
	margin:0;
}

/* Contact */

puna\:resources #quotes {
	display:block;
	position:absolute;
	top:65px;
	left:20px;
	height:32px;
	background:url(/images/quote.png) no-repeat top center;
	padding:32px 0 0 0;
	color:#888;
	text-decoration:none;
	outline:none;
	z-index:6;
}

/* content */

puna\:content {
	display:block;
	position:relative;
	top:-10px;
	overflow:auto;
	width:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/* column */

puna\:column {
	float:left;
	width:23.9%;
	margin:0;
	padding:28px 3% 0 3%;
	overflow:auto;
	font-size:0.9em;
	background:url(/images/notch.png) no-repeat top left;
}

puna\:column:last-child {
	width:22.9%;
	padding:28px 2% 0 3%;
}

puna\:column h2,
puna\:column h3 {
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 1em 0;
}

puna\:column h3 {
	color:#a3bd0a;
}

puna\:column:first-child {
	width:34%;
	font-size:1em;
	background:url(/images/notchspeak.png) no-repeat top left;
	width:32%;
	padding-left:4%;
}

puna\:column:first-child h2 {
	display:inline;
	font-size:1.6em;
	color:#a3bd0a;
	margin:0 0 1em 0;

}

puna\:column:first-child h2:after {
	content:": ";
}

puna\:column:first-child h2 + h3 {
	display:inline;
	color:#000;
	font-size:1.6em;
	margin:0 0 1em 0;
}

puna\:column:first-child p {
	clear:left;
}

puna\:column img {
	max-width:100%;
	float:left;
	margin:1em 1em 1em 0;
}

puna\:column img.video {
	float:none;
	display:block;
	margin:1em auto;
}

puna\:column div.fadetop {
	position:fixed;
	top:0;
	left:1%;
	width:98%;
	height:40px;
	background:url("/png/fade_top.png") repeat;
}