/* Basic css file for Simple Site development. */

        body { 
		margin: 0;
		padding: 0;
		color: #505050;
		background-color: #ffffff;
                font-size: 100%;
	}


        body, h1, h2, h3, h4, h5, h6, ol, ul, li, p {
                font-family: verdana, arial, helvetica, sans-serif;
                color: #615e80;
                background-color: #ffffff;
        }

        p { 
		background-color: #ffffff;
                color: #505050;
                margin: 10px 30px 10px 20px;
                font-size: 90%;
                font-weight: normal;
                text-align: left;
                padding-right: 10px;
        }


        .quote { 
                margin: 10px 100px 40px 100px;
        }


        h1 {
		background-color: #ffffff;
                color: #007e80;
                font-family: verdana, arial, helvetica, sans-serif;
                font-size: x-large;
                font-weight: normal;
                margin-top: 10px;
                padding-top: 10px;
        }


        h2 {
		background-color: transparent;
                color: #007e80;
                font-family: verdana, arial, helvetica, sans-serif;
                font-size: large;
                font-weight: normal;
                margin-top: 40px;
                padding-top: 5px;
                border-top: 1px dotted #649300;
        }


        h3 {
		background-color: #ffffff;
                color: #007e80;
                font-family: verdana, arial, helvetica, sans-serif;
                font-size: 100%;
                font-weight: bold;
                padding-top: 5px;
        }

 
        h4 {
		background-color: #ffffff;
                font-family: verdana, arial, helvetica, sans-serif;
                color: #007e80;
                font-size : 80%;
                font-weight : bold;
        }


        img { 
                border: none;
        }
	

	a:link { 
		background-color: #ffffff;
                color: #76739f; 
                text-decoration: none;
                font-size: 85%; 
                font-weight: bold;
        }

	a:visited { 
		background-color: #ffffff;
                color: #76739f; 
                text-decoration: none; 
                font-size: 85%; 
                font-weight: bold;
        }
	
	a:hover, a:active {
		background-color: #ffffff;
		color: #bd6f00; 
                font-size: 85%;  
                text-decoration: underline;
	}


        ol li { 
                line-height: 1.75em;
                font-size: 90%;
        } 


        dl dt { 
                line-height: 1.75em;
                margin-left: 20px;
                font-size: 100%;
        }

        dl dd { 
                line-height: 1.75em;
                margin-left: 20px;
                font-size: 85%;
        }




        #container {  
                margin: 1em auto;
                width: 800px;
                text-align: left;
		background-color: #ffffff;
		border: 0px solid #bebccf;  
        }


        #header {  
                height: 165px;
                margin: 0px 0px 0px 0px;
		background-color: #ffffff;
                border-bottom: 0px solid #ff66ff;
        }




/* The navigation menu container, styled to float in the
upper-right corner. 

        #menu { 
		float: right;  
		width: 150px;
                padding-left: 12px;
                border-left: 1px dotted #666a83;
        } */


/* The navigation menu container, styled as a horizontal list under
the header. Used in the photo galleries' full image pages. See
menu-horizontal.inc. We should have only one menu.inc file that
contains the links, and put the various CSS div tags around it in the
view.inc files. - Mary 070102 */
 
        #menu-horizontal { 
                position: relative;
/*                height: 30px; */
                margin-top: -20px;
                padding: 0px;
                background-color: transparent;
                font-size: small;
                color: #f8f8f8;
                text-align: right;
                border-bottom: 0px solid #bbb9d5; 
        }

        #menu-horizontal ul { 
                list-style-type: none;
                background-color: transparent; 
        }


        #menu-horizontal li { 
                display: inline;
                margin: 0px;
                padding: 0px 5px 5px 5px;
                background-color: transparent; 
        }

        #menu-horizontal li a:link, #navbox a:visited {
                background-color: transparent;
		color: #877d91;
		text-decoration: none;
                font-weight: bold;
        }

        #menu-horizontal li a:hover { 
                background-color: transparent;
		text-decoration: underline;
                color: #0099ff;
        }

        #menu-horizontal li a:active { 
                background-color: transparent;
		text-decoration: none;
                color: #0099ff;
        }






        #contents { 
/*                background-image: url(../images/watermark.jpg); 
                background-repeat: no-repeat; */
                margin: 0px 200px 0px 0px;
                padding: 0px 0px 100px 0px;
                border: 0px solid #ff66ff;
        }


        #contents img { 
/*                border: 0px solid #d7e7f7; See .index img. */
        }




        #contents-upper-right { 
                float: right;
                width: 198px;
                margin: 20px 0px 10px 10px;
                padding: 0px;
                color: #666666;
                background-color: #ffffff;
                border-left: 1px dotted #e5a7ab;
        }



	#contents-upper-right p {
		font-size: small;
		line-height: 120%;
		text-align: left;
                margin: 0px 0px 0px 0px;
		padding: 10px 10px 0px 10px;
                background-color: #ffffff; 
                color: #877d91;
	}

        #contents-upper-right a { 
                background-color: #ffffff;
        }

	#contents-upper-right ul, ol li a {
                background-color: #ffffff;
                color: #5a0d8f;
		font-size: small;
		line-height: 150%;
		text-align: left;
                margin: 10px 0px 20px 20px;
		padding: 0px 0px 10px 10px;		
	}

        #contents-upper-right-quote { 
                float: right;
                width: 175px;
                margin: 20px 0px 10px 0px;
                padding: 0px;
                border: 0px dotted #ff0000;
        }

        #contents-upper-right-quote p { 
        	font-size: small;
		line-height: 120%;
		text-align: right;
                margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 10px;
                background-color: #ffffff; 
                color: #55ac00;  
        }


        




        #footer { 
                font-size: x-small;
		clear: both;
		height: 30px;
		background-color: #ffffff;
                padding: 5px 0px 10px 0px;
/*                margin: 0px 162px 0px 0px;*/
		border-top: 1px solid #9995cd; 
        }

        #footer p { 
                text-align: center;
        }


 


/* These format the food glossary table imported from mtporg. */

        .glossary { 
                font-size: 90%;
        }

        .glossary table { 
                width: 95%;
                text-align: left;
        }

        .glossary tr { 
                vertical-align: top;
        }

        .glossary td { 
                padding: 10px 10px 20px 10px;     
        }        



/* These are used to format the simplesite gallery table display. The
number of colums is set in simple/gallery.inc $SG_COLUMNS = 3 ; */

        .index { 
                font-size: 90%;
        }

        .index table { 
                width: 98%;
                text-align: center;
                border: 0px solid #3a3a3a;
        }

        .index tr { 
                vertical-align: top;
        }

        .index td { 
                width: 200px;
                padding: 10px;
                font-family: "Futura Lt Bt", verdana, arial,
helvetica, sans-serif;
                text-align: center;
        }


        .index img {
                border: 1px solid #d7e7f7;
        }



/* NOTE: the following gallery selectors were copied from the fs
(flameskimmers.com) project, and originally came from the mtporg
Hidden Canyonlands Gallery. Not all of these are used yet in
simplesite or fs. Mary 12/27/2006 */



/* This is the main gallery container. These rules are used in the
photograph gallery view.php pages.*/

        #gallery-container { 
                margin: 0em auto;
                width: 800px;
                text-align: left;
                color: #82869b;
                border: 0px solid #bebccf;
        }


        #header-gallery {  
                margin: -15px 0px 0px 0px;
                padding: 0px;
                border: 0px solid #ff66ff;
        }


        #header-gallery h1 a { 
                color: #d45002;
                background-color: #ffffff;
                font-family: "Century Gothic", Verdana, sans-serif; 
                font-size: 175%;
                font-weight: normal;
                text-decoration: none;
                border: 0px solid #d7e7f7;
        }


        #gallery-nav { 
                color: #82869b;
                background-color: #ffffff;
                text-align: right;
                font-size: 90%;
                margin: 0px;
                padding: 0px;
                border: 0px solid #ff66ff;
        }



        #gallery-nav img {  /* i.e., the navigation arrows */
                vertical-align: top;
                border: 0px solid #7a85bf;
        } 


        #gallery-image { 
                background-color: #383a41;
                color: #737194;
                text-align: center;
                padding: 35px 80px 10px 80px;
                border: 0px solid #ff66ff;
        }


        #gallery-image img { 
                border: 5px solid #ffffff;
                text-align: center;
        }

        #gallery-desc { 
                background-color: #383a41;
                color: #ffffff;
                margin: 0px;
                padding: 0px 20px 0px 80px;
                border: 1px solid #383a41; 
        }

        #gallery-desc h1 { 
                color: #cbcedb;
                background-color: #ffffff; 
                margin: 0px 0px 5px 0px;
                padding: 0px;
                font-size: 115%;
                text-align: left;
        }
   

        #gallery-desc h2 {  
                color: #b4c4ff;
                background-color: #ffffff;
                margin: 0px 0px 5px 10px;
                font-size: 105%;
                font-weight: normal;
        }

        #gallery-desc p {
                background-color: #ffffff;
                color: #e2e7ff;
                margin: 0px 0px 5px 10px;
                font-size: 90%;
                text-align: left;                
        }


/* Div for the photograph technical info.*/

        #gallery-desc-tech { 
                background-color: #555863;
                margin: 50px 0px 0px 200px;
                padding: 10px;
                text-align: right;
                border: 1px solid #afb8d7;
        }

        #gallery-desc-tech p { 
                color: #d9d9d9;
                font-size: 90%;
                text-align: right;
        }


        .tinyindex { 
                margin: auto;
                padding: 5px;
                text-align: center;
        }

        .label {
                color: #b52600;
                background-color: #ffffff;
                font-family: Univers, "Trebuchet MS", sans-serif; 
                font-size: 100%;
        } 




/*The following control the style and layout of the product view.php
pages. */

        #product {  
/*                background-image: url(../images/watermark.jpg);
                background-repeat: no-repeat; */
                margin: 0px 180px 20px 0px;
                padding: 0 10px 10px 10px;
                border: 0px solid #f2f2f2;
        }

        #product h1 { 
                color: #006282;
                background-color: #ffffff;
                margin: 0px 0px 0px 330px;
        }

        #product-nav { 
                color: #a1a1a1;
                background-color: #ffffff;
                text-align: center;
                padding: 0px 0px 50px 0px;
        }
                
        #product-image { 
                float: left;
                width: 330px;
/*                height: 400px; */
                margin: -25px 0px 15px 0px;
                text-align: left;
                border: 0px solid #ff55ff;
        }

        #product-image img { 
                border: 0px solid #f2f2f2;
        }

        #product-desc { 
                background-color: #ffffff;
                color: #050505;
                margin: 0px 0px 10px 330px;
                border: 0px solid #ff55ff;
        }

        #product-desc p { 
                margin-left: 0px;
                text-align: left;
        }



/* The following were copied from mtporg.css. Use these rules to
format images with text flowing around them. */

.left-floating {
   float: left;
   padding-right: 15px;
   text-align: center;
   background-color: #ffffff;
   color: #809388; 
   font-size: .85em;
}

.right-floating { 
   float: right;
   padding: 0px 0px 15px 15px;
   background-color: #ffffff;
   color: #809388;
   font-size: .9em;
   text-align: center;
}


.center-nofloat p { 
   float: none;
   text-align: center;
   background-color: #ffffff;
   color: #666476 ;
   font-size: small;
   margin: 50px 0px 20px 0px;
   padding: 0px 0px 10px 0px;
   border: 0px solid #dcdbde;
}








/* Copied from mtpcom stylesheet.css. Not used yet. These rules format
a thumbnail image to the left of a paragraph of text. */

        .mainshopping table { 
/*                border: 1px solid #839088;  */
                font-family: arial, hevetica, sans-serif;
                margin-top: 15px;
                font-size: .85em;
                line-height: 1.4em;
                text-align: left;
                width: 100%;
        }

        .mainshopping tr { 

                border-bottom: 1px dotted #809388; 
                vertical-align: top;
        }


        .mainshopping td.image {  
/*                border-right: 1px dotted #c61f32; */
                padding-top: 10px;
                padding-right: 20px;
                padding-left: 75px;
                padding-bottom: 15px;
        }

        .mainshopping td.desc {  
                border-bottom: 1px dotted #809388; 
                padding-top: 10px;
                padding-right: 20px;
                padding-bottom: 15px;
                padding-left: 0px;
        }

        .mainshopping img { 
                border: 1px solid #809388;
        }


        .center { 
                text-align: center;
        }


        .right { 
                text-align: right;
        }


        .left { 
                text-align: left;
        }






/* Black background for Home page. */
        .home { 

                background-color: #000000;
        }






/* The following two selectors were part of the simplesite basic.css
file when I started working on it. I've left them here for now but
have not looked to see if they're used or leftover from
bluebuddhaboutique. Mary 9/9/2006. */



        .headnote {
             position: absolute;
             font-size: small;
             left: 450px;
             text-align: center;
        }



        .navigation { 
             text-align: center;              
        }






/* Leaders are imgs which should be pushed to the left marging, as
   heading markers for a section. */

img.leader {
  float: left;
  padding: 1ex;
  vertical-align: top;
}


/* Squibs are text or images which should be pushed to the right
   margin, such as quotes */

.squib {
         font-size: small;
         text-align: right;
 }

img.squib { 
       float: left;
       padding: 1ex;
}



/* Used by the Back to Top links. From pri-us. */

	.top {
		background-color: #ffffff;
		color: #7e6e00;
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: x-small;
		text-align: right;
                margin: 20px 0px 20px 0px;
	}


/* Emphasis red text bold */


        .red-bold { 
                color: #ff0000;
                font-weight: bold;
        }