File: /home/mmickelson/theflexguys.com/baronconstruct/wp-content/themes/k2/style.css
/*
Theme Name: K2-lite
Theme URI: http://getk2.com/
Description: A clean two column blue theme with widgets and custom header.
Version: 0.9.1-wpcom
Author: Various Artists
Author URI: http://binarybonsai.com
Tags: custom-header, two-columns, blue, fixed-width, white, light, sticky-post, right-sidebar, rtl-language-support, translation-ready, custom-menu, custom-background, blog, business, clean, faded, light, minimal
*/
/*- Page Structure */
html { /* Force Vertical Scrollbar */
/* IE */
overflow-y: scroll;
/* Moz */
height: 100%;
margin-bottom: 0.1em;
}
* {
padding: 0;
margin: 0;
}
img {
border: 0;
}
body {
font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
color: #444;
background: #EDEDED;
text-align: center;
margin: 0 0 30px;
}
#page {
background: white;
text-align: left;
margin: 0 auto;
padding: 20px 0 10px;
position: relative;
width: 780px;
border: 1px solid #ddd;
border-top: none;
}
* html #page { width: 770px } /* IE hack */
#header {
padding: 0;
margin: 0;
position: relative;
height: 200px;
background: #3371A3;
z-index: 9999;
}
#primary {
width: 500px;
float: left;
padding: 20px 0 10px;
margin: 0 10px 0 30px;
display: inline;
overflow: hidden;
}
.secondary {
font-size: 1em;
line-height: 1.5em;
padding: 10px 0;
margin: 0 0 20px 71%;
width: 26%;
color: #666;
position: relative;
overflow: hidden;
}
.comments {
text-align: left;
padding: 30px 0 0;
position: relative;
clear: both;
}
/*- Main Menu in Header */
ul#nav {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
bottom: -6px;
left: 20px;
width: 90%;
}
ul#nav li {
float: left;
margin: 0 4px 0 0;
}
ul#nav,
ul#nav li a {
padding: 5px 15px 6px;
}
ul#nav li a {
font-size: 1em;
color: white;
margin: 0;
display: block;
}
ul#nav li a:hover {
background: #333;
color: #eee !important;
text-decoration: none;
}
ul#nav li.current_page_item a,
ul#nav li.current_page_item a:hover {
color: #333 !important;
background: white;
text-decoration: none;
}
.admintab {
position: absolute;
right: 0px;
}
* html .admintab { padding: 5px 15px 6px } /* IE hack */
a img,:link img,:visited img { border:none }
/* menu dropdowns */
#nav li {
position: relative;
}
#nav ul {
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
line-height: 13px;
position: absolute;
top: 23px;
left: 0;
z-index: 99999;
}
#nav ul li {
display: block;
margin: 0;
width: 180px;
}
#page #nav ul a,
#page #nav ul ul a {
background: #333;
color: #eee !important;
display: block;
font-size: 10px;
}
.sub-menu ul {
left: 180px !important;
top: 0 !important;
}
#nav li:hover > ul {
background: #333;
display: block;
}
ul#nav li:hover > a {
background: #333;
color: #eee;
}
ul#nav ul a:hover {
background: #000 !important;
color: #eee;
}
/* Dropdown styles for current page item */
#page #nav li.current_page_item ul a,
#page #nav li.current_page_item ul ul a {
background: #fff;
color: #333 !important;
}
#nav li.current_page_item:hover > ul {
background: #fff;
}
ul#nav li.current_page_item:hover > a {
background: #fff;
color: #333;
}
ul#nav li.current_page_item ul a:hover {
background: #eee !important;
color: #000;
}
/*- Sidebar Subpages & Categories Menu */
.sb-pagemenu ul, .widget_pages, .widget_categories {
margin-left: 10px;
}
.sb-pagemenu ul ul, .widget_pages ul ul, .widget_categories ul ul {
margin-top: 2px;
}
.sb-pagemenu ul ul .page_item, .widget_pages ul ul .page_item, .widget_categories ul ul li {
margin-left: 10px;
padding: 0;
}
.sb-pagemenu .current_page_item {
}
.widget_image p { overflow:hidden; }
/*- Headings */
h1, h2, h3, h4 {
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
}
h1 { /* H1 is the title in the header */
font-size: 3em;
font-weight: bold;
letter-spacing: -1px;
margin: 0;
padding: 75px 40px 0;
}
h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
text-decoration: none;
color: white;
}
h1 a:hover {
text-decoration: underline;
}
#header .description { /* Description in header */
font-size: 1em;
margin: 0 40px;
}
h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
text-align: center;
font-size: 2.4em;
font-weight: bold;
letter-spacing: -1px;
}
.secondary h2 { /* Secondary H2 is sidebar headlines */
font-size: 1.5em !important;
font-weight: normal !important;
padding: 0 !important;
display: inline;
}
#primary h3, #primary h4, .single #primary .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
font-size: 2.4em;
font-weight: normal;
letter-spacing: -1px;
}
#primary .entry-content h3 {
font-size: 1.8em;
font-weight: normal;
margin-top: 25px;
}
#primary .entry-content h4 {
font-size: 1.5em;
font-weight: normal;
margin-top: 25px;
}
#primary .k2-asides h3 {
font-size: 1.6em;
font-weight: normal;
}
.entry-head {
margin-top: 10px;
clear: both;
}
body.page .entry-content h3 {
font-size: 1.7em;
display: block;
padding: 15px 0 0;
}
body.page .entry-content h4 {
font-size: 1.5em;
display: block;
padding: 15px 0 0;
}
.secondary div {
margin: 20px 0 0;
padding: 0;
position: relative;
word-wrap: break-word;
}
#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
color: #999;
font-weight: normal;
}
#primary .hentry .entry-head .metalink {
font-size: 1.8em;
letter-spacing: -1px;
text-transform: lowercase;
margin-left: 15px;
}
#primary .k2-asides .entry-head .metalink {
font-size: 1.4em;
}
.single #primary .k2-asides .entry-content {
font-size: 1.5em;
color: #999;
}
.comment-meta {
margin: 0 15px 0 0;
float: none;
}
.comment-login, .comment-welcomeback {
margin-top: 15px;
color: #777;
}
#comment-personaldetails {
margin-top: 10px;
}
.feedicon { /* Next to Comment Section Headline */
border: 0 !important;
padding: 0 !important;
}
.feedlink img { /* On the sidebar */
height: 16px;
width: 16px;
border: none;
position: absolute;
right: 0;
}
.secondary .k2-asides {
margin: 0;
padding: 0 0 10px;
word-spacing: -1px;
}
.secondary .k2-asides p {
display: inline;
}
.secondary .k2-asides .metalink {
padding-left: 0px;
}
.secondary span a {
margin-left: 10px;
}
body.page .entry-edit {
position: absolute;
right: 0;
margin-top: -15px;
}
.entry-edit a {
border: none;
padding: 2px;
padding-left: 23px;
margin-left: 10px;
background: url('images/pencil.png') left center no-repeat;
height: 16px;
}
.comment-edit a {
border: none;
padding: 2px;
padding-left: 23px;
margin-left: 10px;
background: url('images/comment_edit.png') left center no-repeat;
height: 16px;
}
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
color: #444;
}
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
text-decoration: none;
}
.entry-meta { /* Time and category for blog entries */
font-size: 1em;
display: block;
margin-top: 1px;
color: #bbb;
}
.entry-meta a, .comment-meta a {
color: #777;
}
.chronodata {
padding: 2px 0 2px 20px ;
background: url('images/time.png') left center no-repeat;
}
.commentslink {
padding: 2px 0 2px 20px;
background: url('images/comment.png') left center no-repeat;
margin-left: 10px;
}
.quoter_comment {
padding: 2px 0 2px 20px;
background: url('images/comment.png') left center no-repeat;
margin-left: 5px;
}
.entry-tags {
display: block;
padding: 2px 0 2px 20px;
background: url('images/tag_blue.png') left center no-repeat;
}
/*- Primary Contents */
.hentry {
margin: 0;
padding: 5px 0 15px;
position: relative;
}
.entry-content {
font-size: 1.2em;
line-height: 1.8em;
text-align: justify;
color: #444;
}
.sticky {
background: #f7f7f7;
padding: 0px 10px 5px 10px;
}
.sticky .entry-title {
padding-top: 10px;
}
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content div,
.entry-content blockquote {
margin: 13px 0;
}
.k2-asides .entry-content p,
.k2-asides .entry-content ul,
.k2-asides .entry-content ol,
.k2-asides .entry-content div,
.k2-asides .entry-content blockquote {
margin: 5px 0;
}
.single .k2-asides .entry-content p,
.single .k2-asides .entry-content ul,
.single .k2-asides .entry-content ol,
.single .k2-asides .entry-content div,
.single .k2-asides .entry-content blockquote {
margin: 13px 0;
}
.metalinks {
margin-top: 3px;
}
.commentsrsslink {
background: url('images/feed.png') left top no-repeat;
padding: 2px 0 2px 20px;
margin-right: 10px;
height: 16px;
}
.trackbacklink {
background: url('images/arrow_refresh.png') left top no-repeat;
padding: 2px 0 2px 20px;
height: 16px;
}
.commentsrsslink a, .trackbacklink a {
color: #999;
padding: 2px;
}
.nopassword {
text-align: center;
}
#commentlist {
margin: 0;
padding: 10px 0 20px;
position: relative;
}
#commentlist li {
margin: 10px 0 0;
padding: 10px 0px 5px 10px;
list-style: none;
}
#commentlist li .comment-content {
padding: 10px 0;
font-size: 1.2em;
line-height: 1.8em;
}
#commentlist li.thread-alt {
background: #eee;
}
.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
margin: 13px 0;
}
#commentlist li .comment-meta {
padding: 2px 0 2px 20px;
background: url('images/time.png') left center no-repeat;
display: block;
}
#commentlist li img {
padding: 0;
border: none;
}
#commentlist li img.avatar {
float: right;
margin: -5px 0 0;
padding: 2px;
background-color: #fff;
border: 1px solid #ccc;
}
#commentlist li .commentauthor {
font-size: 1.5em;
font-weight: bold;
letter-spacing: -1px;
}
#commentlist li .counter {
display: none;
font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
color: #999;
float: left;
width: 35px;
}
li.byuser {
background: #f6f7f8;
}
li.bypostauthor {
background: #eee;
}
li.bypostauthor blockquote {
color: #333;
background: #eee url('images/quote.png') no-repeat 10px 0;
}
#pinglist {
font-size: 1.2em;
padding: 0;
margin: 10px 0 10px;
background: #f6f7f8;
}
#pinglist li {
margin-left: 40px;
padding: 7px 0;
list-style: none;
}
#pinglist li small {
font-size: 0.8em;
display: block;
}
#pinglist li .counter {
display: none;
}
#pinglist li span.favatar img {
margin-left: -25px;
border: none;
padding: 0;
float: left;
}
#pinglist li img {
padding: 0;
border: none;
}
#leavecomment, .comments #loading {
text-align: center;
margin: 30px 0 20px !important;
color: #ddd;
font-size: 2em;
letter-spacing: -2px;
}
.comments #loading {
margin-top: 20px !important;
}
.comments #error {
line-height: 2.0;
padding: 5px;
color: #FF0000;
background-color: #FFFF99;
}
.comments #commentload {
padding-top: 3px;
float: right;
vertical-align: middle;
}
#respond form {
clear: both;
padding: 1px 0 10px;
margin: 0;
}
#respond input[type=text], #respond textarea {
font: 1.2em 'Courier New', Courier, Monospace;
padding: 3px;
color: #777;
}
input[type=text]:focus, textarea:focus {
background: #fff;
color: #333;
border-color: #666;
}
#respond form input[type=text] {
width: 45%;
margin: 5px 5px 1px 0;
}
#respond textarea {
height: 250px;
width: 95%;
margin: 10px 0;
}
#respond form #submit {
margin: 0;
float: right;
}
#respond label {
clear: right;
font-size: 10px;
}
#respond form input[type="text"] {
float: left;
margin-right: 10px;
}
#respond p {
line-height: 35px;
}
#respond .comment-form-comment label,
#respond .form-allowed-tags {
display: none;
}
#respond .required {
font-size: 10px;
margin-left: 5px;
color: #ff4b33;
font-weight: bold;
}
#respond .subscribe-label {
font-size: 12px;
}
#respond .comment-notes {
font-size: 11px;
}
#footer {
margin-top: 20px;
text-align: center;
}
#footer a {
color: #888;
border-bottom: 1px solid #ccc;
font-weight: bold;
}
#footer a:hover {
border: none;
text-decoration: none;
color: black;
}
/*- Links */
#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
text-decoration: underline;
}
h2 a:hover, h2 span a:hover {
color: #27d !important;
}
a {
color: #27d;
text-decoration: none;
}
.entry-content a:visited {
color: #b41;
}
/*- Various Tags and Classes */
.clear {
clear: both;
margin: 0;
padding: 0;
}
#primary .entry-content img {
margin: 0 5px;
padding: 4px;
border: 1px solid #ccc;
max-width: 100%;
}
#primary .entry-content .image-navigation img {
max-width: inherit;
}
.center {
text-align: center;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
#primary .entry-content img.centered, #primary .entry-content img.aligncenter, #primary .entry-content img.center, #primary .entry-content img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright, img[align="right"],
div.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
.wp-caption.alignright {
margin-left: 14px;
}
img.alignleft, img[align="left"],
div.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.wp-caption.alignleft {
margin-right: 14px;
}
img.noborder {
border: none !important;
}
small {
font-size: 0.9em;
line-height: 1.5em;
}
small, strike {
color: #777;
}
code {
font: 1.1em 'Courier New', Courier, Monospace;
}
acronym, abbr {
font-size: 0.9em;
letter-spacing: .07em;
border-bottom: 1px dashed #999;
cursor: help;
}
.chronodata abbr { border: 0; }
blockquote {
margin: 20px 0;
padding: 0 20px 0 50px;
color: #333;
background: #fff url('images/quote.png') no-repeat 10px 0;
border: none;
}
hr {
display: none;
}
.navigation {
text-align: center;
margin: 10px 0;
padding: 0;
width: 100%;
}
.comments .navigation {
margin: 10px 0;
}
.navigation .left {
float: left;
width: 50%;
text-align: left;
}
.navigation .right {
float: right;
width: 50%;
text-align: right;
}
.navigation p {
margin: 0;
padding: 0;
}
.navigation a {
color: #999;
}
.alert {
background: #FFF6BF;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
img.wp-smiley {
border: none !important;
padding: 0 0 0 5px !important;
}
/*- Begin Lists */
.entry-content ol, .entry-content ul {
padding: 0 0 0 35px;
margin: 0;
}
.entry-content ol li, .entry-content ul li {
margin: 0 0 3px;
padding: 0;
}
.secondary div p {
margin-top: 0.5em;
}
.secondary li.widget {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.secondary ul, .secondary ol, .secondary div div {
margin: 5px 0 0;
padding-left: 0;
}
.secondary div.widget_image div {
margin: 5px auto 0;
}
.secondary ol {
margin-left: 15px;
}
.secondary ul li, .secondary ol li {
margin: 0;
padding: 1px 0;
}
.secondary ul li {
list-style-type: none;
list-style-image: none;
}
ol li {
list-style: decimal outside;
}
.secondary li.linkcat, .sb-links ul {
margin-top: 20px;
}
.sb-links ul ul {
margin-top: 5px;
}
.seconadry li.linkcat ul ul li, .sb-links ul ul li {
margin-top: 0;
}
/*- Search Form and Livesearch */
#searchform {
margin-top: 20px;
display: block;
position: relative;
}
#search h2 {
display: none;
}
input[type=text], textarea {
color: #444;
padding: 1px;
margin: 0;
}
#s {
width: 79%;
}
#s.livesearch {
width: 89%;
}
#searchreset {
position: absolute;
right: 3px;
top: 3px;
height: 13px;
width: 13px;
background: url('images/reset-fff.png') center center no-repeat;
}
#searchload {
position: absolute;
right: 0;
top: 0;
height: 18px;
width: 18px;
background: url('images/spinner.gif') center center no-repeat;
}
.livesearchform input[type=submit] {
margin: 0;
}
#searchcontrols {
text-align: center;
padding: 1px;
background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;
}
#searchcontrols small {
margin: 0;
padding: 0;
}
/*- Attachment */
.attachment {
text-align: center;
}
/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */
/*-
Brian's Latest Comments
http://meidell.dk/archives/2004/09/12/brians-latest-comments/
*/
.sb-comments-blc ul li span a, .sb-comments ul li small a {
color: #999;
font-weight: normal;
word-spacing: -1px;
}
.sb-comments-blc ul li {
margin-bottom: 6px;
}
.sb-comments-blc li > a[title="Go to the comments of this entry"] {
position: absolute;
right:0;
color: #999;
}
.activityentry {
font-size: 1.1em;
}
div#brians-latest-comments small {
display: block;
margin: 0;
font-weight: normal;
line-height: 1em;
}
/*-
FlickrRSS
*/
.sb-flickr div img {
border: 0px;
padding: 5px;
}
.sb-flickr div a img {
border: 1px solid #ccc;
padding: 3px;
margin: 5px 3px 0;
}
.sb-flickr div a:hover img {
border: 1px solid #999;
}
/*-
WordPress: Touched
http://twilightuniverse.com/2005/03/wordpress-touched/
No support for Touched 0.6 in the rest of K2.
Seems a bit flaky just now. Waiting for new version.
*/
#poststuff fieldset {
border: none;
}
#poststuff #title, #poststuff #excerpt, #poststuff #tags {
width: 470px;
}
#poststuff #title {
font-size: 2em;
}
/*
Ultimate Tag Warrior
K2 removes UTW's default tags for more default control.
*/
.localtags, .technoratitags {
display: none;
}
/*
Contact Form
*/
.contactform {
width: 100%;
position: relative;
}
.contactleft {
width: 15%;
text-align: right;
clear: both;
float: left;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contactright {
width: 70%;
text-align: left;
float: right;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contacterror {
border: 1px solid #ff0000;
}
/* Noteworthy */
.category-noteworthy h3.entry-title {
background: url('images/heart.png') no-repeat right center;
padding-right: 25px;
display: inline;
}
.noteworthyLink { margin-left: 5px }
/* Peace and forgiveness */
/* Learn more about the other K2: http://en.wikipedia.org/wiki/K2 */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#primary .entry-content .wp-caption img, .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;
}