/* CSS TEMPLATE FOR "a quest for light" site - header and footer*/
/* DEVELOPER Fredrik Holmen 2005 <fredrik.holmen@lycka.com> */
/* 11 September 2005 */


/*  Establish general layout parameters */
		
body	{
	margin: 0;
	padding: 0;
	}

#wrapper{
	margin: 0 auto;
	width: 594px;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 604px;
	margin-top: 14px; 
	}

body>#wrapper	{
	width: 594px;
        margin: 0 auto;
	} 

#logo {
			margin-top: 0px;
			margin-left: 0px;
			margin-bottom: 0px;
			height: 40px;
			width: 200px;
			float: left;
			background-image: url('/pics/rainbow.png');
			background-repeat: repeat-x;
			}

#header  { } /* If we will need it later on */

#pagebody {
	text-align: left;
	background: transparent;
	clear: both;
	}
			
#left_menu
{
	float: left;
	margin: 15px 0 0 0; 
        padding:0;
        width: 140px;
        }

#right_menu
{
	float: right;
	margin: 15px 0 0 0;
        width: 140px;
	}

#maincontent
	{
	  margin: 15px 140px 0 0px; 
	  text-align: justify;
	}

#maincontent_right
	{
	  margin: 15px 0px 0 140px; 
	  text-align: justify;
	}
	
#maincontent img {
	margin: 0;
	padding: 0;
	border: 0;
	}

#footer {
	border: 0;
	border-top: 1px solid black;
	padding: 5px 0px 0px 0px;
	text-align: center;
	clear: both;
	font-size: xx-small;
	}

/* Common elements */

#img {
	margin: 0;
	padding: 0;
	border: 0;
	}

a.image, a.image:link, a.image:visited, a.image:active, a.image:hover
	{
	text-decoration: none;
	border: none;
	}

/* Navigation */
#nav 
        {
          font-size: 12px; 
          text-align: center; 
          clear: both;
          border-bottom: 1px solid black;
          margin-top: 10px; /* BMH */
          voice-family: "\"}\""; 
	  voice-family:inherit;
	  margin-top: 25px; 
	}

div>#nav{
        margin-top: 10px;
	} 
         

#nav ul
        { 
          height: 23px;
          margin: 0px;
          list-style: none; 
         }

#nav li 
       {
         padding: 0;
	 display: inline;
       }

/* Links */

a:link, a:visited  { 
                          color: green; 
                          font-weight: bold;
                          text-decoration: none;
                         }

a:active, a:hover {
                           color: gray;
                           margin: 0;
                           padding-bottom: 1px;
                           text-decoration: underline; 
                          }
	
#nav a:link, #nav a:visited { 
                                          color: black; 
                                          font-family: courier new, sans-serif; 
                                          font-size: small;  
                                          padding: 0 10px;
                                         }

#nav a:active, #nav a:hover { 
                                            color: gray;
                                            font-family:  courier new, sans-serif;
                                            font-size: small; 
                                            padding-bottom: 1px;
                                           }

#subnav a:link, #subnav a:visited {
                                            color: green; 
                                            font-family: verdana, sans-serif; 
                                            font-weight: bold; 
                                            line-height: 13px;
                                            text-decoration: none;
                                           }

#subnav a:active, #subnav a:hover {
                                            color: gray; 
                                            font-family: verdana, sans-serif; 
                                            line-height: 13px;
                                            text-decoration: underline;  
                                            padding-bottom: 1px; 
                                           }

/*Subnav */
#subnav	{
	margin: 0px 0 25px 0;
	padding: 0 3px 0 10px;
	}

#subnav ul {
	padding: 0 0 0 5px;
	text-align: left;
        margin: 0;
	}
	
#subnav ul li {
	 list-style-type: none;
        font-size: x-small; 
        padding: 0;
       } 

#subnav dl	{
	margin: 0;
	padding: 0;
	}
	
#subnav dt {
	font-family: courier new, sans-serif; 
        font-weight: normal;
	font-size: small; 
        margin: 10px 0 0 0;
        border-bottom: 1px solid black;  
        } 

#subnav dd {
	padding: 0;
	margin: 2px 0 5px 0;
	}   

/* Article */

.article_head {
                     margin-top: 10px;
                    }
	
/* Amazon adds */
			
.amazon_cd {
		width: 120px;
		}
		
.amazon_cd ul {
			list-style-type: none;
			list-style-image: none;
			margin-top: 0pt;
			}

.amazon_cd li {
			float: left;
			text-align: center;
    		        margin-top: 0pt;
    		     }
    		
.amazon_cd a img {
    		margin-right: 4px;
    		margin-bottom: 2px;
    		border: 1px gray;
    		width: 50px;
    		height: 50px;
			}
.amazon_cd a:link, .amazon_cd a:visited, .amazon_cd a:active, .amazon_cd a:hover
	{
	
	}

/* Gallery */
	
.gallery {
		margin: 10px 3px 10px 3px; 
		width: 190px;
		height: 190px;
		border: 1px solid gray;
		float: left;
		text-align: center;
	     }
		
.gallery h3 {margin: 0; 
		 padding: 3px;
			font-family : verdana, sans-serif; 
			color: gray; 
			font-weight: normal; 
			font-size: small;
			font-variant: small-caps;
			font-style: normal;
			letter-spacing: 3px;}

.gallery img {margin: 0px 20px 20px 20px; border: 1px solid black;}

.gallery:hover {background-color:  #006;}
			
#illustration {clear: both; vertical-align: middle; padding: 5px; margin: 0 0 10px 0;}

.ice_blurb {
			margin: 0px 10px 0 10px;
			height: 30px;
			width: 30px;
			float: left;
background-image: url('/pics/prism_40_pnk.png');
			background-repeat: repeat-x;
                  }



.blurb, .pink_blurb, .gray_blurb, .ice_blurb, .green_blurb, .orange_blurb
                {
			margin: 0px 10px 0 10px;
			height: 30px;
			width: 30px;
			float: left;
                  }



.blurb, .orange_blurb         {
		        background-image: url('/pics/prism_40_org.png');
			background-repeat: repeat-x;
			}

.green_blurb {
                        background-image: url('/pics/prism_40_org.png');
			background-repeat: repeat-x;
                  }

.gray_blurb {
                        background-image: url('/pics/prism_40_gry.png');
			background-repeat: repeat-x;
                  }

.pink_blurb {
                        background-image: url('/pics/prism_40_pnk.png');
			background-repeat: repeat-x;
                  }

.divider {
             display: none;
             margin: 0 0 10px;
}

/* Typography */

#header h1 { 
                    font-weight: normal; 
                    font-stretch: expanded; 
                    text-align: right;
                    font-size: 16pt;
                    font-family: courier, courier new, sans-serif; /* bmh */	
	            voice-family: "\"}\""; 
	            voice-family:inherit;
                    font-family: courier new, sans-serif;
	            }

div>#header h1 {
        font-family: courier, courier new, sans-serif;
	} 
                   

h3 {margin: 0px;  
			 padding: 0px;
			 font-family : verdana, sans-serif; 
			 color: gray; 
			 font-weight: bold; 
			 font-size: 12pt;
			 font-variant: small-caps;
			 font-style: normal;
			 letter-spacing: 2px;}


h4 { font-family: courier new, sans-serif; font-style: normal; color: gray; font-weight: normal; font-size: 10pt; margin-top: 0;}


p, blockquote, li
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Arial, Helvetica, sans-serif, sans;
       font-size: 75%;
       line-height: 130%;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

.nomargin {
                 margin: 0;
                 padding: 0;
                }

.small {
            font-size: x-small;
          }

.centered_small {
            font-size: x-small;
                         text-align: center;
          }

blockquote
{
	margin-left: 20px;
	margin-right: 0px;
}
    

#footer p {
	text-align: center;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: xx-small;
	}

/* Comment Styling */

.commentsmade  {
                          margin-left: 10px;
                          margin-top: 20px;
                          }

.comments {
	                 list-style-type: none;
                        margin: 10px 40px 0 5px;
                        padding: 0;
                        }

.c_head {
              border-top: 1px solid black;   
             }

.c_body {
              border-top: 1px solid #ffcccc;
              margin: 13px 0 15px 0;
              padding: 3px 0 0 20px;
              font-size: 11px;
              /*clear: both;*/
             }

.c_name {
              float: left; 
              padding-left: 1px;
              font-size: 10px;
              font-weight: bold;
              }

.c_date   {
               margin-right: 5px;
               float: right;
               font-size: 10px;
              }


/* Comment entry form */

#txpCommentInputForm {
                                      font-family: Verdana, Arial, Helvetica, sans-serif;
                                      font-size: 12px;
                                      padding: 10px;   
	                              margin: 0px auto 0px auto;
                                      text-align: left;
                                      }


/* email form */
.emailform form
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 10px;
	margin: 0px auto 0px auto;
}

/* Generic form styling */
form input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2px 0 2px 0;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;	
}

/*Wider formfields for comment and mailform*/
.txpCommentInputMessage {
	width: 320px;
}


/*Form fields on focus effect (when user click on that input field)*/
form input:focus, form textarea:focus {
        border: 1px solid black;
}

.txpCommentInputMessage, .emailform textarea {
                               font-family: Verdana, Arial, Helvetica, sans-serif;
	                       font-size: 11px;
	margin: 2px 0 2px 0;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;	
                              }

/*Don't show textarea scrollbar on IE*/
textarea{
	overflow: hidden;
}

.clientDetails
{
	padding-right:15px;
	margin-right:15px;
}

#post
{
	font-weight: bold;
        width: 60px;
        padding: 1px;
        border: 1px solid green;
}

#reset {
             padding: 1px;
             border: 1px solid green;
             width: 50px;
            }

.button
{
	font-weight: bold;
        width: 100px;
        padding: 1px;
        border: 1px solid green;
}

#post:hover, #reset:hover, .button:hover {
                     padding: 0px;                   
                     border: 2px solid green;
                   }

#searchform{
	            font-family: courier new, sans-serif; 
                    font-weight: normal;
	            font-size: small; 
                   }

/* Other */

.book {	
	list-style-type: none;
	border-bottom: thin dashed green;      
	}

/*THE SEARCH HIGHLIGHT*/
.highlight{
	font-weight: bold;
	text-decoration: underline;
	}

.green {background: #33cc00;}
.pink {background: #ffcccc;}
.yellow {background: #fdff34;}
.blue {background: #6699ff;}
.black {background: black;}
.white {background: white;}
.red {background: red;}