/* 
 * COLOR PALETTE
 *
 *    #f7c695: tan
 *    #ffebeb: misty rose
 *    #fff4c2: lemon chiffon
 *    #ba8282: rosy brown
 *    #3B0000; burgundy
 *  Burgundy Colors: 
 *    #f7c695; plain text, on-hover (tan)
 *    #3B0000; background (burgundy)
 *    #dddddd; links 
 *  Black Colors:
 *    #663399; plain text, on-hover (purple)
 *    #000000; background (black)
 *    #dddddd; links (grey)
 *
 */ 

/* DEFAULTS */ 
body { 
    margin-top: 5px; 
    margin-bottom: 5px; 
    margin-left: 5px; 
    margin-right: 5px; 
    background-color: #000000; 
    color: #ffffff;
    font-family:"Gill Sans MT", Verdana, Arial, sans-serif;
    font-size: 100%; 
}

a:link { color: #dddddd; text-decoration: none; } 
a:visited { color: #dddddd; text-decoration: none; } 
a:active { color: #dddddd; text-decoration: underline; } 
a:hover { color: #663399; text-decoration: underline; } 

/* this is used to overwrite the default a:hover color in the drop-down menus */
/* not sure how to override it in the 'settings' buttons on the gallery pages */ 
a:hover.yuimenuitemlabel { color: #ffff99; }

hr.light { background-color: #663399; color: #663399; height: 0.25px; width: 80%; }

.portfolioTitle { color: #663399; }
.pageTitle { color: #663399; }

.logo { border: 0px #000000 solid; color: #663399; }
a:link.logo { border: 0px #000000; color: #dddddd; text-decoration: none; } 
a:visited.logo { border: 0px #000000; color: #dddddd; text-decoration: none; } 
a:active.logo { border: 0px #000000; color: #dddddd; text-decoration: underline; } 
a:hover.logo { border: 0px #000000; color: #663399; text-decoration: underline; } 

/* navigation bar */ 
.navbar { color: #663399; font-size: 100%; }
a:link.navbar { color: #dddddd; text-decoration: none; font-size: 100%; }
a:visited.navbar { color: #dddddd; text-decoration: none; font-size: 100%; }
a:active.navbar { color: #dddddd; text-decoration: underline; font-size: 100%; }
a:hover.navbar { color: #663399; text-decoration: underline; font-size: 100%; }

.contact { color: #663399; font-size: 80%; }
.copyright { color: #999999; font-size: 60%; } 
.unauthorized { color: #999999; font-size: 60%; }
.webdesign { color: #999999; font-size: 60%; }
.obscured { color: #000000; font-size: 5%; }

/* 'home' page */
#portfolio {
    width: 1003px;
    margin-left: auto;
    margin-right: auto;
}

/* image alignment - text floating */
img.floatLeft
{ 
    float: left; 
    margin-right: 25px; 
    margin-top: 0px;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

/* frequently asked questions page */
.question { margin-top: 3em; border-bottom: thin #663399 solid; font-style :italic; } 
.answer { text-align: justify; } 
.return { font-style: italic; font-size: 80%; }

/* styles from the master.dwt -- DIV tags */

#container {
    text-align: center;
}

#masthead {
    text-align: center;
}

#navigation {
    text-align: center;
}

#content {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    color: #999999;
}

#sidebar {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    color: #999999;
}

#footer {
    text-align: center;
    font-size: 100%;
}


/* SMUGMUG SPECIFIC */ 

/* LINKS */ 
.nav { color: #dddddd; text-decoration: none; } 
a:link.nav { color: #dddddd; text-decoration: none; } 
a:visited.nav { color: #dddddd; text-decoration: none; } 
a:active.nav { color: #dddddd; text-decoration: underline; } 
a:hover.nav { color: #663399; text-decoration: underline; } 

.photo { border-color: black; } 
a:link .photo { border-color: black; }
a:visited .photo { border-color: black; }
a:active .photo { border-color: black; }
a:hover .photo { border-color: #dddddd; }
a:hover .photoOn { border-color: #dddddd; } 

.imgBorder { border-color: black; }
a:link .imgBorder { border-color: black; }
a:visited .imgBorder { border-color: black; }
a:active .imgBorder { border-color: black; }
a:hover .imgBorder { border-color: #dddddd; }
a:hover .imgBorderOn { border-color: #dddddd; } 

.buttons { border-color: #dddddd; }
a:link .buttons { border-color: #dddddd; }
a:visited .buttons { border-color: #dddddd; }
a:active .buttons { border-color: #dddddd; }
a:hover .buttons { color: #ffffff; border-color: #444444; }

.smbuttons { border-color: #dddddd; }
a:link .smbuttons { border-color: #dddddd; }
a:visited .smbuttons { border-color: #dddddd; }
a:active .smbuttons { border-color: #dddddd; }
a:hover .smbuttons { color: #663399; border-color: #444444; }

.lgbuttons { border-color: #dddddd; }
a:link .lgbuttons { border-color: #dddddd; }
a:visited .lgbuttons { border-color: #dddddd; }
a:active .lgbuttons { border-color: #dddddd; }
a:hover .lgbuttons { color: #ffffff; border-color: #444444; }

.box { border-color: white; background-color: #000000; color: white; }
.boxBottom { border-color: white; background-color: #000000; color: white; }
.boxTop { border-color: white; background-color: #000000; color: white; }
.miniBox { border-color: black; color: white; }

.title { color: white; }
.notopmargin { color: #663399; }

/* suppress display of the user bio */
#userBio { display: block; }
#bioTitle { display: block; }

/* REMOVE THE 'cmdgphoto's Home' text on the homepage */
/* hides your name (including any 's) */
#userName { display: none; }

/* hides the word home */
#userHome { display: none; }

/* after adding top nav- page too busy - remove gallery headings/titles */
/* remove the word 'galleries' */
.homepage #galleryTitle { display: none; }
#galleryTitle { display: none; }
div.boxTop { border-bottom: 0px black hidden; }

/* remove the words 'gallery categories' */
#categoriesBox .boxTop { display: none; }

/* REMOVE THE FEEDS LINK */
#feeds { display: none; }

/* COPIED DIRECTLY FROM ORIGINAL VALUES */ 
/* CURRENTLY DISABLED
.top_border { border-top: solid 1px #666666; }
.bottom_border { border-bottom: solid 1px #666666; }
.right_border { border-right: solid 1px #666666; }
.left_border { border-left: solid 1px #666666; }

.buttons, .smbuttons, .lgbuttons {
    background-color: #000000;
    font-family: verdana, tahoma, sans-serif;
    color: #ffffff;
    border: 1px solid #8CCA1E;
    cursor: pointer;
    font-size: 12px;
}

.smbuttons { font-size: 10px; }
.lgbuttons, #tourBox.box .buttons { font-size: 16px; }

.alertbuttons {
    background-color: #ff0000;
    font-family: verdana, tahoma, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
}

.highlightbuttons {
    background-color: #000000;
    font-family: verdana, tahoma, sans-serif;
    font-size: 12px;
    color: #E61D8C;
    border: 1px solid #ffffff;
    cursor: pointer;
}
*/ 

/* ==================================================== */
/* ==    Four galleries across on the main page     === */
/* ==================================================== */

/* CURRENTLY ENABLED */ 

.miniBox {width:122px; text-align:center; height:210px; margin:25px 28px;}
  .miniBox .photo {float:none; width:122px; height:auto; _height:1px;}
  .miniBox .albumTitle {width:122px;}
  .miniBox .description {width:122px;}
  .miniBox .updated {width:122px;}

.loggedIn .miniBox {height:auto; min-height:200px;}
  .loggedIn .miniBox .smbuttons {margin:25px auto; width:122px;}
  .loggedIn .miniBox input {width:122px;}
  .loggedIn .miniBox textarea {width:112px;}

.boxBottom .albumLarge {width:192px; height:250px; text-align:center; margin:25px 24px;}
  .albumLarge .photoLarge {float:none; width:192px; height:auto; _height:1px;}
  .albumLarge .albumTitle {width:192px;}
  .albumLarge .description {width:192px;}
  .albumLarge .updated {width:192px;}

.loggedIn .boxBottom .albumLarge {height:auto; min-height:250px;}
  .loggedIn .albumLarge .smbuttons {margin:25px auto; width:192px;}
  .loggedIn .albumLarge input {width:192px;}
  .loggedIn .albumLarge textarea {width:182px;}