/* Theme Name: Rathbun Author: Eli Van Zoeren Author URI: http://elivz.com/ */ @charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background:none repeat scroll 0 0 transparent; border:0 none; font-size:100%; margin:0; outline:0 none; padding:0; vertical-align:baseline; } /* ---LAYOUT, GENERAL--- */ body { background: #fff url(images/aj-bg.jpg); font-size: 15px; line-height: 23px; font-family: Georgia, "Times New Roman", Times, serif; color: #000; } #wrapper { width: 960px; margin: 0 auto; } #header { margin: 40px 0 0 0; text-align: center; } #header .subhed { padding: 0 0 5px 0; } #header .subhed-books { padding: 0 0 5px 40px; } #header .hed { } #header .blog-hed { margin: -16px 0 0; } #main { background: #fff; margin: -12px 0 0 5px; padding: 15px 0 0 0; float: left; width: 930px; } /* --- Main Navigation--- */ #main #nav { width: 930px; height: 118px; float: left; margin: -5px 0 15px 0; } #main #nav ul { list-style: none; float: left; height: 118px; } #main #nav li { float: left; display: inline; width: 232px; height: 118px; padding: 5px 0 0; } #main #nav ul li.bordered { width: 232px; background: url(images/main/nav/nav-rule.png) no-repeat;} #main #nav li .nav-desc, #main #nav li .nav-title { padding: 0 16px; float: left; } /* --- INDEX PAGE--- */ #main #homepage { float: left; width: 930px; margin: 10px 0 0 0; font-family: museo-slab,"museo slab", serif; font-weight: 500; } #main #homepage #panel { float: left; width: 555px; margin: 0 35px 0 50px; } #main #homepage #panel h3 { text-align: center; width: 555px; display: block; float: left; font-size: 1.4em; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 5px; color: #473a24; font-weight: 500; line-height: 1.2em; } #main #homepage #panel p { color: #6F6B64; font-family: Georgia,"Times New Roman",Times,serif; font-size: 0.95em; width: 555px; } #main #homepage #panel p strong { font-size: 1.2em; color: #473a24; font-weight: normal; font-family: museo-slab,"museo slab", serif; text-transform: uppercase; letter-spacing: .03em; } #main #homepage #panel p a.feat-link { font-size: 1.2em; color: #3189B5; font-style: normal; font-family: museo-slab,"museo slab", serif; text-transform: uppercase; letter-spacing: .03em; } #main #homepage #panel p a.feat-link:hover { font-style: italic; } #main #homepage #panel #fromtheblog { float: left; width: 555px; background: url(images/main/border-grey.png) repeat-x; margin: 10px 0 0 0; } #main #homepage #panel #fromtheblog h4 { float: left; margin: -5px 0 0 0; } #main #homepage #panel #fromtheblog h5 a { float: right; text-align: right; margin: 0; font-size: .9em; color: #3189B5; font-family: museo-slab,"museo slab", serif; text-transform: uppercase; letter-spacing: .03em; font-weight: normal; } #main #homepage #panel #fromtheblog h5 a:hover { color: #473a24; } #main #homepage #panel #fromtheblog ul#feeds { float: left; list-style: none; margin: -10px 0 0 0; } #main #homepage #panel #fromtheblog ul#feeds li { float: left; padding: 10px; } #main #homepage #panel #fromtheblog ul#feeds li:hover { background: #f1efe6; } #main #homepage #panel #fromtheblog ul#feeds p.date { display: block; color: #6F6B64; font-size: .9em; display: block; } #main #homepage #panel #fromtheblog ul#feeds .title { display: inline; font-size: 1.2em; color: #473a24; font-family: museo-slab,"museo slab", serif; text-transform: uppercase; letter-spacing: .03em; padding: 0 5px 0 0; } #main #homepage #panel #fromtheblog ul#feeds p { display: inline; color: #6F6B64; font-size: .9em; } /* --- Books Sidebar --- */ #main #homepage #sidebar { float: left; width: 245px; margin: 0 30px 0 15px; } #main #homepage #sidebar h3 { text-align: center; width: 230px; display: block; float: left; font-size: 1.6em; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 10px; color: #473a24; font-weight: 500; line-height: 1.2em; margin: 0 0 10px; } #main #homepage #sidebar h4 { text-align: center; width: 230px; display: block; float: left; font-size: 1.25em; text-transform: capitalize; margin: 1em 0; line-height: 1.4em; color: #5479b1; font-weight: 500; } #main #homepage #sidebar h5 { float: left; margin: 0 0 0 6px; } #main #homepage #sidebar p.see-more { float: left; text-align: right; width: 233px; padding: 0 6px; font-size: 90%; } #main #homepage #sidebar a { text-align: right; color: #3189b5; } #main #homepage #sidebar a:hover { color: #006699; font-style: italic; } #main #homepage #sidebar ul { list-style: none; float: left; width: 245px; margin: 0 0 10px 0; } #main #homepage #sidebar li { height: auto; text-align: left; font-size: .9em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; } /* --- Blog Sidebar Book List--- */ #main #homepage #sidebar ul#books-in-print { } #main #homepage #sidebar ul#books-in-print li { float: left; padding: 6px; height: 150px; } /* --- Main panel (Blog leads) ---*/ #main #blog-leads { width: 575px; float: left; } #main #blog-leads h4 { float: left; display: block; margin: 0; } #main #blog-leads .post { width: 575px; float: left; display: block; height: 258px; z-index: 999; } #main #blog-leads .post #details1 { width: 575px; height: 57px; float: left; background:url(images/main/blog-leads/details/details-bg1.png) no-repeat; margin: -8px 0 0 0; } #main #blog-leads .post #details2 { width: 575px; height: 57px; float: left; background:url(images/main/blog-leads/details/details-bg2.png) no-repeat; } #main #blog-leads .post #details1 #col1, #main #blog-leads .post #details2 #col1 { width: 311px; float: left; padding-top: 10px; } #main #blog-leads .post #details1 #col2, #main #blog-leads .post #details2 #col2 { width: 264px; float: left; padding-top: 3px; } #main #blog-leads .post #col1 .details-row { width: 240px; float: left; display: block; font-size: .8em; margin: 0 37px 5px; line-height: 1.2em; } #main #blog-leads .post #col1 .details-row .title { width: 83px; float: left; text-align: right; color: #000; font-family: futura; text-transform: uppercase; letter-spacing: .02em; } #main #blog-leads .post #col1 .details-row .detail { width: 150px; float: left; text-align: left; color: #9f9f9e; font-family: futura; text-transform: uppercase; letter-spacing: .02em; margin: 0 0 0 7px; } #main #blog-leads .post #col2 .details-row { width: 249px; float: left; display: block; font-size: .8em; margin: 5px 0 0 15px; line-height: 1.6em; } #main #blog-leads .post .details-row .discussed { text-align: left; color: #000; font-family: futura; text-transform: uppercase; letter-spacing: .02em; padding: 0 5px 0 0; } #main #blog-leads .post .details-row .topics { text-align: left; color: #9f9f9e; font-family: futura; text-transform: uppercase; letter-spacing: .02em; } #main #blog-leads .post #content { width: 505px; float: left; margin: 15px 35px 0; font-family: museo-slab,"museo slab", serif; font-weight: 500; } #main #blog-leads .post #content .title { width: 505px; float: left; text-align: center; color: #000; text-transform: uppercase; font-size: 1.7em; letter-spacing: .03em; } #main #blog-leads .post #content p.blurb { width: 505px; float: left; margin: 10px 0 0 0; color: #9f9f9e; line-height: 1.35em; font-size: .95em; text-align: justify; } #main #blog-leads .post #content p.read-more { float: left; display: block; padding: 7px 0 0 0; text-transform: uppercase; } #main #blog-leads .post a { color: #b29c15; } #main #blog-leads .post a:hover { color: #0099FF; font-style: italic; } /* --- BOOKS MASTER PAGE--- */ #main #books { float: left; margin: 10px 7px 0 7px; background: url(images/books/border-grey.png) repeat-x; width: 916px; padding: 20px 0 0 0; font-family: museo-slab,"museo slab", serif; } #main #books #intro { width: 347px; float: left; margin: 0 9px 15px; color: #6f6b64; } #main #books #intro .title { float: left; display: block; text-align: left; font-family: league-gothic, "league gothic","century gothic",sans-serif; font-size: 1.35em; letter-spacing: 0.14em; text-transform: uppercase; color: #B99453; width: 347px; } #main #books #intro .copy { float: left; display: block; line-height: 1.65em; font-size: .9em; } #main #books #intro .see-more { width: 341px; text-align: right; margin: 4px 10px 0 0; text-transform: uppercase; font-family: league-gothic, "league gothic", "century gothic", sans-serif; font-size: 1.1em; letter-spacing: .05em; display: block; line-height: 1.1em; float: left; } #main #books #intro .see-more a { color: #CC1C04; } #main #books #intro .see-more a:hover { color: #0099FF; } #main #books ul#covers { list-style: none; position: relative; } #main #books ul#covers li { width: 164px; height: 258px; margin: 0 9px 15px; display: inline; float: left; } #main #books ul#by-title { list-style: none; float: left; } #main #books ul#by-title li { width: 347px; border-top: 1px dashed #999999; padding: 4px; font-family: museo-slab,"museo slab", serif; float: left; line-height: .95em; font-weight: 500; } #main #books ul#by-title li .title { width: 247px; float: left; display: inline; font-size: .9em; } #main #books ul#by-title li .date { width: 100px; float: right; text-align: right; display: inline; font-size: .8em; } #main #books #intro .amazon-link { width: 347px; text-align: right; border-top: 1px dashed #999999; padding: 4px; text-transform: uppercase; font-family: league-gothic, "league gothic", "century gothic", sans-serif; font-size: 1.1em; letter-spacing: .05em; display: block; line-height: 1.1em; float: left; } #main #books #intro .amazon-link a { color: #CC1C04; } #main #books #intro .amazon-link a:hover { color: #0099FF; } #main #books ul#by-title a { color: #CC6600; } #main #books ul#by-title a:hover { color: #0099FF; } /* --- BOOKS DETAILS PAGEs--- */ #main #books #book-detail { float: left; width: 287px; padding: 0; margin: 0 8px; } #main #books #book-detail .image { display: block; float: left; margin: 0 0 5px 0; } #main #books #book-detail #buylinks { font-size: 1em; text-align: right; float: left; width: 287px; color: #918b80; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: .9em; } #main #books #book-detail #buylinks p { padding: 0; } #main #books #book-detail a { text-transform: uppercase; letter-spacing: .03em; color: #0099FF; font-style: normal; font-family: museo-slab,"museo slab", serif; font-size: 1.1em; font-weight: 500; } #main #books #book-detail li a:hover { color: #CC6600; } #main #books #book-desc { float: left; width: 592px; margin: 0 0 0 13px; font-family: museo-slab,"museo slab", serif; font-weight: 500; } #main #books #book-desc .details { text-align: center; width: 592px; display: block; float: left; font-size: .8em; text-transform: capitalize; margin: 0 0 7px; line-height: 1.4em; color: #918b80; } #main #books #book-desc h3 { text-align: center; width: 592px; display: block; float: left; font-size: 1.5em; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 7px; color: #473a24; font-weight: normal; } #main #books #book-desc h4 { text-align: center; width: 380px; display: block; float: left; font-size: 1.1em; text-transform: capitalize; margin: 0 0 7px; line-height: 1.4em; color: #5479b1; font-weight: normal; padding: 0 106px; } #main #books #book-desc .description { float: left; width: 592px; color: #6f6b64; font-size: .95em; font-family: Georgia, "Times New Roman", Times, serif; } #main #books #book-desc .description p { padding: 0 0 1em 0;} #main .description ul { list-style: none; float: left; margin: 10px 0; } #main .description ul li { width: 190px; float: left; padding: 0 3px; display: inline; } #main #books #book-desc #recipe { border-top: 1px dashed #999999; padding: 10px 0 0 0; line-height: 1.4em; float: left; width: 592px; } #main #books #book-desc #recipe .details { text-align: left; width: 592px; display: block; float: left; font-size: .8em; text-transform: capitalize; margin: 0 0 7px; color: #918b80; font-weight: normal; } #main #books #book-desc #recipe h5 { text-align: left; width: 592px; display: block; float: left; font-size: 1.5em; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 7px; color: #473a24; font-weight: normal; } #main #books #book-desc #recipe .description { float: left; width: 592px; color: #6f6b64; font-size: .95em; } #main #books #book-desc #recipe ul#ingredients { margin: 0 0 1em 0; list-style-position: outside; } #main #books #book-desc #recipe ul#ingredients li { color: #5479b1; display: block; font-size: 1em; line-height: 1.45em; } #main #books #book-desc #recipe ol#instructions { margin: 5px 0 5px 0.5em; list-style-position: outside; font-style: italic; } #main #books #book-desc #recipe ol#instructions li { color: #473a24; font-size: .95em; line-height: 1.45em; padding: 0 0 10px 0; margin: 0 0 0 20px; } #main #books #book-desc #recipe ol#instructions p { font-style: normal; font-family: museo-slab,"museo slab", serif;font-weight: 500; } #main #books #book-desc #recipe .note p { float: left; width: 592px; color: #6f6b64; font-size: .95em; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 .75em; } #main #books #book-desc #recipe .note em { font-style: italic; color: #000; } #main #books #book-desc .back-to { float: left; margin: .75em 0 0 0; text-transform: uppercase; letter-spacing: .04em; } #main #books #book-desc .back-to a { color: #0099FF; } #main #books #book-desc .back-to a:hover { color: #CC6600; } /* --- ABOUT PAGE--- */ #main #about { float: left; width: 610px; margin: 0 162px; font-family: museo-slab,"museo slab", serif; font-weight: 500; } #main #about h3 { text-align: center; width: 610px; display: block; float: left; font-size: 1.5em; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 7px; color: #473a24; font-weight: 500; } #main #about h4 { text-align: center; width: 610px; display: block; float: left; font-size: 1.1em; text-transform: capitalize; margin: 1em 0; line-height: 1.4em; color: #5479b1; font-weight: 500; } #main #about .description { float: left; width: 580px; color: #6f6b64; font-size: .95em; font-family: Georgia, "Times New Roman", Times, serif; padding: 0 15px; } #main #about .description p { padding: 0 0 1em 0;} #main #about ul#photo-samples { list-style: none; float: left; margin: 10px 0; } #main #about ul#photo-samples li { width: 190px; float: left; padding: 0 6px; display: inline; } #main #about .back-to { float: left; margin: .75em 0 0 0; text-transform: uppercase; letter-spacing: .04em; } #main #about .back-to a { color: #0099FF; } #about .back-to a:hover { color: #CC6600; } #main #about .details { text-align: center; width: 610px; display: block; float: left; font-size: .8em; text-transform: capitalize; margin: 0 0 7px; line-height: 1.4em; color: #918b80; } #main #about ul#contacts { list-style: none; float: left; width: 550px; margin: 0 30px; } #main #about ul#contacts li { padding: 0 0 5px 0; font-size: .9em; } #main #about ul#contacts li a { color: #5479b1; } #main #about ul#contacts li a:hover { color: #CC6600; } /* --- BLOG / SPIKED PUNCH--- */ #main #blog { float: left; width: 930px; margin: 0; font-family: museo-slab,"museo slab", serif; font-weight: 500; } #main #blog #blogbody { float: left; width: 580px; margin: 0 30px; } #main #blog #blogbody .post { overflow: hidden; margin: 0 0 15px; border-bottom: 1px dotted #ccc; padding: 0 0 15px 0; color: #333333; font-size: .95em; font-family: Georgia, "Times New Roman", Times, serif; } #main #blog h3 { text-align: center; font-size: 1.6em; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 10px; color: #473a24; font-weight: 500; line-height: 1.2em; margin: 0 0 10px; } #main #blog #blogbody .post h3 a { color: #473A24; } #main #blog #blogbody .post h3 a:focus, #main #blog #blogbody .post h3 a:hover { color: #069 } #main #blog h4 { text-align: center; font-size: 1.25em; text-transform: capitalize; margin: 1em 0; line-height: 1.4em; color: #5479b1; font-weight: 500; } #main #blog #blogbody .post p { padding: 0 0 15px; } #main #blog #blogbody .post blockquote { width: 410px; margin: 0 0 10px 0; padding: 0 100px; color: #6f6b64; background: url(images/main/blog/pullquotes.png) no-repeat; text-align: justify; } #main #blog #blogbody .post blockquote p { width: 410px; padding: 0; color: #6f6b64; } #main #blog #blogbody .post blockquote cite { color: #000; text-align: left; } #main #blog #blogbody .post #social { float: left; color: #6f6b64; font-size: 90%; font-family: Georgia, "Times New Roman", Times, serif; width: 580px; } #main #blog #blogbody .post #sociable { list-style: none; display: inline; float: right; height: 31px; line-height: 23px; } #main #blog #blogbody .post #sociable .share { padding: 0 4px 0 7px; } #main #blog #blogbody .post #sociable img { border: 0 none; float: none; height: 16px; margin: 0 8px; padding: 0; width: 16px; } #main #blog #blogbody .post #comment-link { float: left;} #main #blog #blogbody .post #allcomments { clear: both; border-left: 1px dotted #8E8888; margin: 0 0 10px 10px; padding: 0 0 0 10px; } #main #blog #blogbody .post #allcomments .single-comment { margin: 0 0 5px; } #main #blog #blogbody .post #allcomments .single-comment p { padding: 0; display: block; color: #8E8888; font-size: 80%; } #main #blog #blogbody .post #allcomments .single-comment p.name { } #main #blog #blogbody .post #allcomments .single-comment .comment p { color: #673c3c; line-height: 1.5em; } #main #blog #blogbody .post #allcomments .single-comment p.date { } #main #blog #blogbody .post .postmetadata { border-top: 1px dotted #0FF; clear: both; font-size: 90%; } #main #blog #blogbody .post .postmetadata p { display: block; color: #6f6b64; padding: 0; } #main #blog #blogbody .post .postmetadata a:hover { color: #114477; border-bottom: 1px dotted; } #main #blog #blogbody .other-posts { float: left; width: 100%; text-align: center; color: #8E8888; font-size: 95%; } #main #blog #blogbody .other-posts a { text-align: right; color: #8E8888; } #main #blog #blogbody .other-posts a:hover { color: #006699; font-style: italic; } #main #blog #blogbody .other-posts a.older-posts { padding: 0 5px 0 0; } #main #blog #blogbody .other-posts a.newer-posts { padding: 0 0 0 5px; } #main #blog .back-to { float: left; margin: .75em 0 0 0; text-transform: uppercase; letter-spacing: .04em; } #main #blog .back-to a { color: #0099FF; } #about .back-to a:hover { color: #CC6600; } #main #blog .details { text-align: center; font-size: .95em; text-transform: capitalize; margin: 0 0 7px; line-height: 1.4em; color: #918b80; } #main #blog ul#contacts { list-style: none; float: left; width: 550px; margin: 0 30px; } #main #blog ul#contacts li { padding: 0 0 5px 0; font-size: .9em; } #main #about ul#contacts li a { color: #5479b1; } #main #about ul#contacts li a:hover { color: #CC6600; } #main #blog #blogbody .post a { color: #006699; } /* --- Blog Sidebar --- */ #main #blog #sidebar { float: left; width: 245px; margin: 0 30px 0 15px; } #sidebar aside { clear: both; } #sidebar h1 { text-align: center; font-size: 1.6em; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 10px 6px; color: #473a24; font-weight: 500; line-height: 1.2em; } #sidebar ul { list-style: none; padding: 0; } #sidebar p.see-more { float: left; text-align: right; width: 233px; padding: 0 6px; font-size: 90%; } #sidebar a { text-align: right; color: #3189b5; } #sidebar a:hover { color: #006699; font-style: italic; } #sidebar .widget { clear: both; float: left; width: 100%; overflow: hidden; margin: 10px 0 25px; font-size: .9em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; } /* --- Blog Sidebar Book List--- */ #sidebar .pods { margin-bottom: 0; } #sidebar .pods h1 { height: 11px; text-indent: -9999px; background: url(images/main/blog/h5-titles/read-up.png) no-repeat 0 0; } #sidebar .pods article { float: left; padding: 6px; height: 150px; } /* --- Blog Sidebar Category List--- */ #main #blog #sidebar #categories-3 h1 { height: 11px; text-indent: -9999px; background: url(images/main/blog/h5-titles/category-up.png) no-repeat 0 0; } #main #blog #sidebar #categories-3 select { margin: 5px 6px; } /* --- Blog Sidebar Links Lists--- */ #main #blog #sidebar #linkcat-3 h1 { height: 11px; text-indent: -9999px; background: url(images/main/blog/h5-titles/al-italia.png) no-repeat 0 0; } #main #blog #sidebar #linkcat-2 h1 { height: 11px; text-indent: -9999px; background: url(images/main/blog/h5-titles/browse-up.png) no-repeat 0 0; } #main #blog #sidebar #linkcat-4 h1 { height: 11px; text-indent: -9999px; background: url(images/main/blog/h5-titles/drink-up.png) no-repeat 0 0; } #main #blog #sidebar .widget_links li { margin: 0 0 0 15px; padding: 0; } /* --- MEDIA PAGE - Video--- */ #main #media { float: left; margin: 0 0 0 9px; width: 921px; font-family: museo-slab,"museo slab", serif; font-weight: 500; } #main #video { float: left; width: 734px; } #main #video #feeds { list-style: none; float: left; } #main #video .links { width: 353px; margin: 0 7px 9px; float: left; text-align: left; } #main #video .links h2 { font-family: league-gothic, "league gothic","century gothic",sans-serif; font-weight: normal; font-size: 1.35em; letter-spacing: 0.14em; text-transform: uppercase; color: #B99453; } #main #video .links ul { list-style: none; border-bottom: 1px dashed #999999; } #main #video .links li { width: 347px; overflow: hidden; border-top: 1px dashed #999999; color: #8F7A7A; letter-spacing: .01em; padding: 4px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: .95em; font-weight: 500; text-align: right; } #main #video .links li a { float: left; } #main #video .links li a:hover { color: #0099FF; } #main #video .links li .title { width: 247px; float: left; display: inline; font-size: .9em; } #main #video .youtube-video { width: 353px; margin: 0 7px 9px; float: left; text-align: left; font-weight: normal; } #main #video .youtubeContainer:nth-of-type(even) { clear: left; } #main #video .youtubeTitle { float: left; display: block; text-align: left; font-family: league-gothic, "league gothic","century gothic",sans-serif; font-weight: normal; font-size: 1.25em; letter-spacing: 0.14em; text-transform: uppercase; color: #8e7b52; width: 347px; } #main #video .youtubeContainer .youtubeDateaftertitle { display: block; color: #8e8a82; font-family: museo-slab,"museo slab", serif; font-size: .75em; text-transform: none; letter-spacing: 0; } #main #video .youtubeDateaftertitle:before { content: ""; } #main #video .youtubeContent { float: left; display: block; line-height: 1.65em; font-size: .9em; font-family: Georgia, "Times New Roman", Times, serif; } #main #media #button-bar { border-top: 1px dotted #CCCCCC; float: left; padding: 5px 0 0 0; } #main #media .button { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-image: linear-gradient(top, #FFFFFF 23%, #F5E4C5 100%); background-image: -o-linear-gradient(top, #FFFFFF 23%, #F5E4C5 100%); background-image: -moz-linear-gradient(top, #FFFFFF 23%, #F5E4C5 100%); background-image: -webkit-linear-gradient(top, #FFFFFF 23%, #F5E4C5 100%); background-image: -ms-linear-gradient(top, #FFFFFF 23%, #F5E4C5 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.23, #FFFFFF), color-stop(1, #F5E4C5) ); -moz-box-shadow: 1px 1px 6px #D0AE72; -webkit-box-shadow: 1px 1px 6px #D0AE72; box-shadow: 1px 1px 6px #D0AE72; border-color: #CCCCCC #CCCCCC #CCCCCC; border-radius: 1px 1px 1px 1px; border-style: solid; border-width: 1px; text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF; color: #555555; padding: 0.2em 0.91em; width: auto; float: left; text-align: center; font-family: museo-slab,"museo slab", serif; font-weight: 500; font-size: .9em; text-transform: uppercase; letter-spacing: .04em; } #main #media #sidebar { float: left; width: 187px; padding: 0 0 0 0; } #main #media #sidebar .button { width: 138px; margin: 0 1px 1px 7px; line-height: 1.1em; } #main #media #sidebar .button:hover { margin: 1px 0 0 8px; -moz-box-shadow: 1px 1px 4px #D0AE72; -webkit-box-shadow: 1px 1px 4px #D0AE72; box-shadow: 1px 1px 4px #D0AE72; } #main #media #sidebar .button .content { vertical-align: middle; } #main #media #sidebar .button a { color: #0099FF; font-size: 95%; } #main #media #sidebar .button a:hover { color: #CC1C04; } #main #media #sidebar .youtube-video { float: left; margin: 0 0 5px 0; padding: 7px; width: 165px; height: auto; } #main #media #sidebar .youtube-video:nth-child(1), #main #media #sidebar .youtube-video:nth-child(2), #main #media #sidebar .youtube-video:nth-child(3), #main #media #sidebar .youtube-video:nth-child(4), #main #media #sidebar .youtube-video:nth-child(5), #main #media #sidebar .youtube-video:nth-child(6) { display: none; } #main #media #sidebar .youtube-video:hover { background: #f1efe6; } #main #media #sidebar .youtubeTitle { float: left; display: block; line-height: 1.25em; font-size: .8em; text-align: left; padding: 0 0 3px 0; color: #CC1C04; font-family: futura, "century gothic", sans-serif; font-weight: normal; } #main #media #sidebar iframe { width: 165px; height: 120px; } /* --- MEDIA PAGE - Books Feed--- */ #feeds-books { width: 930px; float: left; margin: -25px 0 0 5px; } #feeds-books h4 { width: 870px; height: 13px; float: left; background: url(images/feeds/from-the-library.png) no-repeat; text-indent: -9999px; margin: 0 30px 16px; } #feeds-books ul { list-style: none; float: left; } #feeds-books li { width: 175px; float: left; display: inline; background: #fff; -moz-box-shadow: 2px 3px 6px #d0ae72; -webkit-box-shadow: 2px 3px 6px #d0ae72; box-shadow: 2px 3px 6px #d0ae72; } #feeds-books li.pad { margin: 0 12px 0 0; } #feeds-books li .main { padding: 8px; float: left; font-family: museo-slab,"museo slab", serif; text-transform: uppercase; font-weight: 500; } #feeds-books li .video { width: 211px; float: left; display: block; } #feeds-books li .title { color: #c5b185; font-size: .85em; letter-spacing: .03em; display: block; width: 144px; float:left; line-height: 1.25em; } #feeds-books li a { color: #0099FF;} #feeds-books li a:hover { color: #cc6600; } #feeds-content li a.link { color: #09F; } #feeds-content li a.link:hover { font-style: italic; } /* --- Fade bg: below the main content box and above the feeds-footer --- */ #fade-bg { width: 930px; height: 59px; float: left; background: url(images/feeds/feed-bg.png) repeat-x; margin: 0 0 0 5px; z-index: 333; } /* --- Video Feeds Footer --- */ #feeds-content { width: 944px; float: left; margin: -29px 0 15px -2px;} #feeds-content h4 { width: 870px; height: 13px; background: url(images/feeds/rathbun-on-film.png) no-repeat; text-indent: -9999px; margin: 0 37px 16px; } #feeds-content .youtubeContainer { width: 211px; float: left; margin: 0 12px 0 0; padding: 8px; display: inline; background: #fff; text-align: left; -moz-box-shadow: 2px 3px 6px #d0ae72; -webkit-box-shadow: 2px 3px 6px #d0ae72; box-shadow: 2px 3px 6px #d0ae72; } #feeds-content .youtubeContainer:last-child { margin: 0; } #feeds-content .youtubeTitle { color: #c5b185; text-transform: uppercase; font-family: league-gothic, "league gothic", "century gothic", sans-serif; font-weight: normal; font-size: 1.1em; letter-spacing: .03em; display: block; width: 211px; float:left; } #feeds-content .youtubeDateaftertitle:before { content: ""; } #feeds-content .youtubeDateaftertitle { color: #ecc673; text-transform: uppercase; font-family: league-gothic, "league gothic", "century gothic", sans-serif; font-size: 1.1em; letter-spacing: .05em; display: block; width: 211px; float:left; } #feeds-content .youtubeContent { color: #c5b185; font-family: georgia, museo-slab,"museo slab", serif; font: 1em; display: block; font-size: .8em; line-height: 1.4em; width: 211px; margin: 0; float: left; font-weight: 500; } #feeds-content .see-more { width: 190px; height: 16px; background: url(images/feeds/see-more-bg.png) no-repeat; text-align: center; margin: 3px 9px 0 9px; color: #ecc673; text-transform: uppercase; font-family: league-gothic, "league gothic", "century gothic", sans-serif; font-size: 1.1em; letter-spacing: .05em; display: block; line-height: 1.1em; float: left; } #feeds-content a { color: #ecc673;} #feeds-content li a:hover { color: #09F; } #feeds-content li a.link { color: #09F; } #feeds-content li a.link:hover { font-style: italic; } /* --- Footer --- */ #footer { width: 944px; float: left; margin: 5px 0 50px -2px; background: url(images/footer/dotted-border.png) repeat-x; padding: 15px 0 0 0; } /* --- Footnote --- */ #footer .footnote { width: 216px; float: left; display: inline; margin: 15px 9px 0;} /* --- Biography (two columns in center) --- */ #footer .biography { width: 466px; float: left; display: inline; background: #fff; -moz-box-shadow: 2px 3px 6px #d0ae72; -webkit-box-shadow: 2px 3px 6px #d0ae72; box-shadow: 2px 3px 6px #d0ae72; } #footer .biography .main { width: 450px; height: 100%; display: block; float: left; padding: 8px; } #footer .biography .main .photo { width: 142px; float: left; height: 170px; margin: 0 10px 0 0; } #footer .biography .main .title { color: #b99453; text-transform: uppercase; font-family: league-gothic, "league gothic", "century gothic", sans-serif; display: block; font-size: 1.2em; letter-spacing: .03em; float: left; width: 297px; } #footer .biography .main .bio { font-size: .85em; line-height: 1.4em; color: #6f6b64; font-family: museo-slab,"museo slab", serif; float: left; width: 297px; font-weight: 500; } #footer .biography .main .see-more { width: 190px; height: 16px; background: url(images/feeds/see-more-bg.png) no-repeat; text-align: center; margin: 5px 53px 0 205px; float: left; color: #ecc673; text-transform: uppercase; font-family: league-gothic, "league gothic", "century gothic", sans-serif; font-size: 1.1em; letter-spacing: .05em; display: block; line-height: 1.1em; } #footer .biography .main a { color: #ecc673;} #footer .biography .main a:hover { color: #09F; font-style: italic; } /* --- More Links column --- */ #footer .what-else { width: 227px; float: left; margin: 5px 0 0 12px; } #footer .what-else .title { float: left; color: #afa696; text-transform: uppercase; font-family: league-gothic, "league gothic", "century gothic", sans-serif; font-size: 1.2em; letter-spacing: .05em; display: block; text-align: center; background: url(images/footer/what-else.png) no-repeat; text-indent: -9999px; width: 227px; height: 14px; } #footer .what-else ul { list-style: none; float: left; width: 235px; margin: 10px 0 0 0; } #footer .what-else li a { width: 218px; height: 35px; display: block; margin: 0 0 10px; text-align: center; font-size: .9em; line-height: 35px; color: #000; font-family: "museo slab", serif; text-transform: uppercase; text-align: center; -moz-box-shadow: 2px 3px 6px #d0ae72; -webkit-box-shadow: 2px 3px 6px #d0ae72; box-shadow: 2px 3px 6px #d0ae72; } #footer .what-else li a:hover { color: #09F; font-style: italic; -moz-box-shadow: 1px 1px 4px #d0ae72; -webkit-box-shadow: 1px 1px 4px #d0ae72; box-shadow: 1px 1px 4px #d0ae72; margin: 2px 0 8px 1pxf; } #footer .what-else li.button1 a { background: #f1e7d2;} #footer .what-else li.button2 a { background: #f1e7d2; } #footer .what-else li.button3 a { background: #ddcfb5; } #footer .what-else li.button4 a { background: #e2e7d6; border-radius: 3px 3px 3px 3px; } #footer .what-else li.button4 a:hover { background: #ebeee5; border-radius: 3px 3px 3px 3px; } #footer .what-else .copyright { display: block; color: #c9a1a1; font-family: museo-slab,"museo slab", serif; text-transform: uppercase; font-size: .55em; margin: 0 0 3px; letter-spacing: .03em; text-align: center; width: 229px; font-weight: 500; } /* ---IMAGES--- */ img { border: 0;} /* ---LINK STYLES--- */ a { color:#CC1C04; text-decoration:none; } a.opaque:hover { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; } a.opaque2:link { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } a.opaque2:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } /* =Images -------------------------------------------------------------- */ a img { border: none; } p img { margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */ } /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } img.alignleft { float: left; margin-right: 1em; } img.alignright { float: right; margin-left: 1em; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { padding: .5em; text-align: center; } .wp-caption img { margin: .25em; } .wp-caption .wp-caption-text { margin: .5em; } .gallery-caption { } .wp-smiley { margin: 0; } /* =Forms -------------------------------------------------------------- */ #searchform label { display: none; } #searchform input#s { width: 60%; } input[type=text], input#s { margin: 0 1em 0 0; width: 60%; } textarea { width: 80%; } /* Class for labelling required form items */ .required { color: #cc0033; } /* =Comments -------------------------------------------------------------- */ article.comment { display: block; } #respond input[type=text] { display: block; width: 60%; } #respond textarea { display: block; margin: 0 0 1em; width: 80%; } #respond .form-allowed-tags { clear: both; width: 80%; } #respond .form-allowed-tags code { display: block; }