/* elements */

body {
	font-size:small;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	background: #D4D9C3;
}


a:active, a:link, a:visited {
text-decoration: none;
font-size:80%;
color: #999D8A;
padding:1px;
}

a:hover {
color:#948b53;
}

h1 {
	color: #000099;
}


/*  DIVs  */

#wngmain {
	width:600px;
/*		margin-top:auto;*/
/*		margin-left:0;*/
	margin:0 auto;
}

#wngform {
	background:#BBBFAC;
	padding:5px;
	margin-bottom:20px;	
}

#wngform h2 {margin:0 0 0 10px;color:#7D8073;}

#wngform form {background:#D4D9C3;padding:8px;margin:5px 10px;}

#wnganswerbox {
        border-style: dashed;
        border-width: medium;        
        border-color: black;
}

#wngadsense {
	position: relative;
	left:35px;
	top:0px;
	width:120px;
	height:90px;
/*   float: right; */

}

#wngsearch {
	position: relative;
	left:0px;
	top:0px;
}

#wngdisplayname {
	font-size:140%;
	color: #990000;
	font-weight: bold;
	border: 15px double #BBBFAC;
	background: #e6e7db;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
}

#wngwuname {

	font-size: 140%;
	color: #009900;
	font-weight: bold;
}


#wngcounter2 {
	font-size: 10pt;
	color: #999D8A;
	background: #dee1d1;
	border:1px dashed #7d8073;
	font-weight: normal;
	width:500px;
	margin:0px auto;
	padding:15px;
}

#wngcounter2 a {color:#555;}

#wngvalidate {
	text-align: center;
	padding:5px;
}

/* class */

.blackEm {color:#000;font-style:italic;font-size:70%;}

.wngcount {color:#888C79;font-style:italic;font-size: 10pt;}

.big {font-size:180%;}

.wngnormal {color:#000;font-size:70%;}

/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

/* COLOR/BORDERS CSS */

form.ddfm h1,
form.ddfm h2 {
	color: #606060;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
}

form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm h1,
form.ddfm h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto;
	width: 450px; 
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
}

form.ddfm {
	text-align: left;
	padding: 15px;
	width: 430px; 
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	margin-right: 10px;
	width: 95%;
}

form.ddfm .submit {
	margin-top: 15px;
	margin-right: 10px;
	text-align: right;
	clear:both;
	width: 95%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}
/* My Custom CSS */

/* My Colors */
body{background:#E2E6E0}

A:hover {color:#000; background-color: #D5D2E2; text-decoration: none;groove:1px inset #000; text-transform: uppercase}
a {text-decoration:none}

#bioFormat, #categoriesBox, #subcategoriesBox, #galleriesBox, #featuredBox, #MyBio{background-color:#B0C4D0; border:1px solid #000}

#albumDescription{background-color:#849FC2; border:1px solid #000; padding:12px; font-size:8pt}

.boxTop{background-color:#a2aea6; border:1px solid #000}

.boxBottom{background-color:#ADB5C7; border:1px solid #000}

#comment_header {margin:10px 10px;padding: 5px;background-color:#F0F7F9; border:1px solid #000}
#comment_nav {color:#000}
#comments .boxTop {width: 705px}
#comments .boxBottom {width: 705px}
.photoNav {background-color:#B0C4D0; border:1px solid #000}

.gallery_3229264 #albumDescription{background-color:#CBC3E3}
#guestBook_frame{position:relative;height:35px;text-align:center}
.guestBook_title{position:absolute; top:-5px;left:275px;font-size:18pt; font-weight:bold}
.guestBook_body{position:absolute; top:23px;left:252px;font-weight:normal}

#breadcrumb, #comments{color:#6abf8a; }
#guestBook_frame{color:#000}
#MyBio{color:#000}
#bioFormat{padding:10px; color:#A99670}
#bioBox{background:#B0C4D0}

#category .categoryDescription {background-color:#B0C4D0;font-size:10pt; font-weight:normal; width:600px; margin:0px auto; padding:12px;border:1px solid #000}

/* my custom footer */

#myFooter_loggedin {display:none !important;}
#myFooter_loggedout {display:block !important;}

.loggedIn #myFooter_loggedin {display:block !important;}
.loggedIn #myFooter_loggedout {display:none !important;}

#myFooter_box {text-align:center;font-size:8pt;font-weight:normal;color:333;}
.myFooter_span {color:#999;}
#cobrand_footer {display:none}
#footer {display:none !important}
#footer .nav {display:none}
#footer .text {display:none}
#footer .loginLink {display:none}
#footer .cartlink_footer {display:none}

/* Format of Galleries etc */
.homepage #breadcrumb {display:none}

#breadcrumb, #comments{font-size:10pt; font-weight:normal; width:600px; padding:12px}

/*#mainImage {border:4px ridge #B0C4D0; margin:0 auto; padding:5px;}*/ /*puts border around main image in a gallery*/
.draggable {border:3px outset #B0C4D0} /*puts border around thumbnails in a gallery*/

/* Changes the look of the gallery listings */
.miniBox {border:3px groove #B0C4D0; background-color: #D5D2E2}

.gallery_3229264 #albumDescription {margin: 10px 10px;height:35px}

.gallery_3229264 #breadcrumb, 
.gallery_3229264 #footer, 
.gallery_3229264 #albumNav_top, 
.gallery_3229264 #albumNav_bottom, 
.gallery_3229264 .imgBorder, 
.gallery_3229264 .nophotos, 
.gallery_3229264 #searchBox, 
.gallery_3229264 .journal_entry, 
.gallery_3229264 .pageNav,
.gallery_3229264 .play_slideshow{display:none}

/*.gallery_3229264 #bodyWrapper{background-color:#000}
*/




.guestBook_picture{margin:0 0 10px 10px; border:3px solid #000; padding:2px; float:left; position:relative}



/* Remove Stuff */
#userName, #userHome, #userHome, #datesBox{display:none}
#featuredBox {display:none}
#featuredBox .box {display:none}
.homepage .boxTop{display:none}

/* Banners */
#my_banner{ width:800px;   height:50px;   margin:0 auto;   background:url(http://kujath.smugmug.com/photos/162608216-O.jpg) no-repeat}
.category_Sarah_Jo #my_banner{   background:url(http://nickname.smugmug.com/photos/87654321-O.gif) no-repeat}

/* Front Page Bio Format */
#MyBio{font-size:10pt; font-weight:normal; width:600px; margin:0px auto; padding:12px}
#bioFormat{padding:10px}
.bioTitle{font-size:12px; font-weight:bold}

/* Slideshow */
/* #bioBox .photo{display:none}
*/
#bioBox{text-align:center; border:8px ridge #ccc; margin:0 auto; padding:10px; width:420px}
.homepage #galleriesBox, 
.homepage #categoriesBox, 
.homepage #featuredBox{display:none}
.galleries #bioBox{display:none}
.galleries #galleriesBox, 
.galleries #categoriesBox, 
.galleries #featuredBox{display:block}

/* Nav Bar */
#my_nav{width:640px; margin:0 auto}

dl{padding:0; margin:5 auto}
dt{display:none}
dd{float:left; margin:0; padding:0; text-align:center}
dd a, dd a:visited{text-decoration:none; color:#000; float:left}
dd span{float:left; border-bottom:1px solid #000; cursor:pointer}
dd .single{height:1.7em}
dd .double{height:3em}

dd span.side{width:5px; float:left; border-top:1px solid #fff; ; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
dd span.side b.p1{width:0; height:1px; float:left; margin-left:3px; border-left:2px solid #000; font-size:1px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
* html dd span.side b.p1{width:2px; w\idth:0}
dd span.side b.p2{width:2px; height:1px; float:left; margin-left:2px; background:#d4d8bd; border-left:1px solid #000; font-size:1px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
* html dd span.side b.p2{width:3px; w\idth:2px}
dd span.side b.p3{width:3px; height:2px; float:left; margin-left:1px; background:#d4d8bd; border-left:1px solid #000; font-size:1px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
* html dd span.side b.p3{width:4px; w\idth:3px}
dd span.side b.p4{width:4px; float:left; background:#d4d8bd; border-left:1px solid #000; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
* html dd span.side b.p4{width:5px; w\idth:4px}
dd span.side b.p5{width:0; height:1px; float:left; margin-right:3px; border-right:2px solid #000; font-size:1px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
* html dd span.side b.p5{width:2px; w\idth:0}
dd span.side b.p6{width:2px; height:1px; float:left; margin-right:2px; background:#d4d8bd; border-right:1px solid #000; font-size:1px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
* html dd span.side b.p6{width:3px; w\idth:2px}
dd span.side b.p7{width:3px; height:2px; float:left; margin-right:1px; background:#d4d8bd; border-right:1px solid #000; font-size:1px; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
* html dd span.side b.p7{width:4px; w\idth:3px}
dd span.side b.p8{width:4px; float:left; background:#d4d8bd; border-right:1px solid #000; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:hidden; /* */}
* html dd span.side b.p8{width:5px; w\idth:4px}
dd.low{margin-top:1.3em}
* html dd.low{margin-top:1.2em}
dd span.mid{border-top:1px solid #000; padding:0 5px; background:#d4d8bd}
dd a:hover{border:0}
dd a:hover span.mid, dd a:hover span.side b{background:#949e7c; color:#fff}
dd a:hover span{border-bottom:1px solid #949e7c}
.clear{clear:both}