<b:if cond='data:blog.homepageUrl == data:blog.url'> <data:blog.title/> <b:else/> <data:blog.pageName/>

<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(http://1.bp.blogspot.com/-voWPG9sgAx0/UO9sFtqAryI/AAAAAAAADMg/mzn9tNo2LG8/s000/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(http://2.bp.blogspot.com/-PCVKdVn0rcw/UO9sF37UvAI/AAAAAAAADMo/dr6xPc4yyBU/s000/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(http://2.bp.blogspot.com/-PCVKdVn0rcw/UO9sF37UvAI/AAAAAAAADMo/dr6xPc4yyBU/s000/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(http://4.bp.blogspot.com/-I2X6MJvuu74/UO9sGF5uZvI/AAAAAAAADMw/IkDmQMnzf0E/s000/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(http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/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(http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/post-navi.png) no-repeat right top; float:right; width:26px; height:26px; text-indent:-9999px; } #blog-pager-newer-link a:hover { background:url(http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/post-navi.png) no-repeat left bottom } #blog-pager-older-link a:hover { background:url(http://4.bp.blogspot.com/-9Us-MRg6JqM/UO9sGiybGBI/AAAAAAAADM4/cu70IqP86PA/s000/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(http://1.bp.blogspot.com/-eXV1t-SyFiw/UO9sG9V6aZI/AAAAAAAADNA/Zch0O4fHTuQ/s000/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(http://2.bp.blogspot.com/-AFY4v1uxCjY/UO9sHNSHOWI/AAAAAAAADNE/jShq-WyzFNQ/s000/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(http://2.bp.blogspot.com/-AFY4v1uxCjY/UO9sHNSHOWI/AAAAAAAADNE/jShq-WyzFNQ/s000/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; } ]]>

:

|

Read Article →

:
Comments

document.write(ssyby);