/* == THEME DETAILS ============================================================ Theme Name: Insomnia Theme URI: http://designerthemes.com/themes/insomnia/ Description: A blog/magazine theme by DesignerThemes.com. Version: 2.1 Designer: Joe Mercieri Designer URI: http://upended.com/ Developer: Stephen Bluck Developer URI: http://www.stephenbluck.com/ Author: Designer Themes Author URI: http://designerthemes.com/ License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html =============================================================================== ___ _ ______ __ / _ \ ___ ___ (_)___ _ ___ ___ ____ /_ __// / ___ __ _ ___ ___ / // // -_)(_-< / // _ `// _ \/ -_)/ __/ / / / _ \/ -_)/ ' \/ -_)(_-< /____/ \__//___//_/ \_, //_//_/\__//_/ /_/ /_//_/\__//_/_/_/\__//___/ /___/ == WARNING! DO NOT EDIT THIS FILE! (PLEASE) ================================= If you wish to make CSS changes to this theme, DO NOT EDIT THIS FILE. Instead, use the custom-style.css file to define custom styles. Adding your custom CSS there will make it much easier to upgrade to a newer version of this theme without losing any of your customizations. =============================================================================== */ @import url(http://fonts.googleapis.com/css?family=Oswald); @import url(library/css/default.css); @import url(library/css/extras.css); /*---------------------------------------------------------------------------*/ /* GLOBAL */ /*---------------------------------------------------------------------------*/ a, a:active, a:visited { color: #000; } a { -webkit-transition: background-color .1s linear, color .1s linear; -moz-transition: background-color .1s linear, color .1s linear; -o-transition: background-color .1s linear, color .1s linear; -ms-transition: background-color .1s linear, color .1s linear; transition: background-color .1s linear, color .1s linear; } a:hover { color: #77BCCD; } ::-moz-selection{ background: #777; } ::selection { background: #777; } body, h1, h2, h3 { color: #444; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; } #wrapper { background: #222 url(library/images/bg.png); } #top { padding-top: 10px; } #container { background: #fff; padding: 0 10px; } /* contact form */ .contact fieldset { margin: 0; padding: 0; } .contact div { clear: both; } .contact label { display: block; width: 140px; float: left; } .contact p { font-size: 14px; margin-bottom: 10px; } .contact input.submit { cursor: pointer; margin-top: 20px; clear: both; } .contact .alert { background: none; padding: 0; border: none; } .contact .alert div { margin: 10px 0; } .contact .error_message { background: #ffc3ac url(library/images/icons/x-24.png) 10px 10px no-repeat; color: #b2322f; line-height: 24px; padding: 10px 10px 10px 44px; } .contact .success_message { background-color: #c4e19a; color: #2d7b40; padding: 10px; } .contact .success_message h2 { background: url(library/images/icons/check-24.png) no-repeat; line-height: 24px; padding-left: 34px; } .contact input.text, .contact textarea, .contact select { padding: 5px 0 5px 5px; background-color: #fafafa; border: 1px solid #eee; border-top-color: #ccc; margin: 0 0 10px; width: 65%; float: left; margin-left: 20px; } .contact input:focus, .contact textarea:focus, .contact select:focus { background-color: #fffff4; } #contact-form .send { margin-left: 160px; } #contact-form textarea { height: 300px; } .DT_Contact input.text, .DT_Contact textarea, .DT_Contact select { clear: both; width: 95%; margin: 0 0 10px; float: none; } .DT_Contact .decr { display: none; } .DT_Contact textarea { height: 150px; } .DT_Contact p { margin-bottom: 10px; } /*----------------------------------------------------------------------------- // END GLOBAL */ /*---------------------------------------------------------------------------*/ /* HEADER */ /*---------------------------------------------------------------------------*/ #header { padding: 40px 10px 0; } #header li { float: left; } #branding { margin: 0 20px 0 10px; } #site-title, #site-title a { font: normal 700 30px/1 'Oswald', sans-serif; color: #fff; letter-spacing: .025em; text-shadow: 3px 3px 0 #555; text-transform: none; margin: 0; } #site-title a:hover { text-decoration: none; color: #eee; } #site-title a:active, #site-title a:focus { top: 2px; left: 2px; text-shadow: none; } #site-description { font: normal 14px/1 Georgia, Times, "Times New Roman", serif; color: #777; margin: 0 0 0 -9999em; position: absolute; } #branding:hover #site-description { margin: -50px 0 0; } #secondary-nav { margin: 2px -10px 0 10px; } #secondary-nav .menu { float: right; padding: 7px 0; margin-right: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: url(library/images/black20pct.png); } #secondary-nav li a { padding: 0 20px; border-right: 1px solid #393939; color: #999; font: normal 10px/1 Georgia, Times, "Times New Roman", serif; text-transform: uppercase; text-shadow: 0 1px 1px #111; } #secondary-nav li a:hover, #secondary-nav li a.active, #secondary-nav li.current-cat a, #secondary-nav li.current_page_item a, #secondary-nav li.current-menu-parent > a, #secondary-nav li.current-menu-item > a { color: #aaa; } #secondary-nav li:last-child a { border: 0; } #secondary-nav .darr, #secondary-nav .rarr { display: none; } #secondary-nav ul.sub-menu, #secondary-nav ul.children { padding: 20px 0 10px; width: 235px; background: url(library/images/white80pct.png) 0 7px repeat-x; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } #secondary-nav ul.sub-menu a, #secondary-nav ul.children a { line-height: 2; color: #111; text-shadow: none; margin: 0; padding-left: 35px; border: 0; background: url(library/images/go-arrow.png) 20px center no-repeat; } #secondary-nav ul.sub-menu a:hover, #secondary-nav ul.children a:hover { text-decoration: underline; } #secondary-nav ul.sub-menu ul, #secondary-nav ul.children ul { margin-top: -30px; } #header ul.icons-only li { margin: 0 0 0 10px; } /*----------------------------------------------------------------------------- // END HEADER */ /*---------------------------------------------------------------------------*/ /* ACCESS */ /*---------------------------------------------------------------------------*/ #access { margin-top: 40px; } #access li { float: left; } #access a { color: #ccc; font-size: 13px; font-weight: normal; text-shadow: 0 1px 1px #111; } #nav-bar { padding: 0 10px; background: url(library/images/white20pct.png); border-top: 1px solid #666; border-bottom: 7px solid #3c3c3c; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } #primary-nav.g9 { margin: 0; width: 720px; } #primary-nav.g12 { margin: 0; width: 960px; } #primary-nav li { border: 0; } #primary-nav li a { letter-spacing: .05em; padding: 0 20px; line-height: 45px; border-left: 1px solid #4b4b4b; border-right: 1px solid transparent; } #primary-nav li:first-child a { margin-left: -9px; border-left: 0; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } #primary-nav li:last-child a { border-right: 1px solid #4b4b4b; } #primary-nav li a:hover, #primary-nav li a.active { background: transparent url(library/images/black10pct.png); border-color: #444; } #primary-nav li a:active, #primary-nav li a:focus { background-color: #555; top: 0; } #primary-nav li.current-cat a, #primary-nav li.current_page_item a, #primary-nav li.current-menu-parent > a, #primary-nav li.current-menu-item > a { color: #fff; } #primary-nav .dropdown .rarr, #primary-nav .dropdown .darr { line-height: 1; text-shadow: 0 1px 1px #111; color: #888; } #primary-nav ul ul.sub-menu, #primary-nav ul ul.children { background: #3c3c3c; width: 220px; padding: 7px 0; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } #primary-nav ul ul.sub-menu ul, #primary-nav ul ul.children ul { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-top: -44px; margin-left: 200px; border: 1px solid #333; } #primary-nav ul ul.sub-menu .rarr, #primary-nav ul ul.children .rarr { float: none; } #primary-nav ul.sub-menu li a, #primary-nav ul.children li a { margin: 0; border: 0; line-height: 36px; font-size: 12px; color: #999; } #primary-nav li:first-child > ul { margin-left: -10px; } #nav-bar .search-box .widget { margin: 0; line-height: 45px; height: 45px; overflow: hidden; } #nav-bar .search-box .widget div { background: url(library/images/search.png) no-repeat right center; } #nav-bar .search-box .widget input { background: transparent url(library/images/black10pct.png); padding: 6px 5px 5px; border: 0; width: 210px !important; font-size: 13px; line-height: 20px; color: #777; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .ie7 #nav-bar .search-box .widget input { margin-top: 5px; } #nav-bar .search-box .widget input:focus { color: #999; background: transparent url(library/images/black20pct.png); } /*----------------------------------------------------------------------------- // END ACCESS */ /*---------------------------------------------------------------------------*/ /* CONTENT */ /*---------------------------------------------------------------------------*/ .sec-head { background: url(library/images/light-dot-x.png) center repeat-x; margin-bottom: 20px; color: #777; } .sec-head h4 { font-size: 16px; line-height: 24px; display: inline-block; margin: 0; padding: 0 20px 0 0; background-color: #fff; } /* home */ #home-slider { padding: 20px 10px; background: url(library/images/black20pct.png); border-bottom: 7px solid #111; } #home-slider a:active, #home-slider a:focus { top: 0; } #home-slider .sec-head { background: none; padding: 0 10px; } #home-slider .sec-head h4 { background: none; color: #999; } #home-slider .sec-head .controls { float: right; } .ie7 #home-slider .sec-head .controls { margin-top: -24px; } #home-slider .sec-head .buttons { opacity: .8; filter: alpha(opacity=80); line-height: 24px; } .ie8 #home-slider .sec-head .buttons, .ie7 #home-slider .sec-head .buttons { float: left; margin-left: 5px; } #home-slider .sec-head .buttons.disable { opacity: .1; filter: alpha(opacity=10); cursor: default; } #home-slider .pager { text-align: center; } #home-slider .pager a.pagenum { display: inline-block; width: 8px; height: 8px; margin: 12px 4px 0; background-color: #fff; text-indent: -9999em; opacity: .2; filter: alpha(opacity=20); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #home-slider .pager a.pagenum:hover, #home-slider .pager a.pagenum.active { opacity: .8; filter: alpha(opacity=80); } #home-slider .featured-post { padding: 0; position: relative; height: 225px; -moz-box-shadow: 0 0 4px #000; -webkit-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; } #home-slider .featured-post:hover { background-color: #ddd; border-bottom: 1px solid #ccc; } #home-slider .dt-post-image { margin: 0 0 10px; display: block; } #home-slider .post-info { line-height: 1.2; position: absolute; bottom: 0; margin-bottom: 18px; width: 260px; } #home-slider .post-info a:hover { text-decoration: none; color: #77BCCD; } #home-slider .cat-links, #home-slider h2.entry-title a { display: inline-block; color: #888; padding: 5px 15px; background: url(library/images/black80pct.png); } .ie7 #home-slider .cat-links { display: inline; } #home-slider h2.entry-title a { padding-bottom: 8px; color: #eee; } #home-slider .cat-links a { font: normal 10px/1 Georgia, Times, "Times New Roman", serif; text-transform: uppercase; color: #888; } #home-slider .viewport { width: 960px; height: 225px; position: relative; overflow: hidden; float: left; } #home-slider ul.overview { list-style: none; position: absolute; } #home-slider ul.overview li { list-style: none; } .slider-on #main { background: url(library/images/slider-bg.png) 0 -66px repeat-x; } .ie7 .slider-on #main { background: url(library/images/slider-bg.png) 0 -76px repeat-x; } #home-widgets { padding: 30px 0 5px; margin-top: 30px; border: 7px solid #eee; border-width: 7px 0; } #home-widgets a { color: #444; } #home-widgets a:hover { color: #000; text-decoration: none; } #home-widgets .widget { background: url(library/images/light-dot-x.png) 0 12px repeat-x; width: 300px; float: left; clear: none; margin-bottom: 20px; } #home-widgets .widget:nth-child(odd) { margin-right: 20px; } #home-widgets .widget-title { font-size: 16px; font-weight: normal; line-height: 24px; color: #777; display: inline-block; margin: 0 0 20px; padding: 0 20px 0 0; background-color: #fff; } #home-widgets .dt-post-image { float: left !important; margin: 5px 20px 0 0 !important; } #home-widgets ul { margin: 0 !important; } #breadcrumbs { color: #888; font-size: 12px; font-style: italic; padding-bottom: 20px; margin-bottom: 19px; border-bottom: 1px solid #ddd; } #breadcrumbs a { color: #333; } #content { padding: 20px 0; } #content p, #content ul, #content ol, #content dd, #content pre, #content hr, #content table { margin-bottom: 20px; } #content .page-title { background-color: #eee; color: #777; padding: 20px; margin: -20px -20px 30px; } #content .page-title h1, #content .page-title p { margin: 0; } #content .page-title h1 { font-size: 10px; line-height: 1; text-transform: uppercase; } #content .page-title h1 span { font-size: 24px; font-weight: bold; text-transform: none; line-height: 1.4; color: #333; display: block; } #content .page-title img.avatar { float: left; margin: 4px 20px 5px 0; } #content .page-title .feed-link { float: right; } #content .widget p { margin-bottom: 10px; } #content .sitemap .col { width: 290px; } #content .sitemap h4 { margin: 20px 0 10px; font-weight: bold; text-transform: uppercase; } .not-singular #content .dt-post-image { float: left; margin: 5px 20px 0 -230px; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; } .not-singular #content .hentry { margin-top: 30px; padding-top: 30px; padding-left: 230px; border-top: 7px solid #eee; } .not-singular #content .page { padding-left: 0; } .singular #content .hentry a.dt-thumb { display: block; } .singular #content .hentry .dt-post-image { margin: -20px 0 10px -20px; max-width: 660px !important; } .singular #content .post { padding-top: 0 !important; } .thumb-right #content .dt-post-image { float: right; margin: 5px 0 10px 20px; } .thumb-right #content .hentry { padding-left: 0; } .sidebar-left #content, .p-left-sidebar #content { float: right; } .grid-view #content .hentry { width: 300px; padding-left: 0; float: left; } .grid-view #content .hentry.odd { margin-right: 20px; } .grid-view #content .dt-post-image { float: none; margin: 0 0 10px; } #content .hentry.p1, .grid-view #content .hentry.p2 { border: 0; padding-top: 5px; margin-top: 0; } #content .page .entry-title { margin-bottom: 10px; } #content .gallery img { border: 0 !important; } .entry-title { margin-bottom: 2px; } .entry-title a { color: #444; } .entry-title a:hover { color: #000; text-decoration: none; } .entry-byline, .entry-meta { color: #888; font-size: 11px; } .entry-byline { margin-bottom: 10px; } .singular .entry-byline, .singular .entry-meta { margin-bottom: 20px; } .singular .entry-byline { padding-bottom: 5px; border-bottom: 1px dotted #eee; } .singular .entry-meta { padding-top: 5px; border-top: 1px dotted #eee; } .entry-byline a, .entry-meta a { color: #444; } .entry-content, .entry-summary { font: 14px/1.4 Georgia, Times, "Times New Roman", serif; } .entry-summary p { margin-bottom: 15px !important; padding-right: 5px; } .read-more { margin-top: -5px; } .read-more a { display: inline-block; margin: 0 0 10px; font: bold 11px/2 "Helvetica Neue", Arial, Helvetica, sans-serif; color: #666; text-transform: uppercase; padding: 2px 10px 0; background-color: #eee; border-bottom: 1px solid transparent; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .read-more a:hover { text-decoration: none; color: #444; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: inset 0 0 4px #ddd; } /* after post widget area */ #after-post { margin-top: 20px; } #after-post .widget { width: 45%; margin-right: 5%; float: left; clear: none; } #after-post .DT_Author_Info { width: 100%; margin: 0 0 40px; background-color: #eee; } #after-post .DT_Author_Info .widget-inside { margin: 10px 20px; } #after-post .DT_Author_Info .widget-title { display: none; } #after-post .DT_Author_Info .avatar { padding: 10px; background-color: #fff; margin-right: 20px; } .DT_Author_Info span { font: normal 16px/1.6 Georgia, Times, "Times New Roman", serif; } .DT_Author_Info span a { color: #444; text-decoration: underline; } /* comments */ #comments { padding-top: 20px; border-top: 7px solid #eee; } #comments ol, #comments ul, #comments li { list-style: none; padding: 0; margin-bottom: 0; } #comments li.comment { padding-top: 20px; clear: both; } #comments .children { padding-left: 80px; } #comments .form-input input, #comments textarea, #comments select { padding: 5px 0 5px 5px; background-color: #fafafa; border: 1px solid #eee; border-top-color: #ccc; margin: 0 0 10px; width: 80%; } #comments input:focus, #comments textarea:focus, #comments select:focus { background-color: #fffff4; } #comments .form-submit input { cursor: pointer; margin-top: 20px; } #comments img.photo { float: left; margin-left: -80px; margin-right: 20px; max-width: none !important; } #comments li.comment div { margin-left: 80px; } #comments .comment-author .fn { font-size: 18px; line-height: 1; font-weight: bold; } #comments .comment-author .fn span { display: none; } #comments .comment-content p { padding: 10px 0; margin: 0; } #comments .comment-meta { padding-top: 5px; } #comments .comment-meta, #comments .comment-meta a, #comments .comment-reply a { font: italic 12px Georgia, Times, "Times New Roman", serif; color: #777; } #comments .comment-reply a { font-size: 10px; text-decoration: underline; } #comments .comment-reply { padding-bottom: 20px; border-bottom: 1px solid #eee; } /* pagination */ #nav-below { padding: 30px 0 5px; margin-top: 30px; border-top: 7px solid #eee; } #pagination .where, #pagination .on, #pagination a, #pagination .dotdotdot, #older-newer a { color: #888; padding: 3px 8px; margin-right: 8px; } #pagination .where { padding-left: 0; } #pagination .dotdotdot { padding: 5px 0; } #pagination .on, #pagination a, #older-newer a { background-color: #eee; border: 1px solid #ccc; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 2px; -moz-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc; box-shadow: 0 0 2px #ddd; } #pagination .on { color: #666; background-color: #ddd; border: 1px solid #c4c4c4; box-shadow: inset 0 0 4px #ccc; } #pagination a:hover, #older-newer a:hover { color: #666; background-color: #e4e4e4; text-decoration: none; border-color: #c4c4c4; } #older-newer .nav-older { float: left; } #older-newer .nav-newer { float: right; } #content .accordion p { margin: 0; } /*----------------------------------------------------------------------------- // END CONTENT */ /*---------------------------------------------------------------------------*/ /* SIDEBAR */ /*---------------------------------------------------------------------------*/ #sidebar { margin-right: -10px; padding: 30px 20px 20px; width: 280px; background-color: #eee; -moz-box-shadow: inset 2px 0 2px #ddd; -webkit-box-shadow: inset 2px 0 2px #ddd; box-shadow: inset 2px 0 2px #ddd; } .p-left-sidebar #sidebar, .sidebar-left #sidebar { margin-right: 0; margin-left: -10px; -moz-box-shadow: inset -2px 0 2px #ddd; -webkit-box-shadow: inset -2px 0 2px #ddd; box-shadow: inset -2px 0 2px #ddd; } #sidebar li a { color: #444; } #sidebar .widget-area .widget-title { border-bottom: 1px solid #ddd; margin: 0 0 15px; font-size: 16px; font-weight: normal; line-height: 24px; text-transform: uppercase; letter-spacing: 0; } .ie7 #sidebar ul { margin-left: -10px !important; } .widget { margin-bottom: 30px; clear: both; } .widget .post { margin-bottom: 10px; } .widget img { float: left; } .widget h2 { margin-bottom: 0; font-size: 14px; } .widget .entry-byline, .widget .entry-meta { margin-bottom: 5px; } .widget .entry-byline .byline-sep, .widget .entry-byline .byline-prep-entry-date { display: none; } .widget .entry-byline .author:after { content: " on "; } .widget li { list-style: none; padding: 0 0 2px; } .widget li li { padding: 0 0 0 10px; } /* tabber */ #sidebar-tabs { margin-bottom: 40px; padding-top: 10px; } #sidebar .tabber .widget { display: none; padding: 20px 15px 15px; margin: -1px 0 0; background-color: #fff; clear: none; border: 1px solid #ccc; -moz-box-shadow: 0 2px 2px #ddd; -webkit-box-shadow: 0 2px 2px #ddd; box-shadow: 0 2px 2px #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .ie8 #sidebar .tabber .widget { display: block; } #sidebar .tabber .widget-title { display: none; } #sidebar .tabber li:last-child { margin-bottom: 0; } #sidebar .tabber ul.tabs { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } #sidebar .tabber .tabs li { list-style: none; padding: 0; } .ie7 #sidebar .tabber .tabs li { line-height: 0; } #sidebar .tabber .tabs li a { font-weight: bold; color: #666; display: block; float: left; background: url(library/images/tab-bg.png) 0 bottom repeat-x; padding: 0 15px; line-height: 36px; border: 1px solid #ccc; border-width: 1px 1px 0 0; } #sidebar .tabber .tabs li:first-child a { border-left-width: 1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } #sidebar .tabber .tabs li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } #sidebar .tabber .tabs li a:hover { text-decoration: none; color: #333; } #sidebar .tabber .tabs li a.current { color: #333; background: #fff; } #sidebar .tabber .tabs li a:active, #sidebar .tabber .tabs li a:focus { top: 0; } #sidebar .tagcloud a { font-size: 12px !important; color: #fff; line-height: 22px; background-color: #555; display: inline-block; margin: 0 0 4px 0; padding: 0 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #sidebar .tagcloud a:hover { background-color: #333; text-decoration: none; } /* social/follow widgets */ .widget li.delicious a { background: url(library/images/icons/delicious-24.png) no-repeat; } .widget li.digg a { background: url(library/images/icons/digg-24.png) no-repeat; } .widget li.email a { background: url(library/images/icons/email-24.png) no-repeat; } .widget li.facebook a { background: url(library/images/icons/facebook-24.png) no-repeat; } .widget li.google-buzz a { background: url(library/images/icons/google-buzz-24.png) no-repeat; } .widget li.rss a { background: url(library/images/icons/rss-24.png) no-repeat; } .widget li.stumbleupon a { background: url(library/images/icons/stumbleupon-24.png) no-repeat; } .widget li.twitter a { background: url(library/images/icons/twitter-24.png) no-repeat; } .DT_Social li, .DT_Subscribe_Follow li { margin-bottom: 10px; } .DT_Social li a, .DT_Subscribe_Follow li a { display: block; line-height: 24px; font-size: 16px; } ul.icons-text li a { padding-left: 34px; } ul.text-only li a { background: none !important; } ul.icons-only li { width: 24px; float: left; margin-right: 10px; } ul.icons-only li a { width: 24px; height: 24px; } ul.icons-only li a:hover { text-decoration: none; } ul.icons-only .text { visibility: hidden; } /* comments widget */ .DT_Recent_Comments li { margin-bottom: 10px; } .DT_Recent_Comments li:last-child { margin-bottom: 0; } .DT_Recent_Comments .author { font-weight: bold; } .DT_Recent_Comments .entry-byline { display: block; margin: 2px 0 0; } .widget .thumbnail, .DT_About_Me img, .DT_Author_Info img, .DT_Recent_Comments img { margin: 4px 10px 5px 0; } .ads-inside { padding-bottom: 10px; } .ads-inside img { float: none; } .DT_Ads_125x125 { margin-bottom: 0; } .DT_Ads_125x125 img { margin-bottom: 20px; border: 2px solid #ccc; float: left; } .DT_Ads_125x125 a:nth-child(odd) img { margin-right: 22px; } .DT_Flickr img { margin: 0 20px 20px 0; border: 7px solid #111; } .DT_Flickr .flickr_badge_image:nth-child(2n) img { margin-right: 0; } .DT_Get_Posts li, .DT_Related_Posts li { padding: 0; margin-bottom: 20px; } .DT_Twitter li { margin-bottom: 10px; } /*----------------------------------------------------------------------------- // END SIDEBAR */ /*---------------------------------------------------------------------------*/ /* FOOTER */ /*---------------------------------------------------------------------------*/ #bottom { position: relative; } #random { background: url(library/images/white20pct.png); border-top: 7px solid #777; border-bottom: 7px solid #444; padding: 25px 10px 30px; } #random .sec-head { margin: 0 10px 20px; background: none; } #random .sec-head h4 { color: #ccc; background: none; text-shadow: 0 1px 1px #333; } #random .sec-head a.load { float: right; padding: 0 10px 0 33px; font-size: 11px; font-weight: bold; color: #ccc; line-height: 24px; background: #666 url(library/images/reload.png) 10px 0 no-repeat; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 2px; -moz-box-shadow: 0 0 2px #222; -webkit-box-shadow: 0 0 2px #222; box-shadow: 0 0 2px #222; } #random .sec-head a.load:hover { text-decoration: none; background-color: #777; } #random .random-post { height: 220px; overflow: hidden; -moz-box-shadow: 0 0 2px #222; -webkit-box-shadow: 0 0 2px #222; box-shadow: 0 0 2px #222; } #random .random-post .dt-post-image { width: 220px; height: 220px; margin: 0; display: block; } #random .random-post .post-info { float: left; position: absolute; color: #aaa; text-shadow: 0 1px 0 #000; margin-top: -220px; padding: 15px; width: 190px; background: url(library/images/black80pct.png); } #random .random-post .post-info .cat-links, #random .random-post .post-info p { display: none; } #random .random-post .post-info:hover .cat-links, #random .random-post .post-info:hover p { display: block; } #random .random-post .post-info:hover h3 .rarr { display: inline; } #random .random-post .post-info h3 { line-height: 1.2; margin: 0; font-size: 16px; letter-spacing: 0; } #random .random-post .post-info h3 a { color: #ddd; display: block; } #random .random-post .post-info h3 a:hover { color: #fff; text-shadow: 0 1px 2px #000; } #random .random-post .post-info .cat-links { color: #777; margin: 5px 0 10px; font-size: 10px; } #random .random-post .post-info .cat-links a { color: #999; } #random .random-post .post-info p { padding-bottom: 5px; } #random .load-overlay { width: 220px; height: 220px; position: absolute; background: #000 url(library/images/ajax-loader.gif) center center no-repeat; opacity: .5; filter: alpha(opacity=50); } #footer { background: url(library/images/black20pct.png); padding: 35px 10px 20px; margin-bottom: 20px; color: #888; border-bottom: 7px solid #181818; } #footer a { color: #77BCCD; } #footer a:hover { color: #77BCCD; } #footer .widget { margin-bottom: 20px; } #footer h3.widget-title { color: #777; font-size: 12px; line-height: 1; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #444; letter-spacing: 0; text-transform: uppercase; } #footer-widgets h2 { padding-bottom: 2px; letter-spacing: .025em; } #footer-widgets h2 a { font-size: 16px; line-height: 1; font-weight: normal; color: #eee; } #footer-widgets h2 a:hover { text-decoration: none; } #footer-nav .menu { float: right; list-style: none; } #footer-nav .menu li { display: inline; } #footer-nav a { line-height: 1; padding: 0 0 0 20px; color: #eee; } #site-info, #footer-nav { border-top: 1px dotted #444; padding-top: 20px; } #site-info { line-height: 1; } #credits { text-align: center; color: #555; padding-bottom: 40px; font-family: Georgia, Times, "Times New Roman", serif; } #credits a { color: #555; } #credits a:hover { color: #77BCCD; text-decoration: none; } #backtotop { display: none; } #backtotop a { display: scroll; position: fixed; bottom: 0; right: 0; top: auto; padding: 10px 20px; border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; background: #000 url(library/images/current-arrow.png) center center no-repeat; opacity: .3; filter: alpha(opacity=30); } #backtotop a:hover { text-decoration: none; opacity: 1; filter: alpha(opacity=100); } /*----------------------------------------------------------------------------- // END FOOTER */