/*  
Theme Name: Kubrick + CE
Theme URI: http://wordpress.org/
Description: Default WordPress theme plus modifications.
Author: Michael Heilemann + Chris Eilers
Author #1 URI: http://binarybonsai.com/
Author #2 URI: http://ce.gen.nz/
*/
html, body {
	margin:0;
	padding:0;
	border:0; 
	}
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:18px;
    color:#228b22;
	background:url(../../../../graphics/yellow-stripe.gif);
	text-align: center;
    margin:80px 0 80px;
	}
.stripe {
    height:106px;
    margin:0 0 -174px;
    padding:34px 0 0;
    width:100%;
    background:url(../../../../graphics/flax-leaf-strip.gif);
    } 
#page {
	position:relative;
	background-color: white;
	text-align: left;
	border:#228b22 2px solid;
	border-top:1px solid;
	background-color:white;
	margin: 0 auto;
	width: 680px;
	}
#header {
	background-color: #73a0c5;
	padding: 0;
	margin: 0 auto;
	height: 200px;
	width: 100%;
	background-color: #73a0c5;
	}
.header-image {
	position:absolute;
	top:10px;
	left:9px;
	width:660px;
	height:181px
	}	
ul{
	list-style:none;
	color:#447841;
		}
.header-text {
	position:absolute;
	top:40px;
	left:60px;
	margin:0;
	padding:0;
	font-size:13px;
	line-height:17px;
	color:#355e33; /* this is basically the same colour as 'Ali Brown" except that it's darker */
	}
.header-text span {
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	color:#447841;
	}
.em {
	position:absolute;
	text-transform:lowercase;
	color:#355e33;
    top:113px; /* IE6, IE5.5 */
    }html>body .em{
    top:113px; /* Op6 */
    }head:first-child+body .em{
    top:113px; /* IE7 */
    }html:not([dummy]) head:first-child+body .em{
    top:112px; /* Ff1.5, NN7.2, NN6.2 */
    }@media all and (min-width:0px) {head:first-child+body .em{
    top:112px; /* Op9, Op8.5, Op7.5 */
    }}.dummy-selector-for-opera-6 {
    }
.e-1, .e-2, .e-3 {
	position:absolute;
	}
.e-1{left:100px}
.e-2{left:113px}
.e-3{left:126px}

a:link, a:visited, a:hover {
	border-bottom:1px solid;
	text-decoration:none;
	}
a:link {
	color:#783330;
	}
a:link:hover {
	color:white;
	background:#783330;
	}
a:visited {
	color:#aa4525; 
	}
a:visited:hover {
	color:white;
	background:#aa4525;
	}
p {
	padding:8px 0 0;
	margin:0;
	color:#447841;
	}
#same-page-link {
	position:relative;
	top:1px;
	}
.content-x {
	position:relative;
	z-index:1;
	margin:0 50px 0 43px;
	padding:185px 0 0;
	}
.navbar {
	font-size:12px;
	position:absolute;
	top:200px;
	left:475px;
	line-height:18px;
	}
.navbar ul {
	margin:0;
	padding:0;
	border:0;
	}
.widecolumn {
	padding: 10px 0 20px 20px;
	margin: 5px 0 0 0;
	width: 430px;
	}
.widecolumn .post {
	margin: 0;
	padding:0;
	clear:both;
	}
.widecolumn .postmetadata {
	margin: 30px 0;
	}
.narrowcolumn .postmetadata {
	padding-top: 5px;
	text-align: center;
	}
.narrowcolumn {
	padding: 0 0 20px 20px;
	margin: 0px 0 0;
	width: 430px;
	}
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 10px;
	}
#footer {
	padding: 0 0 0 1px;
	margin: 0 auto;
	width: 600px;
	height:50px;
	clear: both;
	}
#footer p {
	margin: 0 0 0 0;
	padding: 20px 0;
	text-align: center;
	}
small {
    font-size:12px;
    line-height:13px;
	}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

h1 {
	font-size: 4em;
	text-align: center;
	padding-top: 70px;
	margin: 0;
	}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: white;
	}
h2 {
	font-size:20px;
	margin:0;
	padding:0 0 7px;
	}
h2 a:link, h2 a:visited, h2 a:hover, h3 a:link, h3 a:visited, h3 a:hover {
	border-bottom:none;
	text-decoration:none;
	}
h2.pagetitle {
	font-size:18px;
	margin:20px 0 0;
	padding:0;
	text-align: center;
	}
h3 {
	font-size:17px;
	margin: 0;
	padding: 0 0 1px; /* IE6, IE5.5 */
    }html>body h3{
    padding: 0 0 5px; /* Op6 */
    }head:first-child+body h3{
    padding: 0 0 1px; /* IE7 */
    }html:not([dummy]) head:first-child+body h3{
    padding: 0 0 5px; /* Ff1.5, NN7.2, NN6.2 */
    }@media all and (min-width:0px) {head:first-child+body h3{
    padding: 0 0 5px; /* Op9, Op8.5, Op7.5 */
    }}.dummy-selector-for-opera-6 {
    }
#respond {
	padding: 15px 0 0 0;
	margin: 0;
	}
#comments {
	padding: 15px 0 0 0;
	margin: 0;
	}
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
.description {
	font-size: 1.2em;
	text-align: center;
	}
.entry p a:visited {
	color: #b85b5a;
	}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}
.entry ol li {
	margin: 0;
	padding: 0;
	}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
.commentlist {
	padding: 0;
	margin:0;
	text-align: justify;
	}
.commentlist li {
	font-weight: bold;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}
.commentlist cite, .commentlist cite a {
	font-style: normal;
	border-bottom:none;
	}
.commentlist a:link, .commentlist a:hover, .commentlist a:visited {
	border-bottom:none;
    }
.commentlist p {
	font-weight: normal;
	text-transform: none;
	margin: 0 5px 0 0;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#commentform #submit {
	margin: 0;
	float: right;
	}
#commentform p {
	margin: 5px 0;
	}
.commentmetadata {
	font-weight: normal;
	margin: 0;
	display: block;
	}
#sidebar {
	position:absolute;
	top:383px;
	left:475px;
	width:100px;
	font-size:12px;
	line-height:18px;
	}
#sidebar h2 {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	color:#228b22;
	margin: 0;
	padding: 15px 0 0;
	}
#sidebar ul {
	margin: 0;
	padding: 0;
	}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}
acronym, abbr {
	border-bottom: 1px dashed #999;
	}
a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}
a:hover {
	color: #147;
	text-decoration: underline;
	}
a img {
	border: none;
	}

.post {
	margin:0;
	text-align: justify;
	padding:20px 0 10px;
	}
p img {
	padding: 0;
	max-width: 100%;
	}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* Begin Form Elements */

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
/* Begin Various Tags & Classes */

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
.center {
	text-align: center;
	}
hr {
	display: none;
	}
.navigation {
	display: block;
	text-align: center;
	margin:0;
	padding:10px 0 40px;
	}
.copyright {
	font-size:10px;
	line-height:16px;
	}