/* Theme Name: lucid Version: 1.3 Theme URI: http://www.dyncomp.net/ Description: Lucid - Light simple look. Author: Dan Huckson Author URI: http://www.dyncomp.net/ License: GNU General Public License License URI: http://www.dyncomp.net/wp-content/themes/lucid/LICENSE.txt Tags: light, white, two-columns, right-sidebar, fixed-width. */ /* Global * ************************************************************************************* */ html, body {height:100%;margin:0;padding:0;background:#fff;font-weight:300;font-size:0.98em;font-family:Arial, Helvetica, sans-serif; background:url(images/backgrounds-sprite.jpg) 0 -300px repeat-x; } h1 {font-size:1.875em;} h2 {font-size:1.5em;} h3 {font-size:1.3em;} h4 {font-size:1em;} h5 {font-size:0.875em;} h6 {font-size:0.7em;} h1,h2,h3,h4,h5,h6 {margin:20px 0 0 0;padding:0;font-weight:300;} a {text-decoration:none;} /* Global * ************************************************************************************* */ #dsh:after {clear:both;height:0px;content:".";display:block;visibility:hidden;} #dsh>.wrap {margin:0;padding:0;} #dsh a {color:#0474A8;} #dsh a:hover {text-decoration:underline;color:#D1001B;} #dsh select, #dsh textarea, #dsh input[type=text] {border:solid 1px #BABABA;border-radius:2px;} #dsh textarea {padding:5px;} #dsh select {padding:2px;background:#FFFFFF;} #dsh input[type=text] {padding:3px;background-color:#FFFFFF;} #dsh .alignleft {float:left;} #dsh .alignright {float:right;} #dsh .aligncenter {margin:0 auto;display:block;text-align:center;} #dsh .page .post-comment-button {display:none;} #dsh #submit, #dsh .button {padding-bottom:1px;border:0;height:24px;color:#fff;border-radius:5px;font-size:0.875em;background:url(images/backgrounds-sprite.jpg) 0 0 repeat-x;} #dsh #submit:hover, #dsh .button:hover {background:url(images/backgrounds-sprite.jpg) 0 -100px repeat-x;} /* Header * ************************************************************************************* */ #dsh #header .tabs:after, #dsh #header>.wrap:after, #dsh #header:after {clear:both;height:0px;content:".";display:block;visibility:hidden;} #dsh #header>.wrap { width:1000px; height:150px; box-shadow:0 0 0.3em #ddd; border-left:solid 1px #aaa; border-right:solid 1px #aaa; background:url(images/main-sprite1a.jpg) 0 0 no-repeat; } #dsh #header #logo {float:left;width:585px;height:150px;} #dsh #header #logo:hover {cursor:pointer;} #dsh #header #subscribe {float:right;} #dsh #header .tabs {margin:13px 0 0 40px;width:260px;height:22px;} #dsh #header .tabs .tab {float:left;padding:5px 7px 5px 7px;border-bottom-left-radius:5px;border-bottom-right-radius:5px; background:url(images/backgrounds-sprite.jpg) 0 -200px repeat-x; } #dsh #header .tabs .tab:hover { cursor:pointer; background:url(images/backgrounds-sprite.jpg) 0 -250px repeat-x; } #dsh #header .tab a {text-decoration:none;color:#fff;font-weight:700;} #dsh #header .tab.about {margin-left:0;} #dsh #header .tab.contact {margin-left:10px;} #dsh #header .tab.advertise {margin-left:10px;} /* Content Sidebar * ************************************************************************************* */ #dsh #content_sidebar>.wrap:after {clear:both;height:0px;content:".";display:block;visibility:hidden;} #dsh #content_sidebar h1, #dsh #content_sidebar h2 {font-size:1.5em;} #dsh #content_sidebar>.wrap {margin:0 auto;width:1000px;background:#FFF;border-left:solid 1px #aaa;border-right:solid 1px #aaa;} #dsh #content_sidebar .barber-pole {height:12px;background:url(images/barber-pole-sprite.jpg) 0 0 repeat-x;} /* Content * ************************************************************************************* */ #dsh #content .articles .barber-pole:after, #dsh #content .articles .entry-body:after, #dsh #content .articles .entry-body>.wrap:after, #dsh #content .entry-content .thumblock:before, #dsh #content .edit-links>.wrap:after {clear:both;height:0px;content:".";display:block;visibility:hidden;} #dsh #content .page-title {border:dashed 3px #BCE2F3;margin-left:10px;border-radius:3px;padding:5px;background:#F2FCFF;} #dsh #content .page-title {font-size:1.9em;color:#0474A8;text-align:center;} #dsh #content {float:left;margin:5px 0 15px 15px;width:600px;} #dsh #content .barber-pole { margin:-10px 0 0 10px; border-bottom:solid 1px #BCE2F3; height:11px; background:url(images/barber-pole-sprite.jpg) 0 -24px repeat-x; } #dsh #content .articles>li {list-style:none;} #dsh #content .articles>li>.wrap {padding:0 0 10px 10px;} #dsh #content .articles>li ~ li {margin-top:35px;} #dsh #content .articles .barber-pole div {float:right;margin-top:-17px;margin-right:25px;} #dsh #content .articles .post-comment-button { padding:8px 10px 0 10px; height:20px; border-top-left-radius:4px; border-top-right-radius:4px; background:url(images/backgrounds-sprite.jpg) 0 0 repeat-x; } #dsh #content .articles .post-comment-button:hover { background:url(images/backgrounds-sprite.jpg) 0 -100px repeat-x; } #dsh #content .articles .post-comment-button a {text-decoration:none;font-size:1em;color:#fff;} #dsh #content .edit-links a {color:#0474A8;} #dsh #content .edit-links>.wrap {margin:0 0 20px 10px;padding:5px;border-bottom:solid 1px #BCE2F3;background:#F8FDFF;} #dsh #content .edit-links .edit-link {float:left;} #dsh #content .edit-links .edit-link ~ .edit-link {float:right;} #dsh #content .entry-title {border-bottom:solid 2px #FFCD0C;} #dsh #content .entry-title h1, #dsh #content .entry-title h2 {margin-bottom:3px;font-size:1.8em;} #dsh #content .entry-title h2 a {text-decoration:none;} #dsh #content .entry-body>.wrap>ul>li {margin-top:5px;text-align:justify;} #dsh #content .entry-content ol, #dsh #content .entry-content ul {margin:10px 0 0 20px;} #dsh #content .entry-content ul {list-style:square;} #dsh #content .entry-content ol {list-style:decimal;} #dsh #content .entry-content ol li, #dsh #content .entry-content ul li {line-height:22px;} #dsh #content .entry-content p {text-align:justify;line-height:22px;} #dsh #content .entry-content p ~ p {margin-top:15px;} #dsh #content .entry-content blockquote {margin-top:5px;margin-bottom:20px;padding:10px 20px 15px 20px;border-radius:3px;background:#F8FDFF;border:solid 1px #BCE2F3;} #dsh #content .entry-content img.alignleft, #dsh #content .entry-content img.alignright, #dsh #content .entry-content img.aligncenter, #dsh #content .entry-content img.alignnone {padding:4px;border:solid 1px #aaa;border-radius:3px;box-shadow:0 0 0.3em #a0a0a0;} #dsh #content .entry-content img.no-border {border:none !important;border-radius:0 !important;box-shadow:none !important;} #dsh #content .entry-content img.alignleft {margin:0 10px 5px 0;} #dsh #content .entry-content img.alignright {margin:0 0 5px 10px;} #dsh #content .entry-content img.aligncenter {margin-top:10px;margin-bottom:10px;} #dsh #content .entry-content img.alignnone {margin-top:10px;margin-bottom:10px;} #dsh #content #respond {margin:15px 0 15px 10px;border-radius:2px;box-shadow:0 0 0.3em #a0a0a0;border:solid 1px #56B7E4;} #dsh #content #respond h3 {margin-top:0;padding:8px;color:#fff;font-size:1.25em;background:#56B7E4;} #dsh #content #respond form {padding:10px;} #dsh #content #respond input[type=text] {margin-top:5px;width:240px;} #dsh #content #respond select {margin:5px 0 0 0;} #dsh #content #respond textarea {margin-top:5px;margin-bottom:5px;padding:5px;border-radius:2px;width:535px;height:100px;} #dsh #content #respond #submit {margin-top:5px;} #dsh #content #respond .required {font-size:0.8em;color:#D23446;} /* Content, entry-meta * ************************************************************************************* */ #dsh .entry-footer>.wrap {background:#F8FDFF;} #dsh .entry-footer .entry-meta {padding:5px 0 5px 5px;border-top:solid 1px #BCE2F3;} #dsh .entry-footer .entry-meta span {white-space:normal;line-height:20px;font-size:0.95em;} #dsh .entry-footer .entry-meta span.date { padding-left:20px; background-repeat:no-repeat; background-position:-1000px -83px; background-image:url(images/main-sprite1a.jpg); } #dsh .entry-footer .entry-meta .categories { padding-left:20px; background-repeat:no-repeat; background-position:-1000px -113px; background-image:url(images/main-sprite1a.jpg); } #dsh .entry-footer .entry-meta .tags { padding-left:20px; background-repeat:no-repeat; background-position:-1000px -141px; background-image:url(images/main-sprite1a.jpg); } #dsh .entry-footer .entry-meta>.wrap span ~ span {margin-left:15px;} #dsh .entry-footer .entry-meta>.wrap ~ .wrap {width:415px;} /* Content, page-nav * ************************************************************************************* */ #dsh #page_nav {margin:15px 0 5px 10px;border:solid 1px #229DD5;border-radius:5px;background:#56B7E4;} #dsh #page_nav a {white-space:nowrap;line-height:26px;color:#FFF;text-decoration:none;} #dsh #page_nav .old a {padding-left:10px;} #dsh #page_nav .old {float:left;width:120px;text-align:left;border-radius:5px;} #dsh #page_nav .new a {padding-right:10px;} #dsh #page_nav .new {float:right;width:120px;text-align:right;border-radius:5px;} #dsh #page_nav .old:hover {background:url(images/main-sprite1a.jpg) -150px -247px no-repeat;} #dsh #page_nav .new:hover {background:url(images/main-sprite1a.jpg) -270px -247px no-repeat;} #dsh #page_nav .wrap:after {clear:both;height:0px;content:".";display:block;visibility:hidden;} /* Sidebar * ************************************************************************************* */ #dsh #sidebar {float:right;margin:5px 15px 15px 0;width:340px;} #dsh #sidebar>.wrap>ul>li ~ li {padding:5px;} #dsh #sidebar>.wrap>ul>li ~ li {margin-top:15px;} #dsh #sidebar li {list-style:none;} #dsh #sidebar h2 {margin-top:0;} #dsh #sidebar .widget li { padding:5px 5px 0 12px; border-bottom:dashed 1px #FFCD0C; background:url(images/main-sprite1a.jpg) -1007px 0 no-repeat; } #dsh #sidebar .widget>.wrap>ul {margin:-10px 0 0 3px;} #dsh #sidebar .widget li {line-height:22px;} /* Sidebar, search * ************************************************************************************* */ #dsh #sidebar #text-2 {margin:15px auto 0 auto;width:320px;} #dsh #sidebar #text-2 .textwidget {padding-top:5px;padding-bottom:5px;background:#F8FDFF;border-radius:2px;border:solid 1px #1D7ECE;} #dsh #sidebar #text-2 .textwidget #s {padding:1px 3px 1px 3px;width:230px;font-size:1em;line-height:22px;border:solid 1px #1D7ECE;border-radius:2px;} #dsh #sidebar #text-2 .textwidget input[type=submit] {width:60px;height:24px;color:#fff;border:none;font-size:0.875em;} #dsh #sidebar #text-2 .textwidget input[type=submit]:hover {cursor:pointer;} /* Sidebar, recent posts (last 10) * ************************************************************************************* */ #dsh #sidebar .widget_recent_entries .widgettitle { width:150px;height:40px;background:url(images/main-sprite1a.jpg) 0 -150px no-repeat; } #dsh #sidebar .widget_recent_entries ul {margin-left:5px;} #dsh #sidebar .widget_recent_entries li {line-height:22px;} /* Sidebar,top 10 posts * ************************************************************************************* */ #dsh #sidebar .popular-posts .widgettitle { width:150px;height:40px;background:url(images/main-sprite1a.jpg) 0 -230px no-repeat; } #dsh #sidebar .popular-posts ul {margin-left:5px;} #dsh #sidebar .popular-posts li {line-height:22px;} /* Sidebar, archives * ************************************************************************************* */ #dsh #sidebar .widget_archive .widgettitle { width:150px;height:40px;background:url(images/main-sprite1a.jpg) 0 -190px no-repeat; } /* Sidebar, recent posts * ************************************************************************************* */ #dsh #sidebar .widget_recent_posts img {margin-right:5px;border-radius:2px;} #dsh #sidebar .widget_recent_posts ul>li * {float:left;} #dsh #sidebar .widget_recent_posts ul>li:after {clear:both;height:0px;content:".";display:block;visibility:hidden;} #dsh #sidebar .widget_recent_posts>.wrap>ul>li {padding-bottom:5px;} /* Sidebar, facebook like box * ************************************************************************************* */ .fb-like-box {border-radius:3px;box-shadow: 0px 0px 0.22em #a8a8a8;} .fb-like-box span {padding:0 !important;margin:0 auto !important;} .fb-like-box iframe {padding:0 !important;margin:0 auto !important;} /* Footer * ************************************************************************************* */ #dsh #footer .links:after, #dsh #footer .content .widgets:after {clear:both;height:0;content:".";display:block;visibility:hidden;} #dsh #footer>.wrap {margin:0 auto;width:1000px;box-shadow:0 0 0.3em #ddd;border-left:solid 1px #aaa;border-right:solid 1px #aaa;background:#BEE1F5;} #dsh #footer .barber-pole.top, #dsh #footer .barber-pole.bottom {height:12px;background:url(images/barber-pole-sprite.jpg) 0 -12px repeat-x;} #dsh #footer .content {margin:30px 30px 15px 30px;border:dashed 2px #5BB9E4;} #dsh #footer .content p {text-align:justify;line-height:20px;} #dsh #footer .content .widgets {margin:0;padding:0;} #dsh #footer .content .widgets li {list-style:none;} #dsh #footer .content .widgets>li {float:left;padding:10px;width:31%;} #dsh #footer .content .widgets .title h2 {color:#0474A8;font-size:1.875;font-weight:700;} #dsh #footer .content .widgets .link {margin-top:5px;} #dsh #footer .content .widgets .logo { cursor:pointer;margin-top:-5px;width:220px;height:61px;background:url(images/main-sprite1a.jpg) -390px -236px no-repeat; } #dsh #footer .content .widgets>li {height:165px;} #dsh #footer .content .widget li ~ li {margin:10px;} #dsh #footer .content .widget.about {border-left:dashed 2px #5BB9E4;border-right:dashed 2px #5BB9E4;} #dsh #footer .links {margin:0 30px 10px 30px;} #dsh #footer .links li {list-style:none;} #dsh #footer .links li.left {float:left;text-align:left;width:20%;} #dsh #footer .links li.center {float:left;font-size:0.8em;color:#0474A8;text-align:center;width:59%;} #dsh #footer .links li.right {float:right;text-align:right;width:20%;} /* Menubar1 * ************************************************************************************* */ #dsh .menubar a {text-decoration:none;font-size:1.25em;} #dsh #menu-menubar1 {margin:0 auto;width:1000px;background:#56B7E4;box-shadow:0 0 0.3em #ddd;border-left:solid 1px #aaa;border-right:solid 1px #aaa;} #dsh #menu-menubar1 {margin:0 auto;padding-left:60px;width:940px;} #dsh #menu-menubar1 li {list-style:none;cursor:pointer;} #dsh #menu-menubar1>.menu-item {float:left;white-space:nowrap;} #dsh #menu-menubar1>.menu-item:hover {background:#5AC1F0;} #dsh #menu-menubar1>.menu-item a {padding:13px 15px 14px 15px;color:#fff;line-height:45px;text-align:center;} #dsh #menu-menubar1:after {clear:both;height:0;content:".";display:block;visibility:hidden;} /* Comments * ************************************************************************************* */ #dsh #comments h3:after {clear:both;height:0;content:".";display:block;visibility:hidden;} #dsh #comments>.wrap {margin-left:10px;background:#fff;font-size:0.95em;} #dsh #comments a {color:#1D7ECE;} #dsh #comments a:hover {text-decoration:underline;} #dsh #comments h3 {margin:20px 0 20px 0;} #dsh #comments h3>div {float:left;} #dsh #comments li {list-style-type:none;} #dsh #comments small * {color:#aaa;} #dsh #comments .odd {background:#fff;} #dsh #comments .even {background:#F8FDFF;} #dsh #comments .alignleft {padding-top:5px;} #dsh #comments .alignright {padding-top:5px;} #dsh #comments .comment-title {color:#1D7ECE;} #dsh #comments .comment-author cite, #dsh #comments .comment-author cite a {font-size:1.1em;font-weight:700;} #dsh .commentlist>li {border:solid 1px #56B7E4;} #dsh .commentlist li {border-top:solid 1px #56B7E4;} #dsh .commentlist>li {margin-top:10px;} #dsh .commentlist li>ul {margin-top:10px;margin-left:10px;border-left:solid 1px #56B7E4;} #dsh .commentlist>li, #dsh .commentlist ul>li {padding:10px 0 0 10px;} #dsh .commentlist .reply {padding:5px 0 10px 0;} #dsh .comment-body p {clear:both;display:block;line-height:22px;padding-right:10px;margin-top:10px;margin-bottom:10px;} #dsh .comment-author {float:left;margin-bottom:10px;} #dsh .comment-author img {margin-bottom:5px;display:block;border:solid 1px #000;} #dsh .comment-meta {float:right;margin-right:10px;} #dsh .comment-awaiting-moderation {color:#fff;margin:0 0 0 45px;padding:5px 55px 5px 5px;display:block;font-weight:700;background:#1D7ECE;border:solid 1px #1D7ECE;text-align:center;} /* Adsense ads * ************************************************************************************* */ #dsh #image_ad1 {margin:0 auto;padding:15px;width:970px;border-left:solid 1px #aaa;border-right:solid 1px #aaa;} #dsh #image_ad2 {margin-top:60px;margin-bottom:40px;} #dsh #text_ad1>.wrap {margin:0 auto;padding-top:5px;width:1000px;border-left:solid 1px #aaa;border-right:solid 1px #aaa;background:#fff;} #dsh #text_ad2>.wrap {margin:0 auto;padding-bottom:15px;width:1000px;border-left:solid 1px #aaa;border-right:solid 1px #aaa;background:#fff;} /* Aweber Subscribe, Header * ************************************************************************************* */ #dsh #header .subscribe {width:280px;background:none;} #dsh #header .subscribe .button {width:84px;height:26px;} #dsh #header .subscribe #email {padding-left:4px;height:17px;font-size:0.8em;font-weight:300;color:#0474A8;width:140px;border-radius:4px;border:solid 1px #56B7E4;} #dsh #header .subscribe>.wrap {margin:66px 0 0 5px;} /* Aweber Subscribe, Content * ************************************************************************************* */ #dsh #content .subscribe>.wrap:after {clear:both;height:0;content:".";display:block;visibility:hidden;} #dsh #content .subscribe {margin:15px 0 15px 10px;padding:15px;border:solid 1px #56B7E4;border-radius:3px;background:#F8FDFF;} #dsh #content .subscribe input {float:left;margin-top:5px;} #dsh #content .subscribe .quote.top {margin-bottom:10px;} #dsh #content .subscribe .quote.bottom {margin-top:10px;} #dsh #content .subscribe .logo-small-blue {margin-left:340px;width:200px;padding-top:47px; background:url(images/main-sprite1a.jpg) -150px -200px no-repeat; } #dsh #content .subscribe #email {margin-right:5px;width:240px;font-weight:300;color:#0474A8;border:solid 1px #56B7E4;} /* Content Plugins * ************************************************************************************* */ #dsh .entry-content .ratingblock:after {clear:both;height:0;content:".";display:block;visibility:hidden;} #dsh .entry-content .ratingblock {float:right;margin-top:14px;width:160px;} #dsh .entry-content .hreview-aggregate {display:none;} /* Edit Post * ************************************************************************************* */ #dsh .edit-post {float:left;width:41px;height:40px;margin-top:5px; background:url(images/main-sprite1a.jpg) -610px -250px no-repeat; } #dsh .edit-post:hover { cursor:pointer; background:url(images/main-sprite1a.jpg) -660px -250px no-repeat; } #dsh .edit-post a {padding-left:41px;padding-bottom:25px;} /* Sociable Icons * ************************************************************************************* */ .scbl-counters:after, .scbl-counters .container:after, .scbl-buttons:after, .scbl-buttons ul:after {clear:both;height:0px;content:".";display:block;visibility:hidden;} .scbl-counters .container {float:right;margin-top:5px;} .scbl-counters .container>div {float:right;margin-left:5px;} .scbl-counters .container>div.pinit-ctr {margin-top:30px;} .scbl-buttons ul {margin:17px 0 0 0 !important;} .scbl-buttons li {float:left;margin-right:5px;list-style:none !important;} .scbl-buttons li div {width:24px;height:24px;} .scbl-buttons .alignleft {margin-bottom:0;} .scbl-buttons .alignleft li {float:left} .scbl-buttons .alignright li {float:right;} .scbl-buttons .aligncenter {text-align:center;} .scbl-buttons .aligncenter ul {display:inline-table;} .scbl-buttons .aligncenter ul li {display:inline;} .scbl-buttons .pfriendly {width:141px;height:25px;display:inline-block;} .scbl-buttons .pinit-btn {padding-top:3px;} .scbl-buttons .pinit-btn a:hover {box-shadow:0 0 0.75em #888;border-radius:3px;} .scbl-buttons .pinit-btn {padding-top:2px;margin-left:10px;} .scbl-buttons .facebook {background:url(images/main-sprite1a.jpg) -150px -150px no-repeat;} .scbl-buttons .twitter {background:url(images/main-sprite1a.jpg) -180px -150px no-repeat;} .scbl-buttons .digg {background:url(images/main-sprite1a.jpg) -210px -150px no-repeat;} .scbl-buttons .stumble-upon {background:url(images/main-sprite1a.jpg) -240px -150px no-repeat;} .scbl-buttons .tumblr {background:url(images/main-sprite1a.jpg) -270px -150px no-repeat;} .scbl-buttons .del-icio-us {background:url(images/main-sprite1a.jpg) -300px -150px no-repeat;} .scbl-buttons .pfriendly {margin-left:35px;width:141px;height:27px;background:url(images/main-sprite1a.jpg) -705px -247px no-repeat;} .scbl-buttons .facebook:hover {box-shadow:0 0 0.5em blue;background:url(images/main-sprite1a.jpg) -150px -175px no-repeat;} .scbl-buttons .twitter:hover {box-shadow:0 0 0.5em #04EAFE;background:url(images/main-sprite1a.jpg) -180px -175px no-repeat;} .scbl-buttons .digg:hover {box-shadow:0 0 0.5em blue;background:url(images/main-sprite1a.jpg) -210px -175px no-repeat;} .scbl-buttons .stumble-upon:hover {box-shadow:0 0 0.5em #09B518;background:url(images/main-sprite1a.jpg) -240px -175px no-repeat;} .scbl-buttons .tumblr:hover {box-shadow:0 0 0.5em #00286A;background:url(images/main-sprite1a.jpg) -270px -175px no-repeat;} .scbl-buttons .del-icio-us:hover {box-shadow:0 0 0.5em blue;background:url(images/main-sprite1a.jpg) -300px -175px no-repeat;} .scbl-buttons .pfriendly:hover {background:url(images/main-sprite1a.jpg) -705px -272px no-repeat;}