/* LESS Variables */
@backgroundColor: #000;
@pageBackground: #fff;


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, 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 {
border : 0;
font-family : inherit;
font-size : 100%;
font-style : inherit;
font-weight : inherit;
margin : 0;
outline : 0;
padding : 0;
vertical-align : baseline;
}
:focus {
outline : 0;
}
body {
background : @backgroundColor;
line-height : 1;
}
ol, ul {
list-style : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
font-weight : normal;
text-align : left;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
a img {
border : 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
body {
padding : 0 2em;
}
#page {
background:@pageBackground;
margin : 2em auto;
max-width : 1000px;
}
#branding hgroup {
margin : 0 7.6%;
}
#access div {
margin : 0 7.6%;
}
#primary {
float : left;
margin : 0 -26.4% 0 0;
width : 100%;
border-bottom-left-radius : 10px;
border-bottom-right-radius : 10px;
}
#content {
margin : 0 34% 0 7.6%;
width : 58.4%;
}
#secondary {
float : right;
margin-right : 7.6%;
width : 18.8%;
}
.singular #primary {
margin : 0;
}
.singular #content, .left-sidebar.singular #content {
margin : 0 7.6%;
position : relative;
width : auto;
}
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
margin : 0 auto;
width : 68.9%;
}
.singular .image-attachment .entry-content {
margin : 0 auto;
width : auto;
}
.singular .image-attachment .entry-description {
margin : 0 auto;
width : 68.9%;
}
.page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary {
margin : 0;
}
.page-template-showcase-php #content, .left-sidebar.page-template-showcase-php #content {
margin : 0 7.6%;
width : auto;
}
.page-template-showcase-php section.recent-posts {
float : right;
margin : 0 0 0 31%;
width : 69%;
}
.page-template-showcase-php #main .widget-area {
float : left;
margin : 0 -22.15% 0 0;
width : 22.15%;
}
.error404 #primary {
float : none;
margin : 0;
}
.error404 #primary #content {
margin : 0 7.6%;
width : auto;
}
.alignleft {
display : inline;
float : left;
margin-right : 1.625em;
}
.alignright {
display : inline;
float : right;
margin-left : 1.625em;
}
.aligncenter {
clear : both;
display : block;
margin-left : auto;
margin-right : auto;
}
.left-sidebar #primary {
float : right;
margin : 0 0 0 -26.4%;
width : 100%;
}
.left-sidebar #content {
margin : 0 7.6% 0 34%;
width : 58.4%;
}
.left-sidebar #secondary {
float : left;
margin-left : 7.6%;
margin-right : 0;
width : 18.8%;
}
.one-column #page {
max-width : 690px;
}
.one-column #content {
margin : 0 7.6%;
width : auto;
}
.one-column #nav-below {
border-bottom : 1px solid #ddd;
margin-bottom : 1.625em;
}
.one-column #secondary {
float : none;
margin : 0 7.6%;
width : auto;
}
.one-column .page-template-showcase-php section.recent-posts {
float : none;
margin : 0;
width : 100%;
}
.one-column .page-template-showcase-php #main .widget-area {
float : none;
margin : 0;
width : auto;
}
.one-column .page-template-showcase-php .other-recent-posts {
border-bottom : 1px solid #ddd;
}
.one-column section.featured-post .attachment-small-feature {
border : none;
display : block;
height : auto;
max-width : 60%;
position : static;
}
.one-column article.feature-image.small {
margin : 0 0 1.625em;
padding : 0;
}
.one-column article.feature-image.small .entry-title {
font-size : 20px;
line-height : 1.3em;
}
.one-column article.feature-image.small .entry-summary {
height : 150px;
overflow : hidden;
padding : 0;
}
.one-column article.feature-image.small .entry-summary a {
left : -9%;
}
.one-column.singular .entry-header, .one-column.singular .entry-content, .one-column.singular footer.entry-meta, .one-column.singular #comments-title {
width : 100%;
}
.one-column.singular blockquote.pull {
margin : 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
margin : 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
margin : 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
position : absolute;
left : 0;
top : 40px;
}
.one-column.singular #author-info {
margin : 2.2em -8.8% 0;
padding : 20px 8.8%;
}
.one-column .commentlist > li.comment {
margin-left : 102px;
width : auto;
}
.one-column #branding #searchform {
right : 40px;
top : 4em;
}
.one-column .commentlist > li.comment {
margin-left : 0;
}
.one-column .commentlist > li.comment .comment-meta, .one-column .commentlist > li.comment .comment-content {
margin-right : 85px;
}
.one-column .commentlist .avatar {
background : transparent;
display : block;
padding : 0;
top : 1.625em;
left : auto;
right : 1.625em;
}
.one-column .commentlist .children .avatar {
background : none;
padding : 0;
position : absolute;
top : 2.2em;
left : 2.2em;
}
.one-column #respond {
width : auto;
}
body, input, textarea {
font : 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 300;
line-height : 1.625;
}
h1, h2, h3, h4, h5, h6 {
clear : both;
}
hr {
background-color : #ccc;
border : 0;
height : 1px;
margin-bottom : 1.625em;
}
p {
margin-bottom : 1.625em;
}
ul, ol {
margin : 0 0 1.625em 2.5em;
}
ul {
list-style : square;
}
ol {
list-style-type : decimal;
}
ol ol {
list-style : upper-alpha;
}
ol ol ol {
list-style : lower-roman;
}
ol ol ol ol {
list-style : lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom : 0;
}
dl {
margin : 0 1.625em;
}
dt {
font-weight : bold;
}
dd {
margin-bottom : 1.625em;
}
strong {
font-weight : bold;
}
cite, em, i {
font-style : italic;
}
blockquote {
font-family : Georgia, "Bitstream Charter", serif;
font-style : italic;
font-weight : normal;
margin : 0 3em;
}
blockquote em, blockquote i, blockquote cite {
font-style : normal;
}
blockquote cite {
color : #666;
font : 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight : 300;
letter-spacing : 0.05em;
text-transform : uppercase;
}
pre {
background : #f4f4f4;
font : 13px "Courier 10 Pitch", Courier, monospace;
line-height : 1.5;
margin-bottom : 1.625em;
overflow : auto;
padding : 0.75em 1.625em;
}
code, kbd {
font : 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
border-bottom : 1px dotted #666;
cursor : help;
}
address {
display : block;
margin : 0 0 1.625em;
}
ins {
background : #fff9c0;
text-decoration : none;
}
sup, sub {
font-size : 10px;
height : 0;
line-height : 1;
position : relative;
vertical-align : baseline;
}
sup {
bottom : 1ex;
}
sub {
top : 0.5ex;
}
input[type="text"], input[type="password"], textarea {
background : #fafafa;
box-shadow : ;
border : 1px solid #ddd;
color : #888;
}
input[type="text"]:focus, textarea:focus {
color : #373737;
}
textarea {
padding-left : 3px;
width : 98%;
}
input[type="text"] {
padding : 3px;
}
input#s {
background : url(images/search.png) 5px 6px no-repeat;
border-radius : 2px;
font-size : 14px;
height : 22px;
line-height : 1.2em;
padding : 4px 10px 4px 28px;
}
input#searchsubmit {
display : none;
}
a {
color : #1982d1;
text-decoration : none;
}
a:focus, a:active, a:hover {
text-decoration : underline;
}
.assistive-text {
position : absolute !important ;
clip : rect(1px,1px,1px,1px );
}
#access a.assistive-text:active, #access a.assistive-text:focus {
background : #eee;
border-bottom : 1px solid #ddd;
color : #1982d1;
clip : auto !important ;
font-size : 12px;
position : absolute;
text-decoration : underline;
top : 0;
left : 7.6%;
}
#branding {
background : url("images/topbar.gif") 0% 0% repeat scroll transparent;
padding-top : 21px;
position : relative;
z-index : 9999;
}
#site-title {
margin-right : 270px;
padding : 3.65625em 0 0;
}
#site-title a {
color : #111;
font-size : 30px;
font-weight : bold;
line-height : 36px;
text-decoration : none;
}
#site-title a:hover, #site-title a:focus, #site-title a:active {
color : #1982d1;
}
#site-description {
color : #7a7a7a;
font-size : 14px;
margin : 0 270px 3.65625em 0;
}
#branding img {
height : auto;
margin-bottom : -7px;
width : 100%;
}
#access {
background : #222;
clear : both;
display : block;
float : left;
margin : 0 auto 6px;
width : 100%;
}
#access ul {
font-size : 13px;
list-style : none;
margin : 0 0 0 -0.8125em;
padding-left : 0;
}
#access li {
float : left;
position : relative;
}
#access a {
color : #eee;
display : block;
line-height : 3.333em;
padding : 0 1.2125em;
text-decoration : none;
}
#access ul ul {
display : none;
float : left;
margin : 0;
position : absolute;
top : 3.333em;
left : 0;
width : 188px;
z-index : 99999;
}
#access ul ul ul {
left : 100%;
top : 0;
}
#access ul ul a {
background : #f9f9f9;
border-bottom : 1px dotted #ddd;
color : #444;
font-size : 13px;
font-weight : normal;
height : auto;
line-height : 1.4em;
padding : 10px 10px;
width : 168px;
}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {
background : #efefef;
}
#access li:hover > a, #access a:focus {
background : #f9f9f9;
color : #373737;
}
#access ul li:hover > ul {
display : block;
}
#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a {
font-weight : bold;
}
#branding #searchform {
position : absolute;
top : 3.8em;
right : 7.6%;
text-align : right;
}
#branding #searchform div {
margin : 0;
}
#branding #s {
float : right;
width : 72px;
}
#branding #s:focus {
background-color : #f9f9f9;
width : 196px;
}
#branding #searchsubmit {
display : none;
}
#branding .only-search #searchform {
top : 25px;
z-index : 1;
}
#branding .only-search #s {
background-color : #666;
border-color : #000;
color : #222;
}
#branding .only-search #s, #branding .only-search #s:focus {
width : 85%;
}
#branding .only-search #s:focus {
background-color : #bbb;
}
#branding .with-image #searchform {
top : auto;
bottom : -27px;
max-width : 195px;
}
#branding .only-search + #access div {
padding-right : 205px;
}
#main {
clear : both;
padding : 1.625em 0 0;
}
.page-title {
color : #666;
font-size : 10px;
font-weight : 500;
letter-spacing : 0.1em;
line-height : 2.6em;
margin : 0 0 2.6em;
text-transform : uppercase;
}
.page-title a {
font-size : 12px;
font-weight : bold;
letter-spacing : 0;
text-transform : none;
}
.hentry, .no-results {
border-bottom : 1px solid #ddd;
margin : 0 0 1.625em;
padding : 0 0 1.625em;
position : relative;
}
.hentry:last-child, .no-results {
border-bottom : none;
}
.blog .sticky .entry-header .entry-meta {
clip : rect(1px,1px,1px,1px );
position : absolute !important ;
}
.entry-title, .entry-header .entry-meta {
padding-right : 76px;
}
.entry-title {
clear : both;
color : #222;
font-size : 26px;
font-weight : bold;
line-height : 1.5em;
padding-bottom : 0.3em;
padding-top : 15px;
}
.entry-title, .entry-title a {
color : #222;
text-decoration : none;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active {
color : #1982d1;
}
.entry-meta {
color : #666;
clear : both;
font-size : 12px;
line-height : 18px;
}
.entry-meta a {
font-weight : bold;
}
.single-author .entry-meta .by-author {
display : none;
}
.entry-content, .entry-summary {
padding : 1.625em 0 0;
}
.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 {
color : #000;
font-weight : bold;
margin : 0 0 0.8125em;
}
.entry-content h3, .comment-content h3 {
font-size : 10px;
letter-spacing : 0.1em;
line-height : 2.6em;
text-transform : uppercase;
}
.entry-content table, .comment-content table {
border-bottom : 1px solid #ddd;
margin : 0 0 1.625em;
width : 100%;
}
.entry-content th, .comment-content th {
color : #666;
font-size : 10px;
font-weight : 500;
letter-spacing : 0.1em;
line-height : 2.6em;
text-transform : uppercase;
}
.entry-content td, .comment-content td {
border-top : 1px solid #ddd;
padding : 6px 10px 6px 0;
}
.entry-content #s {
width : 75%;
}
.comment-content ul, .comment-content ol {
margin-bottom : 1.625em;
}
.comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul {
margin-bottom : 0;
}
dl.gallery-item {
margin : 0;
}
.page-link {
clear : both;
display : block;
margin : 0 0 1.625em;
}
.page-link a {
background : #eee;
color : #373737;
margin : 0;
padding : 2px 3px;
text-decoration : none;
}
.page-link a:hover {
background : #888;
color : #fff;
font-weight : bold;
}
.page-link span {
margin-right : 6px;
}
.entry-meta .edit-link a, .commentlist .edit-link a {
background : #eee;
border-radius : 3px;
color : #666;
float : right;
font-size : 12px;
line-height : 1.5em;
font-weight : 300;
text-decoration : none;
padding : 0 8px;
}
.entry-meta .edit-link a:hover, .commentlist .edit-link a:hover {
background : #888;
color : #fff;
}
.entry-content .edit-link {
clear : both;
display : block;
}
.entry-content img, .comment-content img, .widget img {
max-width : 97.5%;
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
height : auto;
}
img.size-full, img.size-large {
max-width : 97.5%;
width : auto;
height : auto;
}
.entry-content img.wp-smiley {
border : none;
margin-bottom : 0;
margin-top : 0;
padding : 0;
}
img.alignleft, img.alignright, img.aligncenter {
margin-bottom : 1.625em;
}
p img, .wp-caption {
margin-top : 0.4em;
}
.wp-caption {
background : #eee;
margin-bottom : 1.625em;
max-width : 96%;
padding : 9px;
}
.wp-caption img {
display : block;
margin : 0 auto;
max-width : 98%;
}
.wp-caption .wp-caption-text, .gallery-caption {
color : #666;
font-family : Georgia, serif;
font-size : 12px;
}
.wp-caption .wp-caption-text {
margin-bottom : 0.6em;
padding : 10px 0 5px 40px;
position : relative;
}
.wp-caption .wp-caption-text:before {
color : #666;
content : '\2014';
font-size : 14px;
font-style : normal;
font-weight : bold;
margin-right : 5px;
position : absolute;
left : 10px;
top : 7px;
}
#content .gallery {
margin : 0 auto 1.625em;
}
#content .gallery a img {
border : none;
}
img#wpstats {
display : block;
margin : 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
width : 23%;
padding-right : 2%;
}
#content .gallery-columns-4 .gallery-item img {
width : 100%;
height : auto;
}
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
border : 1px solid #ddd;
padding : 6px;
}
.wp-caption img {
border-color : #eee;
}
a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
background : #eee;
border-color : #bbb;
}
.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {
background : #fff;
border-color : #ddd;
}
embed, iframe, object {
max-width : 100%;
}
.post-password-required .entry-header .comments-link {
margin : 1.625em 0 0;
}
.post-password-required input[type="password"] {
margin : 0.8125em 0;
}
.post-password-required input[type="password"]:focus {
background : #f7f7f7;
}
#author-info {
font-size : 12px;
overflow : hidden;
}
.singular #author-info {
background : #f9f9f9;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
margin : 2.2em -35.6% 0 -35.4%;
padding : 20px 35.4%;
}
.archive #author-info {
border-bottom : 1px solid #ddd;
margin : 0 0 2.2em;
padding : 0 0 2.2em;
}
#author-avatar {
float : left;
margin-right : -78px;
}
#author-avatar img {
background : #fff;
border-radius : 3px;
padding : 3px;
}
#author-description {
float : left;
margin-left : 108px;
}
#author-description h2 {
color : #000;
font-size : 15px;
font-weight : bold;
margin : 5px 0 10px;
}
.entry-header .comments-link a {
background : url(images/comment-bubble.png) no-repeat #eee;
color : #666;
font-size : 13px;
font-weight : normal;
line-height : 35px;
overflow : hidden;
padding : 0 0 0;
position : absolute;
top : 1.5em;
right : 0;
text-align : center;
text-decoration : none;
width : 43px;
height : 36px;
}
.entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active {
background-color : #1982d1;
color : #fff;
color : rgba(255, 255, 255, 0.8);
}
.entry-header .comments-link .leave-reply {
visibility : hidden;
}
.entry-header .entry-format {
color : #666;
font-size : 10px;
font-weight : 500;
letter-spacing : 0.1em;
line-height : 2.6em;
position : absolute;
text-transform : uppercase;
top : -5px;
}
.entry-header hgroup .entry-title {
padding-top : 15px;
}
article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content {
padding : 20px 0 0;
}
article.format-status .entry-content {
min-height : 65px;
}
.recent-posts .entry-header .entry-format {
display : none;
}
.recent-posts .entry-header hgroup .entry-title {
padding-top : 0;
}
.singular .hentry {
border-bottom : none;
padding : 4.875em 0 0;
position : relative;
}
.singular.page .hentry {
padding : 3.5em 0 0;
}
.singular .entry-title {
color : #193036;
font-size : 36px;
font-weight : bold;
line-height : 48px;
}
.singular .entry-title, .singular .entry-header .entry-meta {
padding-right : 0;
}
.singular .entry-header .entry-meta {
position : absolute;
top : 0;
left : 0;
}
blockquote.pull {
font-size : 21px;
font-weight : bold;
line-height : 1.6125em;
margin : 0 0 1.625em;
text-align : center;
}
.singular blockquote.pull {
margin : 0 -22.25% 1.625em;
}
.pull.alignleft {
margin : 0 1.625em 0 0;
text-align : right;
width : 33%;
}
.singular .pull.alignleft {
margin : 0 1.625em 0 -22.25%;
}
.pull.alignright {
margin : 0 0 0 1.625em;
text-align : left;
width : 33%;
}
.singular .pull.alignright {
margin : 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft, .singular blockquote.pull.alignright {
width : 33%;
}
.singular .entry-meta .edit-link a {
bottom : auto;
left : 50px;
position : absolute;
right : auto;
top : 80px;
}
.format-aside .entry-title, .format-aside .entry-header .comments-link {
display : none;
}
.singular .format-aside .entry-title {
display : block;
}
.format-aside .entry-content {
padding : 0;
}
.singular .format-aside .entry-content {
padding : 1.625em 0 0;
}
.format-link .entry-title, .format-link .entry-header .comments-link {
display : none;
}
.singular .format-link .entry-title {
display : block;
}
.format-link .entry-content {
padding : 0;
}
.singular .format-link .entry-content {
padding : 1.625em 0 0;
}
.format-gallery .gallery-thumb {
float : left;
display : block;
margin : 0.375em 1.625em 0 0;
}
.format-status .entry-title, .format-status .entry-header .comments-link {
display : none;
}
.singular .format-status .entry-title {
display : block;
}
.format-status .entry-content {
padding : 0;
}
.singular .format-status .entry-content {
padding : 1.625em 0 0;
}
.format-status img.avatar {
border-radius : 3px;
float : left;
margin : 4px 10px 2px 0;
padding : 0;
}
.format-quote blockquote {
color : #555;
font-size : 17px;
margin : 0;
}
.indexed.format-image .entry-header {
min-height : 61px;
}
.indexed.format-image .entry-content {
padding-top : 0.5em;
}
.indexed.format-image p, .indexed.format-image p img {
margin-bottom : 0;
}
.indexed.format-image footer.entry-meta {
background : #ddd;
margin-top : -7px;
padding : 20px 30px;
overflow : hidden;
}
.indexed.format-image div.entry-meta {
display : inline-block;
float : left;
width : 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
float : none;
width : 65%;
}
.indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link {
display : block;
}
.indexed.format-image footer.entry-meta a {
color : #444;
}
.indexed.format-image footer.entry-meta a:hover {
color : #fff;
}
#content .indexed.format-image img {
border : none;
max-width : 100%;
padding : 0;
}
.indexed.format-image .wp-caption {
background : #111;
margin-bottom : 0;
max-width : 96%;
padding : 11px;
}
.indexed.format-image .wp-caption .wp-caption-text {
color : #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
color : #444;
}
.indexed.format-image a:hover img {
opacity : 0.8;
}
.error404 #main #searchform {
background : #f9f9f9;
border : 1px solid #ddd;
border-width : 1px 0;
margin : 0 -8.9% 1.625em;
overflow : hidden;
padding : 1.625em 8.9%;
}
.error404 #main #s {
width : 95%;
}
.error404 #main .widget {
clear : none;
float : left;
margin-right : 3.7%;
width : 30.85%;
}
.error404 #main .widget_archive {
margin-right : 0;
}
.error404 #main .widget_tag_cloud {
float : none;
margin-right : 0;
width : 100%;
}
.error404 .widgettitle {
font-size : 10px;
letter-spacing : 0.1em;
line-height : 2.6em;
text-transform : uppercase;
}
h1.showcase-heading {
color : #666;
font-size : 10px;
font-weight : 500;
letter-spacing : 0.1em;
line-height : 2.6em;
text-transform : uppercase;
}
article.intro {
background : #f9f9f9;
border-bottom : none;
margin : -1.855em -8.9% 1.625em;
padding : 0 8.9%;
}
article.intro .entry-title {
display : none;
}
article.intro .entry-content {
color : #111;
font-size : 16px;
padding : 1.625em 0 0.625em;
}
article.intro .edit-link a {
background : #aaa;
border-radius : 3px;
color : #fff;
font-size : 12px;
padding : 0 8px;
position : absolute;
top : 30px;
right : 20px;
text-decoration : none;
}
article.intro .edit-link a:hover, article.intro .edit-link a:focus, article.intro .edit-link a:active {
background : #777;
}
section.featured-post {
float : left;
margin : -1.625em -8.9% 1.625em;
padding : 1.625em 8.9% 0;
position : relative;
width : 100%;
}
section.featured-post .hentry {
border : none;
color : #666;
margin : 0;
}
section.featured-post .entry-meta {
clip : rect(1px,1px,1px,1px );
position : absolute !important ;
}
section.featured-post .attachment-small-feature {
float : right;
height : auto;
margin : 0 -8.9% 1.625em 0;
max-width : 59%;
position : relative;
right : -15px;
}
section.featured-post.small {
padding-top : 0;
}
section.featured-post .attachment-small-feature:hover, section.featured-post .attachment-small-feature:focus, section.featured-post .attachment-small-feature:active {
opacity : 0.8;
}
article.feature-image.small {
float : left;
margin : 0 0 1.625em;
width : 45%;
}
article.feature-image.small .entry-title {
line-height : 1.2em;
}
article.feature-image.small .entry-summary {
color : #555;
font-size : 13px;
}
article.feature-image.small .entry-summary p a {
background : #222;
color : #eee;
display : block;
left : -23.8%;
padding : 9px 26px 9px 85px;
position : relative;
text-decoration : none;
top : 20px;
width : 180px;
z-index : 1;
}
article.feature-image.small .entry-summary p a:hover {
background : #1982d1;
color : #eee;
color : rgba(255, 255, 255, 0.8);
}
section.feature-image.large {
border : none;
max-height : 288px;
padding : 0;
width : 100%;
}
section.feature-image.large .showcase-heading {
display : none;
}
section.feature-image.large .hentry {
border-bottom : none;
left : 9%;
margin : 1.625em 9% 0 0;
position : absolute;
top : 0;
}
article.feature-image.large .entry-title a {
background : #222;
background : rgba(0, 0, 0, 0.8);
border-radius : 3px;
color : #fff;
display : inline-block;
font-weight : 300;
padding : 0.2em 20px;
}
section.feature-image.large:hover .entry-title a, section.feature-image.large .entry-title:hover a {
background : #eee;
background : rgba(255, 255, 255, 0.8);
color : #222;
}
article.feature-image.large .entry-summary {
display : none;
}
section.feature-image.large img {
display : block;
height : auto;
max-width : 117.9%;
padding : 0 0 6px;
}
.featured-posts {
border-bottom : 1px solid #ddd;
display : block;
height : 328px;
margin : 1.625em -8.9% 20px;
max-width : 1000px;
padding : 0;
position : relative;
overflow : hidden;
}
.featured-posts .showcase-heading {
padding-left : 8.9%;
}
.featured-posts section.featured-post {
background : #fff;
height : 288px;
left : 0;
margin : 0;
position : absolute;
top : 30px;
width : auto;
}
.featured-posts section.featured-post.large {
max-width : 100%;
overflow : hidden;
}
.featured-posts section.featured-post {
opacity : 0.0;
visibility : hidden;
}
.featured-posts #featured-post-1 {
opacity : 1.0;
visibility : visible;
}
#content .feature-slider {
top : 5px;
right : 8.9%;
overflow : visible;
position : absolute;
}
.feature-slider ul {
list-style-type : none;
margin : 0;
}
.feature-slider li {
float : left;
margin : 0 6px;
}
.feature-slider a {
background : #3c3c3c;
background : rgba(60, 60, 60, 0.9);
border-radius : 12px;
box-shadow : ;
display : block;
width : 14px;
height : 14px;
}
.feature-slider a.active {
background : #1982d1;
box-shadow : ;
cursor : default;
opacity : 0.5;
}
section.recent-posts {
padding : 0 0 1.625em;
}
section.recent-posts .hentry {
border : none;
margin : 0;
}
section.recent-posts .other-recent-posts {
border-bottom : 1px solid #ddd;
list-style : none;
margin : 0;
}
section.recent-posts .other-recent-posts li {
padding : 0.3125em 0;
position : relative;
}
section.recent-posts .other-recent-posts .entry-title {
border-top : 1px solid #ddd;
font-size : 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
color : #373737;
float : left;
max-width : 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
content : '-';
color : transparent;
font-size : 11px;
}
section.recent-posts .other-recent-posts .comments-link a, section.recent-posts .other-recent-posts .comments-link > span {
border-bottom : 2px solid #999;
bottom : -2px;
color : #444;
display : block;
font-size : 10px;
font-weight : 500;
line-height : 2.76333em;
padding : 0.3125em 0 0.3125em 1em;
position : absolute;
right : 0;
text-align : right;
text-transform : uppercase;
z-index : 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
border-color : #bbb;
color : #888;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
color : #1982d1;
border-color : #1982d1;
}
section.recent-posts .other-recent-posts li:after {
clear : both;
content : '.';
display : block;
height : 0;
visibility : hidden;
}
.image-attachment div.attachment {
background : #f9f9f9;
border : 1px solid #ddd;
border-width : 1px 0;
margin : 0 -8.9% 1.625em;
overflow : hidden;
padding : 1.625em 1.625em 0;
text-align : center;
}
.image-attachment div.attachment img {
display : block;
height : auto;
margin : 0 auto 1.625em;
max-width : 100%;
}
.image-attachment div.attachment a img {
border-color : #f9f9f9;
}
.image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img {
border-color : #ddd;
background : #fff;
}
.image-attachment .entry-caption p {
font-size : 10px;
letter-spacing : 0.1em;
line-height : 2.6em;
margin : 0 0 2.6em;
text-transform : uppercase;
}
#content nav {
clear : both;
overflow : hidden;
padding : 0 0 1.625em;
}
#content nav a {
font-size : 12px;
font-weight : bold;
line-height : 2.2em;
}
#nav-above {
padding : 0 0 1.625em;
}
#nav-above {
display : none;
}
.paged #nav-above {
display : block;
}
.nav-previous {
float : left;
width : 50%;
}
.nav-next {
float : right;
text-align : right;
width : 50%;
}
#content nav .meta-nav {
font-weight : normal;
}
#nav-single {
float : right;
position : relative;
top : -0.3em;
text-align : right;
z-index : 1;
}
#nav-single .nav-previous, #nav-single .nav-next {
float : none;
width : auto;
}
#nav-single .nav-next {
padding-left : 0.5em;
}
.widget-area {
font-size : 12px;
}
.widget {
clear : both;
margin : 0 0 2.2em;
}
.widget-title {
color : #666;
font-size : 10px;
font-weight : 500;
letter-spacing : 0.1em;
line-height : 2.6em;
text-transform : uppercase;
}
.widget ul {
font-size : 15px;
margin : 0;
}
.widget ul ul {
margin-left : 1.5em;
}
.widget ul li {
color : #777;
font-size : 13px;
}
.widget a {
font-weight : bold;
text-decoration : none;
}
.widget a:hover, .widget a:focus, .widget a:active {
text-decoration : underline;
}
.widget_search form {
margin : 0 0 1.625em;
}
.widget_search #s {
width : 77%;
}
.widget_search #searchsubmit {
background : #ddd;
border : 1px solid #ccc;
box-shadow : ;
color : #888;
font-size : 13px;
line-height : 25px;
position : relative;
top : -2px;
}
.widget_search #searchsubmit:active {
background : #1982d1;
border-color : #0861a5;
box-shadow : ;
color : #bfddf3;
}
section.ephemera ol, .widget_twentyeleven_ephemera ol {
list-style : square;
margin : 5px 0 0;
}
.widget_twentyeleven_ephemera .widget-entry-title {
font-size : 15px;
font-weight : bold;
padding : 0;
}
.widget_twentyeleven_ephemera .comments-link a, .widget_twentyeleven_ephemera .comments-link > span {
color : #666;
display : block;
font-size : 10px;
font-weight : 500;
line-height : 2.76333em;
text-transform : uppercase;
}
section.ephemera .entry-title a span {
color : #29628d;
}
.widget_twitter li {
list-style-type : none;
margin-bottom : 14px;
}
.widget_twitter .timesince {
display : block;
font-size : 11px;
margin-right : -10px;
text-align : right;
}
.widget_image img {
height : auto;
max-width : 100%;
}
.widget_calendar #wp-calendar {
color : #555;
width : 95%;
text-align : center;
}
.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
text-align : center;
}
.widget_calendar #wp-calendar caption {
font-size : 11px;
font-weight : 500;
padding : 5px 0 3px 0;
text-transform : uppercase;
}
.widget_calendar #wp-calendar th {
background : #f4f4f4;
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
font-weight : bold;
}
.widget_calendar #wp-calendar tfoot td {
background : #f4f4f4;
border-top : 1px solid #ccc;
border-bottom : 1px solid #ccc;
}
#comments-title {
color : #666;
font-size : 10px;
font-weight : 500;
line-height : 2.6em;
padding : 0 0 2.6em;
text-transform : uppercase;
}
.nopassword, .nocomments {
color : #aaa;
font-size : 24px;
font-weight : 100;
margin : 26px 0;
text-align : center;
}
.commentlist {
list-style : none;
margin : 0 auto;
width : 68.9%;
}
.content .commentlist, .page-template-sidebar-page-php .commentlist {
width : 100%;
}
.commentlist > li.comment {
background : #f6f6f6;
border : 1px solid #ddd;
border-radius : 3px;
margin : 0 0 1.625em;
padding : 1.625em;
position : relative;
}
.commentlist .pingback {
margin : 0 0 1.625em;
padding : 0 1.625em;
}
.commentlist .children {
list-style : none;
margin : 0;
}
.commentlist .children li.comment {
background : #fff;
border-left : 1px solid #ddd;
border-radius : 0 3px;
margin : 1.625em 0 0;
padding : 1.625em;
position : relative;
}
.commentlist .children li.comment .fn {
display : block;
}
.comment-meta .fn {
font-style : normal;
}
.comment-meta {
color : #666;
font-size : 12px;
line-height : 2.2em;
}
.commentlist .children li.comment .comment-meta {
line-height : 1.625em;
margin-left : 50px;
}
.commentlist .children li.comment .comment-content {
margin : 1.625em 0 0;
}
.comment-meta a {
font-weight : bold;
}
.commentlist .avatar {
border-radius : 3px;
left : -102px;
padding : 0;
position : absolute;
top : 0;
}
.commentlist > li:before {
content : url(images/comment-arrow.png);
left : -21px;
position : absolute;
}
.commentlist > li.pingback:before {
content : '';
}
.commentlist .children .avatar {
background : none;
box-shadow : none;
left : 2.2em;
padding : 0;
top : 2.2em;
}
a.comment-reply-link {
background : #eee;
border-radius : 3px;
color : #666;
display : inline-block;
font-size : 12px;
padding : 0 8px;
text-decoration : none;
}
a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active {
background : #888;
color : #fff;
}
a.comment-reply-link > span {
display : inline-block;
position : relative;
top : -1px;
}
.commentlist > li.bypostauthor {
background : #ddd;
border-color : #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
color : #575757;
}
.commentlist > li.bypostauthor:before {
content : url(images/comment-arrow-bypostauthor.png);
}
.commentlist .children > li.bypostauthor {
background : #ddd;
border-color : #d3d3d3;
}
.page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback {
margin-left : 102px;
width : auto;
}
.page-template-sidebar-page-php #respond {
width : auto;
}
#respond {
background : #ddd;
border : 1px solid #d3d3d3;
border-radius : 3px;
margin : 0 auto 1.625em;
padding : 1.625em;
position : relative;
width : 68.9%;
}
#respond input[type="text"], #respond textarea {
background : #fff;
border : 4px solid #eee;
border-radius : 5px;
box-shadow : ;
position : relative;
padding : 10px;
text-indent : 80px;
}
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {
position : relative;
}
#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {
background : #eee;
color : #555;
display : inline-block;
font-size : 13px;
left : 4px;
min-width : 60px;
padding : 4px 10px;
position : relative;
top : 40px;
z-index : 1;
}
#respond input[type="text"]:focus, #respond textarea:focus {
text-indent : 0;
z-index : 1;
}
#respond textarea {
resizer : vertical;
width : 95%;
}
#respond .comment-form-author .required, #respond .comment-form-email .required {
color : #bd3500;
font-size : 22px;
font-weight : bold;
left : 75%;
position : absolute;
top : 45px;
z-index : 1;
}
#respond .comment-notes, #respond .logged-in-as {
font-size : 13px;
}
#respond p {
margin : 10px 0;
}
#respond .form-submit {
float : right;
margin : -20px 0 10px;
}
#respond input#submit {
background : #222;
border : none;
border-radius : 3px;
color : #eee;
cursor : pointer;
font-size : 15px;
margin : 20px 0;
padding : 5px 42px 5px 22px;
position : relative;
left : 30px;
}
#respond input#submit:active {
background : #1982d1;
color : #bfddf3;
}
#respond #cancel-comment-reply-link {
color : #666;
margin-left : 10px;
text-decoration : none;
}
#respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover {
text-decoration : underline;
}
.commentlist #respond {
margin : 1.625em 0 0;
width : auto;
}
#reply-title {
color : #373737;
font-size : 24px;
font-weight : bold;
line-height : 30px;
}
#cancel-comment-reply-link {
color : #888;
display : block;
font-size : 10px;
font-weight : normal;
line-height : 2.2em;
letter-spacing : 0.05em;
position : absolute;
right : 1.625em;
text-decoration : none;
text-transform : uppercase;
top : 1.1em;
}
#cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover {
color : #ff4b33;
}
#respond label {
line-height : 2.2em;
}
#respond input[type="text"] {
display : block;
height : 24px;
width : 75%;
}
#respond p {
font-size : 12px;
}
p.comment-form-comment {
margin : 0;
}
.form-allowed-tags {
display : none;
}
#colophon {
clear : both;
}
#supplementary {
border-top : 1px solid #ddd;
padding : 1.625em 7.6%;
overflow : hidden;
}
#supplementary.two .widget-area {
float : left;
margin-right : 3.7%;
width : 48.1%;
}
#supplementary.two .widget-area + .widget-area {
margin-right : 0;
}
#supplementary.three .widget-area {
float : left;
margin-right : 3.7%;
width : 30.85%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
margin-right : 0;
}
#site-generator {
background : #f9f9f9;
border-top : 1px solid #ddd;
color : #666;
font-size : 12px;
line-height : 2.2em;
padding : 2.2em 0.5em;
text-align : center;
}
#site-generator a {
color : #555;
font-weight : bold;
}
#site-generator .sep {
background : url(images/wordpress.png) left center no-repeat;
color : transparent;
display : inline-block;
height : 16px;
line-height : 16px;
margin : 0 7px;
width : 16px;
}