/*
Theme Name: Accidental Greyscale
Theme URI: http://www.wpdiva.com/themes/25/accidental-greyscale.html
Description: Two column, fluid greyscale WordPress theme.
Author: WordPress Diva
Author URI: http://www.wpdiva.com/
Version: 1.0.1 UPDATED BY JERRY PEEK, sites4people.com; MY VERSION NUMBER HERE:
*/

/* $Id: style.css,v 2.7 2013/04/22 20:38:21 jpeek Exp u60130730 $ */

/* =================================
All Rights Reserved.

You are free to use and modify this theme
as long as the included attribution links 
remain intact.

For more information, see:
http://www.wpdiva.com/themes/legal/theme-use/

Please note: There are a number of empty CSS 
elements. This is intentional and are there so you 
can have maximum flexibility with customizing 
specific theme elements.

For more information, see:
http://www.wpdiva.com/themes/read-me/css/
================================== */
#content,#header,#sidebar {
  overflow:hidden;
}

body {
  background:#BDBDBD;
  color:#000;
  font:75%/140% Verdana, Arial, Geneva,sans-serif;
  text-align:center;
  margin:0;
  padding:0;
}

a {
  background:inherit;
  color:#888;
  border-bottom:1px solid #BDBDBD;
  text-decoration:none;
  padding:2px 0;
}
a img {
  border:none;
  text-decoration:none;
}

blockquote {
  background:#E1E1E1;
  color:#444;
  padding:10px;
}
blockquote cite {
  background:inherit;
  color:#888;
  border-top:1px solid #ccc;
  display:block;
  font-style:normal;
  padding:2px;
}

abbr,acronym {
  cursor:help;
}

code,pre,abbr,acronym {
  font:1em/1.5em "Courier New", Courier, monospace;
  overflow:auto;
}

h1,h2,h3,h4,h5,h6 {
  font-family:"Times New Roman", Times, serif;
  line-height:110%;
  font-weight:400;
  letter-spacing:1px;
}

fieldset {
  border:none;
}

/* 
 * Changed 8/26/13 by Jerry Peek to separate the textarea CSS from this and
 * add border style for input box (from www.sitepoint.com/style-web-forms-css/)
 */
input {
  font-family:Verdana, Arial, Geneva, sans-serif;
  padding:2px;
  border:1px solid #888;
  color: #444;
}

input.submit {
  color: #888;
}

textarea {
  font-family:Verdana, Arial, Geneva, sans-serif;
  padding:2px;
}

ul {
  list-style:square;
}

/* let's get specific  */
#wrap {
  border:1px solid #8A8A8A;
  background:#FFF;
  color:#000;
  font-size:1em;
  line-height:1.75em;
  letter-spacing:0.1em;
  text-align:left;
  width:96%;
  margin:25px auto;
  padding:10px;
}

/* Header  */
#header {
  background:#EAEAEA url(images/header-bg.gif) no-repeat;
  border-bottom:1px solid #BDBDBD;
  color:inherit;
  text-align:center;
  padding:10px;
}
#header h1 {
  font-size:2.75em;
  line-height:115%;
  margin:2px;
}
#header h1 a {
  background:inherit;
  text-decoration:none;
  color:#000;
}
#header p.blogdescription {
  font-size:0.75em;
  margin:5px 0;
  padding:0;
}

/* Content  */
#content {
  float:left;
  width:70%;
  margin:30px 0;
}

/* blog posts  */
.post {
  background:url(images/divider.gif) no-repeat 50% 100%;
  margin-bottom:10px;
  padding-bottom:30px;
}

.authormeta {
  font-size:0.9em;
  margin:2px 0;
}

.postmeta {
  border-top:1px dotted #000;
  font-size:0.9em;
  padding:5px;
}

.postdate {
  background:#EAEAEA url(images/header-bg.gif) no-repeat;
  border-bottom:1px solid #BDBDBD;
  color:#999;
  text-align:right;
  margin:25px auto;
  padding:5px;
}

.posttitle {
  font-size:2.5em;
  line-height:150%;
  margin:2px 0 5px;
}

/* post content headings  */
.postcontent h3 {
  font-size:2em;
  border-bottom:1px solid #aaa;
  line-height:150%;
}
.postcontent h4 {
  font-size:1.75em;
  border-bottom:1px solid #aaa;
  line-height:150%;
}

/* single page meta info  */
.metawrap {
  font-size:0.9em;
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;
  margin:25px 0;
  padding:5px;
}

.interact {
  background:#F1F1F1;
  color:inherit;
  margin:5px 0;
  padding:10px;
}

/* blog comments  */#commentwrap {
  border:1px solid #ddd;
  color:inherit;
  background:#f1f1f1;
  padding:15px;
}

#comments {
  font-size:1.5em;
}
#comments big {
  text-decoration:underline;
}

#respond {
  font-size:2.5em;
}

.commentmetadata {
  border-top:1px solid #AAA;
  font-size:0.9em;
  margin:2px 0;
}

#commentlist li {
  margin:20px auto 35px;
  padding:15px;
}
#commentlist li.alt {
  background:#EAEAEA url(images/header-bg.gif) no-repeat 0 -75px;
  color:inherit;
  border-top:1px solid #777;
  border-bottom:1px solid #777;
}

/* comment form  */
#commentform dd {
  margin:5px 0 15px;
}

/* Sidebar  */
#sidebar {
  float:right;
  width:25%;
  margin:30px 0;
}
#sidebar ul ul {
  margin:0 5px 30px 10px;
}
#sidebar ul ul ul {
  margin:0 0 0 25px;
}
#sidebar li h2 {
  font-size:2em;
  line-height:115%;
  margin:5px 0;
}

/* search box  */
#sidebar li#search {
  margin-bottom:30px;
}
#sidebar li#search dd {
  margin:0;
}
#sidebar li#search input#s {
  width:75%;
}

/* calendar  */
#wp-calendar {
  background:#E1E1E1;
  color:#444;
  width:98%;
  text-align:center;
  padding:10px;
}
#wp-calendar caption {
  border:1px solid #e1e1e1;
  text-transform:uppercase;
}
#wp-calendar th {
  background:#FFF;
  border-bottom:1px solid #999;
  color:#000;
}

/* Footer  */
#footer {
  background:#E1E1E1;
  color:#444;
  clear:both;
  /* background:transparent; */
  font-size:0.85em;
}
#footer table {
  /* same width as wrap (in other words, 100% of 96%) */
  width: 100%;
}

/* Various Classes & Image Alignment  */
.center {
  text-align:center;
}

.floatleft {
  float:left;
  margin:5px;
}

.floatright {
  float:right;
  margin:5px;
}

img.center {
  display:block;
  margin:10px auto;
}
img.left {
  display:inline;
  margin:0 10px 5px 0;
}
img.right {
  display:inline;
  margin:0 0 5px 10px;
}

.navigation {
  margin:25px auto;
}

.previouslink {
  float:left;
  width:45%;
  text-align:right;
}

.nextlink {
  float:right;
  width:45%;
  text-align:left;
}

a:hover, .posttitle a {
  background:inherit;
  color:#000;
}

hr,legend,#sidebar li#search label {
  display:none;
}
hr.display {
  display:block;
}

.singlemeta,#footer p,#footer p.credit {
  margin:5px 0;
}

#commentlist,#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
}

#commentform input#author,#commentform input#email,#commentform input#url,#commentform textarea {
  width:98%;
}