skip to main |
skip to sidebar
-
MAC
-----------------------------------------------
*/
/* Basic Styling
-----------------------------------*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
body#layout {
width:100% !important;min-height:450px;
}
body#layout #header-wrapper {
margin-bottom: 15px;
width: 100% !important;
}
body#layout .Header {
display: block;
top: auto;
}
body#layout #content-wrapper {
margin: 0;
padding: 0;
width: 100% !important;
float: right;
}
body#layout #main-wrapper {
float: right;
margin: 0;
padding: 0;
width: 77% !important;
}
body#layout #searchThis {
display:none;
}
body#layout .copyright{
display:none;
}
body#layout #footer-wrapper {
display: block;
width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/* CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/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; } 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; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
/* Basic Styling
-----------------------------------*/
body {
background:#FFFFFF;
border-top: 6px solid #EBEBEB;
color: #777777;
font: 12px/20px Arial,sans-serif;
margin: 0;
padding: 0;
}
::selection {
background: #FE4365; /* Changes color in Safari */
color: #FFFFFF;
}
::-moz-selection {
background: #FE4365; /*Changes color in Firefox */
color: #FFFFFF;
}
.hidden { display: none; }
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width:100%;
}
a ,a:visited{
outline:none;
text-decoration: none;
color: #2c2d31;
font-weight: bold;
transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-webkit-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
}
a img { border: none; }
a:hover{
outline:none;
color:#FE4365;
}
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
#logo { margin-bottom: 20px;outline:none; }
.widget
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ul,
.comment-body ol ol,
.comment-body ol ul,
.widget ul ul { margin-bottom: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
padding: 0;
}
h1 {
font-size: 24px;
line-height: 28px;
}
h2 {
font-size: 20px;
line-height: 22px;
}
h3 {
font-size: 16px;
line-height: 20px;
}
h4 {
font-size: 14px;
line-height: 18px;
}
h5 {
font-size: 12px;
line-height: 18px;
}
h6 {
font-size: 10px;
line-height: 16px;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
border-bottom: 1px solid #EEEEEE;
height: 125px;
margin: 0 auto 50px;
padding: 20px 0 0;
width: 960px;
position:relative;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header h1 {
font-family:'PT Sans', sans-serif;
font-size: 40px;
font-weight: bold;
line-height: 60px;
text-transform: lowercase;
color:#000000;
}
.Header {
display: inline-block;
margin-bottom: 30px;
position: relative;
top: 20px;
}
#header a {
text-decoration:none;
}
.titlewrapper {
float: left;
}
.descriptionwrapper {
color: #707070;
float: left;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
margin-left: 10px;
position: relative;
top: 30px;
}
#header .description {
margin: 0;
}
/* Menu code--------------*/
#header-wrapper h2.title {
display: none;
}
#primary-nav {
float: right;
}
#primary-nav ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
#primary-nav ul a {
display: inline;
position: relative;
}
#primary-nav ul li {
float: left;
position: relative;
}
#primary-nav ul li:last-child a {
border-right:0 none !important;
padding: 0 0 0 14px;
}
#primary-nav ul li:hover {
visibility: inherit;
}
#primary-nav ul ul {
position: absolute;
top: -9999em;
width: 150px;
}
#primary-nav ul ul li {
width: 100%;
}
#primary-nav ul ul li a {
border-right: 0 !important;
}
#primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul {
left: -1px;
top: 36px;
z-index: 99;
}
#primary-nav ul li:hover li ul, #primary-nav ul li.sfHover li ul, #primary-nav ul li li:hover li ul, #primary-nav ul li li.sfHover li ul, #primary-nav ul li li li:hover li ul, #primary-nav ul li li li.sfHover li ul {
top: -9999em;
}
#primary-nav ul li li:hover ul, #primary-nav ul li li.sfHover ul, #primary-nav ul li li li:hover ul, #primary-nav ul li li li.sfHover ul, #primary-nav ul li li li li:hover ul, #primary-nav ul li li li li.sfHover ul {
left: 180px;
top: -1px;
}
#primary-nav ul a {
border-right: 1px dashed #E0DFDF;
color: #444444;
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 0 14px;
}
#primary-nav ul li a:hover, #primary-nav ul li:hover, #primary-nav ul li.sfHover a, #primary-nav ul li.current-cat a, #primary-nav ul li.current_page_item a, #primary-nav ul li.current-menu-item a {
color: #444444 !important;
text-decoration: none;
}
#primary-nav ul ul {
-moz-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
background:#FFFFFF;
border: 1px solid #E0E0E0;
margin: 0;
padding: 10px 15px;
}
#primary-nav ul ul li {
background: none;
border-bottom: 1px solid #F0F0F0;
float: none;
height: 35px;
line-height: 35px;
}
#primary-nav ul ul li:last-child {
border-bottom: medium none !important;
}
#primary-nav ul ul li a {
font-size: 12px;
font-weight: normal;
height: 35px;
line-height: 35px;
padding: 0 !important;
}
#primary-nav ul li.sfHover ul a {
color: #999999 !important;
}
#primary-nav ul li.sfHover ul a:hover {
color: #444444 !important;
}
/*----------Search box----------*/
#searchThis {
margin: 0;
position: absolute;
right: 0;
top: 40px;
}
#searchBox {
border: 1px solid #E1E1E1;
color: #C4C4C4;
font-family: 'Droid Sans',arial,sans-serif;
font-size: 11px;
height: 14px;
letter-spacing: 0.5px;
padding: 6px 8px 5px;
width: 204px;
}
#searchBox:focus{
background: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: 0 0 8px 0 #EEEEEE;
-moz-box-shadow: 0 0 8px 0 #EEEEEE;
box-shadow: 0 0 8px 0 #EEEEEE;
}
#searchBox:focus
{ color: #444; }
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
margin: 0 auto;
width: 960px;
}
#main-wrapper {
width: 740px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
float:left;
}
#sidebar-wrapper {
float: right;
margin: 0;
overflow: hidden;
width: 220px;
word-wrap: break-word;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
display:none;
}
h3.post-title {
border-bottom: 1px solid #EEEEEE;
font-size: 20px;
font-weight: bold;
line-height: 22px;
margin-bottom: 10px;
padding-bottom: 13px;
}
h3.post-title h3 a, h3.post-title h3 a:visited, h3.post-title h3 strong {
display:block;
text-decoration:none;
font-weight:normal;
}
.post-share-buttons {
margin:20px 3px 15px;
}
.post-outer .post-header {
margin-bottom: 23px;
font-size:11px;
}
.post-outer .post-header a{
font-weight:normal
}
.post-outer .post-icons {
float: right;
}
.post-outer .post-author {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazJiM2wm49EiU8OZZzHFZ8BMISCluuOipcB1SbKwyhefET_yvB-3Za4b_xFZnk1NBSGJ8rSl_r0bt-LNl6fLCRYePtszhlXNvAmtTQupLPJJJWteJaunGkIVFoG94c_fkHh10Z_1z0VM/s46/post_meta.png") no-repeat;
border-right: 1px dashed #CCCCCC;
margin-right: 10px;
padding-left: 21px;
padding-right: 5px;
}
.post-outer .post-timestamp {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazJiM2wm49EiU8OZZzHFZ8BMISCluuOipcB1SbKwyhefET_yvB-3Za4b_xFZnk1NBSGJ8rSl_r0bt-LNl6fLCRYePtszhlXNvAmtTQupLPJJJWteJaunGkIVFoG94c_fkHh10Z_1z0VM/s46/post_meta.png") no-repeat 0 -17px;
border-right: 1px dashed #CCCCCC;
margin-right: 10px;
padding-left: 21px;
padding-right: 5px;
}
.post-outer .post-labels {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazJiM2wm49EiU8OZZzHFZ8BMISCluuOipcB1SbKwyhefET_yvB-3Za4b_xFZnk1NBSGJ8rSl_r0bt-LNl6fLCRYePtszhlXNvAmtTQupLPJJJWteJaunGkIVFoG94c_fkHh10Z_1z0VM/s46/post_meta.png") no-repeat 0 -32px ;
padding-left: 21px;
text-transform: capitalize;
}
.post-outer .post-footer {
text-transform:uppercase;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post-outer blockquote {
margin:1em 20px;
}
.post-outer blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
border-bottom: 1px solid #EEEEEE;
font-weight: bold;
line-height: 1.4em;
margin: 0.5em 0 2.3em;
padding-bottom: 10px;
}
.comment-form {
clear: both;
max-width:100%;
}
#comments-block li {
margin-bottom: 13px;
padding-bottom: 1px;
}
#comments-block.avatar-comment-indent {
margin: 0;
}
#comments-block .avatar-image-container {
float: left;
margin-right: 13px;
position: static;
}
#comments-block.avatar-comment-indent .comment-body {
margin: 8px 0 0 50px;
}
#comments-block .avatar-image-container img {
border: medium none;
float: right;
margin: 0;
}
#comments-block span.author, #comments-block span.author a {
display: block;
font-size: 12px;
font-weight: normal;
line-height: 14px;
margin: 0 0 3px 0;
}
#comments-block span.blog-admin, span.pid-861539313 {
float: right;
}
#comments-block span.comment-timestamp a {
color: #999999;
font-style:italic;
font-size: 11px;
font-weight: normal;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager {
text-align: center;
width:96%;
}
.blog-feeds{
display:none;
}
.post-feeds{
display:none;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
font-size: 11px;
padding-top: 14px;
}
.sidebar h2 {
border-bottom: 1px solid #EEEEEE;
color: #999999;
font-family: droid sans;
font-size: 10px;
letter-spacing: 1px;
margin-bottom: 17px;
padding-bottom: 3px;
text-transform: uppercase;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
line-height: 22px;
text-transform: capitalize;
}
.sidebar .widget{
margin:0 0 28px;
}
.main .Blog {
border-bottom-width: 0;
}
/*-------- LAbels------*/
.Label h2{
display:none;
}
#sidebar .list-label-widget-content li {
float: left;
margin-right: 15px;
text-transform: capitalize;
width: 95px;
}
#footer-wrapper .list-label-widget-content li {
float: left;
margin: 0 12px 6px 0;
width: 84px;
}
.list-label-widget-content li a {
border-bottom: 1px dotted #D9D9D9;
display: block;
font-weight: normal;
margin-bottom: 3px;
padding-bottom: 4px;
}
.list-label-widget-content li a:hover {
color: #FE4365;
}
.list-label-widget-content span{
display:none;
}
/*-------Follow by email widget--------*/
.follow-by-email-inner form,.follow-by-email-inner form table{
margin-bottom:0px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
-moz-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background:#C8C8C8;
color: #3D3D3D;
font-size: 11px;
padding-bottom: 3px;
padding-top: 2px;
cursor:pointer;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
background: #444;
color: #fff;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
-moz-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border:0;
height: 16px;
padding-bottom: 3px;
padding-top: 2px;
width: 94%;
background:#f9f9f9;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {
-moz-box-shadow: 0 0 8px 0 #EEEEEE;
-o-box-shadow: 0 0 8px 0 #EEEEEE;
-webkit-box-shadow: 0 0 8px 0 #EEEEEE;
box-shadow: 0 0 8px 0 #EEEEEE;
background: #FFFFFF;
border: 1px solid #CCCCCC;
}
/*----------Popular Posts-------*/
.PopularPosts .widget-content ul li {
margin-bottom: 22px;
padding: 0;
}
.PopularPosts .widget-content ul li:last-child{
border-bottom: 0;
margin-bottom:0;
padding:0;
}
.PopularPosts .widget-content ul li a{
font-weight:normal;
}
.PopularPosts .widget-content ul li a:hover{
color: #FE4365;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0 0 5px 5px;
}
.PopularPosts .item-title {
margin-bottom: 6px;
padding: 0px;
}
.PopularPosts img {
-o-box-shadow: 0 0 4px 0 #D6D6D6;
-webkit-box-shadow: 0 0 4px 0 #D6D6D6;
box-shadow: 0 0 4px 0 #D6D6D6;
-moz-box-shadow: 0 0 4px 0 #D6D6D6;
border: 1px solid #C1C1C1;
padding: 2px;
}
.PopularPosts .item-snippet {
line-height: 20px;
}
/* Profile
----------------------------------------------- */
.profile-img {
margin-top: 0;
margin-bottom: 5px;
padding: 4px;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
text-transform: uppercase;
letter-spacing: .1em;
}
/* Flickr widget
-------------------------------------- */
.flickr_badge_image {
float: left;
margin: 0 6px 0 0;
}
.flickr_badge_image img {
height: 41px;
width: 41px;
}
/* Footer
----------------------------------------------- */
#footer-wrapper a{
font-weight:normal;
}
#footer-wrapper{
border-top: 1px solid #EEEEEE;
margin: 30px auto;
width: 960px;
}
.footer-inner{
padding: 50px 0 0;
}
#footer-wrapper .footer_columns .widget{
margin-bottom: 20px;
}
.footer_columns {
float: right;
margin: 0 16px;
text-align: left;
width: 30%;
}
.footer_columns h2 {
color: #999999;
font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 9px;
letter-spacing: 1px;
line-height: 20px;
margin: 0 0 17px;
text-transform: uppercase;
}
.footer_columns li {
margin: 0 0 6px;
padding: 0;
text-transform: capitalize;
}
.copyright {
border-top: 1px solid #EEEEEE;
font-size: 9px;
margin: 41px 0 0;
padding-top: 6px;
}
.copyright span{
float: right;
}
/*---------- Feed ------------*/
.Feed .item-title a{
display: block;
}
.Feed .item-date,.Feed .item-author{
font-style:italic;
font-size: 11px;
}
/*--------STATUS MSG---------*/
.status-msg-wrap {
font-size: inherit;
margin: 0 0 3em;
width: 96%;
}
.status-msg-border {
border: medium none;
}
.status-msg-bg {
background: #EEEEEE;
}
]]>
0 comments → MAC
Post a Comment