@CHARSET "ISO-8859-1"; /* RESET */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ @font-face { font-family: 'AustinSemiBold'; src: url('../fonts/Austin-Semibold-Web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Austin-Semibold-Web.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Austin-Semibold-Web.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/Austin-Semibold-Web.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Austin-Semibold-Web.svg#svgFontName') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'AustinMediumItalic'; src: url('../fonts/Austin-MediumItalic-Web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Austin-MediumItalic-Web.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/Austin-MediumItalic-Web.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/Austin-MediumItalic-Web.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Austin-MediumItalic-Web.svg#svgFontName') format('svg'); /* Legacy iOS */ } 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; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* TEXT 960 Grid System ~ Text CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* `Basic HTML ----------------------------------------------------------------------------------------------------*/ body { font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; } a {text-decoration: none;} a:focus { outline: 1px dotted; } hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; } /* `Headings ----------------------------------------------------------------------------------------------------*/ h1 { font-size: 25px; } h2 { font-size: 23px; } h3 { font-size: 21px; } h4 { font-size: 16px; } h5 { font-size: 17px; } h6 { font-size: 13px; } /* `Spacing ----------------------------------------------------------------------------------------------------*/ ol { list-style: decimal; } ul { list-style: disc; } li { margin-left: 30px; } ul.social-nav li { list-style: none; list-style-type: none; display: inline-block; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; } .no-text { font-size: 0; line-height: 0; text-indent: -4000px;} /* Layout */ /* ***** Header */ h1#logo {margin: 0 0 0 165px; background: url(../images/header_bg.jpg) no-repeat 0 0; height: 100px; } h1#logo a { display: block; height: 40px; width: 482px; margin-top: -60px; } /* ***** Navigation */ .nav { border:1px solid #ccc; border-width:1px 0; list-style:none !important; margin:0; padding:0; text-align:center; list-style: none; font-family: sans-serif; font-size: 18pt; } .nav li{ display:inline; } .nav a{ display:inline-block; padding:10px; font-family: 'AustinSemiBold'; font-size: 12px; letter-spacing: 3px; color: black; } /******* main_content */ .main_content {clear: both; margin-top:20px; color: #555;} .home_content a, .aboutContent a{color: #CC6666; text-decoration:none;} /* home */ .home_content {margin: 22px 0 0 108px;} .home_content span.homeTop {display: block; margin: 0 0px 10px 91px; width: 480px;text-align:center; } .home_content span.bigannouncement {display: block; margin: 0 0px 10px 91px; width: 480px; font-size: 11px; font-weight: bold; font-style:italic; font-family: 'gill sans light','gill sans',Verdana; text-align:center; } .home_content .home_image_container {text-align:center; width: 650px; display: block;} .home_content img.Home_Image {border: 1px solid #000; margin-left: 80px; } .home_content span.Verbiage {display: block; margin: 10px 0px 0 91px; width: 480px; font-size: 10px; font-family: Verdana; text-align:center; color: #999; } /** side nav */ .contentNav{/*float: left; */ width: 160px; margin-right: 30px; margin-left: 10px; position: absolute;} ul.contentNavList {width: 160px; list-style:none; margin:0px;} .contentNavItem {text-align: right; font: 11px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; margin: 0; line-height: 22px;} .contentNavItem a {color: #777; text-decoration:none;} .contentNavItem a.selected, .contentNavItem a:hover {color: #000; } ul.subcatsList{list-style:none; margin:0px 0 0 20px; border-top:1px solid #000; border-bottom:1px solid #000;} li.subcatItem {margin:0px; } .subcatItem a {font-style:italic; line-height: 24px;} /************ gallery styles ***/ .aboutContent, div.picture-slides-container{/* float: left; */ position: relative; left: 200px; min-height: 600px;} div#thumbs {width: 500px; float: left; } ul.thumbs {list-style: none; float: left;} ul.thumbs li {float: left; margin: 0 7px 7px 0; padding: 0px; width: 90px; height: 90px; border:1px solid #ddd; background: #FFF;} span#click_on_thumbnails, a.back-to-thumbnails, a.about_this_book, a.return_to_images{font-size: 10px; font-family: 'Times New Roman', Times, serif; color: #666; text-decoration: none;} img.picture-slides-image {border: 1px solid #666;} div#navigation-controls {display: inline;} #book_navigation {display: inline; position: absolute; left: 200px;} div.synopsis {width: 485px; padding-top: 50px;} div.synopsis h4{text-align: center;} div.synopsis a{color: #CC6666; text-decoration:none;} .aboutContent{float: left; width: 500px;} .austin_mi {font-family: 'AustinMediumItalic'; font-size: 18px; color: black; width: 700px; margin-left: -40px;} .austin {font-family: 'AustinMediumItalic'; font-size: 12px; color: black; margin-left: 40px;} /******* footer ***/ #footer {clear: both; float: left; display: block; margin: 10px 0px 0 200px; width: 480px; font-size: 10px; font-family: 'Times New Roman', Times, serif; text-align:center; color: #999;} .footerGroup {margin-left: 0px;}