@charset "UTF-8"; /* Simple fluid media Note: Fluid media requires that you remove the media's height and width attributes from the HTML http://www.alistapart.com/articles/fluid-images/ */ img, object, embed, video { max-width: 100%; height: auto; } #cover1 img { border:1px solid #ABABAA; } #cover2 img { border:1px solid #ABABAA; } #cover3 img { border:1px solid #ABABAA; } #cover4 img { border:1px solid #ABABAA; } #cover5 img { border:1px solid #ABABAA; } /* IE 6 does not support max-width so default to width 100% */ .ie6 img { width:100%; } /* Dreamweaver Fluid Grid Properties ---------------------------------- dw-num-cols-mobile: 4; dw-num-cols-tablet: 8; dw-num-cols-desktop: 12; dw-gutter-percentage: 25; Inspiration from "Responsive Web Design" by Ethan Marcotte http://www.alistapart.com/articles/responsive-web-design and Golden Grid System by Joni Korpi http://goldengridsystem.com/ */ .boxed { border: 5px solid gray } .fluid { clear: both; margin-left: 0; width: 100%; float: left; display: block; } .fluidList { list-style:none; list-style-image:none; margin:0; padding:0; } #titleinfo { text-align: center; } #excerpttext { text-align: justify; } #wrap1 { margin: 0 auto; max-width: 1100px; overflow: hidden; } #wrap2 { margin: 0 auto; max-width: 1100px; overflow: hidden; } #reviews { text-align: center; margin: 0 auto; max-width: 800px; overflow: hidden; } #cover1 { text-align: center; width: 300px; float: left; } #descript1 { width: auto; overflow: hidden; } #cover2 { text-align: center; width: 50%; overflow: hidden; } #cover3 { text-align: center; width: 50%; float: left; } #cover4 { text-align: center; width: 50%; overflow: hidden; } #cover5 { text-align: center; width: 50%; float: left; } #instafreebiebook { text-align: center; width: 260px; float: left; padding-left: 20px; padding-right: 20px; } #bookrow { float: left; text-align: center; padding-top: 5px; } #buylinks { text-align: center; } #buylinks img { max-width: 100%; vertical-align: middle; } #centeredtext { text-align: center; } #centeredtext1 { text-align: center; } #centeredtext2 { text-align: center; } #booklayout { text-align: center; } #booklayout img { padding-left: 5px; padding-right: 5px; padding-bottom: 25px; } #booklayout2 { text-align: center; align-content: center; } #booklayout2 img { padding-bottom: 5px; } #bottomwrap { margin: 0 auto; max-width: 950px; overflow: hidden; } #bottomitems { text-align: center; } #bottomitems img { width: 100%; max-width: 400px; } /* Mobile Layout: 480px and below. */ @media screen and (max-width: 580px) { .gridContainer { margin-left: auto; margin-right: auto; width: 100%; padding-left: 2.275%; padding-right: 2.275%; clear: none; float: none; } #div1 { } .header { } .section { } .zeroMargin_mobile { margin-left: 0; } .hide_mobile { display: none; } #cover1 { float: none; margin: auto; } #cover3 { float: none; margin: auto; } #cover5 { float: none; margin: auto; } #instafreebiebook { float: none; margin: auto; } #mainnews img { max-width: 90% ; } #buylinks iframe { width: 320px; height: 180px; } } /* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */ @media only screen and (min-width: 481px) { .gridContainer { width: 90.675%; padding-left: 1.1625%; padding-right: 1.1625%; clear: none; float: none; margin-left: auto; } #div1 { } .header { } .section { } .hide_tablet { display: none; } .zeroMargin_tablet { margin-left: 0; } #cover { float: left ; width: 45% ; } #descript { float: left; width: 55%; } #mainnews img { max-width: 90% ; } } /* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */ @media only screen and (min-width: 769px) { .gridContainer { width: 88.5%; max-width: 900px; padding-left: 0.75%; padding-right: 0.75%; margin: auto; clear: none; float: none; margin-left: auto; } #div1 { } .header { } .section { } .zeroMargin_desktop { margin-left: 0; } .hide_desktop { display: none; } #cover { float: left ; width: 45% ; } #descript { float: left; width: 55%; } }