<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/> | <data:blog.title/>
</b:if>
*/
/* =============================
Misc and Reset
============================= */
.status-msg-body {
background:#fbfbfb;
border:1px solid #e4e4e4;
}
#navbar-iframe, .feed-links {
display:none;
}
::selection {
background:#000;
color:#fff
}
::-moz-selection {
background:#000;
color:#fff
}
.follow-by-email-address {
margin-top:2px;
border-radius:3px;
box-shadow:none;
}
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}
/* =============================
Popular Posts and Page Navigation
============================= */
#crosscol,#poplrpst {
width:900px;
font:$pagenavifont;
padding-bottom:5px;
border-bottom:1px solid #eee;
clear:both;
text-transform:uppercase;
}
#crosscol h2 {
display:none;
border-bottom:1px solid #eee;
}
#crosscol ul {
list-style:none;
margin:0;
padding:0;
}
#crosscol ul li a, #crosscol ul li a:hover {
transition:.2s all;
-moz-transition:.2s all;
-webkit-transition:.2s all;
text-decoration:none;
}
#crosscol ul li {
float:left;
padding:8px 0 8px 20px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkVBLOk2isddzLHMGgu0DWDkyBp50Pmpqhd9hwWW-oc5kKfuze0pbo3oUBNl09HIzMGG_yOyS8W4MYMm9BYzLBk1WumjI6oOsRJTM1I5Z17ZG0rO2DfQFuyJO5E8hfaZP2tbfHX3PJshI/s0/menu-separator.png) no-repeat left;
}
#crosscol ul li:first-child {
background:none;
padding:none;
}
#crosscol ul li a {
color:$pagelinkcolor;
}
#crosscol ul li a:hover {
color:#000000;
}
.selected a {
color:#000 !important;
font-weight:normal !important;
}
/* =============================
Popular Posts Slider
============================= */
#poplrpst {
margin:0 0 5px;
}
#poplrpst h2 {
position:absolute;
background:#000;
z-index:999999;
color:#fff;
padding:5px 10px;
opacity:0.6;
filter:alpha(opacity=60);
}
.popslider-slidecontent {
position:relative;
overflow:hidden;
width:900px;
height:250px;
}
.popslider-slidecontent .preload {
height:100%;
width:900px;
background:#fff;
position:absolute;
top:0;
left:0;
z-index:9999;
color:#fff;
text-align:center;
}
.popslider-slidecontent .preload div {
height:100%;
width:900px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN8fk-9ls0Y97oFuENjJJzvQ9dG9svrknqGootVx3Ct8-EOOALmQHDTVw921vRwEKrT-1ueWbW9Hp6aPi0ZBMQvOmTj6z3r1HZzHs-q05vtDSxvzhjDbTQXm94DpNpOVAp132FZaE2PgE/s0/loading.gif) no-repeat scroll 50% 50%;
}
.popslider-main-outer {
position:relative;
height:100%;
width:auto;
z-index:3px;
overflow:hidden;
}
.popslider-description {
z-index:5;
position:absolute;
top:120px;
width:400px;
background:#fff;
opacity:0.7;
filter:alpha(opacity=70);
transition:.2s all;
-moz-transition:.2s all;
-webkit-transition:.2s all;
text-align:left;
}
ul.popslider-wrapper:hover .popslider-description {
background:#000;
opacity:0.7;
filter:alpha(opacity=70);
transition:.2s all;
-moz-transition:.2s all;
-webkit-transition:.2s all;
}
ul.popslider-wrapper:hover p{
color:#fff;
}
ul.popslider-wrapper:hover h3 a {
color:#fff;
}
.popslider-description p {
color:#000;
margin:0 8px;
padding:0 0 8px;
}
.popslider-description h3 a {
color:#000;
margin:0;
font-size:140%;
padding:20px 8px 2px;
font-family:"arial",Trebuchet,Arial,Verdana,sans-serif;
}
.popslider-description h3 a:hover {
color:#000;
text-decoration:underline;
}
ul.popslider-wrapper {
overflow:hidden;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN8fk-9ls0Y97oFuENjJJzvQ9dG9svrknqGootVx3Ct8-EOOALmQHDTVw921vRwEKrT-1ueWbW9Hp6aPi0ZBMQvOmTj6z3r1HZzHs-q05vtDSxvzhjDbTQXm94DpNpOVAp132FZaE2PgE/s0/loading.gif) no-repeat scroll 50% 50%;
padding:0px;
margin:0 !important;
height:250px;
width:900px;
position:absolute;
overflow:hidden;
}
ul.popslider-wrapper li {
overflow:hidden;
padding:0px !important;
margin:0px;
height:100%;
width:900px;
float:left;
}
.popslider-opacity li {
position:absolute;
top:0;
left:0;
float:inherit;
}
ul.popslider-wrapper li img {
padding:0px !important;
width:900px !important;
height:auto !important;
}
ul.popslider-wrapper li {
position:relative;
}
.PopularPosts .item-title{
0 !important;
}
.PopularPosts .widget-item-control {
display:none;
}
/* =============================
Header
============================= */
#header-wrapper {
width:900px;
margin:20px 0 10px;
border-bottom:1px solid #eee;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
text-align: center;
color:$pagetitlecolor;
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:900px;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
/* =============================
Wrapper
============================= */
#center-wrapper {
margin:20px auto 0;
}
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 640px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
width: 220px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}
/* =============================
Heading (Title)
============================= */
h2 {
margin:1.5em 0 15px;
font:$widgettitlefont;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt6-QXKf_GarC828jx_u9pMK0n98xNWk0aoJL1UawBZgp1FgtINPy2xCdHXSS6uFNjaFfmwcjpgBvL8Lfs_V6BVv-TkQBqwTAHyqv1eeTTwZruAlX-ZOmwzhhSE41FfforGIFwCeW9ANc/s0/widget-bg.png) no-repeat left bottom;
line-height: 1.4em;padding-bottom:10px;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}
/* =============================
Posts
============================= */
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
font-size:30px;
margin:0;
padding:5px 0;
text-align:left;
font-family:Yanone Kaffeesatz, sans-serif;
text-transform:uppercase;
color:$titlecolor;
font-weight:300;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:300;
}
.post h3 a:hover{
color:#333;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}
.comment-link {
margin-$startSide:.6em;
}
.post img, table.tr-caption-container {
max-width:640px;
height:auto;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* =============================
Comment
============================= */
.comments .comments-content {
font:normal 11px Arial;
text-align:left;
line-height:1.4em;
margin-bottom:16px;
}
.comments .comments-content .user {
font-style:normal;
font-weight:normal;
text-transform:uppercase;
color:#000;
}
.comments .comments-content .datetime {
margin-left:10px;
}
.comment-replies{
background:#fafaff;
}
.comments .comment .comment-actions a {
background:#999;
color:#fff;
padding:2px 5px;
margin-right:10px;
font:10px sans-serif;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
transition:.2s linear;
-moz-transition:.2s linear;
-webkit-transition:.2s linear;
}
.comments .comment .comment-actions a:hover {
background:#000;
text-decoration:none;
transition:.2s linear;
-moz-transition:.2s linear;
-webkit-transition:.2s linear;
}
.comments .avatar-image-container {
border-radius:3px;
border:1px solid #ddd;
}
.comments .thread-toggle a {
color:#a58;
}
.comments .thread-toggle a:hover {
padding-left:10px;
color:#a47;
text-decoration:none;
}
.comments .thread-toggle a:hover, .comments .thread-toggle a {
transition:.2s linear;
-moz-transition:.2s linear;
-webkit-transition:.2s linear;
}
#comments h4 {
margin:1em 0;
line-height:1.4em;
letter-spacing:.2em;
color:$sidebarcolor;
text-transform:uppercase;
font:normal 11px Arial;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
/* =============================
Post Navigation
============================= */
#blog-pager-newer-link, #blog-pager-newer-link a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7wnaa0z-uqEu4Jbu-GS9TTzbHevVvJ21GDbRVfIxSgHLrlcYiksDmfTU44wtqCNFCqMIYFOrkX6LZi_npUQIfr2OHUMHropRaUDWfAC-XYfTuLK1FcTq0dKOI9294tG32P6jVAJYei4/s0/post-navi.png) no-repeat left top;
float:left;
width:26px;
height:26px;
text-indent:-9999px;
}
#blog-pager-older-link, #blog-pager-older-link a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7wnaa0z-uqEu4Jbu-GS9TTzbHevVvJ21GDbRVfIxSgHLrlcYiksDmfTU44wtqCNFCqMIYFOrkX6LZi_npUQIfr2OHUMHropRaUDWfAC-XYfTuLK1FcTq0dKOI9294tG32P6jVAJYei4/s0/post-navi.png) no-repeat right top;
float:right;
width:26px;
height:26px;
text-indent:-9999px;
}
#blog-pager-newer-link a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7wnaa0z-uqEu4Jbu-GS9TTzbHevVvJ21GDbRVfIxSgHLrlcYiksDmfTU44wtqCNFCqMIYFOrkX6LZi_npUQIfr2OHUMHropRaUDWfAC-XYfTuLK1FcTq0dKOI9294tG32P6jVAJYei4/s0/post-navi.png) no-repeat left bottom
}
#blog-pager-older-link a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7wnaa0z-uqEu4Jbu-GS9TTzbHevVvJ21GDbRVfIxSgHLrlcYiksDmfTU44wtqCNFCqMIYFOrkX6LZi_npUQIfr2OHUMHropRaUDWfAC-XYfTuLK1FcTq0dKOI9294tG32P6jVAJYei4/s0/post-navi.png) no-repeat right bottom
}
#blog-pager {
text-align: center;
}
/* =============================
Sidebar
============================= */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
.sidebar ul {
list-style:none;
margin:0;padding:0;
}
.sidebar li {
line-height:1.5em;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* =============================
Profile
============================= */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
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 {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* =============================
Posts Thumbnail and Description
============================= */
.thumbs {
width:100%;
max-height:300px;
line-height:1.6em;
overflow:hidden;
position:relative;
border-left:1px solid #eee;
}
.thumbs img {
min-height:300px;
width:100%;
}
.summary {
margin:10px;
font-family:Arial;
font-size:11px;
float:left;
width:450px;
text-transform:uppercase;
}
.botsnip {
padding-left:20px;
border-left:1px solid #eee;
margin:10px;
float:right;
}
.homelabel {
font-size:8px;
padding:0 10px;
color:#fff;
z-index:5;
position:absolute;
top:5px;
right:5px;
background:#000;
opacity:0.7;
filter:alpha(opacity=70);
font:arial;
text-transform:uppercase;
letter-spacing:1px;
}
.homelabel a {
color:#fff;
}
.post:hover .readitmore {
display:inline-block;
}
.readitmore {
position:absolute;
background:#0063f7;
bottom:0;
right:0;
padding:2px 10px;
display:none;
opacity:0.8;
filter:alpha(opacity=80);
color:#fff;
transition:.2s all;
-moz-transition:.2s all;
-webkit-transition:.2s all;
}
.readitmore a {
color:#fff;
}
.readitmore:hover {
background:#000;
color:#fff;
transition:.2s all;
-moz-transition:.2s all;
-webkit-transition:.2s all;
}
/* =============================
Middle and Footer
============================= */
#footer-container {
background:#fbfbfb;
border-top:1px solid #eee;
display:block;
font-family:arial;
font-size:11px
}
.addwidget {
padding: 0 0 0 0;
}
/* Middle Column */
#middle-columns {
clear:both;
width:900px;
text-align:left;
margin:0 auto 20px;
}
.midcolumn1 {
width:360px;
float:left;
padding:0 5px 3px 0;
margin:3px 3px 3px 0;
}
.midcolumn2 {
width:480px;
float:right;
padding:0 0 3px 3px;
margin:3px 0 3px 3px;
}
#middle-columns ul, #footer-columns ul {
list-style:square;
margin:0 0 0 10px;
padding:0 0 0 10px;
}
#middle-columns li, #footer-columns li {
margin:0;
padding:0 0 .25em;
line-height:1.5em;
}
/*Footer Column*/
#footer-wrapper {
background:#f4f4f4;
border-top:1px solid #e4e4e4;
}
#footer-columns {
clear:both;
margin:0 auto;
width:900px;
text-align:left;
padding:0 0 50px;
}
.column1 {
width:285px;
float:left;
margin:3px 5px 3px 0;
padding:0px 5px 3px 0;
}
.column2 {
width:285px;
float:left;
margin:3px 5px 3px 5px;
padding:0px 5px 3px 5px;
}
.column3 {
width:285px;
float: right;
margin:3px 0 3px 3px;
padding:0px 0 3px 5px;
}
/* =============================
Twitter Widget
============================= */
#twitter_div ul {
list-style-type:none;
margin:0;padding:0
}
#twitter_div ul li {
border:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwBgIdACZu0lBygUXavkADB_p_LI1XHO-JyqffA08vSwqNa4clWkogCBCTK1bvQ3KfgPClSq-1A9rdIZVH-MUgVIa_Sxmq8-Pp-pqJOZk7ih6v6KN1k6PnNl1FjzNQt0qvBDPnjjYCIMo/s0/tweet-li.png) no-repeat left 5px;
padding:0 0 10px 25px;
font-family:arial;
font-size:12px;
color:#555
}
#twitter_div ul li a {
font-size:12px!important;
color:#111;
font-style:italic;
}
/* =============================
Social Media Widget
============================= */
.social-networks {
list-style:none;
margin:20px 0 0 0;
padding:0;
width:auto;
overflow:hidden;
}
.social-networks li {
float:left;
margin-right:10px;
border:none;
}
/* -Facebook */
.icon-facebook a, .icon-youtube a, .icon-flickr a, .icon-feed a, .icon-gplus a, .icon-twitter a {
float:left;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2aSsg7LGhw4_kyvEoattHsG-WfIA0dFg1ChXACeh2z7uzcj-XkAg75TVwGSJoA3dxFWVUjaYAkes4Amt4xwEGCxIJjkj7iKlhyphenhyphen370u902TbTq5WiyMgzZXlZ4ZE7y-ZeUNNeBN0l5WV4/s0/social-icon.png) no-repeat right bottom;
text-indent:-9999px;
width:20px;
height:20px;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.icon-facebook a:hover, .icon-youtube a:hover, .icon-flickr a:hover, .icon-feed a:hover, .icon-gplus a:hover, .icon-twitter a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2aSsg7LGhw4_kyvEoattHsG-WfIA0dFg1ChXACeh2z7uzcj-XkAg75TVwGSJoA3dxFWVUjaYAkes4Amt4xwEGCxIJjkj7iKlhyphenhyphen370u902TbTq5WiyMgzZXlZ4ZE7y-ZeUNNeBN0l5WV4/s0/social-icon.png) no-repeat right top;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
/* -Twitter */
.icon-twitter, .icon-twitter a {
background-position:-80px bottom
}
.icon-twitter a:hover {
background-position:-80px top;
}
/* -Youtube */
.icon-youtube, .icon-youtube a {
background-position:-40px bottom
}
.icon-youtube a:hover {
background-position:-40px top;
}
/* -GPlus */
.icon-gplus, .icon-gplus a {
background-position:-60px bottom
}
.icon-gplus a:hover {
background-position:-60px top;
}
/* -Flickr */
.icon-flickr, .icon-flickr a {
background-position:-20px bottom
}
.icon-flickr a:hover {
background-position:-20px top;
}
/* -RSS Feed */
.icon-feed, .icon-feed a {
background-position:left bottom
}
.icon-feed a:hover {
background-position:left top;
}
/* =============================
Footer Links and Credits
============================= */
#footer-links-wrap {
background-color:#eee;
border-top:1px solid #ddd;
padding:5px 0;
}
#footer-links {
color:#777;
width:900px;
margin:0 auto;
clear:both;
font-family:arial;
font-size:11px;
text-align:left;
}
#credits {
float:left;
line-height:20px;
}
#sitelinks {
float:right;
line-height:20px;
}
]]>
