body,
	html {
		margin:0;
		padding:0;
	}
	body {
		background-color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		min-width:768px;
	}
	
	/*start */
	
	#outter {
	background-color: #000000;
	}
	
	#wrap-header {
		}
	
	#header1 {
		margin: 0 auto;
		width: 768px;
		height: 156px;
	}
	
	#header2 {
		background: url('images/header.jpg') no-repeat;
		margin:0 auto;
		float:left;
		width:768px;
		height: 156px;
	}
	/*end*/
	
	#wrap {
		background:url('images/leftb.jpg') repeat-y;
		margin:0 auto;
		width:770px;
	}
	
	#sidebar {
		float:left;
	}
		
	#main {
		background: url('images/rightb.jpg') right repeat-y;
		padding-right: 5px;
		float:right;
		color: #FFFFFF;
        font: 12px arial, "lucida console", sans-serif;
	}
	
	
	/* MENU START */

	#menu {
      float:left;
      font-size:10px;
      line-height:normal;
      }
    #menu ul {
      margin:115px 0px 0px 600px;
      list-style:none;
      }
    #menu li {
      float:left;
      background:url('images/menu-left.jpg') no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #menu a {
      float:left;
      display:block;
      background:url('images/menu-right.jpg') no-repeat right top;
      padding:5px 15px 4px 5px;
      text-decoration:none;
      font-weight:bold;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #menu a {float:none;}
    /* End IE5-Mac hack */
	/* Box Model Hack menu space IE */
	html>body #menu ul {margin: 115px 0px 0px 600px;}
	/* End IE Box model */
	html>body #menu ul {*margin: 115px 0px 0px 600px;}
	
	#menu a:link {
      color:#FFF;
      }
	 
	 #menu a:visited {
      color:#FFF;
      }
	
	    #menu a:hover {
      color:#0066FF;
      }
	 
	  /* MENU END */

#sidemenu {
background-color:#1A1A1A;

      float:left;
      font-size:11px;
	  text-align:left;
      line-height:normal;
      }
	
	#footer {
		background:#cc9;
		clear:both;
	}
	#footer p {
		padding:5px;
		margin:0;
    }
	
	/*start */
	
	#wrap-footer {
		clear: both;
		}
	
	#footer1 {
		margin: 0 auto;
		width: 768px;
		height: 45px;
	}
	
	#footer2 {
		background: url('images/footer.jpg') no-repeat;
		margin:0 auto;
		padding-top:13px;
		float:left;
		width:768px;
		height: 45px;
		text-align:center;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	/*end*/
	
			#footer2 a:link { 
			color: #FFF;
			text-decoration: none;
		}
		
		#footer2 a:visited { 
			color: #FFF;
			text-decoration: none;
		}
		
		#footer2 a:hover { 
			color: #333;
			text-decoration: none;
		}
		
		#footer2 a:active { 
			color: #FFF;
		}
	
	
		#main a:link { 
			color:#0066FF;
			text-decoration: none;
		}
		
		#main a:visited { 
			color: #0066FF;
			text-decoration: none;
		}
		
		#main a:hover { 
			color: #CC0000;
			text-decoration: none;
		}
		
		#main a:active { 
			color: #0066FF;
		}
		
		#sidebar a:visited { 
			color: #FFFFFF;
			text-decoration: none;
		}
		
		#sidebar a:hover { 
			color: #CC0000;
			text-decoration: none;
		}
		
		#sidebar a:active { 
			color: #FFFFFF;
		}
		
/*START WORD PRESS STYLING*/

#content {
	font-size: 1.2em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

/*#footer {
	background: #eee url('images/kubrickfooter.jpg') no-repeat top; 
	border: none;
	}*/

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

/*#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}*/

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #FFF;
	}

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;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure
body {
	margin: 0 0 20px 0;
	padding: 0; 
	}
	

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}

/*#header {
	background-color: #73a0c5;
	margin: 0 0 0 1px; 
	padding: 0; 
	height: 200px; 
	width: 758px;
	}

#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}*/

.narrowcolumn {
	float: left;
	padding-right: 20px;
	width: 560px;
	}

.widecolumn {
	background-image: url('images/leftb.jpg') repeat-y;
	padding-left: 135px;
	padding-right: 135px;
	margin: 5px 0 0 150px;
	width: 500px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

/*#footer {
	padding: 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
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
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	text-align: right;
	}

#searchform li {
	color:#FFF;
	}

#sidebar #searchform #s {
	width: 100px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
	
/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}
	
#main .commentlist a:link {
	color: #666;
	}

#main .commentlist a:visited {
	color: #666;
	}

#main .post {
	color: #FFF;
	}


#main .commentlist a:hover {
	color: #CCC;
	}

#main .postmetadata a:link {
	color: #333333;
	}

#main .postmetadata a:hover {
	color: #CCCCCC;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	color:#666666;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}
	
.commentlist p {
	color: #333333;
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 10px;
	width: 170px;
	}


	
	/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

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;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */


	/* Start Mac IE5 filter \*/
#main, #sidebar
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
/* End Mac IE5 filter */
#wrap
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrap
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrap:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrap
	{
	display: inline-block;
	}
/*\*/
#wrap
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}