/* CSS Resets */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
p {padding:7px 0;}
fieldset{border:0!important; padding:0;}
.container {padding:0 0 50px 0;margin: 0 auto;}
a {text-decoration:none; color:#0b53d6; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; }
a:hover {text-decoration:underline; color:#7c3600;}
a:visited {color:#0b53d6; text-decoration:underline;}
a:focus, a:active {color:#006e7c; text-decoration:underline;}
.row {width: 100%;max-width: 1440px;min-width: 755px;margin: 0 auto; background:#fff;}
.twocol,.twocol2, .threecol, .fourcol, .sevencol, .eightcol{float: left;min-height: 1px;}
.twocol,.twocol2 {width: 162px; padding:0 0 0 20px;}
.twocol ul,.twocol2 ul { margin:0 0 0 10px; padding:10px 0; list-style-type:none;overflow: hidden;}
.featured li, #contentlist li, .bookmonth, .randombut{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAC5CAMAAADUDgvxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjhCNTAyQjA5Nzg0MTFFMUEyNDQ4N0JEOUVEREI3RjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjhCNTAyQjE5Nzg0MTFFMUEyNDQ4N0JEOUVEREI3RjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOEI1MDJBRTk3ODQxMUUxQTI0NDg3QkQ5RUREQjdGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOEI1MDJBRjk3ODQxMUUxQTI0NDg3QkQ5RUREQjdGOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmc5pFwAAAGwUExURf///2hscWZqb4KHi/v7+4GFin6Ch2puc4CEicHDxW5yd3t/hF1hZmxwdXJ2en2BhV5iZ2Flanl9gl9jaGNma83O0GRobXB0ePv7/OHi43R4fMrMzqyusXh8gPz8/Nna28jKzHd8gIGEiFxgZXV6fqmsr9bX2NjZ2qCjp/Ly8/39/aiqrbCztsXHyJ+iprS3ua6ws+Xm53F1etXW2MTGyNvc3fb29qWoq4yQlIOIjNrb3GtvdPr6+vf4+JaanoeLkJaZnZGUmJOVmMLDxcfIypyfouPk5evr7IiLj3F1edXW14KHipCUmLGztpKWmY6RlHd7f8LExoiNkMrLzYuOkrO2uICEiISJjb7Awo+Slbm7vra5u5CTl+nq68fJysTFx5mcn3R4fby+wPj4+OTk5Zianmdqb97f4Hd6f21xdr6/wZOWmpygo7/Bw9zd3uTl5pOWmWVpbautsODh4oaJjXR3fNPU1r3Awv7+/rq8v/n5+e/w8fT09Xx/g2RobO3t7o+RlWltcoWKjYmOktTV1+3u75CTlvb29/Hy8pibnmlrcKKkp6SnqnyAg/n5+oSIjLTRGY0AAAGBSURBVHja7NZHWxNRGIbhScyk995JIw2wgSCighQ7NlC6iJUigooFG4qKCih/WeRKdLKXL5vnXp139azOzFEUAAAAAAAAAAAAAAAAAMB/ci/Vcbxz5PGrKeFu7POBipu/BLOvm1VVLVoCqcZuVe0pyYVXzebLz/dOpW2z+bRBqhsxGg++qQ6L0TguFR5wDZ/6txpdt77LdM/ZbG2a+dZls8iEA15vu3bf8RZlwnfTl2r2YPqKTHgit16zD+VuyIQXo9fK2r0VXZYJH3M685qZ/OmMy4TL70M/NPN6KPRE6B6PWq19f8eRWeuk1AckueKwHj5ZuVsJx9GzQt1HzyIJkynT/1X5dvGByeSICXVPzOl2ls7rqi58Eeo2dOn1+tvKdEb/x0z8nVT3UzAYXAjvntZeWobui/2JC5t+v783LP7SKjz0eDxnDOLd/FOfz7ch32394Ha7x+S7ygu73f6xDl1lPpu9Wo+uorQ01acLAAAAAAAAAAAAAAAAANgfvwUYABcfLTaVL5+YAAAAAElFTkSuQmCC) no-repeat center;}
.featured li {margin: 20px 0; width:120px; height:185px;}
.featured li a {opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .5s linear;}
.featured li a:hover {opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: opacity .5s linear;}
.threecol {width: 275px; padding: 0 20px 0 0;}
.threecol h2 {font-size:18px; border-bottom: 1px solid #006e7c; color:#006e7c; padding:20px 0 0 0; margin:0 0 10px 0;}
.fourcol {width: 309px;}
.sevencol {width: 58.33333%;}
.eightcol {width: 824px; padding:0 0 0 20px}
.twelvecol {width: 100%;float: left;}
.last {margin-right: 0px; float:right!important;}

img {height: auto;}
td img {height: 100%;}
.recaptchatable td img {height: auto;}
ul {list-style-type:none;}
.imgleft {float:left; padding:5px 10px;}
.imgright {float:right; padding:5px 20px;}
.left {float:left;}
.right {float:right;}
.dbrown {color:#7c3600;}
.red {color:#7c3600;}
.lbrown {color:#c95800;}
.faint {color:#eff0f1;}
.lblue {color:#19e5ff;}
.lboue2 {color:#0b8fe0;}
.mblue {color:#00b1c9;}
.mblue2 {color:#6688bc;}
.blue2 {color:#6688bc;}
.dblue {color:#0b53d6;}
.gblue {color:#006e7c;}
.purple {color:#54528b;}
.lgreen {color:#f2d2b3;}
.mgreen {color:#0bd67f;}
.dgrey {color:#333;}
.grey {color:#666;}
.pale {color:#e0dbd9;}
.pale a {color:#e0dbd9; text-decoration:underline;}
.pale a:hover {text-decoration:none; color:#000;}

/* ! Layout for desktop version   */
body {font-family: Arial, Helvetica, Tahoma, sans-serif; font-size:15px; color:#333; }
body, .navwrap {background: url(../images/design/background2.jpg) repeat-x;}
h1,h2,h3,h4,h5,h5,blockquote, .big, .huge, .authorq, .pullquote, .smalltitle, .smalltitle a, #contentlist li a {font-family: 'PT Sans', sans-serif; font-weight:normal;}
p {color: #333; text-align:left; line-height: 23px;}
.header {width: 100%; background: url(../images/design/hdr.jpg) no-repeat bottom; height:168px;}
 
.big {font-size:36px; text-align: center; line-height: 48px; color:#006e7c; padding: 10px 100px 10px 100px;}
.huge {font-size:120px; text-align: center; line-height: 120px; color:#00b1c9;}
.underline {text-decoration:underline;}
.headline {font-size:18px; border-bottom: 1px solid #006e7c; color:#006e7c; padding:20px 0 0 0; margin:0 0 20px 0; text-transform:uppercase;}
.sideline {font-size:18px; border-bottom: 1px solid #7c3600; padding:20px 0 0 0;}
.listhdr h3, .listhdr h2 {font-size: 14px; color:#7c3600; text-transform:uppercase; border-bottom: 1px solid #7c3600; padding:10px 0 0 0;}
.sidelines {font-size: 14px; font-weight:bold; padding:10px 0 5px 0; font-family: arial; text-align:left; margin: 0; text-transform: lowercase; border-bottom:none;}
h3, .hdr {font-size:18px; border-bottom: 1px solid #006e7c; color:#006e7c; padding:20px 0 0 0; margin:0 0 20px 0; text-transform:uppercase;}
h5 {font-size: 14px; color:#7c3600; text-transform:uppercase; border-bottom: 1px solid #7c3600; padding:10px 0 0 0;}

.quote {padding:10px 0; background:#f2f2f2; border:solid 1px #e6e6e6; margin:0 0 22px 0; padding:20px;}
blockquote {border-left:1px solid #ddd; padding:9px 20px 0 19px; margin:0 0 17px; color:#6f6f6f;}
blockquote span {}
.authorq {font-size:13px; text-transform:uppercase; color:#004f59; padding:10px;}
.pullquote {padding: 10px;float: right;width: 200px;margin: 10px 0 10px 20px; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #7c3600; border-bottom-color: #7c3600; font-size: 16px;
text-align: center; line-height: 36px; font-style: italic; font-weight: normal; color:#0b53d6;}
.searchcontent { background-color:#dad8d9; margin:0 auto; position:relative; width:525px;}
#form { background: url(http://img.sfbook.com/background/search.png) no-repeat 0px 0px; margin:auto; position:relative; width:525px; height:75px;}
#form input { background:#f3f7f8; margin:27px 0 0 25px; font-size:14px; border:0; width:470px;}
.counter { color:#626262; width:510px; height:18px; text-align:right;}
#show_results {position:relative; margin:auto; padding:10px;}
.results_top {height:30px; width:508px; padding:5px 0 0 20px;}
.results_top p {padding:0; width:500px; height:22px;}
.quip h3 {font-size: 14px; color:#006e7c; border:0; padding:0; margin:0; text-transform:none;}

/* review snippets */
.revh2, .revh2alt {font-size: 24px; color:#54528b;}
.revh2 a{font-size: 24px; color:#006e7c; text-decoration:none;}
.revh2 a:hover, .revh2alt a:hover {color:#7c3600;}

.revh2alt a{font-size: 24px; color:#54528b; text-decoration:none;}
.revh3 {font-size: 18px; color:#006e7c; border:0; padding:0; margin:0; text-transform:none;}
.rsnippet {margin:10px 0; padding:20px;}
.rsnippet p, .rsnippetalt p, .blogdiv p {padding:10px 0;}
.reviewdate {float:right; padding: 10px 5px 0 5px; text-align:right;}
.rsnippetalt {margin:10px 0; background:#f2f2f2; padding:20px; overflow:auto; height:100%; border:solid 1px #e6e6e6;}
.minireview {float:right; width:480px;} 
.blogdiv {margin:10px 0; background:#eff0f1; padding:20px;}
.readblog{float:left; position:relative; width:99%; height:18px; background-color: #ddf4fb; border-color: #c6edf9; padding:5px; color:404040; margin:10px 0 10px 0;}

/*detail page */
.rhead {padding: 10px 5px;}
.r1 {font-size:30px; color:#333; padding: 5px 0 5px 0;}
.r2 {font-size:24px; color:#54528b;}
#reviewbar {width:100%; height:35px; color:#000; border-top:1px dotted #000; border-bottom:1px dotted #000; }
#reviewbar p  {padding:5px 10px; color:#000;}
#reviewbar .pale a  {color:#0b53d6}
#reviewbar .pale {color:#000;}
.stardiv {float:right; height:36px; overflow:hidden; text-align:center; z-index:1000;}
.reviewbar {background-color:#bd6533; height:25px; position:relative; color:#fff;}
.readreview  {background-color:#6688bc; height:25px; padding:8px 10px 5px 10px; color:#fff;}
.description {float:right; width:630px;}
.description p {padding: 10px 5px;}
.rcolumn {position:relative; width:170px; float:left; padding: 10px 0;}
.rcolumn p { text-align:center; color:#656565; font-style:italic; padding: 5px 0 5px 0;}
.rcolumn a {font-style:normal;}
.rcolumn ul {list-style-type:none; margin:5px; padding:0 0 10px 0;}
.rcolumn li {padding:2px 0 2px 0; font-size:12px; border-bottom:dashed 1px #ccc;}
.bookimg {padding:10px 0 0 0;}
.credits {text-align:left; border-top: 1px dotted #000;}
.details {font-size:12px; padding:0 5px 0 0;}
.details li {padding:3px 0;}

/* -------------- Main Menu ------------- */
.toggleMenu {display:  none;text-align:right;background: #111;padding: 15px 15px;color: #fff!important;}
.navwrap {display:fixed;}
.nav {list-style: none;*zoom: 1;background:#111;}
.nav:before,.nav:after {content: " ";display: table;}
.nav:after {clear: both;}
.nav ul {list-style: none;width: 9em;}
.nav a {padding: 14px 20px;color:#fff;}
.nav li {position: relative;}
.nav > li {border-top: 1px solid #000;}
.nav > li > .parent { background-image: url("images/downArrow.png"); background-repeat: no-repeat; background-position: 92% 50%;}
.nav > li > a {display: block;}
.nav li  ul {position: absolute;left: -9999px;}
.nav > li.hover > ul {left: 0;}
.nav :hover > a, .nav ul ul :hover > a {color: #333; background: #dbd9d9; }
.nav li li.hover ul {left: 100%;top: 0;}
.nav li li a { display: block;background: #555;position: relative;z-index:100;border-top: 1px solid #000;}
.nav li li li a {background:#777;z-index:200;border-top: 1px solid #000;}
.menu-l {float:left;}
.menu-r {float:right;}
.search  a{padding:0 5px 0 5px;}
.search  a:hover {background: #111;}
.logo {position:relative; height:45px; width:252px; float:left;z-index:1200;}
.divider { background: black; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); height: 45px; margin-right: 1px; width: 1px; }

.logo {position:relative; height:45px; width:280px; float:left;z-index:1200;}
.center {width:1000px; margin:0 auto; postition:relative;}
.contentlist {list-style-type:none; margin:10px 0 auto; position:relative; text-align:center;padding:0; }
.contentlist li {position:relative; display:block; float:left; margin:10px; padding:0;}
.breadcrumb {margin:0 auto; position:relative; color:#000; height:16px; width:100%; font-size:12px; padding:8px 0 0 12px;}
.breadcrumb a {line-height:1em; padding:0 4px 4px 4px; text-decoration:underline;}

.menucolumn {position:relative; width:190px; float:left; font-size:12px; padding:0 10px 0 0;}
.menucolumn p, .bibliocolumn p { text-align:center; color:#656565; font-style:italic; padding: 5px 0 5px 0;}
.menucolumn a, .bibliocolumn a {font-style:normal;}
.menucolumn ul, .bibliocolumn ul {list-style-type:none; margin:5px; padding:0 0 10px 0;}
.menucolumn li {padding:2px 0 2px 0; font-size:12px; border-bottom:dashed 1px #ccc;}
.menucolumn h5, .bibliocolumn h5 {font-size: 14px; color:#7c3600; text-transform:uppercase; border-bottom: 1px solid #7c3600; padding:10px 0 0 0;}
.bibliocolumn {position:relative; font-size:14px; padding:0 10px 0 0;}
.bibliocolumn li {padding:2px 0 2px 0; border-bottom:dashed 1px #ccc;}

#contentlist ul {list-style-type:none; margin:10px 0 0 0; position:relative; text-align:center;padding:0; }
#contentlist li {position:relative; display:block; float:left; width:140px; height:185px; margin:10px;padding:0; }
.thinlist ul {list-style-type:none; margin:10px 0 0 0; position:relative; text-align:center;padding:0; }
.thinlist li {position:relative; display:block; float:left; width:140px; height:235px; margin:10px;padding:0;}
.authorlist {margin:10px; width: 310px; float:left;}
.full-list, .booklist {margin:10px;}
.authorlist ul, .full-list ul {position:relative; margin:5px 0 5px 0; list-style-type:square; }
.authorlist li, .full-list li {float:none; text-align:left; padding:10px;}
.authorlist a, .full-list a, .booklist a {text-decoration:underline; }
.authorlist a:hover, .full-list a:hover, .rightlist li a:hover {padding-left:5px;}
.booklist li {float:none; text-align:left; padding:10px 0 10px 0; list-style-type:none;}
.booklist li ul {margin:5px 0 0 0}
.booklist li li {color:#777; background:none; padding:5px 0 5px 20px;}
#contentlist li a {opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .5s linear; text-transform:uppercase; font-size:14px;}
#contentlist li  a:hover {opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: opacity .5s linear;}

/* ! Right Column   */
.bookmonth {width:130px; position:relative; text-align:center; float:right; padding: 5px 0 20px 0;}
.bookmonth  a {opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .5s linear;}
.bookmonth a img {max-width: 100%;height: auto;}
.bookmonth  a:hover {opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: opacity .5s linear;}
.smalltitle {color:#7c3600; font-size:12px;}
.smalltitle a {font-size:12px;}
.randombut {width:130px; position:relative; color:#000; float:left; text-align:center;  padding: 5px 0 20px 0;}
.randombut a {opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .5s linear;}
.randombut a img {max-width: 100%;height: auto; }
.randombut a:hover {opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: opacity .5s linear;}
.adv2 {margin:0 5px; padding: 10px 0 0 0;}
.adv2l {background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBT/2wBDAQQFBQgHCA8KCg8UDg4OFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wgARCAAWAPwDAREAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAECAwQH/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAEC/9oADAMBAAIQAxAAAAHwAQAMApo0qyrm2bTTWdLmmdLmqRMqlS5rnnWbUTUTUNKVSoAAAGAUJSOxls1c1ZaaXN2ORVKqVLMsywubUzUzUqQgOgAABhQNKQsaUlWUlM3QoJEKE0lmWFmbkSqAD//EABwQAAIDAQEBAQAAAAAAAAAAAAACERITATAQQP/aAAgBAQABBQL1kkkkkk70kk7+iSSSSSfk+eaGaGaGaGaGaGaGamamamalFKKUUopThThThThThThThThRSilFM1M1M1M0M0M0P//EABkRAQEBAAMAAAAAAAAAAAAAABEAQCAhMP/aAAgBAwEBPwHARERrOJuLr1//xAAUEQEAAAAAAAAAAAAAAAAAAABg/9oACAECAQE/AUH/xAAaEAACAwEBAAAAAAAAAAAAAAAAAjOi0dJg/9oACAEBAAY/AvASrbklW3JKtuSVbckq2wlW3JKtuSVbYSrbCVbYSrbCVbYSrbCRbYSLbCRbYSLbCRbYSLbCRbYSLbCRbYSLbCRbYSLbCVbYSrbCVbckq2wlW2Eq25JVtyf/xAAeEAEBAQACAQUAAAAAAAAAAAAAAfEQ4REgMEBRsf/aAAgBAQABPyH99qJUqEITkfRwpS1aqr8CIlQhORTzw8qqrV9OGsNYaw1hvDWGsd47xXivNeacszqjOkM6Q4hxDiHGOMcY5RvVm9S8V46x3hvDWGv/2gAMAwEAAgADAAAAEAAAJNodxkJly7FSgIAABFciaz7NczKYgJJIAAt8F3ky/czRpP/EAB0RAQEAAgIDAQAAAAAAAAAAAAEAEBEhMCBRoWH/2gAIAQMBAT8Q6kkmSSScgwBBagiIOxyzJJJMS1gMgggiDucNxhnU6gPy0ez7aez7a9i4uI1GDz//xAAaEQADAQEBAQAAAAAAAAAAAAAAAREQMCAh/9oACAECAQE/EOC8URRMpSjZduPHj7rU8pS6/b6Lz97vf//EACAQAAICAwADAAMAAAAAAAAAAAABEBEhMUEgUWEwgbH/2gAIAQEAAT8QVJWHse/BYEIWxoKYsyzQ1dPSPPZX2abfsvx4E1k6qOzeh1BoepxX3zTExCYw0P2kHJV4svY/YZa8moxZg2GOX+C9evTt8aMjQDQZQZXICiGjnYWeE9UiDihQfOMSn3hWp9RVP+w/vIJtiJmNzPnXv//Z) no-repeat top; width:252px; height:22px; padding-bottom:10px; margin-top: -5px;}
.adv2l a{ font-size:12px; color:#fff; padding:0px 10px 10px 10px; text-decoration:underline; font-weight:bold;}
.adv2l a:hover{text-decoration:none;}
.kindle {margin:20px 0;}
.buttons {margin:5px 0;}
.buttons a {margin-right:5px;}
.rightlist {margin:20px 5px; position:relative; padding:10px; background:#f2f2f2; border:solid 1px #e6e6e6;}
.rightlist h2 {border-bottom:0; font-weight:bold; padding:10px; margin:0;}
.rightlist ul {list-style-type:none;  padding:5px;}
.rightlist li {padding:5px 0 5px 0; font-size:14px;}
.footer {position:relative; clear:both; margin:0 auto;}
.footer p {color:#000; font-size:14px; padding: 20px 10px; text-align:center;}

/* `Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
.clear {clear: both;	display: block;	overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {clear: both;content:' ';display: block;	font-size: 0;line-height: 0;visibility: hidden;	width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {	height: 1%;}
.clearfix {display: block;}

/* `Buttons and Form
----------------------------------------------------------------------------------------------------*/
.btn { cursor: pointer; display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all;}
.btn:hover { background-position: 0 -15px; color: #333; text-decoration: none;}
.btn:focus { outline: 1px dotted #666;}
.btn.primary { color: #ffffff; background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn.active, .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);}
.btn.large { font-size: 15px; line-height: normal; padding: 9px 14px 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.btn.small { padding: 7px 9px 7px; font-size: 11px;}

form { margin-bottom: 18px;}
fieldset { margin-bottom: 18px; padding-top: 18px;}
fieldset legend { display: block; padding-left: 150px; font-size: 19.5px; line-height: 1; color: #404040; *padding: 0 0 5px 145px; /* IE6-7 */ *line-height: 1.5;
 /* IE6-7 */}
form .clearfix { margin-bottom: 18px; zoom: 1;}
form .clearfix:before, form .clearfix:after { display: table; content: ""; zoom: 1;}
form .clearfix:after { clear: both;}
label,input,select,textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: normal;}
label { padding-top: 6px; font-size: 13px; line-height: 18px; float: left; width: 130px; text-align: right; color: #404040;}
form .input { margin-left: 150px;}
input[type=checkbox], input[type=radio] { cursor: pointer;}
input,textarea,select,.uneditable-input { display: inline-block; width: 210px; height: 18px; padding: 4px; font-size: 13px; line-height: 18px; color: #808080; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
select { padding: initial;}
input[type=checkbox], input[type=radio] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; /* IE6-7 */ line-height: normal; border: none;}
input[type=file] { background-color: #ffffff; padding: initial; border: initial; line-height: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type=button], input[type=reset], input[type=submit] { width: auto; height: auto;}
select, input[type=file] { height: 27px; *height: auto; line-height: 27px; *margin-top: 4px; /* For IE7, add top margin to align select with labels */}
select[multiple] { height: inherit; background-color: #ffffff;}
textarea { height: auto;}
:-moz-placeholder { color: #bfbfbf;}
::-webkit-input-placeholder { color: #bfbfbf;}
input, textarea { -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);}
input:focus, textarea:focus {outline: 0; border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);}
input[type=file]:focus, input[type=checkbox]:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666;}
form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline { color: #b94a48;}
form .clearfix.error input, form .clearfix.error textarea { color: #b94a48; border-color: #ee5f5b;}
form .clearfix.error input:focus, form .clearfix.error textarea:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7;}
form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on { color: #b94a48; background-color: #fce6e6; border-color: #b94a48;}
form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline { color: #c09853;}
form .clearfix.warning input, form .clearfix.warning textarea { color: #c09853; border-color: #ccae64;}
form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {border-color: #be9a3f; -webkit-box-shadow: 0 0 6px #e5d6b1; -moz-box-shadow: 0 0 6px #e5d6b1;box-shadow: 0 0 6px #e5d6b1;}
form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {color: #c09853;background-color: #d2b877;border-color: #c09853;}
form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {color: #468847;}
form .clearfix.success input, form .clearfix.success textarea {color: #468847;border-color: #57a957;}
form .clearfix.success input:focus, form .clearfix.success textarea:focus {border-color: #458845;-webkit-box-shadow: 0 0 6px #9acc9a;-moz-box-shadow: 0 0 6px #9acc9a;
 box-shadow: 0 0 6px #9acc9a;}
form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on { color: #468847; background-color: #bcddbc; border-color: #468847;}
.input-mini,input.mini,textarea.mini,select.mini {width: 60px;}
.input-small,input.small,textarea.small,select.small {width: 90px;}
.input-medium,input.medium,textarea.medium,select.medium {width: 150px;}
.input-large,input.large,textarea.large,select.large {width: 210px;}
.input-xlarge,input.xlarge,textarea.xlarge,select.xlarge {width: 270px;}
.input-xxlarge,input.xxlarge,textarea.xxlarge,select.xxlarge {width: 430px;}
textarea.xxlarge {overflow-y: auto;}

.pagination { height: 36px; margin: 18px 0;}
.pagination ul { float: left; margin: 0; border: 1px solid #ddd; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination li { display: inline;}
.pagination a { float: left; padding: 0 10px; line-height: 34px; border-right: 1px solid; border-right-color: #ddd; border-right-color: rgba(0, 0, 0, 0.15); *border-right-color: #ddd;
  /* IE6-7 */ text-decoration: none;}
.pagination a:hover, .pagination .active a { background-color: #c7eefe;}
.pagination .disabled a, .pagination .disabled a:hover { background-color: transparent; color: #bfbfbf;}
.pagination .next a { border: 0;}

.btn.danger,.alert-message.danger,.btn.danger:hover,.alert-message.danger:hover,.btn.error,.alert-message.error,.btn.error:hover,.alert-message.error:hover,.btn.success,.alert-message.success,.btn.success:hover,.alert-message.success:hover,.btn.info,.alert-message.info,.btn.info:hover,.alert-message.info:hover { color: #ffffff;}
.btn .close, .alert-message .close { font-family: Arial, sans-serif; line-height: 18px;}
.alert-message h1,.alert-message h2,.alert-message h3,.alert-message h4 {padding:0;}
.btn.danger,.alert-message.danger,.btn.error,.alert-message.error { background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn.success, .alert-message.success { background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn.info, .alert-message.info { background-color: #339bb9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(top, #5bc0de, #339bb9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
.btn-warning { background-color: #faa732; *background-color: #f89406; background-image: -ms-linear-gradient(top, #fbb450, #f89406);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);  filter: progid:dximagetransform.microsoft.gradient(enabled=false); color:#fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-warning:hover{ background-color: #f89406; *background-color: #df8505; color:#fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-primary { background-color: #0074cc; *background-color: #0055cc; background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0055cc); background-image: -o-linear-gradient(top, #0088cc, #0055cc); background-image: -moz-linear-gradient(top, #0088cc, #0055cc); background-image: linear-gradient(top, #0088cc, #0055cc); background-repeat: repeat-x; border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);  filter: progid:dximagetransform.microsoft.gradient(enabled=false);color:#fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-primary:hover {background-color: #0055cc;*background-color: #004ab3;color:#fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}

.alert-message.block-message { background-image: none; background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); padding: 14px; border-color: #fceec1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow:auto;}
.alert-message.block-message ul, .alert-message.block-message p { margin-right: 30px;}
.alert-message.block-message ul { margin-bottom: 0;}
.alert-message.block-message li { color: #404040;}
.alert-message.block-message .alert-actions { margin-top: 5px;}
.alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info { color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.alert-message.block-message.error { background-color: #fddfde; border-color: #fbc7c6;}
.alert-message.block-message.success { background-color: #d1eed1; border-color: #bfe7bf;}
.alert-message.block-message.info { background-color: #ddf4fb; border-color: #c6edf9;}
.alert-message.block-message.danger p a,.alert-message.block-message.error p a,.alert-message.block-message.success p a,.alert-message.block-message.info p a { color: #404040;}

/* Medium screens */
@media only screen and (min-width: 961px) and (max-width: 1250px) {body {font-size: 0.8em;line-height: 1.5em;}

.rightlist li {padding:2px 0 2px 0; font-size:12px;}
.center {width:100%; margin:0 auto;}
.big {font-size:30px; line-height: 40px; padding: 10px 50px 10px 50px;}
.huge {font-size:90px; line-height: 90px;}
.menucolumn {width:160px;}
.menucolumn ul { padding: 0;}
.menucolumn h5 {font-size:12px;}
#contentlist li, .thinlist li {width:120px; height:185px;font-size:13px;}
.description {float:right; width:410px;}

.r1 {font-size:24px;}
.r2 {font-size:20px;}
form .input { margin-left: 30px;}
input.xlarge {width: 270px;}
input.xxlarge,textarea.xxlarge {width: 350px;}
label {width: 60px;}
}

/* Smaller screens */
@media only screen and (min-width: 881px) and (max-width: 960px) {body {font-size: 0.8em;line-height: 1.5em;}
.sevencol {width: 400px; margin-right:10px;}
.sevencol p {padding:10px;}
.twocol,.twocol2 {margin-right:10px; width: 145px;}
.rightlist li {padding:2px 0 2px 0; font-size:12px;}
.center {width:100%; margin:0 auto;}
.big {font-size:24px; line-height: 40px; padding: 10px 30px 10px 30px;}
.huge {font-size:60px; line-height: 60px;}
.menucolumn {width:160px;}
.menucolumn ul, .bibliocolumn ul { padding: 0;}
.menucolumn h5, .bibliocolumn h5 {font-size:12px;}
#contentlist li, .thinlist li {width:120px; height:185px;font-size:12px;}
.description {float:right; max-width:400px;}
.eightcol {max-width: 540px; margin-right: 10px;}
.r1 {font-size:20px;}
h1.r1 {font-size:20px; padding:10px;}
.r2, .headline, .sideline {font-size:16px;}
.sidelines, #reviewbar p {font-size:12px;}
.rhead {padding:20px 5px;}
.rcolumn {width:140px;}
.rcolumn p { text-align:center; color:#656565; font-style:italic; padding: 5px 0 5px 0;}
.rcolumn a {font-style:normal;}
.rcolumn ul {list-style-type:none; margin:5px; padding:0 0 10px 0;}
.rcolumn li {padding:2px 0 2px 0; font-size:12px; border-bottom:dashed 1px #ccc;}
.breadcrumb {font-size:11px; padding:8px 0 5px 12px;}
.revh2,.revh2 a,.revh2alt,.revh2alt {font-size: 20px;}
form .input { margin-left: 20px;}
input.xlarge {width: 230px;}
input.xxlarge,textarea.xxlarge {width: 250px;}
label {width: 60px;}
}

@media only screen and (min-width: 768px) and (max-width: 881px) {body {font-size: 0.8em;line-height: 1.5em;}
.sevencol {width: 290px; margin-right:10px;}
.twocol,.twocol2 {margin-right:10px; width: 145px;}
.rightlist li {padding:2px 0 2px 0; font-size:12px;}
.center {width:100%; margin:0 auto;}
.big {font-size:24px; line-height: 40px; padding: 10px 30px 10px 30px;}
.huge {font-size:60px; line-height: 60px;}
.menucolumn {width:160px;}
.menucolumn ul, .bibliocolumn ul { padding: 0;}
.menucolumn h5, .bibliocolumn h5 {font-size:12px;}
#contentlist li, .thinlist li {width:120px; height:185px;font-size:12px;}
.description {float:right; max-width:400px;}
.eightcol {max-width: 400px; margin-right: 10px;}
.r1 {font-size:20px;}
.r2, .headline, .sideline {font-size:16px;}
.rhead {padding:20px 5px;}
#reviewbar {width:100%; height:auto; }
#reviewbar p  {font-size:12px; text-align:center;}
.stardiv {float:none; width: auto; height:auto; text-align:center;}
.breadcrumb {font-size:11px; padding:8px 0 5px 12px;}
form .input { margin-left: 20px;}
input.xlarge {width: 200px;}
input.xxlarge,textarea.xxlarge {width: 250px;}
label {width: 60px;}
}

/* Mobile */
@media handheld, only screen and (max-width: 768px) {body {font-size: 12px;-webkit-text-size-adjust: none;}
.row, body, .container {width: 100%;min-width: 0;margin:0 ;padding:0;}
.onecol, .twocol, .threecol, .fivecol, .sixcol, .sevencol, .eightcol, .fourcol, .elevencol, .twelvecol {width: auto;float: none;margin-left: 0px;margin-right: 0px;padding-left: 5px;padding-right: 5px;}
.description {width:auto; float:none;}
.rsnippet, .rsnippetalt {margin:10px 0; padding:10px;}
.rsnippetalt p {clear:left;}
.rightlist li {padding:2px 0 2px 0; font-size:12px;}
.twocol, .threecol, .fourcol, .sevencol, .eightcol{margin-right: 0px;}
.twocol {width:auto; padding: 10px 0 0 5px; margin:0;}
.twocol ul {text-align:center; margin:0; padding:0; }
.twocol li {padding: 6px; float:left; }
.featured , #contentlist{ list-style: none;padding: 0;margin: 0;}
.featured:after, #contentlist:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.featured li, #contentlist li ,.gallery li{ float: left; width: 18.5%; height:auto; padding:0; margin:2px;}
.featured li a,#contentlist li a ,.gallery li a{ display: block; margin: 3px; border: 1px solid #3c3c3c;}
.featured li img,#contentlist li img ,.gallery li img{ display: block; width: 100%; height: auto;}
.featured img,#contentlist img ,.gallery img{-webkit-box-shadow: 0px 0px 4px #111;-moz-box-shadow: 0px 0px 4px #111;box-shadow: 0px 0px 4px #111;}
.twocol2 {display:none;}
.threecol {width: auto; padding: 20px; font-align:center; align:center; margin:0 auto;}
.sevencol { clear:both; margin:0;}
.twelvecol {margin:60px 0 0 0;}
.headline, .sideline {font-size:20px;}
.revh2, .revh2 a, .revh2alt, .revh2alt a {font-size:24px;}
.bookmonth, .randombut { padding: 10px; float:none; margin:0 auto;}
.adv2 {float:none; margin:0 auto; width:252px;}
.revh3 {font-size: 20px; padding-left:5px;}
.logo {position:relative; height:45px;float:left; }
.big {font-size:24px;line-height: 30px;padding: 10px 30px 10px 30px;}
.huge {font-size:40px;line-height: 40px;}
.header {display:none;}
.eightcol, .fourcol {width:auto; float:none; margin: 0 auto; text-align:center; align:center;}
.r1, .r2 {font-size: 20px;}
.rhead {padding:20px 5px; text-align:center;}
#reviewbar {width:100%; height:auto; }
#reviewbar p  {font-size:12px; text-align:center;}
.stardiv, .rcolumn {float:none; width: auto; height:auto; text-align:center;}
.quote {clear:both; padding:10px; width:100%;}
.footer p {font-size:12px;}
.menucolumn, .searchcontent, .center {width:100%;}
.menucolumn  h3, .menucolumn  h5 { clear:both;}
#text.xxlarge {width:270px;}
.imgleft {float:none;}
.imgright {float:right;padding:5px;}
label, form, .counter {width:auto;}
form .input, .results_top, .results_top p  {width:auto; margin:0}
.rightlist {text-align:center}
.m {display:none!important;}
.breadcrumb {font-size:11px; padding:5px!important;}
.breadcrumb a {line-height:.8em; padding:2px; text-decoration:underline;}
.active {display: block;}
}
@font-face {font-family: 'PT Sans';font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(http://sfbook.com/ptsans.woff) format('woff');
}

@media screen and (max-width: 960px) {
.active { display: block;}
.nav {background:#333;}
.nav > li {float: none;}
.nav > li > .parent {background-position: 95% 50%;}
.nav li li .parent {background-image: url("images/downArrow.png");background-repeat: no-repeat;        background-position: 95% 50%;}
.nav ul {display: block;width: 100%;}
.nav > li.hover > ul , .nav li li.hover ul {position: static;}
.divider  {height:0!important;width:0!important;}
.search {display:none;}
}