/* Theme Name: TGC Reviews Theme URI: http://tgcreviews.com Description: This is the default WordPress Theme for The Gospel Coalition's Book Reviews site. Author: Rainsong Media Author URI: http://rainsongmedia.com Version: 1.0 */ /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left:auto; margin-right:auto; width:922px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float:left; position:relative; margin-left:10px; margin-right:10px; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left:0; } .omega { margin-right:0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:55px; } .container_12 .grid_2 { width:130px; } .container_12 .grid_3 { width:205px; } .container_12 .grid_4 { width:280px; } .container_12 .grid_5 { width:355px; } .container_12 .grid_6 { width:430px; } .container_12 .grid_7 { width:505px; } .container_12 .grid_8 { width:580px; } .container_12 .grid_9 { width:655px; } .container_12 .grid_10 { width:730px; } .container_12 .grid_11 { width:805px; } .container_12 .grid_12 { width:880px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:75px; } .container_12 .prefix_2 { padding-left:150px; } .container_12 .prefix_3 { padding-left:225px; } .container_12 .prefix_4 { padding-left:300px; } .container_12 .prefix_5 { padding-left:375px; } .container_12 .prefix_6 { padding-left:450px; } .container_12 .prefix_7 { padding-left:525px; } .container_12 .prefix_8 { padding-left:600px; } .container_12 .prefix_9 { padding-left:675px; } .container_12 .prefix_10 { padding-left:750px; } .container_12 .prefix_11 { padding-left:825px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:75px; } .container_12 .suffix_2 { padding-right:150px; } .container_12 .suffix_3 { padding-right:225px; } .container_12 .suffix_4 { padding-right:300px; } .container_12 .suffix_5 { padding-right:375px; } .container_12 .suffix_6 { padding-right:450px; } .container_12 .suffix_7 { padding-right:525px; } .container_12 .suffix_8 { padding-right:600px; } .container_12 .suffix_9 { padding-right:675px; } .container_12 .suffix_10 { padding-right:750px; } .container_12 .suffix_11 { padding-right:825px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:75px; } .container_12 .push_2 { left:150px; } .container_12 .push_3 { left:225px; } .container_12 .push_4 { left:300px; } .container_12 .push_5 { left:375px; } .container_12 .push_6 { left:450px; } .container_12 .push_7 { left:525px; } .container_12 .push_8 { left:600px; } .container_12 .push_9 { left:675px; } .container_12 .push_10 { left:750px; } .container_12 .push_11 { left:825px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-75px; } .container_12 .pull_2 { left:-150px; } .container_12 .pull_3 { left:-225px; } .container_12 .pull_4 { left:-300px; } .container_12 .pull_5 { left:-375px; } .container_12 .pull_6 { left:-450px; } .container_12 .pull_7 { left:-525px; } .container_12 .pull_8 { left:-600px; } .container_12 .pull_9 { left:-675px; } .container_12 .pull_10 { left:-750px; } .container_12 .pull_11 { left:-825px; } /* 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; } /* End: Variable Grid System. */ @media screen { /* [web]Seitler customizations: */ #custom-theme-development-by-travis-seitler { display:block; } * { margin: 0; padding: 0; } body { background: #edf0f0; color: #40464b; font: 10px/1.4 Arial, sans-serif; } #frame { background:#fff; width:900px; padding:0 29px; border:1px solid #d4d8d8; border-top-width:0; } #header { padding:20px 0; border-bottom:1px solid #ccc; } .home #header { border-bottom:0; } #featuredhighlights {height:300px; background:url("images/featured-bg.jpg") no-repeat 0 0 #2e302c;} #datebar { background:url("images/datebar.gif") repeat-x 0 0 #2E302C; clear:both; display:block; height:40px; letter-spacing:0.03em; padding:0; } #datebar .today { color:#ddd; float:left; margin-left:35px; font:13px/40px Georgia,serif; height:40px; letter-spacing:0.02em; text-shadow:0 0 6px #000000; } #datebar .follow { color:#B0B4AE; float:right; margin-right:25px; font:10px/40px Helvetica,Arial,sans-serif; height:40px; text-transform:uppercase; } #datebar .follow a { color:#B0B4AE; text-decoration:none; } #datebar .follow a img {border:0;} #datebar .follow a.on-twitter { background:transparent url("images/twitter.gif") no-repeat 100% 4px; padding:5px 21px 5px 0; margin-right:12px; } #datebar .follow a.on-facebook { background:transparent url("images/facebook-11px.gif") no-repeat 100% 4px; padding:5px 21px 2px 14px; margin-right:12px; } #datebar .follow a.on-facebook {border-left:1px solid #5e615d; } #datebar .feeds {border-left:1px solid #5e615d; padding:2px 0 2px 14px; } #datebar .feeds a.via-rss { padding-right:4px; } #datebar .feeds a.via-email {background:url("images/dotted-line-v.gif") repeat-y 0 0; padding:3px 0; } #datebar .feeds a img {height:11px; padding:7px 0 0 8px; vertical-align:-2px; } #datebar .feeds a.via-rss img { padding-left:7px; } #content { margin-top:34px; } #sidebar { background:#edf0f0; margin-bottom:30px; } #footer { background:#d4d8d8; width:960px; padding:0 0 50px; margin:0 auto; color:#848789; } .screen-reader-text { position: absolute; left: -9999px; top: -9999px; } .clear { clear: both; } .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */ h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; } h1 { background:transparent url('images/logo-reviews.gif') no-repeat 0px 2px; height:70px; width:245px; margin:0; padding:0; } h1 a { display:block; text-indent:-999em; overflow:hidden; height:70px; } h3 { } p { margin: 0 0 10px 0; } a { color:#6e9fc7; outline:0!important; } a:hover { color:#72ab13!important; } blockquote { } blockquote p { } ul, ol { margin: 0 0 10px 0; } #header ul { font-size:11px; margin:17px 0 0; padding:0; text-align:right; text-transform:uppercase; } #header ul.reviewsnav {font-size:10px; letter-spacing:0.013em;} #header ul li { list-style-type:none; display:inline; background:url("images/dotted-line-vtop.gif") repeat-y 0 0; padding:2px 6px 2px 10px; } #header ul.reviewsnav li { padding:2px 7px 2px 11px; } #header ul li.first { background:none; padding-left:0; } #header ul li.last { padding-right:0; } #header ul li a { text-decoration:none; color:#575855; font-weight:bold; } #header ul li a:hover { text-decoration:underline; } #header #searchform {float:right;margin:12px 0 0 43px;} #header #searchform #s {width:208px;background:url("images/search.gif") no-repeat left top; border:1px solid #e6e7e7;font:11px/11px Helvetica, Arial, sans-serif; color:#656565; padding:3px 5px; border-top-color:#b6b6b6; border-left-color:#b6b6b6; } #header #searchsubmit {display:none;} #header ul.sitenav {float:right; margin-top:14px; } #header ul.sitenav li a { font-weight:normal; color:#959595; text-transform:capitalize; } #header ul.sitenav li a#tgc {background:url("images/tgc-link.gif") no-repeat right center; padding-right:13px;} .getall { text-decoration:none; text-transform:none; font:11px/14px Arial, sans-serif; letter-spacing:0.01em; display:block; float:right; } .post { font-size:1.4em; } .in-category { font:10px/10px Arial,sans-serif; text-transform:uppercase; margin-bottom:7px; color:#999; font-weight:bold; } .in-category a { text-decoration:none; color:#999; } .post h3 { color:#252525; font:28px/30px Georgia,serif; margin-bottom:11px; } .post .credit { font: 11px/13px Helvetica,Arial,sans-serif; margin-bottom:7px; } .post .meta { background:transparent url('images/dotted-line.gif') repeat-x center top; padding:9px 0 27px; font: 11px/13px Helvetica,Arial,sans-serif; } .post .byline { font-style:italic; } .post .timestamp { float:right; } .entry { font:14px/17px Georgia,serif; color:#40464b; } .entry h3 { font:inherit; margin:17px 0 0; font-weight:bold; } .entry a { } .entry a:hover { } .entry blockquote { margin:10px 50px; } .entry blockquote p { margin:0; } .entry blockquote p+p { text-indent:20px; } .entry ul, .entry ol { margin:17px 0 17px 50px; } .entry li { margin-bottom:7px; } ul.blogroll li { margin-bottom:4px; } .entry ul { margin-left:30px; } ul.blogroll { margin-left:5px; } .entry ul li, ul.blogroll li { list-style-type:none; background:url("images/ul-li.gif") no-repeat 4px 6px; padding-left:20px; } .entry h1 { width: auto; background: none; height: auto; margin: 20px 0; font-size: 25px; } .entry h2 { margin: 20px 0; } .entry .wam_wrap { font:11px/13px Helvetica,Arial,sans-serif; margin-bottom:7px; } .entry .wam_ul { margin:0 } .entry .wam_ul li { background:none; padding-left:0; } .entry .wam_link { text-decoration:none; height:20px; } .entry .wam_link img { vertical-align:middle; } .homecat { margin-bottom:40px; } .homecat h2, .archive h2 { font:12px/1em Georgia, serif; text-transform:uppercase; letter-spacing:0.05em; padding-bottom:5px; border-bottom:1px solid #ccc; margin-bottom:15px; color:#000; } .homecat h3, .homecat h3 a { font:12px/1em Arial, sans-serif; color:#000; text-decoration:none; margin:6px 0 4px; } .homecat h4 { font:11px/1em Arial, sans-serif; color:#858585; } .homecat img {border:1px solid #e4e5e5;} .excerpts .post { width:180px; } .excerpts h3, .excerpts h3 a, .excerpts h4 {font-size:11px; line-height:15px;} .excerpts h3 {margin-bottom:0;} .excerpts h4 {margin-bottom:13px;} .excerpts .item-4 { clear:left; } .excerpts .item-4, .excerpts .item-5, .excerpts .item-6 { border-top:1px solid #eeefef; padding-top:7px; } .interviews .post img {border:0;} .homecat h2 span { padding-left:10px; font:9px/1em Arial, sans-serif; letter-spacing:0; color:#757773; } .recommendations .linkcover { display:table-cell; vertical-align:bottom; text-align:center; height:175px; margin-bottom:10px; } .recommendations .linkcover img { display:block; background:transparent url('images/book-recom-150.gif') no-repeat center bottom; width:100px; padding:0 15px 5px; margin-bottom:5px; border:0; } .recommendations .linkname { font:12px/15px Arial, sans-serif; } .recommendations .linkname a { display:block; color:#252525; text-decoration:none; } .recommendations .linkdesc { display:block; font:11px/15px Arial, sans-serif; color:#959595; padding-top:1px; } .booknotes h3 { font:12px/15px Arial, sans-serif; margin:0; padding:0; } .booknotes h4 { font:11px/15px Arial, sans-serif; margin:0; padding:0; } .booknotes p {display:inline;} .booknotes a {text-decoration:none; white-space:nowrap;} ul.blogroll a {font-size:12px; text-decoration:none; color:#252525;} pre { } code, tt { } #meta { } .postmetadata { } .interact {border-top:1px solid #dfdfdf;margin-top:29px; padding-top:2px; line-height:20px;} .interact a {font:bold 9px Arial,sans-serif; color:#2f8ad1; text-decoration:none; text-transform:uppercase;} .commentcount {margin-top:1px;font:bold 9px Arial,sans-serif;float:right; text-transform:uppercase; color:#2f8ad1; padding:5px 0 20px 8px;} .thenumber {display:block;float:left;margin-right:5px;color:#fff;background:transparent url('images/thenumber.gif') no-repeat 50% 0 !important;height:20px;margin-top:-3px;padding-top:3px;text-align:center;width:26px; line-height:10px;} .sharethis_0 {padding-bottom:5px} .post .stbutton.stico_default {padding:0 5px 0px 15px; background:transparent url('images/sharethis.gif') no-repeat 0 0 !important;} .printable a {padding-left:8px; border-left:1px solid #dfdfdf;} .archives .post {margin:1em 0 0; background:url("images/dotted-line.gif") repeat-x center bottom; padding-bottom:1em;} .archives .post.first {margin:0;} .archives .post h3, .archives .post .credit, .archives .post .entry, .archives .post .interact {margin:0; padding:0;} .archives .post h3 {font:16px/18px Arial,sans-serif;} .archives .post h3 a {text-decoration:none; outline:0;} .archives .post .credit {margin:7px 0 0;} .archives .post .entry {font:14px/17px Georgia,serif; margin:10px 0 5px;} .archives .post .ex-byline {padding-right:9px;} .archives .post .ex-time {padding-left:8px; border-left:1px solid #dfdfdf;} .archives .post .interact {border-top:0;} #author-bio {background:#ECEFEF; padding:10px; margin:10px 0; font-size:13px; font-style:italic; line-height:1.4;} h2.author-name { color:#252525; font:28px/30px Georgia,serif; margin-bottom:11px; text-transform:none; letter-spacing:0; border:0; padding:0; } .author-description { font:14px/17px Georgia,serif; color:#40464b; margin-bottom:43px; } /*----------------------------- Comments -------------------------------*/ #comments {font:12px/16px Georgia,serif; margin-top:1em;} #comments blockquote { margin-left: 8px; border-left: 2px solid #DDD; padding-left: 8px;} #comments-list ol, #comments-list ul { border: 0; list-style: none; } #comments-list ol li { padding: 0; } #comments-list li { background: #FFF; padding: 10px; border: 0; /* clear: both; */ } .comment-content ol { margin-left:20px; } .comment-content ul { margin-left:16px; } .comment-content ol li {padding-left:5px!important;list-style-type:decimal;} .comment-content ul li {padding-left:9px!important;list-style-type:disc;} /* Comment */ #comments-list li .avatar { float: left; left: 0; top: 0; position: relative; margin:0 5px 0 0; padding: 5px 0 5px 5px; height:20px; width:20px; } #comments-list .comment-header { background: #e8ebef; font-family: Arial, "Trebuchet MS", Sans-Serif; font-size: 11px; /* border-top:4px solid #525252; border-bottom:1px solid #AAADB0; */ clear: both; float: left; .float: none; /* Fix IE6/7 bug */ width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #comments-list li.bypostauthor { background: #FFF; } #comments-list .comment-author { padding: 0; float: left; line-height:30px; /* Centers text vertically */ } #comments-list .comment-meta { padding: 0; float: right; line-height:30px; /* Centers text vertically */ margin-right: 5px; } #comments-list .comment-content { clear: both; padding:2px 5px 0px 5px; } #comments-list .comment-content p { margin-bottom: 13px; } .comment-reply-link { padding: 0 5px 8px 5px; text-align: right; font-family:Arial,"Trebuchet MS",Sans-Serif; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; } #comments-list .comment-meta a { font-style: normal; border-bottom: 1px solid #C9CDD0; color: #40464B; text-decoration:none; } #comments-list .comment-meta a:hover { text-decoration: none; border: 0; } /* Threaded comments */ #comments-list ul li { border: 0; margin: 0; } #comments-list ul.children li { background: url('images/arrow-thread.gif') 7px 8px no-repeat; padding-left: 22px; } #comments-list .comment-reply-link { } #respond h3 {padding-top: 10px;} #respond #comment-notes {margin: 10px 0; font-size:12px;} #respond textarea { width:99%; margin-top: 5px; } #respond input {width:79%; border: 1px solid #B6B6B6; margin-bottom: 10px;} #respond input#submit {width: auto; border: 1px solid #B6B6B6; padding: 5px; margin-top: 10px; cursor: pointer; background: #f0f0f0;} #respond .form-label {float:left; width: 100px;} /*-----------------------------*/ #sidebar { margin:35px 0 30px 10px; padding:15px 15px 0; width:250px; } #sidebar ul, #sidebar ol { margin:20px; padding:0; } #sidebar h2 { font:11px/11px Georgia, serif; text-transform:uppercase; letter-spacing:0.05em; padding-bottom:5px; border-bottom:1px solid #ccc; color:#000; margin:5px 5px 8px; } #sidebar h3 { font:11px/13px Helvetica, Arial, sans-serif; color:#000000; margin:0 15px 5px 0; } #sidebar h3 a { color:#000000; } #sidebar h4 { font:11px/13px Helvetica, Arial, sans-serif; color:#959595; } #sidebar p { margin:0 5px; } #sidebar a { text-decoration:none; } #sidebar em { font:11px/13px Helvetica, Arial, sans-serif; font-style:italic; color:#959595; } #sidebar .book { margin-top:10px; padding-top:10px; background:transparent url('images/dotted-line.gif') repeat-x center top; } #sidebar .book.first { margin-top:0; padding-top:0; background:transparent none; } #sidebar .cover { display:block; float:left; line-height:1px; margin:0; padding:2px 20px 2px 15px; border:0; background:transparent url('images/book-recom-60w.gif') no-repeat center bottom; } #sidebar .cover img { border:0; width:60px; } #sidebar .featured .cover { background:transparent url('images/book-recom-110w.gif') no-repeat center bottom; } #sidebar .featured .cover img { width:110px; } #sidebar .purchase { background:transparent url('images/dotted-line.gif') repeat-x center top; display: block; margin:15px 5px 0 145px; padding-top:16px; } #sidebar .inthestore .purchase { margin:15px 5px 0 95px; } #sidebar .purchase img {border:0;} #sidebar .attachment-onmyshelf-thumbnail { margin:0 5px; } #sidebar .noteworthy, #sidebar .onmyshelf, #sidebar .featured, #sidebar .inthestore, #sidebar .tools, #sidebar .specials, #sidebar .relatedposts {margin-bottom:24px;} #sidebar .tools h2 { margin-bottom:6px; } #sidebar .tools ul { margin:6px 5px 14px; padding:0; color:#73777b; font:11px/13px Arial,sans-serif; } #sidebar .tools ul li { list-style-type:none; padding:0 0 6px; margin-bottom:5px; background:url("images/dotted-line.gif") repeat-x 0 100%; } #sidebar .tools ul li * {height:14px; line-height:13px} #sidebar .tools ul li, #sidebar .tools ul li a {font-size:9px; font-weight:bold; text-decoration:none; text-transform:uppercase; } #sidebar .tools ul li a {color:#2F8AD1; display:block; } #sidebar .tools .share-this .stbutton.stico_default {background:url("images/sb-tools.gif") no-repeat 0 0!important; padding:0 0 0 20px; border-right:0; } #sidebar .tools .comment-tally a {background:url("images/sb-tools.gif") no-repeat 0 -43px; padding-left:20px;} #sidebar .tools .comment-tally a span {color:#73777b;} #sidebar .tools .printable a {background:url("images/sb-tools.gif") no-repeat 0 -86px; padding-left:20px;} #sidebar .relatedposts ul { margin:8px 5px 0; padding:0; color:#959595; font:11px/13px Arial,sans-serif; } #sidebar .relatedposts ul li { list-style-type:none; padding:0 1px 10px; margin-bottom:10px; background:url("images/dotted-line.gif") repeat-x 0 100%; } #sidebar .relatedposts ul li a { display:block; color:#252525; font-weight:bold; margin-bottom:5px; } #sidebar .relatedposts ul li .cat { display:block; font-style:italic; } .onmyshelf {font-size:11px;line-height:15px;} .onmyshelf img {padding:2px 0; border:0;} .onmyshelf strong { font-family:Georgia, serif; font-weight:bold; } .specials p { font:bold 12px/13px Georgia,serif; letter-spacing:0.02em; color:#595959; padding-bottom:15px; } .specials .book h4 {margin:0 0 5px; padding:0;} .specials .book p {color:#252525; font:10px/13px Helvetica,Arial,sans-serif; margin:0; padding:0;} .tenmillion { font-size:11px; line-height:15px; color:#959595; } .challies { font:bold 12px/13px Georgia,serif; letter-spacing:0.02em; color:#595959; padding-bottom:5px; } #sidebar .tenmillion .tenm { margin-top:10px; padding-top:10px; background:url("images/dotted-line.gif") repeat-x scroll center top transparent;} #sidebar .tenmillion .tenm.first { padding-top:0; background:none; } #sidebar .tenmillion h3 { margin:0 5px 5px; } #sidebar .tenmillion h2 span { text-transform:none; font-style:italic; } .navgation { } .next-posts { } .prev-posts { } #searchform { } #s { } #searchsubmt { } ol.commentlist { list-style: none; margin-top:30px; } ol.commentlist li { } ol.commentlist li.alt { } ol.commentlist li.bypostauthor { } ol.commentlist li.byuser { } ol.commentlist li.comment-author-admin { } ol.commentlist li.comment { background:url('images/dotted-line.gif') repeat-x center bottom!important; padding: 10px; } ol.commentlist li.comment div.comment-author { } ol.commentlist li.comment div.vcard { } ol.commentlist li.comment div.vcard cite.fn { font-style: normal; } ol.commentlist li.comment div.vcard cite.fn a.url { } ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; } ol.commentlist li.comment div.vcard img.avatar-32 { } ol.commentlist li.comment div.vcard img.photo { } ol.commentlist li.comment div.vcard span.says { } ol.commentlist li.comment div.commentmetadata { } ol.commentlist li.comment div.comment-meta { font-size: 10px; } ol.commentlist li.comment div.comment-meta a { color: #ccc; } ol.commentlist li.comment p { } ol.commentlist li.comment ul { } ol.commentlist li.comment div.reply { font-size: 11px; } ol.commentlist li.comment div.reply a { font-weight: bold; } ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; } ol.commentlist li.comment ul.children li { } ol.commentlist li.comment ul.children li.alt { } ol.commentlist li.comment ul.children li.bypostauthor { } ol.commentlist li.comment ul.children li.byuser { } ol.commentlist li.comment ul.children li.comment { } ol.commentlist li.comment ul.children li.comment-author-admin { } ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; } ol.commentlist li.comment ul.children li.depth-5 { } ol.commentlist li.comment ul.children li.odd { } ol.commentlist li.even { background: #fff; } ol.commentlist li.odd { background: #f6f6f6; } ol.commentlist li.parent { border-left: 5px solid #111; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even { } ol.commentlist li.thread-odd { } form { } input[type=text] { } textarea { } #featuredhighlights .jcarousel-control {height:300px; width:130px; text-align:center; background:url('images/featured-vertbar.gif') no-repeat 100% 50%;} .jcarousel-control h4 {margin:50px 0 0; padding:0 0 7px 30px; text-transform:uppercase; font:9.5px/9px Arial,sans-serif;} #featuredhighlights .jcarousel-control a {display:block; height:30px; width:20px; padding:6px; margin:8px 34px 7px auto; background:url('images/featured-vertsha.gif') no-repeat 50% 50%;} #featuredhighlights .jcarousel-control a:hover {} #featuredhighlights .jcarousel-control a img {border:0;} .jcarousel-control .arrow { background:url("images/featured-vertarr.gif") no-repeat scroll 50% 50% transparent; float:left; height:17px; margin-left:35px; margin-top:29px; position:absolute; width:9px; z-index:99; } .jcarousel-control.highlight-2 .arrow { margin-top:100px; } #featuredhighlights .jcarousel-control a:focus, #featuredhighlights .jcarousel-control a:active {outline:none;} #featuredhighlights .jcarousel-clip-vertical li {background:url('images/featured-bg.jpg') no-repeat 0 0;} #featuredhighlights .jcarousel-item .image-block {display:block; float:left; width:360px; text-align:center;} #featuredhighlights .jcarousel-item .image-block img {border:0; margin:16px auto 10px; height:266px; padding-left:16px;} #featuredhighlights .jcarousel-item .text-block {float:left; width:375px; margin-top:37px;} #featuredhighlights .jcarousel-item .text-block h2 {font:36px/36px Garamond,serif; font-weight:normal; color:#eeeef3; text-shadow:0px 0px 6px #111;letter-spacing:-0.01em;} #featuredhighlights .jcarousel-item .text-block h2 a {color:#eeeef3; text-decoration:none;} #featuredhighlights .jcarousel-item .text-block h2 a:hover {} #featuredhighlights .jcarousel-item .text-block h3 {font:12px/21px Arial,sans-serif;text-shadow:0px 0px 6px #111;letter-spacing:-0.01em;padding-top:3px;} #featuredhighlights .jcarousel-item .hlexcerpt {font:17px/21px 'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif; text-shadow:0px 0px 6px #111; padding-top:7px; font-weight:200; letter-spacing:0.01em;} #featuredhighlights .jcarousel-item .text-block img {border:0; padding-top:7px;} #featuredhighlights .jcarousel-item .tabs {float:left;width:110px;margin-top:70px;} #featuredhighlights .jcarousel-item .tabs img {display:block; border:0; height:30px; margin:10px auto;} #footer { font:10px/28px Helvetica,Arial,sans-serif; } #footer .follow { font-weight:bold; float:right; height:28px; color:#848789; margin:0; padding-right:17px; text-transform:capitalize; } #footer a { color:#848789; text-decoration:none; } #footer .follow {padding-top:1px;} #footer .follow a img { border:0; } #footer .follow .on-twitter { display:block; float:right; height:16px; line-height:16px; margin:6px 14px 0 0; padding-right:15px; background:url("images/ft-twitter.gif") no-repeat 100% 2px; } #footer .follow .feeds { display:block; float:right; padding:0 0 0 14px; margin-top:6px; height:16px; line-height:16px; background:url("images/dotted-line-vbot.gif") repeat-y 0 0; } #footer .follow .feeds span { display:block; float:left; } #footer .follow .feeds a.via-rss { padding:0 1px; } #footer .follow .feeds a.via-email { padding:0 0 0 5px; margin-left:3px; background:url("images/dotted-line-vbot.gif") repeat-y 0 0; } #footer .follow .feeds a { display:block; float:right; height:17px; line-height:0; } #footer .follow .feeds a img { display:block; height:11px; padding:2px 3px 3px; } #footer ul { margin:0; padding:0 0 0 21px; text-align:left; letter-spacing:0.013em; height:29px; line-height:28px; border-bottom:1px solid #babdbd; } #footer ul li { list-style-type:none; display:block; float:left; padding:0px 8px 2px 7px; height:12px; margin-top:7px; line-height:14px; background:url("images/dotted-line-vbot.gif") repeat-y 0 2px; } #footer ul li.first { background:none; padding-left:0; } #footer ul li.last { padding-right:0; } #footer ul li a { text-decoration:none; color:#848789; font-weight:bold; } #footer p { float:left; padding:0 0 0 16px; background:url("images/dotted-line-vbot.gif") repeat-y 8px 1px; margin-top:8px; height:12px; line-height:12px; } #footer p.copyright { padding:0 0 0 20px; background:none; } #footer a:hover {text-decoration:underline;} .alignright { float: right; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 10px 0; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; float:left; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 736px; height: 296px; } /** * The buttons are added dynamically by jCarousel before * the