/* base style sheet for leopoldphoto.com */

body {
    background: Oldlace; color: #682307; 
    font-family:tahoma,arial,sans-serif;
}

#borderthin {
    border: thin #000000 solid;
    }
#borderdotted {
    border: thin #000000 dotted;
    }

a         { color: #682307; text-decoration: underline; background: transparent; }
a:link    { color: #682307; text-decoration: underline; }
a:visited { color: #682307; text-decoration: underline; }
a:hover   { color: #000; text-decoration: none; background: BlanchedAlmond;  }
a:active  { color: #555; text-decoration: none; }

#lft	{text-align:left;}
#ctr	{text-align:center;}
#rgt	{text-align:right;}
#ctrstr	{text-align:center; font-weight: bold;}

#ctrsml {
	text-align:center;
	font-weight: normal;
	font-size: small;
	vertical-align: middle;
	padding: 5px;
}

/*----- Menus -----*/
.menu             { list-style: none; background-color: transparent; }
.menu a           { text-decoration: none; background-color: transparent; height: 154px; }
.menu a:hover     { background: transparent; text-decoration: none; }
.menu a img       { border: 2px solid #682307; padding:0px; margin:0px; }
.menu a:hover img { border: 2px dotted; filter:alpha(opacity=45); -moz-opacity:0.5; opacity:.50; }
.menu a span { display: none; position: relative; 
    bottom: 50px; left: 0px; 
    width:100%; height: 0px; 
    padding: 0px; margin: 0px;
    text-decoration: none; text-align: center; 
    font-weight: bold; font-style: normal; 
    color: #682307;
    }

/* ---- Menu - Index 150px---- */
.menui { width: 360px; height: 360px; margin: 0px auto; }
.menui a:hover span { display: block; font-size: 14pt; }
.mdi { float: left; height: 158px; width: 158px; }

/* ---- Menu - Header 75px---- */
.menuh { width: 550px; height: 100px; margin: 0px auto 5px auto; }
.menuh a:hover span { display: block; font-size: 11pt; }
.mdh { float: left; width:79px; }

/*------- Menu - Text -------------*/
#linklist { list-style: none;
    margin: 0px auto 10px auto; padding: 0px;
    height: 25px; width: 400px; 
    font: 10pt bold;
    text-align: center;
/*    border: dashed #CCC 1px;  */
    }
#linklist li { display: block; float: left; }
#linklist a { display: block; padding: 2px 10px;
    text-decoration: none;
    background: saddlebrown; color: oldlace;
    border-left: 1px solid #fff; border-right: 1px solid #888;
    border-top: 1px solid #fff; border-bottom: 1px solid #888;
    }
#linklist a:hover { background: BlanchedAlmond; color: #682307; }
#linklist a:active { background: #682307; color: oldlace;}


/*----- Index -----*/
.index { 
    height: 650px;
    width: 720px;
    text-align: center; 
    margin: 50px auto;
    }
.index #left {
	float:left;
	width: 475px;
	}
.index #right {
	float:right;
	width:220px;
	}

.index #header { 
    height: 30px; 
    font-size: 28pt;
/*    font-weight: bold;*/
    font-style: normal; 
/*    letter-spacing: +2px; */
    margin: 0px auto 55px auto;
    }

.index #about { 
    font-size: 11pt; 
    font-style: normal; 
    text-align: left;
    padding:50px 5px 10px 10px;
    }

.index .testimonial {
    width: 75%;
    height: auto; 
    }

.index #contactinfo {
    clear: both; float: none;
    height: 30px; width: 100%;
    text-align: center;
    font-size: 11pt; 
    margin: 40px auto 0px auto;
    }

.index #copy {
    height: 20px; width: 100%;
    text-align: center;
    font-size: 9pt; 
    font-style: italic; 
    clear: both;
    }

.index #flashwarn { 
    height: 20px; width: 100%;
    text-align: center;
    font-size: 9pt; 
    font-style: italic; 
    margin: 15px auto;
    clear: both;
    }

/*----- Section -----*/

.section { 
    /*height: 620px; */
    width: 650px;
    text-align: center;
    margin: 10px auto;
    }

.section #lphdr { 
    top: 0px; left: 0px;
    height: 30px; width: 100%;
    font-size: 16pt; font-weight: bold; font-style: normal; 
    }

.section #categ { 
    top: 0px; left: 0px; 
    height: 15px; width: 75%;
    font-size: 14pt; font-style: italic; 
    text-align: right;
    }

.section #lpsv { 
    top: 10px; left: 0px;
    height: 500px; width: 100%;
    background: #Oldlace;
    margin: 0; padding: 0;
    text-align: center;
    }

.sectionArch { 
    /*height: 620px; */
    width: 775px;
    text-align: center;
    margin: 10px auto;
    }

.sectionArch #lphdr { 
    top: 0px; left: 0px;
    height: 30px; width: 100%;
    font-size: 16pt; font-weight: bold; font-style: normal; 
    }

.sectionArch #categ { 
    top: 0px; left: 0px; 
    height: 15px; width: 75%;
    font-size: 14pt; font-style: italic; 
    text-align: right;
    }

.sectionArch #lpsv { 
    top: 10px; left: 0px;
    height: 700px; width: 100%;
    background: #Oldlace;
    margin: 0; padding: 0;
    text-align: center;
    }


/*----- About -----*/

.about { height: 100%; width: 600px; 
    margin: 30px auto;
    text-align: center;
    }

.about #header{ float: left; 
    text-align: center; vertical-align: bottom; 
    height: 100px; width: 200px; 
    font-size: 14pt; font-weight: bold; font-style: normal; 
    }

.about .comment .curvebox { 
    margin: 10px auto 20px auto;
    height: auto; 
    width: 100%; 
    overflow: auto; 
    font-size: 12pt; text-align: left; 
    }

.about .curvebox { 
    margin: 15px auto 20px auto;
    height: 330px;
    width: 95%; 
    font-size: 12pt; text-align: left; 
    overflow: auto; 
    }

.about .boxcontent { 
    }

.about .testbox { 
    height: 330px;
    width: 40%; 
    overflow: auto; 
    margin: 10px auto;
    font-size: 10pt; text-align: left; 
    }
 


/*----- Testimonial -----*/

.testimonial {
    width: 65%; 
    height: 80px; 
    }

/*
.section .testimonial {
    width: 30%; 
    height: auto; 
    }
*/

.about .testimonial {
    position: relative;
    width: 100%; 
    height: auto; 
    }

.testimonial {
    font-size: 10pt; 
    text-align: left; 
    vertical-align: top;
    margin: 10px auto 40px auto;
}

.testcredits {
    height: auto; 
    font-size: 9pt; 
    text-align: left; 
    vertical-align: bottom;
    float: right;
    margin: 0px auto;
    overflow: wrap;
}

/*----- Footer -----*/

.footer { 
    width: 100%; height: 65px; 
    text-align: center;
    vertical-align: bottom;
    clear:both;
    margin: 20px auto;
    }

.footer #links { 
    top: 0px; height: 25px;
    font-size: 10pt; 
    font-weight: bold;
    }

.footer #copy { 
    top: 10px;
    height: 35px; width: 100%;
    font-size: 8pt; 
    font-style: italic; 
    }

/*----- Contact Form -----*/
.cform { left: 5px; width: 500px; }
.cform input, textarea { 
    background-color: BlanchedAlmond; 
    color: #682307; 
}

#privacy { font-size: 10pt; 
    text-align: center; 
    clear: both; 
    margin-top: 25px; 
    }

#thanks {
    clear: both; 
    margin: 15px;
    text-align: center; 
    font-size: 13pt; 
    font-weight: bold;
}

/*----- Form Table -----*/
div.row {
  clear: both;
  padding: 10px auto;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 350px;
  text-align: left;
  margin-bottom: 10px;
  } 

/*----- Curved Text Box -----*/

.curvebox {background: transparent;}
.curvebox .text {margin:0px; padding:10px; overflow:auto;}
.curvebox .boxcontent {display:block; background:transparent; border-left:1px solid; border-right:1px solid;}

.curvebox .r1, .curvebox .r2, .curvebox .r3, .curvebox .r4 {display:block; overflow:hidden; font-size:1px;
.curvebox .r2 {background:transparent; border:1px solid; }
.curvebox .r3 {background:transparent; border-left:1px solid; border-right:1px solid;}
.curvebox .r4 {background:transparent; border-left:1px solid; border-right:1px solid;}

.curvebox .r1 {margin:0 5px; height:1px; background:#682307;} /* match this bgcolor to doc*/
.curvebox .r2 {margin:0 3px; height:1px; border-width:0 2px;}
.curvebox .r3 {margin:0 2px; height:1px; }
.curvebox .r4 {margin:0 1px; height:2px; }

/*-------------------------------------*/