/*************************/
/*  style for gracyk.com */
/*                       */
/*  orange -  #c75641    */
/*  brown -   #71583e    */
/*************************/

body                   { margin:0; margin-top: 0px; padding:0; font-family:verdana, arial, sans-serif; font-size: 62.5%; line-height: 1.5em; color: #333333; text-align:center;
                         background-color: #eee5c6; background-image: url(img/bg.jpg); background-repeat: repeat-x; }

p                      { margin:0.2em 0 1.2em 0; padding-top:0.3em; font-size: 1.2em; line-height: 1.6em; font-family: verdana, arial, sans-serif; }


h1, h2, h3, h4, h5     { font-family: arial, sans-serif; font-weight: normal;  } 
h1                     { padding:0; margin:0; margin-top: 1em; font-size:2.5em; color:#71583e; line-height: 1.3em; font-weight: bold;  }
h2                     { color:#c75641; font-size:2.2em; margin-top: 1.3em; margin-bottom: 8px; line-height: 1.2em; }

h4                     { color:#000000; font-size:140%; padding:0;  }
h5                     { color:#000000; font-size:1.3em; margin:0px; margin-left: 5px; padding:0px; }

div                    { margin:0; padding:0; display:block; }

hr                     { color: #c75641; background-color: #c75641; }

a:link, a:visited      { color:#71583e; text-decoration:underline;}
a:hover                { color:#c75641; text-decoration:none; }
a:active               { color:#71583e; text-decoration:underline;}

h5 a                   { font-size: 1.2em; font-weight: bold; text-decoration:none; color: #c75641; }
#mainSections a:link, #mainSections a:visited { color: #c75641;}

#container             { background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width: 845px; min-width: 845px; background-image: url(img/container_bg.jpg);
                         background-repeat: repeat-y; }

blockquote             { font-size: 1.1em; line-height: 1.3em; }
ul                     { line-height: 1.5em; }

.author                { margin-top: .2em; font-style: italic; color: #71583e; padding-bottom: 7px; border-bottom: 1px dotted #71583e; }

/*-------------------------*/
/* header                  */
/*-------------------------*/
#header                { width: 845px; height: 146px; text-align: left; padding: 0; margin: 0;  background: url(img/header.jpg) no-repeat; }
#header p              { padding: 40px 0px 40px 20px; margin: 0; font-family: Arial, Tahoma; font-size: 24pt; }

/*----------------------------*/
#links                 { float: left; width: 845px; height: 71px; padding: 0; background: url(img/nav_bg.jpg) no-repeat; } 
#links ul              { list-style: none; margin: 0; padding: 0; }
#links ul li           { color: #ffffff; float: left; width: 100px;  }

#links ul li a         { margin: 0px;  padding-top: 8px; font-size: 13px;  color: #fff; text-decoration: none; font-family: verdana,arial, sans-serif; display: block; width: 100px;  
                         background: url(img/menuitem_bg.jpg) no-repeat top left; height: 33px;  }
#links ul li a:visited { color: #fff; text-decoration: none; }
#links ul li a:hover   { color: #fff; background: url(img/menuitem_bg2.jpg) no-repeat; height: 33px;}

.navLink               { padding-top: 3px; font-size: 12px;  color: #fff;  display: block;  height: 20px;   }

/**************/
/* Search box */
.altButtonFormat      { border: #000000 1px solid; font-size: 11px; color: #778899; background-color: #f5efd5; }

.search               { padding: 7px 0 0 0; width: 235px; /*260px;*/ font-size: 11px; float: right;}
.search INPUT         { font-family: arial, verdana, sans serif; font-size: 11px; color: black; }

/*--------------------------*/
.containerBox         { clear:both; width:40em; margin:1em auto 0 auto; padding:10px; border:1px solid #999999; font-size: .9em; }

div.rightside_image   { float: right; padding: 10px; margin: 10px; border: 2px solid #cccccc; text-align: center; font-size: 0.8em; font-style: italic; }

/*------------------------*/
.rightcontainer       { float:right; clear:both; width:20%; margin:2em 1em 0 0; padding-top: 1em; padding-right:1.5em;  }
.rightbox             { margin:0.2em; padding:10px .7em 10px 1em;  border-top: 9px solid #c6533e; border-bottom: 2px solid #c6533e; border-left: 1px dotted #c6533e;  
                        border-right: 1px dotted #c6533e; text-align: left; color:#000000; }
.rightbox h3          { text-align: left; color:#c75641; font-size:1.3em; margin:0; padding:3px 3px 3px 0; font-family: arial, "Trebuchet MS", sans-serif; font-weight: bold;}
.rightbox p           { font-size: 1.0em; line-height: 140%; margin-top: 5px; }
.rightcontainer h2    { text-align:left; padding:0 0 0 1.5em; }
.rightbox iframe      { padding-left: 7px; }
.rightbox a           { text-decoration: none; }

.linkbox a            { display:block; }

.alignCenter          { text-align: center; }

/****************************/

#content              { width: 68%; clear:left; text-align:left; margin: 0; padding: .5em 1em 1em 3.5em; float: left; } 
#content h3           { color:#c75641; font-size:1.5em; line-height: 130%; font-weight:bold; margin-top:1.2em; margin-bottom: 5px; padding:0;
                        font-family:verdana, arial, sans-serif; }
#content ul           { font-size:12px; }

div.borders           { border-top: 2px solid black; border-bottom: 2px solid red; border-left: 1px solid black; border-right: 1px solid black; }

/*----------------------*/
/* Lists                */
.linkList             { width: 600px; }
.linkList a           { text-decoration:none; line-height: 155%; font-size: 1.0em; }

.ebookList li         { font-size: 1.4em; line-height: 155%; }

.mainLink             { width: 500px; }
.mainLink a:link      { text-decoration:none; line-height: 120%; color: black; }
.mainLink a:visited   { text-decoration: none; color: black; }

/*--------------------------*/
/* footer                   */
/*--------------------------*/
.footer	              { width: 845px; margin: 0 auto; background-image: url(img/footer_bg.jpg); background-repeat: no-repeat; height: 80px;  }
.footer .right        { float:right; clear:right; text-align:right; }
.footer .left         { float: left; }
.footer p             { margin:0; padding: 40px 35px 10px 30px; color: #000; }
.footer a             { color: #000; }

.image_section_right  { float: right; margin: 20px 0 10px 20px;  }
.image_section_left   { float: left; margin: 20px 20px 10px 0; } 

.sectionHeader        { font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif; font-size: 155%; color: #000000; align: center; width: 420px; margin: 0; }

#firstp:first-line    { font-variant: small-caps; }
#firstp:first-letter  { float: left; font-size: 400%; line-height: .8;}

/*------------------------*/
/* Book Sale Formatting   */
/*------------------------*/
div.number            { font-size: 2.0em; line-height: 0.8em; float: left; margin-right: 16px; margin-top: 0px; width: 20px; height: 20px; padding: 5px; color: white;
                        background: #990000; text-align: center; clear: right; }
.ebookList li         { font-size: 1.4em; line-height: 155%; }

.feature              { margin-left: 30px;}
.feature p            { margin-left: 45px; }
.feature .linkList    { margin-left: 20px; }

.sale                 { font-size: 3em; margin: 20px 0 30px 0; }
.saleFeatures         { margin-top: 40px; margin-left: 370px; }
.saleFeatures li      { font-size: 1.3em; color: #c75641; padding-top: 25px; }    

.magnifyIcon          { margin-left: 40px; }
.buynowIcon           { margin-left: 32px; }


.button2 a            { margin-top: 10px; margin-bottom: 10px; display: block; background: url(img/button2.jpg) bottom left no-repeat; height: 38px;}
.button2 a:hover      { height: 38px; background: url(img/button2.jpg) top left no-repeat; background-repeat: no-repeat; }


/* Drop Cap */
#firstparagraph:first-line   { font-variant: small-caps}
#firstparagraph:first-letter { float: left; font-size: 360%; line-height:0.8; font-family: Georgia, serif;}

span.icon_pdf, .icon_pdf      { margin-top: 10px; padding: 10px 0 7px 40px; background-image: url(img/icon_pdf.gif); background-repeat: no-repeat; background-position: top left; }
