/* COLORs
______________________ 
brown: rgb(105,98,81)
blue: rgb(159,214,226)
orange: rgb(254,196,108)
red: rgb(210,94,100)
*/
/* GENERAL
______________________________________ */
html, html body{
height:100%;
}
body {
color:rgb(105,98,81);
}
/* LAYOUT DIVs
______________________________________ */
#wrapper{
height:100%;
}
html>body #wrapper{
height:auto;
min-height:100%;
}
#content{
clear:left;
position:relative;
margin:70px 300px 0 192px;
}
#band{
padding-top:70px;
left:0;
width:100%;
height:37px;
background:url("../images/smBlSq.gif") left bottom repeat-x;
}
#band img{
position:relative;
left:186px;
}
#logo a{
position:absolute;
top:35px;
right:15px;
display:block;
height:102px;
width:200px;
text-indent:-9999px;
background:transparent url("../images/smLogoBlog.gif") right top no-repeat;
}
#slogan{
	margin-top: 4px;
	margin-left: 190px;
	font-style:italic;
	}
.article{
	padding-bottom:3.5em;
	/*margin-bottom:2em;
	background:url("../images/divider.gif") 50% 100% no-repeat;*/
	}
#blogNav{
position:absolute;
top:175px;
left:0;
width:160px;
}
#footer {
clear:both;
text-align:center;
font-size:.7857em; /* 11px */
line-height:1.8182em; /* 20px */
margin:4.5454em 0 0 0; /* 50px */
border-top:1px dotted rgb(254,196,108);
}
/* IMAGES
______________________________________ */
.imgL img, .imgR img, .imgC img{
border:1px solid rgb(105,98,81);
}
.imgL p, .imgR p, .imgC p{
margin:0;
padding:0;
font-size:.8571em;
}
.imgL{
float:left;
margin:5px 10px 7px 0;
text-align:left;
}
.imgR{
float:right;
margin:5px 0 7px 10px;
text-align:right;
}
.imgC{
width:100%;
margin:5px 0 7px 0;
text-align:center;
}
.portrait-small{
float:left;
margin:0 .5em .5em 0;

}
/* __________________________________  BLOG NAV */
#blogNav h3{
margin-left:0;
padding:2px 0 2px 3px;
color:white;
letter-spacing:1px;
background-color:rgb(210,94,100);
}
/* __________________________________  BLOG TOOLS/LINKS */
#blogLinksWrapper{
position:absolute;
top:175px;
right:0;
width:260px;
border: 2px solid rgb(159, 214, 226);
border-width: 2px 0 2px 2px;
border-radius: 15px 0 0 15px;
}
}
#blogLinks{
padding:10px 0 0 0;
}
#blogLinks h3{
margin-left:10px;
height:27px;
border-bottom:1px dotted rgb(254,196,108);
clear:both;
}
#olderNewer span{
display:block;
float:left;
}
#olderNewer span.newer{
float:right;
}
#blogNav ul{
margin:.3em 0 1em 1.5em;
text-indent:-.5em;
font-size:.8571em; /*12px */
}
#blogLinks ul{
margin:.3em 0 1em 2em;
text-indent:-.5em;
font-size:.8571em; /*12px */
}
#blogLinks ul li,
#blogNav ul li{
line-height:1.667em; /* 20px */
list-style-image:none;
list-style-type:none;
margin-left:0;
}
h3#links{
text-indent:-9999px;
background:url("../images/links.gif") no-repeat;
}
/* ______________________________________ affiliates */
h3#affiliates{
text-indent:-9999px;
background:url("../images/recommended.gif") no-repeat;
}
#blogLinks .affiliates{
text-align:center;
padding-left:0;
margin-left:0;
}
.affiliates li{
margin-top:10px;
}
#affAsterisk{
position:absolute;
top:0;
left:80px;
text-indent:0;
font-size:26px;
font-family: Georgia, serif;
}
#affNote{padding:0 10px; text-align:center; font-size: 12px;}
/* ______________________________________ books */
h3#books{
text-indent:-9999px;
background:url("../images/books.gif") no-repeat;
}
#booksList{
text-align:center;
}
#booksList img{
margin:5px 0;
border:1px solid rgb(105,98,81);
}
/* ______________________________________ about */
h3#about{
text-indent:-9999px;
background:url("../images/aboutJanine.gif") no-repeat;
}
#aboutBlurb{
padding:.75em 1em .75em 10px;
}

/* ______________________________________ PRIMARY NAV */
ul#primNav {
	position:absolute;
text-indent:0;
text-align:center;
margin:0;
padding:0;
zoom:1;
overflow:auto;
}
ul#primNav li {
margin-left:0;
padding:0;
display:inline;
float:left;
list-style-image:none;
list-style:none;

}
#primNav a{
	display:block;
padding:2px 10px 2px 10px;
color:rgb(105,98,81);
border:2px solid rgb(254,196,108);
border-width:2px 2px 0 0;
}
/* ______________________________________ COMMENTS */
#cmtHeader{
	padding-top:5px;
	margin:0 0 1em 0;
	}
.sharing { 
	border:1px dotted rgb(254,196,108);
	padding: 4px; 
	}
.commentLink{
	float: left;
	display: block;
	padding:  5px 1px 5px 5px !important;
	margin-right: 20px;
	background-color: rgb(254,196,108) !important;
	color: #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
.commentLink span{
	padding: 3px 4px;
	background-color: #fff;
	color: rgb(254,196,108);
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	}
/* ______________________________________ comment form */
#txpCommentInputForm{
margin-top:1em;
font-size:.8571em; /* 12px for whole comment form */
}
#cmtInvite{
padding-top:5px;
margin-bottom:1em;
margin-left:0;
}
#commentForm{
float:left;
width: 60%;
}
#commentForm div{
margin:0 0 1.4em 0;
}
input, textarea{
font-size:inherit;
font-family:inherit;
color: inherit;
padding:4px;
width: 98%;
border:1px solid #9fd6e2;
background-color: #f5faff;
}
#inputName input, #inputEmail input, #inputWeb input{
border-width: 0 0 1px 0;
}
.pds-box input{
border:none;
}
textarea{
	height: 150px;
	border-width: 0 0 1px 1px;
}
input:focus,textarea:focus{
background-color: white;
border-color:rgb(254,196,108);
}
label{
display:block;
margin-bottom:5px;
}
.pds-box label{
display:inline;
float:none;
width:auto;
text-align:inherit;
margin-right:0;
}
.required label{
font-weight:bold;
}
#previewSubmit label{
display:inline;
float:none;
width:auto;
text-align:auto;
}
#previewSubmit input{
	width: auto;
	border: 0;
	padding: 6px;
}
input.button{
cursor:pointer;
padding:2px;
width: auto;
color:white;
background-color:rgb(105,98,81);
}
input.button:hover{
background-color:rgb(254,196,108);
cursor:pointer;
}
input.disabled, input.disabled:hover{
background-color:rgb(178,175,176);
border-color:rgb(178,175,176);
color:rgb(217,216,211);
cursor: auto;
}
#cmtHelp{
float:right;
width:30%;
clear:none;
}
#content #cmtHelp li{
background:none;
margin-left:0;
padding:0;
list-style-image:none;
list-style-type:none;
}
/* ______________________________________ comment display */
.comment{
padding-top:10px;
margin-bottom:10px;
background:url("../images/cmtBorderTop.gif") left top no-repeat;
}
.comment.janine{
background:url("../images/cmtBorderAuthorTop.gif") left top no-repeat;
}
.comment p{
margin-left:10px;
}
p.cmtInfo{
margin:0;
padding:0 0 5px 10px;
font-size:92%;
text-align:right;
background:url("../images/cmtBorderBot.gif") left bottom no-repeat;
}
.cmtInfo.janine{
background:url("../images/cmtBorderAuthorBot.gif") left bottom no-repeat;
}
.cmtInfo a{
color:rgb(105,98,81);
}
.cmtTime{
color:rgb(178,175,176);
}
/* ______________________________________ SEARCH */
#search{
zoom:1;
overflow:auto;
margin:auto 20px 1em 1em;
}
#search input{
float:left;
width: 180px;
}
button{
display:block;
float:right;
width:21px;
height:21px;
margin-top: 5px;
text-indent:-9999px;
background:url("../images/search.gif") 0 0 no-repeat;
border: 0;
}
button:hover{
background-position:0 -60px;
cursor:pointer;
}