/*
Theme Name: Snowblind
Theme URI: http://tinkerpriestmedia.com/free-wordpress-themes/snowblind/
Description: A clean and modern theme with a fully customizable layout. Theme options include site width, widgetized sidebars and footer bar, logo uploader, Google Analytics, Twitter feed, RSS feeds and tons more. Also includes dynamic SEO keywords and page descriptions. Tested on WP 2.7.x and up, using Firefox 3.5, IE7 and IE8. Fully optimized for search engine ranking. 100% valid xHTML. Designed by c.bavota and Juan Gordillo.
Version: 1.0.5
Author: c.bavota, Juan Gordillo
Author URI: http://tinkerpriestmedia.com/
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,silver,custom-header,theme-options,threaded-comments,translation-ready,sticky-post
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
/* Basic Tag Elements */
a { text-decoration: none; }
a:link, a:visited { color: #fb7d29; }
a:focus, a:hover, a:active { color: #a09f9e; }
#sidebar a, #sidebar a:link, #sidebar a:visited { border-bottom: 1px solid #fff; color: #fb7d29; }
#sidebar a:focus, #sidebar a:hover, #sidebar a:active { border-bottom-color: #fb7d29; color: #a09f9e; }
img {
border: 0;
}
body {
padding: 0;
margin: 0;
font-family: Helvetica, sans-serif;
color: #444;
}
iframe.noborder {
border: solid #FFFFFF 0px;
}
.header { COLOR: #a06212; FONT: 20px verdana, arial, sans-serif; font-weight: normal; }
.subhead { COLOR: #a06212; FONT: 15px verdana, arial, sans-serif; font-weight: normal; }
.subheadg { COLOR: #669900; FONT: 15px verdana, arial, sans-serif; font-weight: normal; }
.headers { COLOR: #a06212; FONT: 18px verdana, arial, sans-serif; font-weight: normal; }
.subtitle { COLOR: #000000; FONT: 12px verdana, arial, sans-serif; font-weight: bold; }
h1, h2, h3, h4, h5 {
color: #669900;
display: block;
/* fixed for Non-PCs without Photoshop CS2+ */
font-family: "Myriad Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;
font-weight: normal;
}
h6 {
color: #ae5208;
display: block;
/* fixed for Non-PCs without Photoshop CS2+ */
font-family: "Myriad Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;
font-weight: normal;
}
h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; }
h2 { font-size: 28px; line-height: 1.3; margin: 1em 0 .2em; }
h3 { font-size: 24px; line-height: 1.3; margin: 1em 0 .2em; }
h4 { font-size: 19px; margin: 1.33em 0 .2em; }
h5 { font-size: 1.3em; margin: 1.67em 0; }
h6 { font-size: 1.0em; margin: 1.33em 0 .2em; }
h1 a, h2 a, h1 a:link, h2 a:link, h1 a:visited, h2 a:visited { color: #000; }
h1 a:active, h2 a:active, h1 a:focus, h2 a:focus, h1 a:hover, h2 a:hover { color: #669900; }
textarea {
width: 97%;
}
.fl {
float: left;
}
.fr {
float: right;
}
/* Header Elements */
#topheader {
background: url(images/topbg.png);
width: 100%;
float: left;
border-bottom: 1px solid #444;
}
#header{
margin: auto;
}
#title {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 48px;
margin: 20px 0 0;
padding: 0;
line-height: 50px;
}
#title a {
color: #fff;
}
#title a:hover {
color: #1e82a6;
text-decoration: none;
}
#description {
font-size: 20px;
margin: 0 0 30px 10px;
padding: 0;
color: #fff;
}
#navigation {
position: relative;
clear: both;
float: left;
background: url(images/nav.png) repeat-x;
width: 100%;
}
#navigation ul {
padding: 0;
margin: 0;
}
#navigation ul li {
position:relative;
list-style-type: none;
float: left;
font-size: 15px;
line-height: 18px;
padding: 0;
margin: 0;
cursor: pointer;
}
#navigation ul a {
display: block;
color: #fff;
margin: 0;
padding: 10px 38px 15px;
background: url(images/nav.png) repeat-x;
border-right: 1px dotted #aaa;
border-left: 1px solid #444;
text-transform: uppercase;
letter-spacing: 0.5px;
}
#navigation ul a:hover {
text-decoration: none;
}
#navigation ul li:hover ul { display: block; z-index: 1000;}
#navigation ul li:hover ul ul { display: none; }
#navigation ul ul { position:absolute; top:24px; left:0; background:#d1d1d1; display:none; list-style:none;}
#navigation ul ul li {position:relative; border:1px solid #aaa; width:159px; margin:0; }
#navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#d1d1d1; border-right: 0; font-size: 12px; }
#navigation ul ul li a:hover {background-color:#c5c5c5}
#navigation ul ul li:hover ul { display: block; }
#navigation ul ul ul { left:159px; top:-1px; display: none; }
#searchform {
font-size: 12px;
color: #fff;
}
#s {
border: 0;
padding: 20px 30px 10px 30px;
height: 20px;
width: 163px;
color: #888;
background: url(images/searchbox.png) no-repeat;
}
/* Main Elements */
#body {
margin: auto;
position: relative;
}
#tritop {
background: url(images/tri.png) repeat-x top left;
margin: -10px auto 0;
float: left;
width: 100%;
height: 10px;
}
#mainwrapper {
clear: both;
float: left;
font-size: 20px;
padding: 30px 0 0;
z-index: 500;
position: relative;
background: #fff;
width: 100%;
}
#mainwrapper .rss {
position: absolute;
right: -30px;
top: -60px;
z-index: 1000;
}
#sidebar {
float: left;
margin: 0 10px;
padding: 0;
}
#secondsidebar {
float: left;
margin: 0 10px;
padding: 0;
}
.side {
line-height: 20px;
font-size: 18px;
margin-bottom: 0;
}
.side-widget {
float: left;
margin: 0 0 25px;
padding: 0;
font-size: 11px;
}
.side-widget ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.side-widget ul li {
padding: 0 0 5px 15px;
margin: 5px 0;
border-bottom: 1px dotted #ddd;
background: url(images/bluedot.png) no-repeat left 1px;
}
.side-widget a {
color: #444;
}
.side-widget h2 {
font-size: 26px;
color: #888;
margin: 0 0 8px;
padding-bottom: 3px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
border-bottom: 2px solid #ddd;
}
#footer {
clear: both;
float: left;
width: 100%;
padding: 8px 0 0;
font-size: 11px;
color: #fff;
}
#footer .text {
margin: auto;
padding: 0;
clear: both;
}
#footer .text p {
clear: both;
float: left;
padding-left: 1%;
}
#footer .text ul {
padding: 0 1% 0 0;
margin: 11px 0;
float: right;
}
#footer .text ul li {
display: inline;
list-style-type: none;
padding: 1px 0 0 14px;
margin-left: 10px;
background: url(images/rss.png) no-repeat left;
}
#footer .text ul li a {
color: #fff;
}
#bottombar {
margin: 0;
font-size: 13px;
padding: 50px 0 10px;
background: url(images/bottom.png) no-repeat top left #151515;
float: left;
color: #ccc;
}
#bottombar h3 {
background: url(images/twitterbox.png) no-repeat right;
height: 31px;
float: left;
padding: 15px 25px 0 0;
margin: 0 0 10px 0px;
font-weight: normal;
letter-spacing: 0.6px;
}
#bottombar .twitter-l {
background: url(images/twitterbox-l.png) no-repeat left;
width: 17px;
height: 46px;
float: left;
margin-left: 5px;
}
#bottombar h4 {
text-transform: uppercase;
}
#bottombar ul {
padding: 0 0 20px;
margin: 0;
}
#bottombar ul li {
list-style-type: none;
padding: 10px 0;
border-bottom: 1px solid #222;
}
#bottombar .bottom-widget {
float: left;
width: 22%;
margin: 0 1.5%;
}
#bottombar .comments {
width: 24%;
}
#bottombar .sml {
width: 16%;
}
#bottombar .twitter {
width: 34%;
}
#bottombar h3 a {
color: #fff;
}
#bottombar .rsswidget img {
display: none;
}
#bottombar h4 .rsswidget {
color: #fff;
}
/* Left Content Elements */
#leftcontent {
float: left;
margin: 0 20px;
padding: 0;
}
#leftcontent h1 {
margin: 0;
padding: 0;
font-size: 20px;
line-height: 22px;
color: #669900;
font-weight: normal;
clear: both;
float: left;
}
#leftcontent h1 a {
color: #669900;
}
#leftcontent .catheader {
font-size: 28px;
line-height: 30px;
text-align: center;
margin-bottom: 20px;
width: 90%;
border: 1px solid #ccc;
padding: 10px 5% 5px;
background: #f1f1f1;
font-weight: bold;
}
.content {
clear: both;
width: 100%;
float: left;
line-height: 21px;
font-size: 14px;
border-top: 2px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 5px 0 5px;
padding: 0;
}
.condex {
clear: both;
width: 80%;
float: left;
line-height: 21px;
font-size: 14px;
border-top: 2px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 5px 0 5px;
padding: 0;
}
.conbar {
clear: both;
width: 20%;
float: right;
line-height: 21px;
font-size: 14px;
border-top: 2px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 5px 0 5px;
padding: 0;
}
.dateauthor {
clear: right;
float: right;
font-size: 11px;
padding: 10px 0 0;
}
.commentcount {
clear: both;
float: right;
font-size: 11px;
margin-bottom: 20px;
}
.postmetadata {
line-height: 12px;
color: #888;
}
.index img {
border: 1px solid #ddd;
padding: 5px;
background: #eee;
}
.more-link {
font-size: 11px;
float: left;
clear: both;
}
/* Comment Elements */
h3#comments {
text-transform: none;
padding: 10px 0 5px;
clear: both;
}
#postcomments {
padding-top: 20px;
}
#respond {
clear: both;
}
h4#comments, #respond h3 { color:#333; font:normal 240% georgia,times,serif; margin:0 0 .1em; padding:0 0 .1em; }
#respond p { font-size:11px; margin:0 0 1em; }
ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { border-bottom: 2px solid #ddd; margin:0 0 10px; padding:10px 5px; position:relative; }
ol.commentlist li .author { font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; text-transform: capitalize; font-size: 16px; }
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li img.avatar { background: #fff; border:1px solid #ddd; padding: 5px; right:10px; position:absolute; top:7px; }
ol.commentlist li .comment-meta { font-size: 10px; line-height: 16px; }
ol.commentlist li .comment-meta a { color:#888; text-decoration:none; }
ol.commentlist li p { font-size: 12px; line-height: 20px; margin:5px 0 12px; width: 90%; }
ol.commentlist li ul { font-size: 12px; line-height: 20px; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px; text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#669900; border:1px solid #669900; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback p { width: 100%; }
.commentnumber {
position: absolute;
left: 7px;
bottom: 3px;
font-size: 14px;
color: #ccc;
}
/* input boxes */
input, textarea {
border: 1px solid #ccc;
border-top: 1px solid #888;
border-left: 1px solid #888;
padding: 5px;
background: #eee;
}
input#submit {
cursor: pointer;
border: 1px solid #ccc;
border-bottom: 1px solid #888;
border-right: 1px solid #888;
}
input#submit:hover {
border: 1px solid #ccc;
border-top: 1px solid #888;
border-left: 1px solid #888;
}
/* WordPress Required Elements */
.navigation .alignleft a {
background: url(images/older.png) no-repeat;
padding: 11px 22px 10px 37px;
float: left;
}
.navigation .alignright a {
background: url(images/newer.png) no-repeat;
padding: 11px 35px 10px 15px;
float: right;
}
.navigation {
clear: both;
float: left;
width: 100%;
margin: 10px 0 0;
}
.navigation a {
color: #b3b3b3;
}
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.aligncenter img, .aligncenter p.wp-caption-text {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.alignleft { float: left; }
.alignright { float: right; }
img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; }
img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px; }
.entry div.alignleft { float: left; margin: 0 8px 7px 0; }
/* Resizes the image to the maximum width of the content area */
.entry img {
max-width: 400px;
/* smooth image resizement in IE7+ */
-ms-interpolation-mode: bicubic;
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 0;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
#today {
color: #669900;
}
#wp-calendar {
margin: auto;
}