/*
Theme Name: My portfolio theme
Theme URI: http://wordpress.org/
Author: Maria
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



html {
height: 100%;
margin: 0;
padding: 0;
}


body {
margin: 0;
padding: 0;
width: 4280px;
height: 600px;
background-color: #000;
background-image: url(images/brick.jpg);
background-repeat: repeat;
background-attachment: fixed;
}




#head {
position: fixed;
left: 80px;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
width: 998px;
height: 279px;
z-index: -1;
}

#navback {
position: fixed;
top: 253px;
float: left;
width: 350px;
height: 350px;
background-image: url(images/brick.jpg);
z-index: 2;
}

#nav {
margin-left: 110px;
list-style: none;
margin-top: 30px;

}

#nav li {
height: 60px;
}

#nav span {
display: none;
position: absolute;
}

#nav a:hover span {
display: block;
}

#nav-home span {
position: relative;
background: url(images/homeover.png) no-repeat;
	width: 105px;
	height: 80px;
margin-top: -80px;
margin-left: -105px;
}

#nav-portfolio span {
position: relative;
background: url(images/portfoliover.png) no-repeat;
	width: 250px;
	height: 59px;
margin-top: -60px;
margin-left: -95px;
}

#nav-about span {
position: relative;
background: url(images/aboutover.png) no-repeat;
	width: 130px;
	height: 63px;
margin-top: -60px;
margin-left: -120px;
}

#nav-contact span {
position: relative;
background: url(images/contactover.png) no-repeat;
	width: 250px;
	height: 69px;
margin-top: -60px;
margin-left: -82px;
}

img {
border: none;
}

.par {
	margin: 0 100px 0 0px; 
	padding-left: 30px; 
padding: 10px;
	float: left; 
	width: 650px;
height: 250px;
background-image: url(images/text.gif);
background-repeat: repeat;
}

#photography {
margin-left: -100px;
}

#content {
float: left;
margin-top: 254px;
margin-left: 444px;
font: 10pt Verdana;
line-height: 20px;
text-indent: 10px;
color: #8e9341;
height: 0px;
}


#footer {
position:fixed;
bottom:20px;
left:0;
clear: both;
z-index: 3;
} 

#footimg {
background-image: url(images/footer2.png);
background-repeat: repeat;
position:fixed;
bottom:0;
left:0;
width: 4280px;
height: 105px;
z-index: 2;
}

#footnote {
position: fixed;
bottom: 10px;
left: 80px;
z-index: 3;
font: 8pt Verdana;
text-align: center;
}

#lamp {
background-image: url(images/lamp.png);
width: 118px;
height: 535px;
position: absolute;
bottom: 50px;
left: 4280px;
}

#can {

background-image: url(images/can.png);
 width: 204px;
height: 226px; 
float: right;
}

.left {
float: left;
margin-left: 20px;
}

.right {
float: right;
width: 380px;
margin-top: 10px;
letter-spacing: 2px;
font-style: italic;
}

h2 {
text-decoration:underline;
padding-left: 20px;
margin-top: -5px;
display:block;
height: 31px;
background-image: url(images/h2.png);
background-repeat: no-repeat;
background-position: top left;
}

p {
text-indent: 25px;
}

#arrows {
width: 210px;
height: 39px;
position: fixed;
right: 200px;
top: 200px;
cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display: inline;
	width: 89px;
	height: 39px;
}

#arrows ul li a{
	margin-right: -5px;
float: left;
	display: block;
width: 89px;
	height: 39px;
	overflow: hidden;
font-size: 50em;
}

#arrows ul #left a {background: transparent url(images/larrow.png) no-repeat;}
#arrows ul #right a{background: transparent  url(images/rarrow.png) no-repeat;}

#arrows ul span {
display: none;
position: absolute;
}

#arrows a:hover span {
display: block;
}

#left span {
position: relative;
top: -20px;
left: 50px;
background: url(images/thisway.png) no-repeat;
	width: 89px;
	height: 39px;

}


#right span {
position: relative;
top: -20px;
left: 50px;
background: url(images/thisway.png) no-repeat;
	width: 89px;
	height: 39px;

}

a:link {
text-decoration: none;
letter-spacing: 3px;
color: #c85209;
font-style: italic;
}

a:visited {
text-decoration: none;
letter-spacing: 3px;
color: #c85209;
font-style: italic;
}

a:active {
text-decoration: none;
font-style: italic;

}

a:hover {
text-decoration: underline;
font-style: italic;
}

#footnote a:link {
font: 8pt Verdana;
color: #000;
text-decoration: underline;
}

#footnote a:visited {
font: 8pt Verdana;
color: #000;
text-decoration: underline;
}

img.alignleft {
float: left;
margin-right: 10px;
}

/* "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." */