/* spilledink writing &amp; wordsmithing stylesheet by Mike Cygalski cygalski.net */


html, html * { margin: 0 0 0 0; padding: 0 0 0 0; border: none; outline: none; }

html { font-family: Georgia, serif; font-size: 12pt; background-color: #dddddd; }

body { margin: 0em 0em 0em 2em; width: 60em; background: #ffffff url(../images/words_that_make_a_splash_bg.png) 28em -14.50em no-repeat; }

#writing_services { background: #ffffff url(../images/words_that_make_a_splash_blue.png) 28em -14.50em no-repeat; }
#sample_writing {  background: #ffffff url(../images/words_that_make_a_splash_green.png) 28em -14.50em no-repeat; }
#testimonials { background: #ffffff url(../images/words_that_make_a_splash_yellow.png) 28em -14.50em no-repeat; }

h1, h2, h3, h4, h5 { font-family:  Georgia, serif; clear: left; }
h1 { margin: 0 0 0.275em 0; }
h2 { font-size: 1.4em; margin: 0 0 0.275em 0; }
h3 { font-size: 1.4em; margin: 0 0 0.275em 0; }
h4 { font-size: 1.333em; margin: 0 0 0.275em 0; }
h5 { font-size: 1.333em; margin: 0 0 0.275em 0; }
p { margin: 0 0 0.75em 0; letter-spacing: 0; }
ul { margin: 0 0 0.75em 0; }

#footer p:first-letter { font-size: 1em; }
img { border: none; }


cite { width: 5em; } 

a { color: #101779; }

#header { width: auto; height: 12em; }
#header img { margin: 2em 0em 0em 3em;  }

#contact { letter-spacing: 0; width: 25em; height: 9.5em; text-align: left;  }
#contact h3 {  }
#contact p { clear: left; float: right; width: 16.25em; margin: 0 0 0 0; text-align: left; }
#contact img { float: left; margin: 0.25em 0.25em 0.67em 0.25em; padding: 0 0 0 0; width: 7.5em; height: 7.5em; }

#content1 { float: right; margin: 1em 4em 2em 1em; width: 25em; }
#content1 ul { list-style-position: inside; padding-left: 0; margin-left: 2em; text-indent: -1em; direction: ltr; }
#content1 ul li { list-style-position: inside; list-style-type: disc; direction: ltr; }
#content1 h3 { font-weight: normal; }
#content1 h2 { font-weight: normal; }

#content2 { float: left; margin: 1em 1em 2em 4em; width: 25em;  }
#content2 ul { list-style-position: inside; padding-left: 0; margin-left: 2em; text-indent: -1em; direction: ltr; }
#content2 ul li { list-style-position: inside; list-style-type: disc; direction: ltr; }
#content2 i { }
#testimonials #content2 p { padding-bottom: 2em; background: transparent url(../images/tilde_bullet_black.png) 50% 100% no-repeat; }

#footer { clear: both; padding: 1em; margin: 4em 2em 0 4em; border-top: 1px solid #000000; }
#footer p { font-size: 0.8em; color: #444444; }
#footer a { color: #444444; }

#nav { width: 56em; background-color: transparent; margin: 0 0 1em 0; font-weight: bold; height: 2.25em; position: relative; top: 0em; padding-left: 4em; }

#nav ul { padding: 0 0 0 0; margin: 0 0 0 -0.125em; }
#nav ul { direction: ltr; }
#nav ul li { direction: ltr; list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0.25em;}
#nav ul li { float: left; line-height: 2em;  }

#nav ul li a { background-color: #000000; color: #FFFFFF; font-size: 1.35em; font-weight: bold; padding: 0.05em 0.95em 0.075em 0.95em; text-decoration: none;}
#nav ul li a:hover { text-decoration: underline;}
#nav ul li.current a { background-color: #F20435; color: #ffffff; }
#nav ul li.current a:hover { background-color: #F20435; color: #ffffff; text-decoration: none; }

#writing_services #nav ul li.current a { background-color: #3404F2; }
#writing_services #nav ul li.current a:hover { background-color: #3404F2; }

#sample_writing #nav ul li.current a { background-color: #00E60B; }
#sample_writing #nav ul li.current a:hover { background-color: #00E60B; }

#testimonials #nav ul li.current a { background-color: #FCDF00; }
#testimonials #nav ul li.current a:hover { background-color: #FCDF00; }

.clippings { margin: -2.5em -4em 6em 6em; float: left; width: 25em; font-size: 8pt; }
.clippings p { font-size: 1.1875em;  }
.clippings h4 { font-size: 1.3em; }

.clear { clear: both; font-size: 0px; line-height: 0; height: 0; margin: 0 0 0 0; padding: 0 0 0 0; visibility: hidden; }
