File: /home/mmickelson/theflexguys.com/baronconstruct/wp-content/themes/neutra/style.css
/*
Theme Name: Neutra
Theme URI: http://www.artmov.com/blog/246/neutra-theme-for-wordpress/
Description: Grid-based with a focus on typography and simplicity. A simple and elegant theme.
Version: 0.3.3-wpcom
Author: Artmov
Author URI: http://www.artmov.com
Tags: white, light, two-columns, right-sidebar, custom-menu, fixed-width, sticky-post, custom-background, rtl-language-support, blog, bright, colorful, elegant, geometric, lifestream, minimal
Released under the <a href="http://www.perlfoundation.org/artistic_license_2_0">Artistic License 2.0</a>
Adapted for WordPress.com by Automattic, March 2010
*/
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, 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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
ul, ol, dl {
padding: 10px;
}
ul li {
list-style: none;
margin: 0 0 10px 0;
}
ul li ul {
padding-top: 5px;
}
ol li {
margin: 0 0 10px 0;
}
ol li ol {
padding-top: 5px;
}
dl dd {
margin: 0 0 0 10px;
}
table {
border-collapse: collapse;
margin: 0 0 10px 0;
}
th, td {
border: 1px solid #CCC;
padding: 10px;
}
th {
font-weight: bold;
text-align: center;
}
caption {
margin: 0 0 10px 0;
text-align: center;
}
p, fieldset {
line-height: 19px;
margin: 0 0 10px 0;
}
abbr, acronym {
border-bottom: 1px dotted #000;
cursor: help;
}
h1 {
font-size: 20px;
font-weight: normal;
margin: 0 0 10px 0;
}
h2 {
font-size: 18px;
font-weight: normal;
margin: 0 0 10px 0;
}
h3 {
font-size: 16px;
font-weight: normal;
margin: 0 0 10px 0;
}
h4 {
font-size: 14px;
font-weight: normal;
margin: 0 0 10px 0;
}
h5 {
font-size: 13px;
font-weight: normal;
margin: 0 0 10px 0;
}
h6 {
font-size: 12px;
font-weight: normal;
margin: 0 0 10px 0;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.clearing {
clear: both;
}
.icon {
position: relative;
bottom: -4px;
margin-right: 8px;
}
.padding {
padding: 10px;
}
.nomargintop {
margin-top: 0px !important;
}
.nomarginright {
margin-right: 0px !important;
}
.nomarginbottom {
margin-bottom: 0px !important;
}
.nomarginleft {
margin-left: 0px !important;
}
.nobordertop {
border-top: none !important;
}
.noborderight {
border-right: none !important;
}
.noborderbottom {
border-bottom: none !important;
}
.noborderleft {
border-left: none !important;
}
.nopaddingtop {
padding-top: 0px !important;
}
.nopaddingright {
padding-right: 0px !important;
}
.nopaddingbottom {
padding-bottom: 0px !important;
}
.nopaddingleft {
padding-left: 0px !important;
}
body {
font-family: Arial, sans-serif;
font-size: 12px;
}
a {
color: #059BFF;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #444;
font-weight: bold;
text-decoration: underline;
}
a:visited {
color: #059BFF;
font-weight: bold;
}
a:active {
color: #999;
}
a.target-blank, a[target="_blank"] {
background: url(images/ico-icons.png) no-repeat right 5px;
padding: 0 25px 0 0;
}
a.happy-face {
position: absolute;
top: 10px;
right: 10px;
display: block;
width: 18px;
height: 18px;
background: url(images/ico-icons.png) no-repeat 0px -63px;
}
p {
color: #444;
font-size: 12px;
line-height: 22px;
}
ul, ol {
padding: 0;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
float: left;
margin: 0 10px 5px 0;
}
img.alignright {
float: right;
margin: 0 0 5px 10px;
}
.gallery {
padding-bottom: 20px;
}
#container {
width: 980px;
margin: 50px auto;
}
/* ----- Header ----- */
#header {
width: 980px;
overflow: hidden;
margin: 0 0 50px 0;
}
#header h1 {
width: 760px;
margin: 0 50px 0 0;
font-size: 45px;
font-weight: normal;
letter-spacing: -2px;
}
#header p {
float: left;
width: 135px;
margin: 0 50px 0 0;
color: #999;
font-size: 11px;
line-height: 11px;
}
#header #menu {
float: left;
width: 575px;
margin-left: 185px;
padding: 0 0 30px 0;
position: absolute;
z-index: 100;
}
#header #menu ul li {
display: block;
float: left;
list-style: none;
position: relative;
}
#header #menu ul li a {
color: #777;
margin: 0 30px 0 0;
font-size: 20px;
font-weight: normal;
text-transform: lowercase;
letter-spacing: -1px;
}
#header #menu ul li a:hover, #header #menu ul li.current_page_item a {
color: #222;
text-decoration: none;
}
#header #menu ul li ul { /* L1 */
display: none;
background: #FFF;
position: absolute;
z-index: 1000;
top: 20px;
left: 1px;
}
#header #menu ul li ul {
width: 130px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 2px solid #CCC;
border-bottom: 2px solid #CCC;
}
#header #menu ul li ul li {
width: 120px;
padding: 5px;
margin: 0;
border-bottom: 1px solid #CCC;
background: #FFF;
}
#header #menu ul li ul li a {
display: block;
font-size: 12px;
font-weight: bold;
letter-spacing: 0;
margin: 0;
}
#header #menu ul li.current_page_item ul li a {
color: #777;
}
#header #menu ul li.current_page_item ul li a:hover {
color: #222;
}
#header #menu ul li ul li ul { /* L2 */
margin: 0;
padding: 0;
position: absolute;
top: -1px;
left: 130px;
}
#header #menu ul li:hover > ul {
display: block;
}
#header #menu ul ul > li.current_page_item,
#header #menu ul ul > li.current_page_parent,
#header #menu ul ul > li.current_page_ancestor,
#header #menu ul ul > li.current-cat,
#header #menu ul ul > li.current-menu-ancestor,
#header #menu ul ul > li.current-menu-item,
#header #menu ul ul > li.current-menu-parent {
background: #ddd;
}
#header #menu ul.menu > li.current_page_item > a,
#header #menu ul.menu > li.current_page_parent > a,
#header #menu ul.menu > li.current_page_ancestor > a,
#header #menu ul.menu > li.current-cat > a,
#header #menu ul.menu > li.current-menu-ancestor > a,
#header #menu ul.menu > li.current-menu-item > a,
#header #menu ul.menu > li.current-menu-parent > a {
color: #222;
}
#header #search {
float: right;
width: 170px;
}
#header #search form#searchform input.ipt-keywords {
width: 96px;
height: 18px;
padding: 5px 0 3px 25px;
background: url(images/bg_search.png) no-repeat;
font-size: 11px;
font-weight: normal;
color: #888;
border: 0;
}
#header #search form#searchform input.btt-search {
color: #555;
font-size: 11px;
font-weight: bold;
background: none;
border: 0;
}
#page {
width: 980px;
overflow: hidden;
}
/* ----- Left content ----- */
#left {
float: left;
width: 760px;
}
#left.full {
width: 945px; /* allow for a wider image layout */
}
.postcontent, .results {
width: 575px;
overflow: hidden;
margin: 10px 0;
padding: 0 0 0 185px;
}
.full .postcontent {
width: 760px;
}
#left .post {
clear: both;
margin: 0 0 10px 0;
color: #444;
}
#left h1 {
color: #666;
font-size: 33px;
font-weight: normal;
margin: 0;
}
#left h2, #left h2 a {
color: #666;
font-size: 26px;
font-weight: normal;
margin: 0;
}
#left h2 strong a {
font-weight: bold;
}
#left h2.title {
background: url(images/bg_post_border.png) bottom left no-repeat;
margin: 10px 0;
padding: 0 0 15px 185px;
}
#left h3, #left h4, #left h5, #left h6 {
color: #666;
font-weight: normal;
}
#left h3 a {
font-size: 21px;
color: #666;
font-weight: normal;
}
#left h4 {
margin-bottom: 12px;
}
#left h4 a {
font-size: 18px;
color: #666;
font-weight: normal;
}
#left p {
font-size: 12px;
line-height: 28px;
color: #555;
}
#left p a.more-link {
font-size: 12px;
font-weight: bold;
color: #666;
background: url(images/ico-icons.png) no-repeat left -22px;
margin: 0 0 0 15px;
padding: 0 0 0 20px;
}
#left ul li {
list-style: inside disc;
}
#left ol li {
list-style: inside decimal;
}
#left ul li, #left ol li {
color: #777;
}
#left ul ul li, #left ol ol li {
padding-left: 30px;
}
#left blockquote {
padding: 0 20px;
font-style: italic;
line-height: 18px;
}
#left img {
max-width: 575px;
}
#left.full img {
max-width: 760px;
}
#left address, #left kbd {
font-family: Times New Roman, serif;
font-size: 15px;
line-height: 24px;
}
#left big {
font-size: 17px;
}
#left cite {
font-size: 14px;
font-style: italic;
line-height: 24px;
}
#left code {
font-family: Trebuchet MS, Verdana, Arial, serif;
font-size: 12px;
color: #999;
}
#left pre, #left q {
font-size: 15px;
}
#left dl {
padding: 0;
}
#left ul.post-categories {
display: inline;
margin: 0;
}
#left ul.post-categories li {
list-style: none;
display: inline;
padding: 0 10px 0 0;
}
#left .link-pages {
margin: 10px 0;
color: #999;
}
#left .link-pages a {
padding: 5px;
background: #EEE;
color: #444;
}
#left .postmetadata {
overflow: hidden;
margin: 20px 0 20px 0;
padding: 20px 0 0 0;
border-top: 2px solid #F1F1F1;
clear: both;
}
#left .postmetadata .floatleft {
width: 79%;
}
#left .postmetadata .floatright {
width: 21%;
}
#left .postmetadata p {
margin: 0 0 10px 0;
font-size: 11px;
color: #777;
line-height: 18px;
}
#left .postmetadata span {
display: inline;
}
#left .postmetadata span a {
font-size: 11px;
color: #777;
font-weight: normal;
}
#left .postmetadata span a:hover {
text-decoration: underline;
}
#left .postmetadata span.date {
background: url(images/ico-icons.png) no-repeat left -36px;
padding: 0 0 0 20px;
}
#left .postmetadata span.category {
background: url(images/ico-icons.png) no-repeat left -48px;
padding: 0 0 0 20px;
}
#left .postmetadata span.comments {
background: url(images/ico-icons.png) no-repeat left -11px;
padding: 0 0 0 20px;
}
#left .postmetadata span.tags {
background: url(images/ico-icons.png) no-repeat left -22px;
padding: 0 0 0 20px;
}
.navigation {
width: 575px;
overflow: hidden;
}
#left .navigation {
padding: 0 0 0 185px;
margin: 15px 0 30px 0;
}
#left .navigation.image {
width: 760px;
padding: 3px 0 0;
}
#comment-template .navigation {
padding: 0;
}
#left .navigation a {
display: block;
background: #F1F1F1;
padding: 5px;
font-size: 11px;
font-weight: normal;
}
#left .navigation.image a {
background: none;
display: inline;
padding: 0;
}
.edit-post {
clear: both;
margin-top: 20px;
}
/* ----- Right content ----- */
#right {
float: left;
width: 170px;
overflow: hidden;
margin-left: 50px;
padding: 50px 0 0 0;
color: #555;
font-size: 12px;
}
#right h2 {
display: inline;
font-size: 14px;
background: url(images/bg_right_title.png) no-repeat center right;
padding: 0 20px 0 0;
}
#right ul li {
color: #555;
margin: 0 0 25px 0;
font-size: 12px;
list-style: none;
}
#right ul li a {
color: #777;
font-weight: normal;
}
#right ul li ul {
margin: 5px 0;
}
#right ul li ul li {
margin: 0 0 5px 0;
}
#right ul ul ul {
margin-left: 10px;
}
/* ----- Comments and trackbacks ----- */
#comment-template {
clear: both;
width: 575px;
overflow: hidden;
margin: 10px 0 0;
padding: 0 0 0 185px;
}
#comment-template h2 {
margin: 0 0 15px 0;
border-bottom: 2px solid #F1F1F1;
color: #666;
font-size: 23px;
font-weight: normal;
line-height: 26px;
}
#comment-template h2 span {
border-bottom: 5px solid #64C1FF;
}
#comment-template p.do-you-comment {
float: left;
color: #CC3366;
font-size: 17px;
}
#comment-template p.do-you-comment a {
color: #444;
font-weight: normal;
}
#comment-template p.trackback {
float: right;
margin: 0;
color: #666;
font-size: 11px;
}
#comment-template p.trackback a {
color: #777;
text-decoration: none;
font-size: 11px;
font-weight: normal;
}
#comment-template p.trackback a:hover {
text-decoration: underline;
}
#comment-template p.comments-closed {
font-size: 20px;
}
#commentlist {
clear: both;
padding-top: 40px;
}
#commentlist li {
background: #F6F6F6;
clear: both;
width: 100%;
overflow: hidden;
margin: 0 0 20px 0;
padding: 20px 0 0 0 !important;
border-bottom: 2px solid #F1F1F1;
color: #555;
list-style: none;
line-height: 23px;
}
#commentlist li.alt {
background: #fff;
}
#commentlist .comment-avatar {
float: left;
width: 80px;
padding-left: 30px;
text-align: center;
}
#commentlist .comment-body {
margin-left: 155px;
}
#commentlist .avatar-wrap {
text-align: center;
}
#commentlist .avatar-wrap img.avatar {
width: 80px;
height: 80px;
}
#commentlist .author {
font-size: 17px;
font-weight: normal;
font-style: italic;
}
#commentlist .author a {
color: #444;
}
#commentlist .date {
color: #444;
font-size: 11px;
font-style: italic;
}
#commentlist .date span {
float: right;
display: block;
padding: 10px 15px 5px 15px;
border-bottom: 5px solid #E4F1C0;
}
#commentlist .date a {
color: #444;
}
#commentlist .comment-text {
padding-right: 10px;
}
#commentlist .comment-text a {
color: #666;
}
.comment-meta a {
color: #999;
font-weight: normal;
}
#commentlist ul.children {
clear: both;
margin-left: 30px;
}
#commentlist .children li {
width: auto;
list-style: none;
}
/* highlight author comment */
#commentlist li.bypostauthor {
background: #f1f4e8;
border-bottom: 2px solid #dfebbb;
}
#commentlist li.bypostauthor .date span {
border-bottom-color: #dfebbb;
}
#respond {
padding-top: 30px;
}
#respond h3 {
font-size: 23px;
font-weight: normal;
color: #666;
margin: -30px 0 0;
border-bottom: 2px solid #f1f1f1;
}
#respond h3 span {
border-bottom: 5px solid #ffa061;
}
#respond p.logged-as {
text-align: right;
font-size: 11px;
}
#respond p.logged-as a {
color: #555;
}
#respond p {
margin: 10px 0;
line-height: 22px;
}
#respond label {
color: #555;
font-size: 12px;
font-weight: bold;
margin: 0 0 5px 0;
}
#respond .required {
color: #ffa061;
margin-left: 5px;
}
#respond input[type="text"],
#respond input#submit {
width: 560px;
border-top: 1px solid #ccc;
border-right: 2px solid #ccc;
border-bottom: 3px solid #ccc;
border-left: 1px solid #ccc;
padding: 5px;
color: #555;
font-size: 12px;
}
#respond textarea {
width: 560px;
border-top: 1px solid #ccc;
border-right: 2px solid #ccc;
border-bottom: 3px solid #ccc;
border-left: 1px solid #ccc;
padding: 5px;
color: #555;
font-family: Arial, sans-serif;
font-size: 12px;
}
#respond input#submit {
float: right;
width: 150px;
font-size: 14px;
background: #fff;
}
#respond .form-allowed-tags {
display: none;
}
#respond #cancel-comment-reply-link {
color: #059bff;
margin-left: 5px;
font-size: 16px;
}
.children #respond {
width: 95%;
}
.children #respond input[type="text"],
.children #respond textarea {
width: 97%;
}
#trackbacks {
margin: 20px 0 0 0;
}
#trackbacks h2 {
font-size: 23px;
font-weight: normal;
color: #666;
margin: 0;
border-bottom: 2px solid #F1F1F1;
}
#trackbacks h2 span {
border-bottom: 5px solid #D7EFFF;
}
#trackbacks ol {
margin: 15px 0 0 0;
}
#trackbacks ol li {
padding-left: 0;
}
#trackbacks ol li a {
color: #555;
font-size: 12px;
font-weight: normal;
}
/* ----- Footer ----- */
#footer {
width: 980px;
overflow: hidden;
margin: 70px 0 0 0;
text-align: left;
}
#footer p {
font-size: 11px;
color: #888;
font-weight: normal;
line-height: 18px;
}
#footer p a {
color: #888;
}
/* ----- Safari ----- */
@media all and (-webkit-min-device-pixel-ratio:0) {
#left .postmetadata span.tags {
background: url(images/ico-icons.png) no-repeat left -24px;
}
}
/* ----- WordPress.com additions ----- */
.widget_rss_links p {
margin: 5px 0;
}
.widget_rss_links p a {
vertical-align: middle;
}
#right .widget_calendar h2 {
background: none;
display: block;
padding: 0;
}
.widget_calendar table, .widget_calendar caption {
width: 170px; /* force to sidebar width */
}
.widget_calendar th, .widget_calendar td {
padding: 1px 1px;
border-color: #fff;
text-align: center;
}
.widget_recent_comments tr td {
overflow: hidden;
padding-bottom: 2px !important;
border: 0;
vertical-align: top;
}
.widget_recent_comments img.avatar {
padding: 2px 0 3px 0;
}
.widget_recent_comments li {
margin: 5px;
}
.widget_flickr table {
margin: 0;
border: 0 !important;
}
.widget_flickr td {
padding: 10px 0;
border: 0;
}
.widget_authors img {
vertical-align: middle;
}
.widgettitle + div, .widgettitle + table, .widgettitle + ul, .widgettitle + p {
margin-top: 5px; /* breathing room for inline titles */
}
#wpstats {
margin: 6px; /* :) */
}