/*

Version: 0.93

*/

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

a:active,a:hover{color:white;font-weight:bold;text-decoration:underline;}

li{margin-left:25px;}

#header
{
height:45px;
text-transform:lowercase;
}

#header,#footer
{
background-image:url('http://onethousandseas.org/1000int/includes/headfeet.png');
}

#main {padding-bottom: 45px;}  /* must be same height as the footer */

#footer{margin-top: -46px; /* negative value of footer height */
	height: 45px;}

p{padding-bottom:8px;padding-top:8px;}

/* GENERAL */

body {
margin:0;
background-image:url('http://onethousandseas.org/wp-content/themes/metaphorforlife1/pattern.png');
font-family:'Helvetica Neue','HelveticaNeue',helvetica,sans-serif;
}

img {
border: 0;											/* O */
}

/* EVERYTHING INSIDE */

#content-container {									/*  All content between header and footer.  */
margin:0 auto;
overflow:hidden;
padding-bottom:50px;
padding-top:50px;
width:900px;
/* background-image:url('http://onethousandseas.org/wp-content/themes/metaphorforlife1/how-big-is-this.png'); */
}

/* TOP (POSTS) */

#top-container {										/*  top-container div contains post-container div & optional-sidebar div.  */
margin: 0px auto;
overflow:hidden;
padding: 0px;
width: 900px;
}

.post-container{										/*  post-container div contains date-css div and (inline) post styles.  */
float:left;
margin-bottom: 60px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding: 0px;
text-align:justify;									/*  R  */
width: 700px;
}

.date-css {											
float: left;
font-size:1.5em;										
font-weight:bold;										
text-align:right;
width: 175px;
}

/*  Nothing 										Blog post positioning div is inline.  Why?  See: http://wordpress.org/support/topic/270619  
to
see
here.  */									

.top-align {										/* Makes sure post titles align to top with dates.  */
margin-top:0; 										/*  W  */
}

#meta-info {										/*  "single.php" meta info typography.  */
font-size:x-small;									/*  R  */
font-weight:bold;										/*  R  */
}

.boldnspace {										/*  Bolds and spaces apart when needed.  */
font-weight:bold;										/*  R  */
margin-top:60px;										/*  R  */
margin-bottom:15px;									/*  R  */
}

.comment-space-indiv {									/*  Spaces comments apart.  */
border-top:1px solid;									/*  R  */
margin-bottom:15px;									/*  R  */
padding-top:15px;										/*  R  */
}

.comment-justify {									/*  Pretties up comment-to-avatar spacing by justifying.  */
text-align:justify; 									/*  O  */
}

.avatar {											/*  Spaces avatars in relation to comments.  */
float:right;										/*  R  */
padding-left:5px;										/*  R  */
}

#response-field-pos {									/*  Spaces response fields down from rest of the page.  */
margin-top:60px;										/*  R  */
}

#comment {											/*  Adjusts width of comment box or it would be all over the page.  */
width:500px;										/*  W  */
}

.navigation {										/*  Positions navigation, fixes tricksyness if styles aren't clearly spelled out.  */
margin-left : 200px;
margin-right : 200px;
padding-bottom : 120px;									/*  W  */
padding-top: 60px;									/*  W  */
text-align:center;									/*  W  */							
width : 500px;										/*  W  */
}

#pastnav {
float:left;
font-weight:bold;
text-align:left;
}

#futurenav {
float:right;
font-weight:bold;
text-align:right;
}

.sticky {											/*  Sticky post typography.  */
font-size:x-large;									/*  R  */
}

/* BOTTOM & RIGHT (SIDEBARS) */

#optional-sidebar {
float: right;
width: 175px;
}

.widget-title,#left-sidebar,#right-sidebar,#optional-sidebar {		/*  Sidebar typography.  */
font-size:small; 										/*  O  */
}

.optional-sidebar-widgettitle {
font-size:1.5em;
margin-top:0;
margin-bottom:15px;
}

.nobullets {										/*  No bullets in widget titles.  */
list-style:none; 										/*  O  */
}

/* CSS CLASSES REQUIRED BY WORDPRESS */

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin-right:5px;
}

.alignright {
float: right;
margin-left:5px;
}