/*   
Theme Name: Clean-and-plain
Theme URI: http://www.sandrosalsi.com/blog/1015/free-wordpress-theme-clean-and-plain/
Description: A clean and simple theme that just works. Fixed width, two columns, left sidebar, standards compliant.
Author: Sandro Salsi
Author URI: http://www.sandrosalsi.com/about.html
Version: 1.0.6
.
Tags: fixed-width, two-columns, right-sidebar, blue, white, light, threaded-comments

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
.
*/

body {
font-size: 100%;
font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
color : #333;
/* background : #fff url(images/bg.jpg) repeat-x; */
}
#page
  {
    /* Use a 12px base font size with a 16px line height */
    font-size: 0.75em; /* 16px x .75 = 12px */
    line-height: 1.333em; /* 12px x 1.333 = 16px */
background: transparent url(http://www.dearjanit.com/wp-content/uploads/2010/05/janit-eating-sml.jpg) no-repeat top right;
  }
small {
font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
font-size : 80%;
}
#header h1{
width: 550px;
height:80px;
text-indent: -999999px;
background: white url(http://www.dearjanit.com/wp-content/uploads/2010/05/dear-janit-header.jpg) no-repeat top left;
padding:0;
margin:0;
}
h1, h2, h3, h4, h5, h6 {
font-weight : bold;
text-align : left;
line-height:1.3em;
}
h1 {
font-size : 2.4em;
}
h2 {
font-size : 2em;
}
h3 {
font-size : 1.2em;
}
h4 {
font-size : 1em;
}
pre {
overflow : auto;
}
acronym, abbr {
font-size : 0.9em;
letter-spacing : 0.07em;
cursor : help;
border-bottom : 1px dashed #999;
}
strong {
font-weight: bold;
color : #333;
}
  a:link
  {
	color:#000000;
	text-decoration:none;
	font-weight:600;
  }

  a:visited
  {
	color:#000000;
	text-decoration:none;
	font-weight:600;
  }

  a:hover,
  a:focus
  {
	color:#FF6600;
	text-decoration:none;
	font-weight:600;
  }

  a:active
  {
	color:#FF6600;
	text-decoration:none;
	font-weight:600;
  }


postmetadata a, postmetadata a:hover {
font-weight: bold;
}
hr {
display : none;
}
a img {
border : none;
}
body {
margin : 0;
padding : 0;
}
#page {
margin : 0 auto;
padding : 0;
width : 960px;
}
#header {
margin : 0 20px;
}
#wrapper {
padding : 19px;
width: 920px;
clear:both;
}
#content {
margin : 0;
padding : 0;
width : 580px;
float : left;
}
#sidebar {
width : 260px;
float : right;
margin : 0 0 0 30px;
padding : 20px 0;
}
#footer {
margin : 20px auto;
clear : both;
}
#headerimage {
padding : 0;
}
#header h1 {
margin : 10px 0;
}
#header .description {
font-size : 150%;
padding-bottom: 24px;
}
#hmenu {
border-bottom : 1px solid #eee;
height : 24px;
margin:0 20px;
}
#hmenu ul {
list-style : none;
margin : 0;
padding : 0;
}
#hmenu li {
background : #eee;
float : left;
display : inline;
margin : 0;
padding : 0;
position : relative;
}
#hmenu li:hover {
background : #ddd;
}
#hmenu li a {
display : block;
padding : 0 0.8em;
text-decoration : none;
line-height : 25px;
font-size : 1.3em;
background : none;
}
#hmenu li ul {
display : none;
position : absolute;
z-index : 99;
}
#hmenu li:hover ul {
background : #fff;
border : 1px solid #999;
display : block;
left : 0;
min-width : 150px;
top : 2.2em;
white-space : nowrap;
}
#hmenu li:hover li {
background : #fff;
display : block;
float : none;
font-size : 0.9em;
margin : 0;
padding : 0;
}
#hmenu li:hover li:hover {
background : #eee;
}
#hmenu li:hover li a {
padding : 0 0.5em;
}
#hmenu ul li#hmenu_rss a {
background : url('images/rss.png') no-repeat 5px 6px;
padding-left : 25px;
}
.post {
margin : 0;
padding : 20px 0;
text-align : left;
overflow : hidden;
clear : both;
}
.post h2 {
margin : 0;
padding : 0;
text-align : left;
}
.post h3.post-title {
font-weight : bold;
font-size : 1.8em;
margin : 0;
padding : 0;
text-align : left;
}
div.archive-title {
font-size : 1.6em;
font-weight : bold;
}
.post hr {
display : block;
}
.postmetadata {
clear : both;
font-size : 1.1em;
color : #888;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.entry {
font-size : 1.3em;
line-height : 1.4em;
margin : 20px 0;
}
.entry blockquote {
border : 1px dashed #ccc;
font-size : 0.9em;
padding : 5px 20px;
margin : 10px 0;
background : #f8f8f8;
}
.entry blockquote blockquote {
font-size : 1em;
}
.entry fieldset {
border : 1px dashed #ccc;
}
.entry fieldset legend {
font-weight : bold;
text-transform : uppercase;
}
.entry table {
border-width : 0 1px 1px 0;
border-style : solid;
border-color : #ccc;
font-size : 0.9em;
}
.entry table tr td {
padding : 5px 10px;
border-width : 1px 0 0 1px;
border-style : solid;
border-color : #ccc;
}
.entry table tr th {
border-width : 1px 0 0 1px;
border-style : solid;
border-color : #ccc;
padding : 5px 10px;
background : #f4f4f4;
color : #666;
font-weight : bold;
text-transform : uppercase;
text-align : center;
}
.entry ol {
list-style-type : decimal;
}
.entry ol ol {
list-style-type : lower-alpha;
}
.entry ol ol ol {
list-style-type : lower-roman;
}
p img {
padding : 0;
max-width : 100%;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
}
.alignright {
padding : 0;
margin : 2px 0 5px 10px;
display : inline;
float : right;
}
.alignleft {
padding : 0;
margin : 2px 10px 5px 0;
display : inline;
float : left;
}
.aligncenter, div.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.navigation .alignleft {
text-align : left;
}
.navigation .alignright {
text-align : right;
}
.navigation {
font-size : 1.2em;
clear : both;
margin : 20px 0;
}
.wp-caption {
border : 1px solid #ccc;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
.searchbox {
padding : 20px;
text-align : center;
clear : both;
}
.center {
text-align : center;
}
.hidden {
display : none;
}
#comments {
font-size : 1.4em;
line-height : 1.4em;
}
.commentlist {
margin : 20px 0;
padding : 0 0 1px 0;
background : url('images/border_h.png') repeat-x bottom;
}
.commentlist li {
list-style : none;
margin : 0;
padding : 0;
background : url('images/border_h.png') repeat-x top;
}
li.comment div, li.pingback div {
padding : 20px;
overflow : auto;
}
li.comment div div, li.pingback div div {
padding : 0;
overflow : visible;
}
.commentlist li.even {
background-color : #fafafa;
}
.commentlist li.odd {
background-color : #f6f6f6;
}
ul.children li {
list-style : none;
}
img.avatar {
float : right;
border : 1px solid #eee;
padding : 2px;
margin : 0;
background : #fff;
}
.comment-meta, .reply {
margin : 0;
padding : 0;
font-size : 0.8em;
}
.comment-author cite {
font-style : normal;
font-weight : bold;
}
textarea#comment {
width : 100%;
}
#comments div.navigation {
font-size : 0.8em;
}
#sidebar {
font : 160% ;
}
#sidebar h2 {
font-size : 160%;
}
#sidebar h2 {
padding : 0;
background : url('images/border_h.png') repeat-x bottom;
}
#sidebar ul, #sidebar ul ol {
margin : 0;
padding : 0;
}
#sidebar ul li {
margin : 0;
padding : 0;
list-style-type : none;
list-style-image : none;
margin-bottom : 20px;
}
#sidebar ul p, #sidebar ul select {
margin : 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin : 5px 0 0 0;
}
#sidebar ul ul ul, #sidebar ul ol {
margin : 0 0 0 20px;
}
#sidebar ul ol li {
list-style : decimal;
}
#sidebar ul ul li, #sidebar ul ol li {
margin : 3px 0 0;
padding : 0;
}
#wp-calendar {
empty-cells : show;
width : 155px;
}
#wp-calendar #next a {
padding-right : 10px;
text-align : right;
}
#wp-calendar #prev a {
padding-left : 10px;
text-align : left;
}
#wp-calendar a {
display : block;
font-weight : bold;
}
#wp-calendar caption {
font-weight : bold;
text-transform : uppercase;
text-align : left;
margin : 0 0 5px 8px;
color : #666;
}
#wp-calendar td {
padding : 3px 5px;
text-align : center;
}
#wp-calendar td#today {
background : #eee;
}
#wp-calendar td#prev a {
padding : 0;
text-align : left;
font-weight : normal;
}
#wp-calendar td#next a {
padding : 0;
text-align : right;
font-weight : normal;
}
#footer {
background : url('images/border_h.png') repeat-x top;
padding : 10px;
text-align : center;
font-size : 1em;
color : #888;
margin : 20px;
}

/****** additional - crisp ****/
.our-stuff{
padding-bottom:20px;}

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}
