/* page layout   */




html,body {
	margin: 0;
	padding: 0;
	border: 0;}

body {
	background-color: #ddb825;
	font: 90% Helvetica, arial,sans-serif;
	text-align: center;}
p {
	margin:0 10px 10px;}
a {
	outline: none;
	}
#wrapper {
	background: #ddb825 url(/images/wrapper_goldbg.gif) center top repeat-y; 
	width:930px;
 	margin:0 auto;
 	text-align: left;
	}
#container {
	
 	width:900px;
 	margin:0 auto;
 	background-color: #ffffbb;
 	}	
#content h1	{
	color: #e20202;
	font-size: x-large;
	padding: 10px;
	}
#content 	{
	background-color: white;
	margin: 10px;
	border: 1px solid #dddddd;
	z-index: 1;
	text-align:left;
	}
#content h2	{
	color: black;
	font-size: large;
	padding-left: 15px;}
#content h3	{
	color: black;
	font-size: medium;
	margin: 0px;
	padding: 0 0 10px 20px;}
#content h6	{
	color: black;
	font-size:small;
	padding-left: 15px;}
#content p	{
	line-height:1.4;
	text-indent: 10px;
	padding-left: 20px;}
#content a {
	color: #e20202;
	text-decoration: underline;}
#content a:hover	{
	color: #e20202;
	text-decoration: none;}
#footer {
	border-top: 5px solid #ddb825;
	background: #191919;
	color: #FFF;
	clear:both;
	width:100%;
	z-index: 2;
	margin: 0 auto;
	position: relative;
	}
#footer p {
	margin:0;
	padding:5px 10px;
	text-align:center;}
#footer a {
	padding:0;
	color: #e20202;
	text-decoration:underline;}
#footer a:hover {
	text-decoration:none;}

#footer span.loginlink a, #footer span.loginlink a:visited {
	position:absolute;
	top: 5px;
	right: 10px;
	font-size: 60%; 
	margin-right: 5px; 
	color: #000000;}





/* Top Navigation toolbar*/
#toolbar {text-align: left;}

#toolbar {
	padding:0;
	background: #191919;
	list-style:none;
	text-align:right;
	height:118px;
	font-size: medium;
	border-bottom: 5px solid #ddb825;
	margin: 0 auto;
	}
#toolbar li {
	height:118px;
	float:right;
	display:block;
	position: relative;
	}	
#toolbar li a {
	padding: 0 1em;
	color: white;
	height:118px;
	line-height: 118px;
	display:block;
	text-decoration:none;
	font-weight: bold;
	margin:0;
	position: relative;
	}
#toolbar li a img.tab {
	visibility: hidden;
	position:absolute;
	top: 118px;
	left: 30%;
	border: 0;
	z-index: 10;
	}
#toolbar li a:link, #toolbar li a:visited {
	background-color: #191919;
	}	
#toolbar li a:hover {
	line-height: 116px;
	background-color: #191919;
	}	
html>body #toolbar li.current a img.tab { /* Hide from IE 5, 5.5, 6 */
	visibility: visible;
	}	
#toolbar #nav-home {
	float:left;
	}
#toolbar #nav-home a, #toolbar #nav-home a:hover {
	background: url("/images/logo_horiz_gray.png") 15px 5px no-repeat;
	/* background-position: 15px 5px; */
	background-color: #191919;
	width:330px;
	color: #191919;
	font-size: 0.0001%;
	text-indent:-3000px;
	line-height: 118px;
	}
html>body #toolbar #nav-home a, html>body #toolbar #nav-home a:hover {   /* Hide from IE 5, 5.5, 6 */
	background: url("/images/logo_horiz_big.png") 15px 5px no-repeat;	}
#toolbar #nav-contact {
	width: 6em;
	}	
#toolbar #nav-blog {
	width: 7em;
	}
#toolbar #nav-portfolio {
	width: 6em;
	}

/* Secondary toolbar */

#toolbar2 {
	background-color: #ffff66; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	height: 25px; 
	text-align: center;
	font-size: 80%;
	position: relative;
	z-index: 5;
	}
#toolbar2 span.previous {
	position: absolute;
	top: 0px;
	left: 0px;
	/* float: left; */ 
	text-align: left; 
	display: block; 
	width: 295px; 
	padding: 5px 0 5px 5px;
	z-index: 5;
	}
#toolbar2 span.next {
	position: absolute;
	top: 0px;
	right: 0px;
	/* float: right;  */
	text-align: right; 
	display: block; 
	width: 295px; 
	padding: 5px 5px 5px 0;
	z-index: 5;
	}
#toolbar2 span.centralnav {
	padding: 5px 0; 
	margin: 0 auto; 
	width:300px; 
	line-height: 25px;	
	text-align: center;	
	}	
#toolbar2 a	{
	color: #333333;
	text-decoration: none;}
#toolbar2 a:hover	{
	text-decoration: underline;}


/* Home page */

#block1 {
	float:left;
	background: url(/images/d2xleft.jpg) no-repeat;
	background-position: right top;
	background-color: white;
	width: 468px;	
	}
#block2 {
	float:left;
	background: url(/images/d2xright.jpg) no-repeat;
	background-position: left top;
	background-color: white;
	overflow: hidden;
	width: 410px;
	}
#raypic {
	height: 154px;
	width: 140px; 
	padding: 5px;
	background: white;
	border: 1px solid #dddddd;
	margin-right: 5px;
	}
html>body #raypic {  /* Hide from IE 5, 5.5, 6 */	
	margin-left: 25px;
	margin-bottom: 0px;
	margin-top: 15px;
/*
	z-index: 10;
	float: left;
	display: inline;
	clear:left;
	vertical-align:text-top;
*/
	}
#masthead {
	height: 180px;
	width: 870px; 
	margin: 4px;
	}	
blockquote.pullquote {
text-align: center;
width:60%;
margin:0.25em 0.75em 0.25em 0.75em;
padding:0.5em;
border:3px double #ccc;
border-width:3px 0;
color:#333;
background:transparent;
line-height: 1.4em;
font:italic 1.3em/1.3 Georgia;
}
blockquote.alt {
float:right;
margin:0.25em 0 0.25em 0.75em;
}
.pullquote p {
margin:0;
text-align:center;
}
.pullquote p:first-letter {
	text-transform:uppercase
	}

/*
#holdit {width:700px; position:relative; margin:3em auto; padding:10px; border:1px solid #ddd;}
#holdit img {position:absolute; top:10px; left:10px; z-index:1;}
*/
#block1 p, #block2 p {position:relative; /* z-index:10;  */text-align:justify; line-height:19px;}
#block1 div {display:block; float:right; height:19px; overflow:hidden; clear:right; }
#block2 em {display:block; float:left; height:19px; overflow:hidden; clear:left;}
.a5 {width:5px;}
.a10 {width:10px;}
.a20 {width:20px;}
.a30 {width:30px;}
.a40 {width:40px;}
.a50 {width:50px;}
.a60 {width:60px;}
.a70 {width:70px;}
.a80 {width:80px;}
.a90 {width:90px;}
.a100 {width:100px;}
.a110 {width:110px;}
.a120 {width:120px;}
.a130 {width:130px;}
.a140 {width:140px;}
.a150 {width:150px;}
.a160 {width:160px;}
.a170 {width:170px;}
.a180 {width:180px;}
.a190 {width:190px;}
.a200 {width:200px;}
.a210 {width:210px;}
.a230 {width:230px;}
.a240 {width:240px;}
.a250 {width:250px;}
.a270 {width:270px;}
.a300 {width:300px;}
.a340 {width:340px;}
.a360 {width:360px;}
.a370 {width:370px;}
.a400 {width:400px;}
.a410 {width:410px;}
.a420 {width:420px;}
.a430 {width:430px;}
.a460 {width:460px;}
.a490 {width:490px;}
.a500 {width:500px;}
.a540 {width:540px;}
.a550 {width:550px;}

ul.equipment {
	list-style: square;	
	float: left;
	background:#f5f5f5;
	border:1px solid #ddd;
	padding: 5px;
	margin-left: 25px;
	}
ul.equipment li {
	font-size: 80%;
	margin-left: 15px;
	}
ul.equipment li.header {
	color: #e20202;
	list-style: none;
	font-size: 90%;
	margin-left: 10px;
	}
span.contentbottom {
	color: white;
	clear: both;
	}
/* Contact page */

#questions {
	background-color: white;
	border-color: #cc441f;
	border-style: dotted;
	border-width: 1px;
	color: #333333;
	text-align: left;
	padding: 5px;
	margin: auto;
	width: 600px;	
}

/* simpleviewer GUI CSS   */


img.portfolio_img {
	width: 100px;
	height: 100px;
	float: left;
	padding: 5px;
	background: white;
	border: 1px solid #dddddd;
	margin-right: 10px;
	}
#viewer #flashcontent {
	background-color: #ffffbb;
	height: 550px;
	}
.alert {
    background: #fff6bf url("/images/icons/exclamation.png") center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    }
#viewer, #viewer embed, #viewer object {
	background-color: #ffffbb;
	width: 878px;
	margin: 0 auto;
	}
#viewer embed, #viewer object{
	height: 550px;}
#viewer #regular 	{	
	padding: 10px 0 10px 20px; 
	margin: 0px;}
#viewer #regular li	{	
	list-style-type: square;}
#viewer #overview {
	background-color: white;
	color: #333333;
	text-align: left;
	padding: 10px;
	}
#viewer #overview #extended_div {
	width: 700px;
	background:#f5f5f5;
	border:1px dotted #cc441f;
	padding:20px;

	margin: 0 auto;
	}
#viewer #overview #extended {
	padding: 0px;
	margin: 0px;}
#viewer #overview #extended li {
	font-weight: bold;
	list-style-type: none;
	line-height: 60px;
	float: left;
	}
#viewer #overview #extended li a,
#viewer #overview #extended li div {
	width: 324px;
	height: 110px;
	color: #333333;
	background-color: #f5f5f5;
	/* overflow: hidden; */
	padding: 10px;
/*
	border-top:1px solid #eef;
	border-left:1px solid #eef;

	border-right:1px solid #999;
	border-bottom:1px solid #999;*/
	margin: 2px;
	display: block;
/*
	background-position: 10px 50%; 
	background-repeat: no-repeat;
*/
	}
#viewer #overview #extended li a:hover {
	text-decoration: none;
	color: #333333;
	background-color: white;}
#viewer #overview #extended li span {
	font-size: 75%;
	font-weight: normal;
	font-style: italic;}
	
	
	
	
/* simpleviewer admin CSS   */
	

BODY.admin div#container {
	margin-top: 14px;
}	
BODY.admin A 			{
	color: #06c;
	text-decoration: none;}
BODY.admin A:hover		{
	color: #06c;
	text-decoration: underline;}
BODY.admin		{
	color: #333;
	width: 100%;
	height: 100%;	
	font-size: small;
	margin: auto;}
BODY.admin FORM 		{
	padding: 0;
	margin: auto;}
BODY.admin H1			{
	font-size: large;
	color: #ccc;
	margin-right: 10px;
	display: inline;}
BODY.admin H3,
BODY.admin H4			{
	font-size: small;}
BODY.admin H3			{
	font-style: italic;
	color: #06c;}
BODY.admin H4.label 	{
	margin: 0 0 10px;}
BODY.admin H5			{
	color: #999;
	padding: 0;
	margin: 0;}
BODY.admin IMG			{
	background-color: #fff;
	padding: 2px;
	border: 1px solid #000;
	margin: 0;}
BODY.admin LABEL		{
	font-size: x-small;
	font-weight: bold;}
BODY.admin UL 			{
	padding: 0 0 10px 16px;
	margin: 0;}
/*
BODY.admin DIV#header 	{
	color: #fff;
	background-color: #990000;
	padding: 20px;
	border-bottom: 5px solid #FCCCB8;
	margin: auto;
	width: 860px;
	line-height: 78px;
	text-align: center;
	height: 78px;}
*/
BODY.admin DIV#menue   	{
	color: #333;
	text-align: left;
	background-color: #fff;
	padding: 10px;
	width: 208px;
	float: left;}
BODY.admin DIV#admincontent	{
	color: #333;
	background-color: #fff;
	width: 645px;
	padding: 10px;
	margin: 0;
	float: right;}
BODY.admin .label		{
	font-weight: bold;
	color: #666;
	padding: 0;
	border-bottom: 1px solid #999;
	margin: 0;}
BODY.admin #login 		{
	padding: 10px;
	background-color: #fff;
	width: 880px;}
BODY.admin #login P		{
	padding: 0;
	margin: 0;}
BODY.admin TABLE#summary {
	padding: 0;
	margin: 0 0 10px;}
BODY.admin TABLE#summary TD.thumb {
	font-size: x-small;
	text-align: center;
	vertical-align: middle;
	background-color: #eee;
	width: 64px;
	padding: 10px;
	border: 1px solid #999;
	margin: 0;}
BODY.admin TABLE#summary TD.thumb INPUT {	margin: 0;}
BODY.admin TABLE#summary TD.thumb IMG {	margin: 4px 0;}
	

/* Photoblog CSS */

#page {
    background:#f5f5f5;
	border:1px dotted #cc441f;
	padding:20px;
	text-align:left;
	width:65%;
	margin:10px auto;
	margin-bottom:25px;
	line-height:16px;
	}

#page a {
    font-weight:bold;
	}
	
#page img {
	background:#ffffff;
    padding:5px;
	border:1px solid #ccc;
	}

.column{
	width:48%;
	text-align:left;
	vertical-align:top;
	padding:5px;
	}
	
.thumbnails {
	border:1px solid #f5f5f5;
	padding:3px;
	margin:3px;
	}

#photo {
    background:#f5f5f5;
    padding:10px;
    margin-bottom: 10px;
	border:1px solid #ccc;
	}

#image-info {
    background:#f5f5f5;
	border:1px solid #ccc;
	padding:20px;
	text-align:justify;
	width:70%;
	margin:0px auto;
	margin-bottom:25px;
	line-height:16px;
	}
		
#image-notes {
	width:70%;
	vertical-align:top;
	}
	
#image-exif {
    padding-top:10px;
    text-align:right;
	width:25%;
	vertical-align:top;
	}

.title {
	font-weight: bold;
	font-size: medium;
	margin-bottom: 10px;
	}

.addcomment {
    float:right;
	clear:right;
	padding:0px;
	}	
.about {
	background: white;
	padding: 0;
	margin: 10px;
	border: 1px double #ddd;
	}
	
.ray, .mary, .copyright {
	padding: 10px;
	}
	


/* Photoblog comments */

#comment-top {
    background:#fff;
	border-bottom:1px solid #eee;
	padding:5px;
	margin-bottom:25px;
	height:15px;
	}    

#comments {
    margin:0px auto;
	width:95%;
	text-align:left;
	}
	
#comments ul {
	list-style-type:none;
	margin:0px;
	padding:10px;
	}
	
#comments li {
	display:block;
	margin:0px;
	margin-bottom:10px;
	color:#444;
	text-decoration:none;
	padding:10px;
	border:1px solid #eee;
	}
	
#comments li a {
	color:#444;
	text-decoration:none;
	}
	
#comments li:hover {
	background:#f5f5f5;
	}
	
#comments li a:hover {
	background:#f5f5f5;
	}

#comment-middle {
    background:#fff;
	border-top:1px solid #eee;
	padding:5px;
	margin-top:25px;
	height:15px;
	} 

#addcomment {
    width:90%;
	text-align:left;
	padding:10px;
	margin:0px auto;
	border:1px solid #eee;
	background:#f5f5f5;
	}

.input {
    width:45%;
	font-size:10px;
	border:1px solid #eee;
	background-color:#fff;
	color:#666;
	padding:5px;
    }
	
#addcomment textarea {
	width:90%;
	height:50px;
	font-size:12px;
	border:1px solid #eee;
	background-color:#fff;
	color:#666;
	padding:5px;
	}

.comment-button {
    background:#fff;
	border:1px solid #aaa;
	color:#666;
	border-bottom:2px solid #aaa;
	border-right:2px solid #aaa;
	}



/* Photoblog Calendar */

.td-calendar-days-vz {
	padding:1px;
	text-align:center;
	border-top:0px solid #999;
	border-bottom:1px solid #999;
	border-right:0px;
	border-left:0px;
	background:#fff;
	color:#999;
	}
.td-calendar-days-vz:hover {
    background:#444;
    }

.td-calendar-days {
	padding:1px;
	text-align:center;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-right:0px;
	border-left:0px;
	background:#fff;
	color:#999;
	}
.td-calendar-days:hover {
    background:#444;
    }
.td-calendar-navi-vz {
	border-top:0px;
	border-bottom:1px solid #999;
	border-right:0px;
	border-left:0px;
	text-align:center;
	letter-spacing:1px;
	word-spacing:5px;
	}
.td-calendar-navi-vz a {
    text-decoration:none;
    color:#444;
    }
.td-calendar-navi {
	border-top:0px;
	border-bottom:1px solid #999;
	border-right:0px;
	border-left:0px;
	text-align:right;
	letter-spacing:1px;
	word-spacing:5px;
	}
.td-calendar-navi a {
    text-decoration:none;
    color:#444;
    }
.td-calendar-days-imagefound {
	padding:1px;
	text-align:center;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	border-left:1px dotted #999;
	border-right:1px dotted #999;
	background:#f5f5f5;
	}
.td-calendar-days-imagefound:hover {
    border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	background:#666;
    }
.td-calendar-days-imagefound a {
    text-decoration:none;
    color:#444;
    }
.td-calendar-days-imagefound a:hover {
    text-decoration:none;
    color:#fff;
    }
.table-calendar {
    font-family:Helvetica, verdana, sans-serif;
	font-size:10px;
	padding:0px;
	margin:0px;
	width:600px;
	border-top:0px;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	}
.table-calendar-vz {
    font-family:Helvetica, verdana, sans-serif;
	font-size:10px;
	padding:0px;
	margin:0px;
	width:200px;
	border-top:0px;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	}