/* CSS Resets */
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,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size:15px; color:#333; }
body, .navwrap {background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBT/2wBDAQQFBQgHCA8KCg8UDg4OFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wgARCADWACcDAREAAhEBAxEB/8QAGwABAAIDAQEAAAAAAAAAAAAAAAEDAgQGBwX/xAAaAQEBAQEBAQEAAAAAAAAAAAAAAQIDBAUG/9oADAMBAAIQAxAAAAHy0AAqAAKwACAAACSAe6/c+WAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABTwV5XGPNPZ8n85MFsJxa+kq810NY2sati6a4v1dcpdfU28Zyl5Xv6ol1L0JEv//EACAQAAICAgICAwAAAAAAAAAAAAECAAMREhMhBCIUIGD/2gAIAQEAAQUC+uZmZmZn9LuADZN+y+AXAinZnf2dzAcrktGuRa2fdmvXWqxGBuVW52y14ll/YvALeV2Pl7E+VG5YvPPef//EABwRAQABBAMAAAAAAAAAAAAAAAARARASISJRYP/aAAgBAwEBPwH3EI6tRDFDGUIcFMGmmn//xAAhEQACAgIBBAMAAAAAAAAAAAAAAQIRAxMhBBASIjFgcf/aAAgBAgEBPwH7dtSRtVIeVC6j1seVJEsjfBubRudfpKY8xR8FDKKPEUShR7OiNDo4P//EACwQAAECAwYCCwAAAAAAAAAAAAEAEQIhMQNBUWGBsSIyEhMzUmBicZLB8PH/2gAIAQEABj8C8XB1D5jsvVPjsp3qK0PZw8qbV8ypVhLoQHA+5N3fxCzuJ2THGZXB9CHTkeaWZXWikZG6DGYkNUIRR5n5XDSibFghZ3upV0UxtRXhSdZr/8QAJRAAAgEEAgEDBQAAAAAAAAAAAREAITFBUWGBcSDB0WCRobHw/9oACAEBAAE/IXHHHH6gOOOOP6geCT+HAECaFP8AOoAQYJDoOCHsf3QOCWAHczME3JhAJ0FeANIAuI8CnvDmVVfCEnSojlpEa42UhT6hwDQHUDE4glbudeYR6UBPI9oY2BQ2Kv05UmAQcAryu1rmd4rsxc4Tp+JWkIQHAADjLJABHFEfMpDitp3BCK4Rt2WMfdTsGnPJOj33L877n//aAAwDAQACAAMAAAAQAAEkkkklkksEskkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkEkGURSAFxHQLsj3/8QAHhEAAgICAgMAAAAAAAAAAAAAAAERMRAhQWBxgfD/2gAIAQMBAT8Q7mycLDgPkJi7NhvMog7EFQXYmiOD5Zs0eo/EWh//xAAeEQEAAgICAwEAAAAAAAAAAAABABEhMVFhYLHw8f/aAAgBAgEBPxDy5vFliaF9QS9QO+/c3TiOlvtxE6+Yorf1HrGsR2mCW5VLINcyw41BJXEqmYLcxZi3MwrGqzBTco7nPHlP/8QAIhABAQACAQMFAQEAAAAAAAAAAREAITFBUWFxgZGhsTBg/9oACAEBAAE/EP5ABWVlZWV/oEhK7LsKxuOBnMErfpi1c2XOyvrLPuh27nwYTEV3K8cv5qThSLPHExAKpJ6gD1XByWRHlij3rODiCOgcV6y+2BIVL6IRguKSpyE37mKKCBnZb3CafeP9uo3GJnJVDxjwDY+wFKWV4B0waRAhRNuckViENAEAJ8Ocuh9ht/31j2mxfkAehoe2bsDb5Im2pjrI+gthReTbhseyNvTw+c7EXon4Wc3oCr05q5NNvIwNiSHlb3rP/9k=) repeat-x;}
h1,h2,h3,h4,h5,blockquote, .big, .huge, .authorq, .pullquote, .smalltitle, .smalltitle a, #contentlist li a, .news-tag, .interview-tag, .book-tag, .game-tag  {font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif ; font-weight: 500; }
h1,h2,h3,h4,h5 {padding:10px;}
p {color: #333; text-align:left; line-height: 24px;padding:7px;}
.header {width: 100%; background: url(../images/design/hdr.jpg) no-repeat bottom; height:214px;}
fieldset{border:0!important; padding:0; 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 */}
.container {padding: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:#000;}
a:visited {color:#a2b059; text-decoration:underline;}
a:focus, a:active {color:#7d9ecb; text-decoration:underline;}
.row {width: 100%;min-width: 768px;margin: 0 auto; background:#fff;}

/* Columns */
.side {width:170px; float:left; margin-right:-100%; position:relative;}
.intfeat {width:170px; float:left; margin-right:-100%; position:relative;}
.main {margin: 0 0 0 170px;}
.mainl {width: 66.66667%;float:left; padding: 0 20px 0 10px;margin:0;}
.mainr {width: 33.3333%;float:right;margin:0; padding:0 10px;}
.intside {width:260px; float:left; margin-right:-100%; position:relative; padding-right:10px;}
.intmain {margin: 0 0 0 260px;}
.intmainl {width: 66.66667%;float:left; padding: 0 10px;margin:0;}
.intmainr {width: 33.33333%;float:right; padding: 0 0 0 10px;margin:0;}
.mid {margin: 0 auto; width:130px;}
.cleft {width:260px; float: left; margin-left: -100%; padding:10px;}
.cmiddle {margin: 0 310px 0 260px; padding:10px; min-height:1150px;}
.cright {position:absolute; width: 310px; padding:10px 5px; top:245px; right:0;z-index:1200;}
.contentwrapper {float: left;width: 100%;}
.indexwrapper {float: right;width: 100%;}

img {height: auto;}
td img {height: 100%;}
.recaptchatable td img {height: auto;}
ul {list-style-type:none;}
.imgleft {float:left; padding:10px;}
.imgright {float:right;}
.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;}

.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; padding:10px 10px 5px 10px; color:#505050;}
.sideline {font-size:18px; padding:10px 10px 5px 10px; color:#505050; text-align:center;}
.sidelines, .listhdr h3, .listhdr h2 {font-size: 14px; padding:10px; font-weight:bold; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
.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; padding:10px;}

.quote {padding:10px 0; background:#ededed; border:solid 1px #e6e6e6; margin:0 0 22px 0; padding:20px;}
blockquote {border-left:4px solid #ddd; padding:5px 3px 0 15px; margin:20px 0; color:#6f6f6f;}
blockquote p {color:#6f6f6f; font-size: 16px}
blockquote span {font-weight:300; font-size: 16px}
.authorq {color:#000;}
.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;}
.video-container{position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top:20px;}
.video-container iframe,.video-container object,.video-container embed { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}

/* review snippets */
.revh2, .revh2alt {font-size: 24px; color:#54528b; padding:0;}
.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:#222; border:0; padding:0; margin:0; text-transform:none; font-weight:300;}
.rsnippet, .rsnippetalt, .rsnippetalt2 {margin:15px 0; border:solid 1px #e6e6e6; padding:20px; overflow:auto; height:100%; position:relative;}
.rsnippet img, .rsnippetalt img {margin:0 5px;}
.rsnippet p, .rsnippetalt p, .rsnippetalt2 p, .blogdiv p {padding:10px 0;}
.reviewdate {float:right; padding: 10px 5px 0 5px; text-align:right;}
.rsnippetalt {background:#ededed;}
.rsnippetalt2 {background:#fdfbf1; border:1px solid #98e9c0;}
.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;}
.news-tag, .interview-tag, .book-tag, .game-tag {float:right; padding:10px; width:140px;height:40px; position:relative; z-index:1200; text-align:center; color:#fff; font-weight:700; margin:0;top:-20px; right:-20px;}
.book-tag {background:#696765; }
.interview-tag {background:#A9A3B5;}
.game-tag {background:#a2b059;}
.news-tag {background:#312F36;}

/* left column */

.featured li, #contentlist li {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;}
.randcontainer {position:relative;}
.random { position:absolute; top:0; left:0;}

/*detail page */
.rhead {padding: 15px 5px 10px 5px; margin-right:310px;}
.r1 {font-size:27px; color:#333; padding: 5px 10px;}
.r2 {font-size:24px; color:#54528b;padding: 0 10px}
.author {font-weight:300; color:#4d4d4d;}
#reviewbar {width:auto; color:#000; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f2f2f2; padding:5px; border-left:4px solid #aaa; margin:10px; border-right:1px solid #ccc; margin-right:320px;}
#reviewbar p  {padding:5px 10px; 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; padding: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;}
.credits {text-align:left; font-style:italic; padding-bottom:20px;}
.details {padding: 20px 0;}
.details  ul{padding:0 5px 0 0;}
.details li {padding:3px 0;}
.rlist {margin:10px 0; position:relative; background:#ededed;}
.rlist ul {list-style-type:none;  padding:5px;}
.rlist li {padding:6px 15px 6px 6px; font-size:12px; background:#fff; border-bottom: 1px solid #ededed;}
.rlist li a{color:#1F4F82;}

/* -------------- Main Menu ------------- */
.toggleMenu {display:  none;text-align:right;background: #111;padding: 15px; color: #fff!important;}
.toggleMenu2, .toggleMenu3  {display:  none;text-align:right;background:#f2f2f2;padding: 5px; border-left: 3px solid #ccc;}
.navwrap {position: fixed; width:100%; height:auto; z-index:2000;}
.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: 13px 22px 15px 22px;color:#9bbbbb; font-size:13px;}
.nav li {position: relative;}
.nav > li {border-top: 1px solid #000;}
.nav > li > .parent { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADFJREFUeNpiPHTo0H8GAoAJiBkJqGFkgjFwKQCbZGtry4BDISOydQxYFMIVgOQAAgwAptMFfESjI+0AAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 92% 48%;}
.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: #fff; background:#000; text-decoration:none;}
.nav li li.hover ul {left: 100%;top: 0;}
.nav li li a { display: block;background: #404040;position: relative;z-index:100;border-top: 1px solid #333; color:#fff}
.nav li li li a {background:#4d4d4d;z-index:200;border-top: 1px solid #333;color:#fff}
.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:210px; 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; }

.center {width:960px; 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;  width:100%; font-size:14px; padding: 6px 10px 7px; line-height:1.6; border-bottom: 1px solid #b6d9d9; color:#000; font-weight:bold;}
.breadcrumb a {line-height:1em; padding:0 6px 4px 6px;}
.bibliocolumn {position:relative;  background:#ededed;  margin:20px 0 20px 0;}
.bibliocolumn p { text-align:center; color:#656565; font-style:italic; padding: 5px 0 5px 0;}
.bibliocolumn ul {list-style-type:none; padding:10px 5px 5px 5px; }
.bibliocolumn h5 {background:#ededed; font-weight:bold;}
.bibliocolumn li {padding:11px 29px 12px 8px; border-bottom:1px solid #ededed; background:#fff;}

#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:0; padding:0;}
.publist {width: 50%; float:left; margin:0; padding:0;}
.full-list, .booklist {margin:10px;}
.authorlist ul, .full-list ul, .publist ul {position:relative; list-style-type:square; padding:20px; z-index:1300;}
.authorlist li, .full-list li, .publist li{float:none; text-align:left; padding:10px;}
.authorlist a, .full-list a, .booklist a, .publist a {text-decoration:underline; }
.authorlist a:hover, .full-list a:hover, .rightlist li a:hover, .publist 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; font-size:14px;}
#contentlist li  a:hover {opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: opacity .5s linear;}

/* ! Right Column   */

.month { text-align:center; width:100%; padding:5px 5px 10px 5px;}
.month h3 {font-size:18px;padding: 0 10px 5px 10px;}
.adv {width:300px; padding:20px 0;margin:0 auto;}
.adv2 {margin:0 auto; padding: 20px 0; width:252px;}
.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;}
.adv3 {padding:10px 0 0;}
.kindle {margin:20px 0;}
.buttons {margin:5px 0;}
.buttons a {margin-right:5px;}
.rightlist {margin:15px 0; position:relative; background:#ededed;}
.rightlist h2{padding:10px; font-size:18px;}
.rightlist ul {list-style-type:none;  padding:5px;}
.rightlist li {padding:11px 29px 12px 8px; font-size:14px; background:#fff; border-bottom: 1px solid #ededed;}
.detaillist {margin:20px 5px 20px 0; position:relative; background:#ededed;}
.detaillist h2{padding:10px; font-size:18px;}
.detaillist ul {list-style-type:none;  padding:5px;}
.detaillist li {padding:11px 29px 12px 8px; font-size:14px; background:#fff; border-bottom: 1px solid #ededed;}
.footer {position:relative; clear:both; padding: 10px 0 0 0; margin:0 auto; margin-top:20px; width:100%; background: url(../images/design/footer.jpg) repeat-x center; height:175px;}
.footer p {color:#fff; font-size:14px; padding: 52px 10px 0 10px; text-align:right;}
.footer a {color:#fff;}
.gototop {text-align:center; padding-top:25px;}
.view {background:#ededed!important; text-align:right;}

/* `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: 10px 14px; 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;}

.btn-inverse {
padding: 6px 18px; 
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  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='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
   -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled] { color: #ffffff; background-color: #222222;  *background-color: #151515;}

.btn-inverse:active,.btn-inverse.active {  background-color: #080808 \9;}

form { margin-bottom: 18px;}
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; text-decoration: none;}
.pagination span { float: left; padding: 0 10px; line-height: 34px; text-decoration: none;}
.pagination a:hover, .pagination .active a, .pagination .active span { background-color: #c7eefe;}
.pagination .disabled a, .pagination .disabled a:hover { background-color: transparent; color: #bfbfbf;}
.pagination .next a { border: 0;}
.listleft {float:left; width:50%; margin:0;padding:0;z-index:1300; }
.listleft li, .listright li {display: block; float:left;margin:5px 2px; 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); padding:5px 4px;}
.listleft a, .listright a {padding:5px; font-weight:bold;}
.listleft a:hover, .listright a:hover {color:#000;}
.listright {float:right; width:50%; margin:0;padding: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;}

.share-this{margin:15px 5px 15px 0; position:relative; background:#ededed;}
.share-this h2 {padding:10px; font-size:18px;}
.share-this ul{clear:left;margin:8px 0;overflow:hidden;padding:5px;}
.share-this li{margin-bottom:8px;width:50%; padding:2px 5px;float:left;}
.share-this li a{display:block;height:40px;padding:0 4px;text-align:center;font-size:16px;line-height:40px;font-weight:bold;color:#fff}
.share-this span{display:block}
.share-this .facebook a,.share-this .twitter a, .share-this .pinterest a, .share-this .email a{background:url('../images/design/sprite-sharetools.png') no-repeat}
.share-this .facebook span,.share-this .twitter span, .share-this .pinterest span, .share-this .email span {text-indent:250%;font:normal 0/0 serif;white-space:nowrap;color:transparent}
.share-this .facebook a{background-color:#3c5a98;background-position:center -6px}
.share-this .twitter a{background-color:#00BBF1;background-position:center -56px}
.share-this .pinterest a{background-color:#cc1e27;background-position:center -106px}
.share-this .email a {background-color:#615f5d;background-position:center -156px}

.sisea-highlight {font-weight:bold;}
.sisea-result {background: none repeat scroll 0% 0% #F2F2F2;margin:15px 0; border: 1px solid #E6E6E6; border-left: 4px solid #E6E6E6;}
.sisea-paging {margin:10px 0; padding:15px; background: none repeat scroll 0% 0% #E3D3F0; border: 1px solid #CCB5E0;  border-left: 4px solid #CCB5E0; color: #4E3566;}
.sisea-page {padding:5px 5px; margin:0 2px;}
.sisea-page a {color:#0B53D6; text-decoration:underline;}
.sisea-current-page {font-weight:bold;}
.sisea-search-form input {background: none repeat scroll 0% 0% #F3F7F8; margin:0 5px;padding:9px;}
.sisea-search-form #search {padding:5px 20px; height:40px; width:300px;}

/* Paypal */
.paypal {background: #ededed; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px 20px 10px 20px; position:relative;}
.paypal h2, .paypal p {text-align:center}
.paypalbutton {margin: 0 auto; width:102px;}
.paypalbutton  input {width:auto; height:auto; margin: 0 auto; text-align:center; border:none;-webkit-box-shadow:none; box-shadow:none;transition:none;}

/* Mobile */
@media only screen and (max-width: 768px) {
.header {display:none;}
.mainl h1 {font-size:20px;}
.sisea-search-form #search {width:100%; margin: 5px 0;}
.sisea-search-form button {width:100%; margin: 5px 0;}
.autosize {width: 95%; height: auto;}
}

/* Mobile / Tablet */
@media screen and (max-width: 960px) {
body {-webkit-text-size-adjust: none;}
.row, body, .container {width: 100%;min-width: 0;margin:0 ;padding:0;}
.side, .intfeat, .main, .mainl, .mainr,.intside, .intmain, .intmainl, .intmainr, .cleft, .cmiddle, .cright, .contentwrapper, .indexwrapper {width: auto;float: none;margin: 0px;padding: 5px; position:relative; clear:both;}
.intside, .intfeat {padding:0;}
.cmiddle {min-height:200px;}
.cright {top:0; padding:0;}
.mid {width:100%;}
.description {width:auto; float:none;}
.rsnippet, .rsnippetalt, .rsnippetalt2 {margin:15px 0; padding:10px;}
.rsnippetalt2 p, .rsnippetalt p {clear:left;}
.random { position:absolute; top:0; left:-3px;}
.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;}
.detaillist, .share-this {margin:20px 0;}
.sideline {text-align:left;}
.revh2, .revh2 a, .revh2alt, .revh2alt a {font-size:24px;}
.adv2 {float:none; margin:0 auto; width:252px;}
.revh3 {font-size: 20px; padding-left:5px;}
.logo {position:relative; float:left;}
.big {font-size:24px;line-height: 30px;padding: 10px 30px 10px 30px;}
.huge {font-size:40px;line-height: 40px;}
.header {height:168px;}
.cright, .cleft { margin: 0 auto; text-align:center; align:center;}
.r1, .r2 {font-size: 22px;}
.rhead {padding:20px 0; text-align:center; margin:0;}
#reviewbar {width:100%; height:auto; margin:0; line-height:2.1em!important;}
#reviewbar p  {font-size:12px;text-align:center; line-height:2.1em!important;}
.stardiv, .rcolumn {float:none; width: auto; height:auto; text-align:center;}
.quote {clear:both; padding:10px; width:100%;}
.menucolumn, .searchcontent, .center {width:100%;}
.menucolumn  h3, .menucolumn  h5 { clear:both;}
#text.xxlarge {width:270px;}
.imgleft {float:none; margin:0;}
.imgright {float:right; padding:5px;}
label, form, .counter {width:auto;}
form .input, .results_top, .results_top p  {width:auto; margin:0}
.m {display:none!important;}
.breadcrumb {font-size:12px; padding:10px!important; line-height:2.1em!important;}
.breadcrumb a {padding:5px; text-decoration:underline;}
.active { display: block;}
.navwrap {position: relative;}
.nav {background:#333;}
.nav > li {float: none;}
.nav > li > .parent {background-position: 95% 50%;}
.nav li li .parent {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADFJREFUeNpiPHTo0H8GAoAJiBkJqGFkgjFwKQCbZGtry4BDISOydQxYFMIVgOQAAgwAptMFfESjI+0AAAAASUVORK5CYII=);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;}
.search2 {display:block;}
.buttons a {margin:0;}
.news-tag, .interview-tag, .book-tag, .game-tag {top:-10px; right:-10px; height:30px; padding:5px; width:110px; font-weight:300;}
}
@media screen and (min-width: 960px) {
.search2 {display:none;}
}
/* Tabs ---------------------- */
.tabs, .tabs2 { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
.tabs li , .tabs2 li{ display: block; float: left; padding: 0; margin: 0; }
.tabs li a, .tabs2 li a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
.tabs li a:focus , .tabs2  li a:focus{ font-weight: bold; color: #2ba6cb; }
.tabs li.active, .tabs2 li.active { border-top: 3px solid #2ba6cb; margin-top: -3px; }
.tabs li.active a, .tabs2 li.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
.tabs li:first-child, .tabs2 li:first-child { margin-left: 0; }
.tabs.vertical, .tabs2.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
.tabs.vertical li, .tabs2.vertical li { float: none; height: auto;border-left: 3px solid #ccc;  }
.tabs.vertical li a, .tabs2.vertical li a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px 15px 10px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.tabs.vertical li.active, .tabs2.vertical li.active { margin-top: 0; border-top: 1px solid #696765; border-left: 4px solid #262626; }
.tabs.vertical li.active a, .tabs2.vertical li.active a { background: #696765; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.tabs.vertical li:first-child a.active, .tabs2.vertical li:first-child a.active  { margin: 0; }
.tabs.vertical li a:hover, .tabs2.vertical li a:hover {background: #696765;color: #fff;text-decoration:none;}

.tabs.vertical li ul, .tabs2.vertical li ul { margin-left: 0; padding:10px 0;  border-left: solid 3px #eee; border-right: solid 1px #eee; margin-left: -4px; -webkit-box-shadow: 1px 0 0 white inset; -moz-box-shadow: 1px 0 0 white inset; box-shadow: 1px 0 0 white inset; }
.tabs.vertical li ul li, .tabs2.vertical li ul li  { border: none; color: #666 !important; padding: 5px 5px 5px 15px; background: #fff !important; }
.tabs.vertical li ul li a, .tabs2.vertical li ul li a { cursor: pointer !important; font-weight: normal; color:#0b53d6 !important; padding: 2px 0; background: #fff !important; }
.tabs.vertical li ul li a:hover, .tabs2.vertical li ul li a:hover  { color: #111 !important; }
.tabs.vertical li ul li.active, .tabs2.vertical li ul li.active { border: none; }
.tabs.vertical li ul li.active a, .tabs2.vertical li ul li.active a{ font-weight: bold; color: #222 !important; }

.tabs.vertical li ul  li ul, .tabs2.vertical li ul  li ul { margin-left: 0; padding:5px 0 0 0;border:none;}
.tabs.vertical li ul li ul li, .tabs2.vertical li ul li ul li  { border: none; padding: 5px 5px 5px 10px; background: #fff !important; }
.tabs.vertical li ul li  ul li a, .tabs2.vertical li ul li  ul li a { cursor: pointer !important; font-weight: bold; padding: 2px 0; background: #fff !important; }
.all {text-align:right;}
.all a {font-weight:bold!important; }

.c-checkbox {font-size:15px; padding-right:5px; width:auto;}
.c-checkbox input {margin: 5px 5px 5px 10px; color: #0b53d6;}
.Fantasy a {color:#5e814e;}
.Science_Fiction a {color:#0b53d6;}
.Horror a {color:#c20000}
.General_Fiction a{color:#7a7a7a;}
.fan{color:#5e814e;}
.scifi {color:#0b53d6;}
.hor {color:#c20000}
.gen {color:#7a7a7a;}
.txtcenter {text-align:center}

@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans-Light.woff) format('woff');}
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.woff) format('woff');}
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/OpenSans-Bold.woff) format('woff');}