/*

Description: Jen Delk's adaptation of the Sand theme from Mike Little's Journalized
Version: 1.00 Released 13 Mar 2005
Author: Mike Little
Author URI: http://zed1.com/journalized/

Credit for the original concept and core of the layout comes
courtesy of Rob Chandanais via: http://bluerobot.com/web/layouts/layout3.html
*/

body {
    
    margin: 20px;
    padding: 0px;
    font: 1.0em  sans-serif; 
    color: #333333;
    background-color: #ffffff;
}

 #header {
	height: 218px;
	margin: 0 auto 0 auto;
	padding: 0px 0 5px 0; /* Is this necessary? */
	background: url("images/header.jpg") no-repeat center;
	}
	
h1 {
font-size:1.0em; 
	padding: 0; 
	margin:0 0 1em 0;

}
h2 {
    margin: 12px 210px 10px 190px;
    padding: 1px 4px 1px 4px;
    color: #999;
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    min-width: 120px;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    border: 1px solid #ffffff;
    font-size: .95em;
     font-weight: 300 ;
}

h3 {
   margin: 0px 0px 5px 0px;
   padding: 0px;
      font-weight: 300 ;
}

h4 {
    
    border: 1px solid  #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 2px 4px 2px 4px;
        font-weight: 300 ;
}

	
	
	
img {
    border-style: none;
}

.images {
    padding: 2px;
    background: transparent;
    border: none;
}

img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { margin: 5px; padding: 5px; border: solid 1px #333333; background: #ebebeb; font-size:90%; color: black }









abbr {
    cursor: help;
}

.storyTitle {
letter-spacing: 1px;
	font-weight: normal;
	line-height: 1em;
	font-size: 1.6em;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}


.storyTitle h1 {
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 1.25em;
	}

.storyTitle h2 {
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 1.25em;
	}

.storyTitle h3{
font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 1px;
	
}

.storyTitle h4 {
	font-size: 1em;
	}

.storyTitle p {
	margin-top: 1em;
	margin-bottom: 1em;
	}

	

.storytitle a:link {
color: #3A3333;
	text-decoration: none;
}

.storyitle a:hover {
	color: #147;
text-decoration: none;
}
.storytitle a:visited {
	color: #3a3333;
text-decoration: none;
}
.storyCategory {
    font-weight: 400;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
.storyAuthor {
    font-weight: 600;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
p {
margin: 0 0 10px 0;
    padding: 2px;
    font-size: .85em;
}

#headerMessage {
    margin: 0px 0px 0px 0px;
    padding: 2px;
}

pre {
    font: fixed;
}
 a:link {
	color: #3a3333;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: none;
		}

a:visited {
	color: #147;
	text-decoration: underline;
	}

a img {
	border: none;
	}
	

	
.commentHeader {
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    margin: 10px 10px 10px 10px;
   border: 1px solid  #ffffff;
        padding: 10px;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    
    font-weight: 600;
}

/* All the content boxes belong to the content class. */
.centreblock, .navigation {
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    min-width: 120px;
    margin: 0px 210px 20px 190px;
border: 1px solid  #ffffff;
    padding: 10px;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}
.centreblock>p {margin: 0 0 10px 0;}
.centreblock>p+p {text-indent: 30px;}
.meta {font-size: .72em; margin: 0 0 10px 0;}
.meta ul {
  display: inline;

}

.meta li  {
    display: inline;
	list-style-type: none;
	 
}

.centreblock ul{
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}

.centreblock li {
	font-size: .85em;
}

.storyContent ul li {
	list-style-type: disc;
	margin-left: 10px;
	padding-left: 5px;
}

.centreblock h4 {
border: 1px solid  #ffffff;
    margin: 14px 0px 2px 0px;
}

.navigation {
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
    min-width: 120px;
    margin: 0px 210px 10px 190px;
  border: 1px solid #ffffff;
    background: #ffffff;
    padding: 2px;
    z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
     font-size: .85em;
      text-align: center;
}

.navigation a:link {    color:  #3A3333; text-decoration: none;}
.navigation a:hover {   color: #147; text-decoration: none;font-weight: bold;}
.navigation a:visited {   color: #3A3333; text-decoration: none;}

.meta a:link {    color:  #3A3333; text-decoration: none;}
.meta a:hover {   color: #147; text-decoration: none;}
.meta a:visited {   color: #3A3333; text-decoration: none;}


.storyContent {
        font-size: .90em;
	
}
.storyContent a:link {    color:  #147; text-decoration: none;}
.storyContent a:hover {   color: #147; text-decoration: none; font-weight: bold;}
.storyContent a:visited {   color: #147; text-decoration: underline;}




.storyCommentContent {
border: 1px solid  #ffffff;
    width: auto;
    margin: 10px 10px 10px 10px;
    padding: 10px;
}

.storyLinks {
    text-align: right;
    margin: 8px;
    font-size: .75em;
}

.storyLinks a:link {    color:  #147; text-decoration: none;}
.storyLinks a:hover {   color: #147; text-decoration: none; font-weight: bold;}
.storyLinks a:visited {   color: #147; text-decoration: underline;}

blockquote {
    margin: 0.5em;
    color: #333333;
    padding: 4px;
  /*border: 1px solid #000000;*/
background: #ebebeb;
}

q {
    color: #333333;
 
}

#leftside {
    position: absolute;
    width: 168px;
    top: 250px;
    left: 20px;
    padding: 5px;
    z-index: 1;
    voice-family: "\"}\"";
    voice-family: inherit;
}
body>#leftside {width: 168px;}

#leftside a:link {    color: #3A3333; text-decoration: none;}
#leftside a:hover {   color: #147; text-decoration: underline;}

#leftside ul {
	list-style-type:none; 
	list-style-image: none;
	padding: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
font-size:.85em;	
}
	
#leftside  li {
	list-style-type:none; 
	list-style-image: none;
	margin-bottom: 5px;
	border-top: 1px solid #999;
	}
#leftside  li  h2 {
margin: 5px 0px 0px 0px;
	font-size: 1.15em;    
	font-weight: normal;
	color: #999;
	letter-spacing: 1px;
}
	

#leftside  li ul {
	margin-top: 5px;
	margin-left: 15px;
	}

#leftside  li ul li {	
	border-top: none;
	margin-top: 3px;
	margin-bottom: 0px;
	}




.sideSection {
border-top: 1px solid #999;
    color: #333333;
    padding: 4px;
    margin: 0px 0px 15px 0px;
}


.sideSection p {
	font-size:.75em;
	}
	

.sideSection ul {
	list-style-type:none; 
	list-style-image: none;
	padding: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
	font-size:.85em;
	}
	
.sideSection ul li {
	list-style-type:none; 
	list-style-image: none;
	margin-bottom: 3px;
	}
.sideSection ul li  h2 {
margin: 5px 0px 0px 0px;
	font-size: 1.15em;
	font-weight: normal;
	color: #999;
	letter-spacing: 1px;
}
	

.sideSection ul li ul {
	margin-top: 5px;
	margin-left: 15px;
	}

.sideSection ul li ul li {
	margin-top: 3px;
	margin-bottom: 0px;
	}

	
.sideSection h2 {
	margin: 5px 0px 0px 0px;
	font-size: 1.15em;
	font-weight: normal;
	color: #999;
	letter-spacing: 1px;
	}

.sideSection a:link {
	text-decoration:none; 
	color: #3A3333; 
	}
	
.sideSection a:hover {
	color: #147; 
	text-decoration:underline;
	}
	
	
#rightside {
    position: absolute;
    width: 190px;
    top: 250px;
    right: 20px;
    padding: 5px;
    z-index: 1;
    voice-family: "\"}\"";
    voice-family: inherit;
}
body>#rightside {width: 188px;}
#rightside a:link {    color: #3A3333; text-decoration: none;}
#rightside a:hover {   color: #147; text-decoration: underline;}



#chaff {
    text-align: right;
    font-size: 75em;
}


.centerP {
    text-align: center;
}

#contentcomments input, #centreblock input, #menu input {
    margin: 1px;
    padding: 1px 1px 4px 1px;
    border: 1px solid  #ffffff;
    
    background: #ffffff;
}
#contentcomments textarea, #centreblock textarea, #menu textarea {
    margin: 1px;
    padding: 1px;
    border: 1px solid  #ffffff;
    background: #ffffff;
   
}
.commentfield {
    margin-bottom: 4px;
}

.blogrollmain {
    margin-bottom: 4px;
}

div.NOCSS {display: none;}

.buttonarea {
    background: #white;
}

span.searchword {
    background-color: white;
}
#wp-calendar {
	empty-cells: show;
	margin: 0px auto 0px auto;
	width: 140px;
	}

#wp-calendar #next a {
	font-size: 100%;
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	font-size: 100%;
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	font-size: 1.2em;
	color: #333333;
	letter-spacing: 1px;
	}

#wp-calendar th {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }