/* Theme Name: Climatica Author URI: http://www.mblackdesign.co.uk Description: Custom wordpress theme created for Climatica Website. Author: Martin Black Version: 1.2.1 */ /* Based on SLIGHT */ /*** Reset ***/ 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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body{line-height:1;text-align:left;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} :focus {outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /*** Main ***/ body {font: 62.5% Arial, Helvetica, Sans-Serif, Georgia, Geneva, "Times New Roman", times; padding: 0;} .wrap {background: transparent url("images/bg.png") repeat-y center fixed; width:auto; height:auto;} .clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .left {float: left;} .right {float: right;} .wrapper {width: 975px; background: #fff; margin: 0 auto;} #container {padding: 30px 0 45px;} #container-home {padding: 30px 0 45px;margin-top:-20px;} /*** Header ***/ .header {height: 158px; overflow: hidden; padding-right: 0px;} .logo {width:462px; height: 160px; padding: 0; overflow: hidden; float: left; margin: -10px 0 0 -20px} .logo img {max-height: 160px; max-width: 462px;} .site-description {width: 290px; height: 111px; padding: 35px 30px 0; float: left; overflow: hidden;} .site-description .textwidget {font-size: 11px; color: #656363; line-height: 1.3;} .menu {width: 100px; padding-right: 30px; float: right;} .menu ul {margin-top: 35px;} .menu li {font-size: 11px; text-transform: none; margin: 6px 0;} .menu a {color: #000; text-decoration: none;} .menu a:hover {text-decoration: underline;} /*.search {width: 145px; margin-top: 28px; float: right;}*/ .search fieldset {width: 145px; height: 31px; background: #dadada;} .search input {width: 105px; border: none; background: none; padding: 8px; color: #fff; font: 11px Georgia, Geneva, "Times New Roman", times; text-transform: uppercase; vertical-align: middle;} .search button {width: 16px; height: 16px; background: url("images/search.png") 50% 50% no-repeat; cursor: pointer; border: none; vertical-align: middle;} .search-nav {width: 177px; margin-top: -40px; float: right;} .search-nav fieldset {width: 145px; height: 31px; background: #dadada;} .search-nav input {width: 105px; border: none; background: none; padding: 8px; color: #fff; font: 11px Georgia, Geneva, "Times New Roman", times; text-transform: uppercase; vertical-align: middle;} .search-nav button {width: 16px; height: 16px; background: url("images/search.png") 50% 50% no-repeat; cursor: pointer; border: none; vertical-align: middle;} /*** Navigation ***/ .nav {border-top: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9;} .dd {height: 48px;} .dd li {float: left; height:100%; display: block; border-right: 1px solid #D9D9D9; text-align: center; font-size: 13px; text-transform: none;font-family:'Open Sans';} .dd li a {color: #e87f23; text-decoration: none; display: block; padding-top: 18px; margin: 0 14px; white-space: nowrap;} .dd li a:hover {text-decoration: underline;} .dd li ul {position: absolute; padding: 8px 0 10px; visibility: hidden; background: #e87f23; z-index: 100;} .dd li ul li {float: none; border: none; font-size: 11px; text-align: left; margin: 5px 0; padding: 0 8px;} .dd li ul li a {color: #fff; display: inline; margin: 0 !important; white-space: normal; padding-top: 0;} .dd li.dd_hover {background: #e87f23;} a.dd_hover:hover {text-decoration: none !important;} .submenu a:hover {text-decoration: underline;} .dd li.parent a {margin: 0 8px; padding-right: 12px; background: url("images/dd.png") 100% 24px no-repeat;} .dd li.parent a.dd_hover {color: #fff; background: url("images/dd_hover.png") 100% 24px no-repeat; margin: 0 8px; padding-right: 12px; border-bottom: 1px solid #fff; padding-bottom: 10px;} /*** Slideshow ***/ #slideshow, .slideshow {height: 320px; width: 975px; overflow: hidden; position: relative; /*border-bottom: 1px solid #dadada;*/ background: url("images/slide-bg.png") repeat-x #ffffff;} .slide {height: 320px; width: 975px;} .slide img {display: block; float: left; width: 630px; height: 280px; position: relative; top: -25px; left: -35px;} .slide .post {padding: 45px 35px 0;} .slide .post-category {font-size: 11px; color: #e87f23; text-transform: uppercase; margin-bottom: 5px;} .slide .post a {color: #e87f23;} .slide .post .post-category a {text-decoration: none;} .slide .post .post-category a:hover {text-decoration: underline;} .slide .post h2 {margin-bottom: 5px;} .slide .post h2, .slide .post h2 a {color: #E87F23; font-size: 24px; font-weight: normal; text-decoration: none;} .slide .post h2 a:hover {text-decoration: underline;} .slide .post .post-meta {font-size: 11px; font-style: normal; color: #656363; margin-bottom: 20px;} .slide .post .post-meta span, .slide .post .post-meta a {color: #000; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-style: normal;} .slide .post .post-meta a:hover {text-decoration: underline;} /*.slide .post .post-author {text-transform: uppercase;}*/ .slide .post-content p {margin-bottom: 15px;} #larr, #rarr {display: block; width: 32px; height: 53px; position: absolute; top: 126px !important; opacity: 0.4; z-index: 99 !important;} #larr {background: #e87f23 url("images/larr.png") 8px 50% no-repeat; left: 0 !important;} #rarr {background: #e87f23 url("images/rarr.png") 11px 50% no-repeat; right: 0 !important;} #larr:hover, #rarr:hover {opacity: 1;} /*** Content ***/ #content {width: 640px; float: left;} .content-title {color: #1c5789; font-size: 18px; padding: 0 0 15px 30px; border-bottom: 1px solid #e87f23; text-transform: uppercase; position: relative; } .content-title p {color: #000; font-size: 12px; padding-top:6px; padding-bottom:6px; text-transform:none;} .content-title a {color: #1c5789; text-decoration: none;} .content-title a:hover {text-decoration: underline;} .content-title span {color: #999;} .content-title span a {color: #1c5789; text-decoration: none;} .content-title span a:hover {color: #000; text-decoration: none;} #mode {display: block; width: 37px; height: 14px; background: url("images/mode.png") 0 0 no-repeat; position: absolute; bottom: 14px; right: 0;} .flip {background-position: 0 100% !important;} .content-description {color: #000; font-size: 12px; padding: 10px 0 15px 30px; border-bottom: 1px solid #d4d4d4; text-transform: none; position: relative; } .content-description h2 {color: #000; font-size: 18px; } .content-description p {color: #000; font-size: 12px; padding-top:6px; padding-bottom:6px; } .list .post {padding: 30px 0 0 30px; border-bottom: 1px solid #d9d9d9;} .list .post .thumb img {float: left; margin: 0 30px 30px 0; width: 290px; height: 290px;} .list .post a {color: #1C5789;} .list .post .post-category {font-size: 11px; color: #e87f23; text-transform: uppercase; margin-bottom: 11px;} .list .post .post-category a {text-decoration: none;} .list .post .post-category a:hover {text-decoration: underline;} .list .post h2 {margin-bottom: 8px;} .list .post h2, .list .post h2 a {color: #e87f23; font-size: 24px; font-weight: normal; text-decoration: none;} .list .post h2 a:hover {text-decoration: underline;} .list .post .post-meta {font-size: 11px; color: #aaa9a9; margin-bottom: 20px;text-align:right;} .list .post .post-meta span, .list .post .post-meta a {color: #000; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-style: normal;} .list .post .post-meta a:hover {text-decoration: underline;} /* .post-author {text-transform: uppercase;} */ .viewall {padding:3px;font-style:italic;font-size:12px;} .viewall a {text-decoration:none;} .viewall a:hover {text-decoration:underline;} /*** Colours ***/ .orange, .orange a, .orange a:hover {color:#e87f23 !important;} .blue, .blue a, .blue a:hover {color:#1C5789 !important;} pre {display:inline;} .grid {padding: 12px 0 0 12px;} .grid .post {width: 154px; height: 154px; background-color: #f5f5f5; padding: 18px; float: left; margin: 19px 0 0 19px; position: relative; overflow: hidden; cursor: pointer;border:0 !important;} .grid .post .post-category, .grid .post .post-content, .grid .post .post-meta em {display: none;} .grid .post h2, .grid .post .post-meta {display: block;} .grid .post .thumb {width: 190px; height: 190px; position: absolute; top: 0; left: 0; z-index: 1;} .grid .post .thumb img {width: 190px; height: 190px;} .grid .post h2, .grid .post h2 a {color: #000; font-size: 16px; font-weight: normal; text-decoration: none;} .grid .post h2 {margin-bottom: 5px;} .grid .post a {text-decoration: none;} .grid .post a:hover {text-decoration: underline;} .grid .post .post-meta {font-size: 10px; font-style: normal; color: #656363;} .grid .post .post-meta span, .grid .post .post-meta a {color: #000; font-family: Helvetica, Arial, sans-serif; font-style: normal;} .grid .post .post-meta .post-author {text-transform: none;} .grid .post .comments_popup_link {position: absolute; bottom: 18px; right: 18px;} .grid .post .post-edit-link {position: absolute; bottom: 18px; left: 18px;} .rollover {opacity: 0; background: #ffea97; width: 154px; height: 154px; padding: 18px; margin: 0; position: absolute; top: 0; left: 0; cursor: pointer;} .rollover-title {margin-bottom: 5px;} .rollover-title, .rollover-title a {color: #000; font-size: 16px; font-weight: normal; text-decoration: none;} .rollover-title a:hover {text-decoration: underline;} .rollover-content {color: #262626; font: 12px/1.5 Helvetica, Arial, sans-serif;} .rollover-meta {font-size: 10px; font-style: normal; color: #656363;} .rollover-meta span, .rollover-meta a {color: #000; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-style: normal;} .rollover-author {text-transform: none;} .rollover-meta a:hover {text-decoration: underline;} .pagination {padding: 20px 0 0 30px; color: #aaa9a9; font-size: 12px; clear: both; position: relative;} .pagination a {color: #000; text-decoration: none;} .pagination a:hover {text-decoration: underline;} .pagination .nextpostslink {position: absolute; right: 0; top: 17px; line-height: 21px; text-transform: uppercase; background: url("images/nextpostslink.png") 100% 0 no-repeat; padding-right: 36px;} .pagination .previouspostslink {position: absolute; left: 30px; top: 17px; line-height: 21px; text-transform: uppercase; background: url("images/previouspostslink.png") 0 0 no-repeat; padding-left: 36px;} #pagination {padding: 20px 0 0 30px;} #pagination .nextpostslink {color: #000; text-decoration: none; display: block; padding: 9px 0; text-align: center; font-size: 14px;} #pagination .nextpostslink:hover {background-color: #FFEA97; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #pagination .loading {background: url("images/loading.gif") 240px 9px no-repeat; color: #555;} #pagination .loading:hover {background-color: transparent !important; cursor: default;} .entry {margin-bottom: 50px;} .entry .post {border-bottom: 1px solid #d9d9d9; padding-bottom: 15px;} .entry .post-meta {padding: 15px 0 15px 30px; border-bottom: 1px solid #d9d9d9; font-size: 11px; font-style: normal; color: #aaa9a9; position: relative;} .entry .post-meta h1 {color: #1c5789; font-size: 30px; font-weight: normal; font-style: normal; margin-bottom: 5px;} .entry .post-meta span, .entry .post-meta a {color: #000; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-style: normal;} .entry .post-meta a:hover {text-decoration: underline;} .entry .post-meta-page {padding: 0 0 0 30px; border-bottom: 1px solid #e87f23; font-size: 11px; font-style: normal; color: #aaa9a9; position: relative;} .entry .post-meta-page h1 {color: #1c5789; font-size: 30px; font-weight: normal; font-style: normal; margin-bottom: 5px;} .entry .post-meta-page span, .entry .post-meta-page a {color: #000; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-style: normal;} .entry .post-meta-page a:hover {text-decoration: underline;} .entry .post-comms {position: absolute; right: 0;} .entry .post-content {padding: 15px 0 0 30px;} .entry .post-content a {color: #000; text-decoration: none;} .entry .post-content a:hover {text-decoration: none;} .entry .post-footer {padding-left: 30px; font-size: 12px; margin-bottom: 15px;} .entry .post-footer a {color: #000; text-decoration: none;} .entry .post-footer a:hover {text-decoration: underline;} .page .post-category {display: none;} .f, .t, .di, .su {width: 16px; height: 15px; position: absolute; bottom: 15px;} .f {right: 63px; background: url("images/social.png") 0 0 no-repeat;} .t {right: 42px; background: url("images/social.png") -16px 0 no-repeat;} .di {right: 21px; background: url("images/social.png") -32px 0 no-repeat;} .su {right: 0; background: url("images/social.png") -48px 0 no-repeat;} .f:hover {background-position: 0 -15px;} .t:hover {background-position: -16px -15px;} .di:hover {background-position: -32px -15px;} .su:hover {background-position: -48px -15px;} .post-content {margin-bottom: 30px;} .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5 {color: #000; font-weight: normal; font-family: Georgia, Geneva, "Times New Roman", times; margin: 15px 0;} .post-content h1 {font-size: 30px; line-height: 35px;} .post-content h2 {font-size: 26px;} .post-content h3 {font-size: 22px;} .post-content h4 {font-size: 20px;} .post-content h5 {font-size: 18px;} .post-content {color: #262626; font: 12px/1.5 Helvetica, Arial, sans-serif;} .post-content p {margin: 10px 0;} .post-content ol {list-style: decimal; padding-left: 35px; margin: 15px 0;} .post-content ul {list-style: disc; padding-left: 35px; margin: 15px 0;} .post-content li {color: #262626; font: 12px/1.5 Helvetica, Arial, sans-serif; margin: 3px 0;} .post-content blockquote {padding: 15px 0 10px 65px; background: url("images/bq.png") 20px 0 no-repeat;} .post-content blockquote p {color: #8c8888; font: italic 16px Georgia, Geneva, "Times New Roman", times;} .post-content .search {float: none; margin-top: 15px; width: auto;} .post-content .search fieldset {width: 610px; height: 35px;} .post-content .search input {width: 570px; font-size: 16px;} .post-navigation {width: 610px; padding: 15px 0 0 30px; position: relative;} .post-navigation a {display: block; color: #000; font: 11px Helvetica, Arial, sans-serif; text-decoration: none; line-height: 1.5;} .post-navigation a:hover {text-decoration: none;} .post-navigation a em {display: block; color: #aaa9a9; font: italic 11px Georgia, Geneva, "Times New Roman", times;} .post-navigation a:hover span {text-decoration: underline;} .post-prev {width: 250px; min-height: 40px; padding-left: 30px; float: left; text-align: left; background: url("images/post_prev.png") 0 50% no-repeat;} .post-next {width: 250px; min-height: 40px; padding-right: 30px; float: right; text-align: right; background: url("images/post_next.png") 100% 50% no-repeat;} .line {width: 1px; height: 100%; background: #d9d9d9; position: absolute; top: 0; right: 305px;} /*** Images ***/ .post-content img {margin: 0 0 15px; height: auto; max-width: 610px;} .post-content h6 {position: relative; left: -30px;} .post-content .attachment img {max-width: 610px;} .post-content .alignnone, .post-content img.alignnone {clear: both; display: block; margin-bottom: 15px;} .post-content .alignleft, .post-content img.alignleft {display: inline; float: left; margin-right: 15px; margin-top: 4px;} .post-content .alignright, .post-content img.alignright {display: inline; float: right; margin-left: 15px; margin-top: 4px;} .post-content .aligncenter, .post-content img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} .post-content img.alignleft, .post-content img.alignright, .post-content img.aligncenter {margin-bottom: 15px;} .post-content .wp-caption {background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center;} .post-content .wp-caption img {margin: 5px 5px 0;} .post-content .wp-caption p.wp-caption-text {color: #888; font-size: 12px; margin: 5px;} .post-content .wp-smiley {margin: 0;} .post-content .gallery {margin: 0 auto 18px;} .post-content .gallery .gallery-item {float: left; margin-top: 0; text-align: center; width: 190px;} .post-content .gallery .gallery-item img {max-width: 190px; border: none !important; margin-bottom: 0;} .post-content .gallery .gallery-caption {color: #888; font-size: 12px; margin: 0 0 12px;} .post-content .gallery dl {margin: 0;} .post-content .gallery br+br {display: none;} .post-content .attachment img {display: block; margin: 0 auto;} /*** Comments ***/ .comments h3 {font-size: 18px; font-weight: normal; color: #1c5789; padding: 15px 0 10px 30px; border-bottom: 1px solid #d9d9d9;} .comments a {color: #000;} #comments {margin-bottom: 30px;} .comment {padding: 15px 0 15px 30px; border-bottom: 1px dotted #d9d9d9;} .comment td {vertical-align: top;} .comment-meta {position: relative; min-height: 70px; font-size: 11px; margin-right: 15px; padding-right:15px; border-right:1px dotted #BBB;} .avatar {display: block; margin-right: 10px;} .comment-author {color: #aaa9a9;} .comment-author span {color: #000;} .comment-author a, .comment-author span {text-decoration: none; text-transform: none; font-family: Helvetica, Arial, sans-serif; font-style: normal;} .comment-author a:hover {text-decoration: underline;} .comment-author, .comment-date {white-space: nowrap;} .comment-reply-link {position: absolute; bottom: 1px; text-decoration: none;} .comment-reply-link:hover {text-decoration: underline;} .comment-text p {color: #4b4b4b; ; font: 12px Helvetica, Arial, sans-serif; margin-bottom: 15px;} .children {margin-left: 80px;} .children .children {margin-left: 50px;} .children .comment {padding-left: 0;} #respond p, .nopassword {margin: 10px 0; font: 11px Helvetica, Arial, sans-serif;} .nopassword {padding-left: 30px;} #respond p a {text-decoration: none;} #respond p a:hover {text-decoration: underline;} #commentform {padding: 30px 0 0 30px;} #commentform table {width: 100%; margin-bottom: 15px;} #commentform td {vertical-align: top; width: 33.33%;} #commentform td p {font: bold 11px Helvetica, Arial, sans-serif; color: #333; margin-bottom: 5px;} #commentform td p span {color: #aaa9a9; font: italic 11px Georgia, Geneva, "Times New Roman", times;} .commform-textarea {border: 1px solid #d9d9d9; padding: 10px; margin-bottom: 10px;} #comment {width: 100%; height: 120px; padding: 0; margin: 0; border: none; border-color: #fff; overflow: auto;} .commform-author div {margin-right: 15px; border: 1px solid #d9d9d9; padding: 5px;} .commform-email div {border: 1px solid #d9d9d9; padding: 5px;} .commform-url p {margin-left: 15px !important;} .commform-url div {margin-left: 15px; border: 1px solid #d9d9d9; padding: 5px;} #author, #email, #url {width: 100%; margin: 0; padding: 0; border: none; font: 12px Helvetica, Arial, sans-serif; color: #333;} #submit {float: left; border: none; background: #ccc; color: #fff; font: bold 12px Helvetica, Arial, sans-serif; cursor: pointer; padding: 5px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #submit:hover {background: #1c5789;} p#cancel-comment-reply {float: right; line-height: 28px; margin: 0;} /*** Sidebar ***/ .sidebar {width: 275px; padding: 16px 30px 0 0; float: right;} .sidebar.home {padding-top: 20px;} .widget {margin-bottom: 35px;} .widget-small {width: 130px;} .widget h3, .widget-small h3 {color: #1c5789; font-size: 14px; font-weight: bold; /*text-transform: uppercase;*/ padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #e87f23;} .widget a, .widget-small a {color: #000; text-decoration: none;} .widget a:hover, .widget-small a:hover {text-decoration: underline;} .widget p, .textwidget {color: #262626; font: 12px/1.3 Helvetica, Arial, sans-serif;} .widget p a, .textwidget a {text-decoration: underline;} .widget p a:hover, .textwidget a:hover {text-decoration: none;} .widget li, .widget-small li {font-size: 12px; color: #262626; margin-bottom: 3px;} .widget_getconnected {margin-bottom: 20px;} .widget_getconnected .widget-body div {width: 50%; float: left; min-height: 40px; padding-bottom: 16px;} .widget_getconnected .widget-body div a {display: block; color: #24211f; font-size: 16px; padding-left: 25px;} .widget_getconnected .widget-body div span {color: #838383; font: 11px Helvetica, Arial, sans-serif; padding-left: 25px;} .getconnected_rss a {background: url("images/getconnected_rss.png") 0 2px no-repeat;} .getconnected_twitter a {background: url("images/getconnected_twitter.png") 0 2px no-repeat;} .getconnected_fb a {background: url("images/getconnected_fb.png") 0 2px no-repeat;} .getconnected_youtube a {background: url("images/getconnected_youtube.png") 0 2px no-repeat;}.getconnected_vimeo a {background: url("images/getconnected_vimeo.png") 0 2px no-repeat;} .rpthumb {display: block; padding-bottom: 15px; margin-top: 15px; border-bottom: 1px dotted #d9d9d9;} .rpthumb img {width: 50px; width: 50px; margin-right: 15px; float: left;} .rpthumb-title {display: block; font: 12px Georgia, Geneva, "Times New Roman", times; margin-bottom: 6px;} .rpthumb-date {display: block; font-size: 11px; color: #aaa9a9;} .rpthumb:hover {text-decoration: none !important;} .rpthumb:hover .rpthumb-title {text-decoration: underline;} .widget_tag_cloud a {margin: 0 2px;} .widget_calendar table {width: 100%;} .widget_calendar caption {font-size: 13px; padding-bottom: 10px; text-align: left;} .widget_calendar th, .widget_calendar td {padding: 5px 0; font-size: 13px;} .widget_calendar tbody a {text-decoration: underline;} .widget_calendar tbody a:hover {text-decoration: none} .sponsors .widget-body {text-align: center;} .sponsors .widget-body img {margin-bottom: 20px;} ul.category-filter { list-style-type: square; padding-left:25px; } .widget ul { font-size: 15px; margin: 0; } .widget ul ul { margin-left: 1.5em; } .widget ul li { font-size: 13px; } li.cat-item { color:#1c5789; } li.current-cat { color:#1c5789; } li.current-cat-parent { } ul.children { } /*** Author Box (on Posts) ***/ #authorarea{background: #f0f0f0;border: 1px solid #d2d2d2;padding: 10px;width:500px;overflow:hidden;color: #333;margin-left:65px;} #authorarea h3{font-size: 18px;color:#333;margin:0;padding:10px 10px 5px 10px;} #authorarea h3 a{text-decoration:none;color: #333;font-weight: bold;} #authorarea img{margin:0;padding:10px;float:left;border: 1px solid #ddd;width: 100px;height: 100px;} #authorarea p{color:#333;margin-left:5px;padding:5px;font-size:11px;} #authorarea p a{color:#333;} .authorinfo{padding-left:120px;} /*** Author Box (on categories) ***/ .postauthor {float: left;display: block;width: 125px;border-right: 1px dotted #D4D4D4;margin-right: 25px; height:auto; padding:20px; text-align:center; margin-bottom:15px;} .postauthor img {float: center;display: block; margin:0 !important; padding-bottom:6px;} .postauthor h3 a {font-size: 18px; font-weight: normal; color:#339; text-decoration:none;} .postauthor h3 a:hover {text-decoration:underline;} /*** Speech Bubbles for recent comments ***/ .triangle-isosceles { position:relative; width: 385px; float: right; padding:15px; margin:1em 0 3em; color:#000; background:#d4d4d4; /* default background for browsers without gradient support */ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .triangle-isosceles.top { background:#d4d4d4; } .triangle-isosceles:after { content:""; position:absolute; bottom:-15px; /* value = - border-top-width - border-bottom-width */ left:50px; /* controls horizontal position */ border-width:15px 15px 0; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#d4d4d4 transparent; /* reduce the damage in FF3.0 */ display:block; width:0; } .triangle-isosceles.top:after { top:-15px; /* value = - border-top-width - border-bottom-width */ right:50px; /* controls horizontal position */ bottom:auto; left:auto; border-width:0 15px 15px; /* vary these values to change the angle of the vertex */ border-color:#d4d4d4 transparent; } #recent-comment h2 {font-size:14px; font-family: Georgia; font-style:italic; color:#999;} #recent-comment p.comment-content {padding: 15px 0 10px 65px;background: url("images/bq_comment.png") 20px 0 no-repeat;color: #333; font: italic 13px Georgia, Geneva, "Times New Roman", times;} #recent-comment p.comment-author {text-align:right;padding-top:14px;} #recent-comment p.comment-author a {font-size:13px; color:#1c5789;} /*** Footer ***/ .footer {height: 60px; border-top: 1px solid #d9d9d9; padding: 20px 30px 0;} .footer p {font-size: 12px; color: #737373;} .footer a {color: #000; text-decoration: none;} .footer a:hover {text-decoration: underline;} p.copyright {float: left; color: #333;} p.copyright span {color: #737373;} .credits {float: right;} /*** Sub-Super script tags ***/ sub, sup { /* Specified in % so that the sup/sup is the right size relative to the surrounding text */ font-size: 75%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */ position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */ vertical-align: baseline; } sup { /* Move the superscripted text up */ top: -0.5em; } sub { /* Move the subscripted text down, but only half as far down as the superscript moved up */ bottom: -0.25em; }