body { margin: 0;
background-color: #000;
font-family: "New York", "Minion Pro", serif;
font-size:17px;
color: #d1d1d1;
line-height: 23px;
background-image: url(../images/background-2.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}

#content {
width: 1130px;
height: auto;
margin: 0px auto 50px auto;
padding-left: 100px;
}

#logosideways {
width: 115px;
height: 500px;
float: left;
margin: 0px 0px 0px -150px;
position: fixed;
}

#header {
width: 1130px;
height: 40px;
padding: 50px;
float: left;
position: fixed;
margin: 0px 0px 0px 0px;
background-color: rgba(0,0,0,.8);
}

#blogtext {
float: left;
width: 800px;
margin: 0px 50px 0px 0px;
}

#onthispage {
float: right;
width: 215px;
height: 300px;
padding: 0px 20px 20px 850px;
margin: 15px 0px 0px 20px;
font-size: 1em;
line-height: 19px;
font-family: "Myriad Pro", sans-serif; font-size: .8em;
position: fixed;
}

#kayaktext {
float: left;
width: 215px;
height: 665px;
padding: 20px;
margin: 105px 0px 30px 20px;
background-color: #afaa90;
font-family: "Myriad Pro", sans-serif;
font-size: .95em;
line-height: 21px;
color: #fff;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
}

#abouttext {
float: left;
width: 480px;
height: 360px;
padding: 30px 40px 10px 40px;
margin: 10px 0px 30px 0px;
background-color: rgba(0,0,0,.4);
font-family: "Myriad Pro", sans-serif;
font-size: .95em;
line-height: 27px;
color: rgba(255,255,255,.6);
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
}

#notebook {
float: right;
width: 350px;
height: 300px;
padding: 25px;
margin: 0px 0px 0px 20px;
background-color: #849460;
font-family: "Myriad Pro", sans-serif;
font-size: 1em;
line-height: 12px;
color: #fff;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
}

.piece {
width: 260px;
height: 450px;
float: left;
margin: 0px 20px 20px 0px;
font-family: "Myriad Pro", sans-serif;
font-size: .9em;
}

.plate {
height: 210px;
width: 268px;
float: left;
background-repeat: no-repeat;
margin: 0px 0px 10px -5px;
padding: 5px;
font-family: "Myriad Pro", sans-serif;
font-size: .8em;
line-height: 15px;
}

.book {
float: left;
width: 175px;
height: 395px;
color: rgba(255,255,255,.7);
font-size: .7em;
line-height: 13px;
font-family: 'Myriad Pro', sans-serif;
margin: 0px 13px 15px 0px;
}

.bookimage {
margin-bottom: 5px;
border: 5px solid #000;
}

p.onthispage {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
padding: 7px 7px 5px 10px; color: #fff; font-size: 1.2em;
background-color: rgba(86,86,86,.6);
font-weight: 700;
}

p.postdate {
width: 150px;
clear: both;
font-size: .9em;
font-family: 'Myriad Pro', sans-serif;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
padding: 7px 7px 5px 20px; background-color: #407a90; color: #fff; 
margin: -30px 0px 20px -30px;
}

p.note {
font-size: .8em; line-height: 16px; -webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px; background-color: rgba(0,0,0,.4); color: #fff; padding: 10px 20px 10px 20px; font-family: "Myriad Pro", sans-serif;
}

p.caption {
font-family: 'Myriad Pro', serif; font-size: .75em;
line-height: 18px;
font-style: oblique;
text-align: right; 
margin: 0px -10px 0px 0px;
padding-bottom: 5px;
border-bottom: 1px solid #454545;
color: rgba(199,197,187,.8);
}

#footer {
height: 105px;
padding: 15px;
clear: both;
background-color: rgba(0,0,0,.25);
color: rgba(199,197,187,.8);
}

#copyright {
width: 1130px;
margin: 0px auto 0px auto;
}

hr {
background-color: rgba(151,151,151,.5);
color: rgba(151,151,151,.5);
margin: 4px 0px 5px 0px;
height:1px;border:none;
}


h1 {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
color: #fff;
padding: 10px 12px 5px 12px;
background-color: rgba(96,100,86,.8);
text-decoration: none;
margin: 30px 0px 20px 0px;
font-family: "Myriad Pro", sans-serif;
font-size: 1.3em;
clear: both;
}

h2 {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
color: #fff;
padding: 10px 12px 8px 12px;
background-color: #575247;
text-decoration: none;
float: left;
margin: 30px 0px 0px 10px;
font-family: "Myriad Pro", sans-serif;
font-size: 1.3em;
}



#topnavigation {
font-family: "Myriad Pro", sans-serif;
font-size: 16px;
text-align: right;
width: 160px;
height: 50px;
float: left;
margin: 0px 0px 10px -50px;
color: #5f5e5c;
}
#topnavigation ul {
list-style: none;
margin: 0;
}
#topnavigation li {
padding: 10px 5px 10px 5px;
display: block;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
}
#topnavigation li a:link, #topnavigation li a:visited {
padding: 12px 7px 10px 7px;
text-decoration: none;
color: #5f5e5c;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
}
#topnavigation li a:hover {
background-color: rgba(96,139,166,.6); 
padding: 12px 7px 10px 7px;
border-bottom: none;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
color: #c2c9ce;
}


/* lightbox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	color: #000;
	}	
#lightboxCaption{ float: left; width: auto;}
#keyboardMsg{ float: right; width: auto;}

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../js/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	


/* main body ids */
body#about a#aboutnav,
body#portfolio a#portfolionav,
body#contact a#contactnav,
body#kayak a#kayaknav {
background-color: rgba(180,192,83,.6);
color: rgba(255,255,255,.6);
border-bottom: none; }

/* basic links */
a:link { color: #fff; text-decoration: none;}
a:visited { color: #fff; text-decoration: none;}
a:hover { color: #fff; text-decoration: none;}

/* other links */
a.other:link { -webkit-border-radius: 14px;
			-moz-border-radius: 14px;
			-o-border-radius: 14px;
			border-radius: 14px; color: #fff; padding: 5px 10px 1px 10px; background-color: rgba(99,152,171,.6); text-decoration: none;}
a.other:visited { color: #fff; padding: 5px 10px 1px 10px; background-color: rgba(99,152,171,.6); text-decoration: none;}
a.other:hover { color: #fff; padding: 5px 10px 1px 10px; background-color: rgba(101,99,85,.6); text-decoration: none;}

/* right links */
a.right:link { color: #fff; padding: 5px 10px 3px 10px; background-color: rgba(96,139,166,.6); text-decoration: none;-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;}
a.right:visited { color: #fff; padding: 5px 10px 3px 10px; background-color: rgba(96,139,166,.6); text-decoration: none;-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;}
a.right:hover { color: #fff; padding: 5px 10px 3px 10px; background-color: rgba(168,196,91,.6); text-decoration: none;-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;}

/* read more links */
a.readmore:link { font-size: 1.2em; color: #fff; padding: 10px 15px 8px 15px; background-color: rgba(96,139,166,.6); text-decoration: none;-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;}
a.readmore:visited { color: #fff; padding: 10px 15px 8px 15px; background-color: rgba(96,139,166,.6); text-decoration: none;-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;}
a.readmore:hover { color: #fff; padding: 10px 15px 8px 15px; background-color: rgba(168,196,91,.6); text-decoration: none;-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;}

/* portfolio page links */
a.portlink:link { font-size: .9em; color: #000; padding: 5px 10px 3px 10px; background-color: rgba(88,88,88,.6);  text-decoration: none;-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;}
a.portlink:visited { color: #fff; padding: 5px 10px 3px 10px; background-color: rgba(88,88,88,.6); text-decoration: none;-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;}
a.portlink:hover { color: #fff; padding: 5px 10px 3px 10px; background-color: rgba(234,202,89,.6); text-decoration: none;-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;}