/*
Theme Name: Grandma's Magic Cooking
Description: Theme for Grandma's Magic Cooking
Author: Gorirra Consulting
Author URI: http://gorirra.com/
*/

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ol, ul            {list-style:none;}
blockquote, q     {quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after           {content:''; content:none;}

:focus  {outline:0;}
ins     {text-decoration:none;}
del     {text-decoration:line-through;}
table   {border-collapse:collapse; border-spacing:0;}
/* end css reset */

body        {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#990000;}
small       {font-size:9px; font-style:italic;}

#container  {width:760px; margin:auto; background-color:#fff;}

#masthead   {background-image:url('images/masthead.jpg'); height:165px; width:760px; background-position:center; background-repeat:no-repeat; position:relative;}
#quotes     {width:300px; font-style:italic; padding:10px; border:1px dashed #000; margin:10px 10px 10px 0; display:block; clear:right; float:right;}

#content              {margin:20px 15px 0 15px; width:550px; line-height:150%; float:right; display:block; clear:right;}
#content a:link,
#content a:visited,
#content a:active   {text-decoration:underline; color:#0000FF;}
#content a:hover    {font-weight:bold; color:#0066FF;}
#content UL         {margin:0 0 10px 30px; list-style-type:disc;}
#content H2         {font-size:18px; font-style:italic; margin-bottom:10px;}
#instructions       {margin-left:41px; margin-top:15px;}

#content H1 {font-size:24px; margin-bottom:10px; line-height:100%;}
.entry P    {margin-bottom:10px;}
#respond    {margin-top:20px;}
LI.comment  {border-bottom:1px dashed #ddd;}
.comment-body {padding:10px 0 10px 0;}

#leftnavtop,
#leftnav,
#leftnavbot               {width:146px; margin-left:10px; display:block;}
#leftnavtop               {background-image:url('images/leftnav_top.jpg'); height:51px;}
#leftnav                  {background-image:url('images/leftnav_mid.jpg'); background-repeat:repeat-y; line-height: 125%; padding-bottom: 20px; font-size:16px;}
#leftnavbot               {background-image:url('images/leftnav_bot.jpg'); height: 51px;}
#leftnav UL               {margin:0 15px 10px 10px;}
#leftnav UL.searchBullet  {margin:0;}
#leftnav UL.searchDescription {font-size:12px;line-height:100%;}
#leftnav a:link,
#leftnav a:visited,
#leftnav a:active   {text-align: left; font-weight: bold; text-decoration: none; color: #000;}
#leftnav a:hover    {color: #990000; text-decoration: underline;}

#footer {background-image:url('images/footer3.jpg'); height:165px; margin-top:10px; display:block; float:none; position:relative; clear:both;}

/* wordpress css */
/* Begin Form Elements */
#searchform {
  padding: 5px 3px;
  text-align: center;
}
#leftnav #searchform #s {
  width: 90px;
  padding: 2px;
}
#leftnav #searchsubmit {
  padding: 1px;
  margin-top:5px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:center;
}
select {
  width: 130px;
}
#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
}
#commentform {
  margin: 5px 10px 0 0;
}
#commentform textarea {
  width: 100%;
  padding: 2px;
}
#respond:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#commentform #submit {
  margin: 0 0 5px auto;
  float: right;
}

.hentry {
  margin-bottom:20px;
}
.hentry H3 {
  font-size:14px;
}

/* End Form Elements */