/* url:www.tylersturf.net/tspace/recipe-tab/index.html*/

body { font-family: "Comic Sans MS";
 background-color: #ffe79a; font-size: medium;  color: black; }

  #container {
   width: 900px;
  /*border: dotted;*/
}

#header {   width: 100%;
            margin: 0 0 0 10px;
            align-content: center;
            text-align: left;
            border-bottom: 3px solid ridge;
            background-color: inherit; }

#header.idxPg {   width: 100%;
            margin: 0 0 0 10px;
            text-align: center;
            border-bottom: 3px solid ridge;
            background-color: inherit; }
 .picBord { border: 5px #BA0A1C ridge;  }

.hdrPgIdx {
    width: 170px;
    text-align: left;
    float: left;
    padding: 0 15px 0 15px;
    background-color: inherit;
}
.hdrPgIdx225 {
    font-size: small;
    width: 225px;
    text-align: left;
    float: left;
    padding: 0 15px 0 15px;
    background-color: inherit;
}

/*#header h1 { font-size: x-large;
              color: white; }
.idxtop {font-size: 16px;   font-weight: bold; color: white;}
.idx {text-align: center;}*/



#sidebar {
	float: left;
	width: 12.5em;
	padding: 15px 0 15px 0;
	font: 100% 'comic sans ms', Arial, Helvetica, sans-serif;
	font-size: small;
    display: none;
}

#sidebar h3,  #tc-menu p {
	margin-left: 10px;
	margin-right: 10px;
}

#idxMainBody{
   /* align-content: center; */
    /*float left;*/
   /* margin-left: 5px; */
    /*margin-left: 9em;*/
    padding: 15px 0 15px 0px;

/*border: ridge green thin;*/
}



.entry { /*float: left; */
    color: #000000;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    width: 325px;
    height: 325px;
    line-height: 20px;
    font-size: small;
    text-align: left;
  /* border: groove blue 2px;*/
}
.idxBtn { float: left;
    color: #000000;
    margin: 5px 0 5px 0;
    padding: 5px 0 5px 0;
    width: 200px;
    height: 400px;
    font-size: small;
    text-align: center;
}

.contentSubTitle {
  text-align: center;
  font-size: large;
  font-weight: bold;
  color: #000000;
  width: 100%;
  }

.contentEntry {
  float: left;
  text-align: left;
  font-size: small;
  height: 110px;
  width: 400px;
}
.contPic {
  float: left;
/*  width: 125px;*/
  padding: 3px 3px 3px 3px;
 border: #Ba0a1c 2px solid;
} /*  #BA0A1C #B22222 */

.contTxt{
  float: left;
  margin: 0 0 0 10px;
  /*padding: 3px 3px 3px 3px;*/
 height: 125px;
}
a.contTxt {
  font-size: small;
  font-weight: bold;
}

.contBord{
    width: 100%;
    height: 3px;
    background-color: #B22222;
}

/*.name { font-weight: bold; color:#CBEAF6; }*/

.caption {
  text-align: center;
  font-size: 9pt;
  font-style: italic;
  width: 300px;
  line-height: 15px;
}
.child{ font-weight: bold; }

.alert{
    font-weight: bold;
    color: #ffd700;}

.clearfloat{ clear: both; }
#footer{ width:100%; text-align: center; border: solid groove brown;}


.credits {
  font-size: 9pt;
  text-align: center;
  color: #000000;
}
.credits:hover { color: #F69C1E; }
a { color: #000000; }
a:hover { color: #b22222 }/* #FFA500;  */
a.nme { color: #B22222; font-size: 16pt; text-shadow: 1px 1px #c0c0c0;}
a.sub { color: #194D30; font-size: 14pt; text-shadow: 1px 1px #c0c0c0; text-decoration:none;}
a.sublft { color: #194d30; float: left; font-size: 14pt; text-shadow: 1px 1px #c0c0c0;}

h3.nme { text-shadow: 1px 1px #003333; color: #ba0a1c; margin:0 0 0 0; padding: 0 0 0 0;}
.ten { font-size: 10pt;}
.twelve { font-size: 12pt;}
p.cat { font-size: 9pt; font-style: italic; }

p  { font-size: 10pt; margin-top: 0; margin-bottom: 0;}
h6 { font-size: 12pt; margin-top: 0; margin-bottom: 0;}
h5 { font-size: 15pt; margin-top: 0; margin-bottom: 0;}
h4 { font-size: 16pt; margin-top: 0; margin-bottom: 0;}
h3 { font-size: 14pt; margin-top: 0; margin-bottom: 0;}
h2 { font-size: 18pt; margin-top: 0; margin-bottom: 0;}
h1 { font-size: 20pt; margin-top: 0; margin-bottom: 0;}