/* MAGGIE STIEFVATER BLOG */

/* ================================================================ */
/* RESETS */
/* ================================================================ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

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}

figure{position:relative}

figure img{width:100%}


/* ================================================================ */
/* COLORS */
/* ================================================================ */

/* BLACK: 000000 */
/* CHARCOAL: 222 */
/* ORANGE: d65929 */
/* BROWN: 564d48 */
/* CREAM: ffffdb */
/* GREY: c2c2c2 */


/* ================================================================ */
/* SITE ELEMENTS  */
/* ================================================================ */

* {margin: 0; padding: 0}

html, body {height: 100%}

::-moz-selection  { background: #d45a2a; color: white; text-shadow: none; }

::selection  { background: #d45a2a; color: white; text-shadow: none; } 

a {cursor: pointer }
	
a:active, a:focus{outline: 0;}

img {border: none}
	
.left {float: left}

.right {float: right}
	
.line { border: none; border-bottom: 4px dashed rgba(106,105,101,0.4); height: 0px; margin: 0 auto; margin: 16px 0;  }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

textarea {resize: none}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;}

input:focus, textarea:focus {outline: none;}

::-webkit-input-placeholder  { color:#999;}
input:-moz-placeholder { color:#999; }

#holder { height: auto; width: 838px; height: 100%; margin: 0 auto; }



/* ================================================================ */
/* FONTS */
/* ================================================================ */

@font-face {
    font-family: 'Romain';
    src: url('../fonts/blog/romain_bp_text_regular-webfont.eot');
	src: local('☺'), url('../fonts/blog/romain_bp_text_regular-webfont.woff') format('woff'), url('../fonts/blog/romain_bp_text_regular-webfont.ttf') format('truetype'), url('../fonts/blog/romain_bp_text_regular-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Governor';
    src: url('../fonts/blog/governor-webfont.eot');
	src: local('☺'), url('../fonts/blog/governor-webfont.woff') format('woff'), url('../fonts/blog/governor-webfont.ttf') format('truetype'), url('../fonts/blog/governor-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Donatora';
    src: url('../fonts/blog/font-webfont.eot');
	src: local('☺'), url('../fonts/blog/font-webfont.woff') format('woff'), url('../fonts/blog/font-webfont.ttf') format('truetype'), url('../fonts/blog/font-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, label {font-weight: 100; -webkit-font-smoothing: antialiased;}

h1, h6 {text-transform: uppercase; letter-spacing: 1px}

h1 {font-size: 44px; font-weight: normal; line-height: 52px; color: #222}

h2, h4, .sharebar span {font-family: 'Donatora', Georgia, Serif; font-weight: normal}

h5, label, .submit {font-family: 'Governor', Helvetica, Arial, Sans-Serif; font-weight: normal}

h6 {font-weight: normal; }

article, .comments, .about { font-size: 14px; }

p, ol {margin-bottom: 30px}

p {font-family: 'Romain', Georgia, Serif;}

a {color: #d65929;}

a:hover {color: black}

input, textarea { font-family: 'Romain', Georgia, Serif; font-size: 13px; padding: 11px 40px 9px 14px; border: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

textarea {-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;}

img.centered, .aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}

img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright {float: right;}

.alignleft {float: left;}

p.wp-caption-text {}

.wp-caption {}


/* ================================================================ */
/* UNIVERSAL STYLES */
/* ================================================================ */

body { background: url(../images/blog/bg.gif) repeat; font-family: 'Romain', Georgia, Serif; line-height: 2em}
	
span#branches {background: url(../images/blog/bg_branches.png) no-repeat top center; width: 126px; height: 277px; position: absolute; margin-left: -124px; z-index: -4}	

#social, .container { width: 681px;}

#content a {color: #d65929}

.left {float: left}

.right {float: right}



/* ================================================================ */
/* SOCIAL TOP */
/* ================================================================ */

#social { padding: 26px 0 46px; margin-left: 6px}

#social .right {width: 55%}

#social ul#links {float: left}

#social ul#links li {display: inline; list-style: none; margin-right: 12px}

#social ul#links li a {color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; padding: 4px; font-size: 12px}

#social ul#links li a:hover {text-decoration: underline; color: #ffffdb}

#social form { text-align: right; margin-top: -5px}

#social form input {background: #1d1a18; width: 130px; color: white; -webkit-box-shadow: 1px 1px 0.25px 0px rgba(81, 75, 72, 1); -moz-box-shadow: 1px 1px 0.25px 0px rgba(81, 75, 72, 1); -o-box-shadow: 1px 1px 0.25px 0px rgba(81, 75, 72, 1); box-shadow: 1px 1px 0.25px 0px rgba(81, 75, 72, 1); }

#social form input.glass {background: url(../images/blog/icon_glass.png) no-repeat top left; width: 18px; height: 18px; position: absolute; margin: 11px 0 0 -34px; text-indent: -9999em; box-shadow: none;}

#social form input.glass:hover { cursor: pointer}

ul#icons { height: 27px; width: 40%; float: left; list-style:none outside none;}

ul#icons li { display:inline;}

ul#icons li a { float:left; height:27px; text-indent:-9999px;}

ul#icons li#twitter a {background:url(../images/blog/socialicons.png) no-repeat 0 0 transparent; width: 32px }

ul#icons li#twitter a:hover {background:url(../images/blog/socialicons.png) no-repeat 0 -27px transparent; width: 32px}

ul#icons li#facebook a {background:url(../images/blog/socialicons.png) no-repeat -32px 0 transparent; width: 35px }

ul#icons li#facebook a:hover {background:url(../images/blog/socialicons.png) no-repeat -32px -27px transparent; width: 35px}

ul#icons li#flickr a {background:url(../images/blog/socialicons.png) no-repeat -67px 0 transparent; width: 37px }

ul#icons li#flickr a:hover {background:url(../images/blog/socialicons.png) no-repeat -67px -27px transparent; width: 37px}

ul#icons li#rss a {background:url(../images/blog/socialicons.png) no-repeat -103px 0 transparent; width: 32px }

ul#icons li#rss a:hover {background:url(../images/blog/socialicons.png) no-repeat -103px -27px transparent; width: 32px}

.archive-list li a span {color: #fff; text-decoration: none;}

.archive-list li a:hover span{color: #FFFFDB;text-decoration: underline;}

/* ================================================================ */
/* CONTAINER */
/* ================================================================ */

.container {float: left; margin: 6px; background: url(../images/blog/holderbg.jpg) repeat-y; -webkit-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.3);  }

.container .top {background: url(../images/blog/content_top.jpg) no-repeat top; height: 85px;}



/* ================================================================ */
/* ASIDE */
/* ================================================================ */

aside {width: 152px; margin-top: 6px; position: absolute; margin-left: 687px; margin-bottom: 300px}

aside nav {padding: 40px 20px; margin: 14px 0 28px; background: url(../images/blog/navbg.png) no-repeat top center, url(../images/blog/flourish.png) no-repeat bottom center}

aside nav ul {margin: 4px 0 8px}

aside nav ul li {list-style: none; font-size: 12px; line-height: 2.5em }

aside nav ul li a {color: white; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; padding: 4px}

aside nav ul li span {color: #d65929; margin-left: 4px}

aside ul li a:hover {text-decoration: underline; color: #ffffdb}

aside ul li i { float: left; text-transform: uppercase; font-style: normal; font-family: 'Governor', Helvetica, Arial, Sans-Serif; font-weight: normal; color: #ffffdb; font-size: 16px; letter-spacing: 1px; padding-bottom: 8px;}

aside .official {background: url(../images/blog/asidebg.png) no-repeat top; height: 328px; padding-top: 10px; }

aside .official a {width: 135px; height: 89px; display: block; background: url(../images/blog/btn_officialsite.png) no-repeat top left; margin-left: 15px; text-indent: -9999em;}

aside .official a:hover {opacity: 0.75}



/* ================================================================ */
/* CONTENT */
/* ================================================================ */

.container .content {min-height: 800px; height: 100%; height: auto; text-shadow: 0 1px 1px white;}

.container article, 
.container .share,
.container .comments .messages, 
.container .about, 
.container .novels, 
.container .postcomment,
.container .comments .displaying,
.container .pagination 
{width: 552px; margin-left: 41px; padding: 40px 22px; }


/* ================================================================ */
/* HEADER */
/* ================================================================ */

header {background: url(../images/blog/line.png) no-repeat bottom center; width: 550px; min-height: 175px; padding-bottom: 26px; margin: 0 auto; }

header {text-align: center}

header h1 {padding-bottom: 12px}

header h6 {font-size: 14px;}

header h1 a.home-link {color: #222222; text-decoration: none;}


/* ================================================================ */
/* ARTICLE */
/* ================================================================ */

.container article {padding-top: 24px}

.container article h2 {text-align: center; width: 80%; margin: 0 auto; font-weight: normal; font-size: 36px; line-height: 1.15em }

.container article h2 a {text-decoration: none; padding: 6px}

.container article img.featured { border-bottom: 6px solid #D65929; display: block; margin: 0 auto 34px; }

.container article .postdate {text-align: center; padding: 0px 18px 6px; color: #4E4E4E; margin: 2px 0 30px; text-shadow: none; font-size: 16px; }

.container article .post-edit-link {font-size: 12px;} 

.container article .postdate b {padding: 0 6px; text-transform: uppercase; font-weight: normal}

.container article blockquote {padding: 12px 18px 1px 18px; background: white; border-left: 6px solid #d65929; font-style: italic; margin-bottom: 20px}

.container article ul {margin: 0 42px 28px}

.container article ol li {list-style: none}

.loop-list {float: left; margin-bottom: 60px; margin-top: 20px;}

article.loop-result {float: left; margin: 0; padding: 10px 0; font-weight: 100; font-size: 22px; border-bottom: 1px solid #c5c5c5;}

.loop-list a {text-decoration: none; float: left; font-family: 'Donatora'; width: 80%;}

.loop-date {float: right; font-size: 16px;}


/* ================================================================ */
/* SHARE BAR */
/* ================================================================ */

.container .sharebar {margin-bottom: 30px}

.container .sharebar ul {float: left; margin: 0; width: 60% }

.container .sharebar .right {width: 40%; text-align: right;}

.container .sharebar .right span {background: none}

.container .sharebar .right span span {background: url(../images/blog/icon_comment_orange.png) no-repeat center left; padding-left: 40px; font-size: 26px; font-style: italic; padding-top: 4px }

.container .sharebar .right span a {text-decoration: none;}

ul#share { height: 29px;list-style: none;}

ul#share li { display:inline; text-transform: uppercase; font-size: 13px; color: #4e4e4e}

ul#share li a { float:left; height: 29px; text-indent:-9999px;}

ul#share li#fb a {background:url(../images/blog/shareicons.png) no-repeat 0 0 transparent; width: 33px }

ul#share li#fb a:hover {background:url(../images/blog/shareicons.png) no-repeat 0 -29px transparent; width: 33px}

ul#share li#twit a {background:url(../images/blog/shareicons.png) no-repeat -33px 0 transparent; width: 36px }

ul#share li#twit a:hover {background:url(../images/blog/shareicons.png) no-repeat -33px -29px transparent; width: 36px}

ul#share li#mail a {background:url(../images/blog/shareicons.png) no-repeat -71px 0 transparent; width: 32px; margin-right: 14px }

ul#share li#mail a:hover {background:url(../images/blog/shareicons.png) no-repeat -71px -29px transparent; width: 32px}

a.addthis_button_preferred_1 span, a.addthis_button_preferred_2 span, a.addthis_button_preferred_3 span {display: none; padding: 0; margin: 0;}



/* ================================================================ */
/* TAGS */
/* ================================================================ */

.container ul.tags {margin: 36px 0 0 6px; background: url(../images/blog/icon_tag.png) no-repeat top left; padding-left: 30px; line-height: 1.9em}

.container ul.tags li {display: inline; list-style: none; margin-right: 12px; color: #d65929;}

.container ul.tags li a {text-decoration: none; padding-right: 6px}



/* ================================================================ */
/* PAGINATION */
/* ================================================================ */

.pagination {text-align: center}

.pagination .display {width: 100%; margin: 20px 0 20px; text-transform: uppercase; font-size: 14px }

.pagination a, .pagination a:link, .pagination span.current {text-decoration: none; line-height: 0; border: 0; padding: 0.5em 0.8em; display: inline; border: none; color: white; margin: 0 6px; line-height: 0;  }

.pagination a, .pagination a:link { color: white; background: #d65929; }

.pagination a, .pagination a:link, .pagination span.current {text-shadow: none}

.pagination a:hover, .pagination span.extend { background: #564d48; text-decoration: none}

.pagination span.current { background: #564d48; text-transform: uppercase;}

.pagination a.previouspostslink, .pagination a.nextpostslink {color: black; background: none}

.pagination a.previouspostslink:hover, .pagination a.nextpostslink:hover {background: none; color: #d65929}

.pagination a.previouspostslink {margin-right: 12px; }

.pagination a.nextpostslink {margin-left: 12px}

.page-numbers-wrap {margin: 0 0 50px 0; background: url(../images/blog/line.png) no-repeat top center; padding-top: 70px;}

ul.page-numbers {width: 550px; clear: both; margin: 0px auto; height: 38px; background: url(../images/blog/post_pagination_line.png) no-repeat center;}

ul.page-numbers {list-style-type: none;}

ul.page-numbers li {float: left;}

li.prev-post, li.next-post {width: 107px; height: 38px;}

li.prev-post a, li.next-post a {display: block; height: 38px; width: 107px; text-indent: -9999px; background: url(../images/blog/pagination_buttons.png) no-repeat;}

li.prev-post a {float: left; background-position: top left;}

li.prev-post a:hover {background-position: bottom left ;}

li.next-post a {float: right; background-position: top right;}

li.next-post a:hover {background-position: bottom right ;}

li.page-count {text-align: center; color: #3c3532; font-size: 15px; width: 332px;}

li.page-count em {font-family: 'Times New Roman'; font-style: oblique; font-size: 14px; padding: 0px 4px;}

.pagination span.extend {background: none;}



/* ================================================================ */
/* COMMENTS */
/* ================================================================ */

#comments {display: block; clear: both; width: 552px; margin: 0 auto; font-size: 13px; font-family: 'Romain', Georgia, Serif;}





/*

.container .comments .displaying {background: url(../images/blog/bg_darktop.png) repeat-x top; font-size: 32px}

.container .comments .messages { float: left; border-bottom: 1px solid #c4c4c4;  padding-top: 20px; padding-bottom: 20px}

#comments h3 {font-size: 24px; float: left}

.container .comments .messages {border-bottom: 1px solid #c4c4c4;}

.container .comments .messages .left {width: 10%;}

.container .comments .messages .right {width: 84%}

.container .comments .messages img {border: 1px solid #979797}

.container .comments .messages p img {border: none} 

.container .comments .messages h6 {font-size: 16px;  margin-top: -6px; font-weight: 400; text-shadow: none}

.container .comments .messages h6 a {text-decoration: none}

.container .comments .messages h6 a:hover {text-decoration: underline}

.container .comments .messages em, .container .comments .messages em a  {font-style: normal; font-size: 14px; color: #4e4e4e; margin-bottom: 16px; float: left; line-height: 1.4em; text-decoration: none; }

.container .comments .messages em a:hover {text-decoration: underline;}

.container .comments .messages p {clear: left}

.container .comments ol {list-style-type: none;}

p.form-allowed-tags, p.comment-notes {display: none;}

p.must-log-in {clear: left; float: left; width: 100%;}

a.comment-reply-login {clear: left; float: right;}

span.approve-comment {clear: left; color: #333; float: left; font-size: 12px; color: #d65929;}

a.comment-edit-link {padding-left: 5px; font-size: 13px;}

.comment #respond { border-bottom: 1px solid #c4c4c4; clear: left; float: left; margin-bottom: 10px; margin-left: 41px; padding: 40px 22px 10px; width: 552px;}

ul.children {clear: left; float: left; width: 100%; list-style-type: none;}

ul.children li {float: left; width: 100%;}

#holder ul.children li div.messages {padding-left: 100px; width: 69.5%;}

#holder ul.children li ul.children li div.messages {padding-left: 160px; width: 60.8%;}

body .plugin .footer #branding {display: none !important;}




.postcomment {border-top: 1px solid white; background: url(../images/blog/bg_darkbot.png) repeat-x bottom; float: left; clear: left; }

.postcomment h4, .comment #respond h4 {float: left; font-size: 32px}

.postcomment .connect {float: right; }

.postcomment .left, .postcomment .last, .comment #respond .left, .comment #respond .last {width: 31%; margin: 10px 18px 24px 0}

.postcomment .last, .comment #respond .last {margin-right: 0; float: left}

.postcomment form, .comment #respond form {clear: left}

.postcomment label, .comment #respond label {float: left; color: #564d48}

.postcomment input, textarea, .comment #respond input {width: 84%; background: url(../images/blog/bg_grey.gif) repeat; float: left; clear: both; padding-right: 14px; border: 1px solid white; -webkit-box-shadow: inset 2px 2px 3px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: inset 2px 2px 3px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 2px 2px 3px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px 2px rgba(0, 0, 0, 0.2);  }

.postcomment textarea, .comment #respond textarea {width: 94%; height: 200px; line-height: 24px}

.postcomment input#submit, .comment #respond input#submit {font-family: 'Governor'; background: url(../images/blog/bg_orange.gif) repeat; line-height: 0.75em; letter-spacing: 1px; text-transform: uppercase; font-size: 16px; width: auto; padding: 12px 20px 10px; float: right; margin: 20px 4px 20px 0; color: white; border: 1px solid #c35c32; -webkit-box-shadow: 0px 2px 0px 0px rgba(134, 58, 28, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(134, 58, 28, 1); -o-box-shadow: 0px 2px 0px 0px rgba(134, 58, 28, 1); box-shadow: 0px 2px 0px 0px rgba(134, 58, 28, 1); text-shadow: -1px -1px 0px #a34622; filter: dropshadow(color=#a34622, offx=-1, offy=-1); }

.postcomment input#submit:hover, .comment #respond input#submit:hover {cursor: pointer; color: #4c200e; text-shadow: -1px -1px 0px #ed875f; filter: dropshadow(color=#ed875f, offx=-1, offy=-1); }

.loop-search #searchsubmit {background: url(../images/blog/bg_orange.gif) repeat; line-height: 0.75em; letter-spacing: 1px; text-transform: uppercase; font-size: 16px; width: auto; padding: 12px 20px 10px; margin: 20px 4px 20px 0; color: white; border: 1px solid #c35c32; -webkit-box-shadow: 0px 2px 0px 0px rgba(134, 58, 28, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(134, 58, 28, 1); -o-box-shadow: 0px 2px 0px 0px rgba(134, 58, 28, 1); box-shadow: 0px 2px 0px 0px rgba(134, 58, 28, 1); text-shadow: -1px -1px 0px #a34622; filter: dropshadow(color=#a34622, offx=-1, offy=-1); }

.loop-search #searchsubmit:hover {cursor: pointer; color: #4c200e; text-shadow: -1px -1px 0px #ed875f; filter: dropshadow(color=#ed875f, offx=-1, offy=-1); }

.loop-search input {width: 80%; background: url(../images/blog/bg_grey.gif) repeat; float: left; clear: both; padding-right: 14px; border: 1px solid white; -webkit-box-shadow: inset 2px 2px 3px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 2px 2px 3px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 2px 2px 3px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px 2px rgba(0, 0, 0, 0.2);  margin-top: 10px;}

.loop-search label {float: left;}

.loop-search {float: left; width: 100%; margin-bottom: 60px;}

a#cancel-comment-reply-link {clear: left; float: left; font-size: 22px; margin: 20px 0; width: 100%}

#comment-reply {float: right; clear: both}

body .footer #branding a {color: red}

*/





/* ================================================================ */
/* ABOUT */
/* ================================================================ */

.container .about {padding-bottom: 0; clear: both}

.container .about .left {width: 22%; }

.container .about .right {width: 74%; margin-bottom: 10px}

.container .about h5 {color: #d65929; font-size: 20px; margin: -6px 0 12px}

.container .about img {-moz-border-radius: 100px; border-radius: 100px;}

.container .about span.write {width: 181px; height: 35px; background: url(../images/blog/bg_howiwrite.png) no-repeat top center; display: block; text-align: center; padding-top: 11px; margin: 0 auto; clear: both }

.container .about span a {color: white; font-style: italic; text-shadow: none; text-decoration: none; font-size: 16px; text-shadow: 0px 0px 4px #7b5d4a; filter: dropshadow(color=#7b5d4a, offx=0, offy=0);  }

.container .about span a:hover {color: #f0e8d6;}


/* ================================================================ */
/* NOVELS */
/* ================================================================ */

.container .novels { background: url(../images/blog/bg_darktop.png) repeat-x top; clear: both; padding-bottom: 0 }

.container .novels h3 {background: url(../images/blog/bg_thenovels.png) no-repeat top center; text-indent: -9999em; margin: 0 auto; height: 50px; margin: 14px 0 40px}

.container .novels .shelf {background: url(../images/blog/shelf.png) no-repeat bottom; padding-bottom: 100px; margin-bottom: 30px; }

.container .novels .shelf ul {min-height: 119px; text-align: center; width: 88%; margin: 0 auto; text-align: center }

.container .novels .shelf ul li {list-style: none; display: inline; line-height: 0; margin-right: 33px; background: url(../images/blog/bg_book.gif) repeat; float: left; -webkit-box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.2); }

.container .novels .shelf ul li:hover {-webkit-box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.); -moz-box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.5) }

.container .novels .shelf ul li:last-child {margin-right: 0}

.container .novels .shelf ul li img {margin: 8px; border: 1px solid #805b46;}


/* ================================================================ */
/* FOOTER */
/* ================================================================ */

footer {background: url(../images/blog/content_bottom.jpg) no-repeat bottom; height: 103px; text-align: center; text-transform: uppercase; letter-spacing: 1px;  }

footer .backtotop { margin-top: 40px; background: url(../images/blog/footer_branches.png) no-repeat top center; height: 155px;}

footer .backtotop a {background: url(../images/blog/top_off.png) no-repeat; height: 86px; width: 115px; display: block; margin: 0 auto;}

footer .backtotop a:hover {background: url(../images/blog/top_on.png) no-repeat; height: 102px}



/* ================================================================ */
/* FAQ ACCORDION */
/* ================================================================ */

.glossymenu{ margin: 5px 0; padding: 0; }

.accordsuffix img {border: none}

.glossymenu a.menuitem{ display: block; position: relative; width: auto; padding: 6px 20px 20px 10px; text-decoration: none; border-bottom: 1px solid #c2c2c2; margin-top: 14px; font-size: 24px; color: black; }

.glossymenu a.menuitem:hover {color: #d65929}

.glossymenu a.menuitem .statusicon{ position: absolute; top: 0px; left: 10px; border: none;}

.glossymenu div.submenu{ padding: 20px; margin-top: 0 }

span.accordsuffix {display: none}