*/ /* ============================= Misc and Reset ============================= */ #navbar-iframe, .feed-links, .status-msg-wrap { display:none; } #ArchiveList { font: 300 15px Yanone Kaffeesatz; } .widget .Label { font: 300 14px Yanone Kaffeesatz; } ::selection { background:#000000; color:#fff } ::-moz-selection { background:#000000; color:#fff } .follow-by-email-address { margin-top:2px; border-radius:3px; box-shadow:none; } .flickr_badge_image { float:left; margin:0 5px 0 0; } .flickr_badge_image img { height:70px; width:70px; } .flickr_info { margin:0 5px; font:10px arial; color:333; } body { margin:0; color:#333; background:$bgcolor; text-align:center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$linkhovercolor; text-decoration:underline; } a img { border-width:0; } /* ============================= Popular Posts Style ============================= */ .PopularPosts { font-family: arial; } .PopularPosts .item-content { border-bottom: 1px dotted #eee; padding-bottom :10px; } .PopularPosts .item-snippet { font: 11px Arial; text-align: justify; } .PopularPosts .item-title { font: 16px Yanone Kaffeesatz; } .PopularPosts .item-thumbnail img { border: 1px solid #fbfbfb; padding: 0; } /* ============================= LightBox ============================= */ #jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; } #jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; } #jquery-lightbox a, #jquery-lightbox a:hover { border:none; } #jquery-lightbox a img { border:none; } #lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; } #lightbox-container-image { padding:10px; } #lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; } #lightbox-nav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } #lightbox-container-image-box > #lightbox-nav { left:0; } #lightbox-nav a { outline:none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; } #lightbox-nav-btnPrev { left:0; float:left; } #lightbox-nav-btnNext { right:0; float:right; } #lightbox-container-image-data-box { font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; } #lightbox-container-image-data { padding:0 10px; color:#666; } #lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; } #lightbox-image-details-caption { font-weight:bold; } #lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; } #lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; } /* ============================= Social Links ============================= */ #interwebz-wrapper { display:inline-block; width:950px; border-bottom:1px solid #f2f2f2; border-top:none; padding:5px 0; } .interwebz { list-style:none; margin:0; padding:10px 0; width:auto; overflow:hidden; float:left; } .interwebz li { float:left; margin-right:10px; border:none; } .interwebz li:last-child{margin:0} /* Flickr */ .icon-flickr a, .icon-instagram a, .icon-facebook a, .icon-gplus a, .icon-lastfm a, .icon-feed a, .icon-skype a, .icon-twitter a, .icon-youtube a { float:left; background:url(http://3.bp.blogspot.com/-l9AWDeh3VZ8/UPSj9n0NLQI/AAAAAAAADqc/IldWICJ1PCY/s000/social-media.png) no-repeat left bottom; text-indent:-9999px; width:32px; height:32px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } .icon-flickr a:hover, .icon-instagram a:hover, .icon-facebook a:hover, .icon-gplus a:hover, .icon-lastfm a:hover, .icon-feed a:hover, .icon-skype a:hover, .icon-twitter a:hover, .icon-youtube a:hover { background:url(http://3.bp.blogspot.com/-l9AWDeh3VZ8/UPSj9n0NLQI/AAAAAAAADqc/IldWICJ1PCY/s000/social-media.png) no-repeat left top; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } /* Instagram */ .icon-instagram, .icon-instagram a { background-position:-32px bottom; } .icon-instagram:hover, .icon-instagram a:hover { background-position:-32px top; } /* Facebook */ .icon-facebook, .icon-facebook a { background-position:-64px bottom; } .icon-facebook:hover, .icon-facebook a:hover { background-position:-64px top; } /* Google+ */ .icon-gplus, .icon-gplus a { background-position:-96px bottom; } .icon-gplus:hover, .icon-gplus a:hover { background-position:-96px top; } /* Last.fm */ .icon-lastfm, .icon-lastfm a { background-position:-128px bottom; } .icon-lastfm:hover, .icon-lastfm a:hover { background-position:-128px top; } /* RSS Feed */ .icon-feed, .icon-feed a { background-position:-160px bottom; } .icon-feed:hover, .icon-feed a:hover { background-position:-160px top; } /* Skype */ .icon-skype, .icon-skype a { background-position:-192px bottom; } .icon-skype:hover, .icon-skype a:hover { background-position:-192px top; } /* Twitter */ .icon-twitter, .icon-twitter a { background-position:-224px bottom; } .icon-twitter:hover, .icon-twitter a:hover { background-position:-224px top; } /* Youtube */ .icon-youtube, .icon-youtube a { background-position:-256px bottom; } .icon-youtube:hover, .icon-youtube a:hover { background-position:-256px top; } /* ============================= Search Box ============================= */ #srcnt { float:right; margin:0; padding:13px 0; width:auto; overflow:hidden; } #search input[type="text"] { border: 1px solid #eee; border-radius:3px; color: #777; width: 180px; padding: 7px; font:normal 10px Verdana, Arial; text-transform:uppercase; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } #search input[type="text"]:focus { width: 220px; } /* ============================= Header ============================= */ #header-wrapper{ width:950px; margin:20px auto 0; } #header-inner { background-position: center; margin:0 auto; width:950px; } #header { margin:0; text-align: center; color:$pagetitlecolor; width:950px; } #header h1 { margin:5px 5px 0; padding:15px 20px 0; 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 0; padding:0 20px 15px; max-width:950px; letter-spacing:.2em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; text-transform: uppercase; } #header-inner img { margin:0 auto; max-width:950px; height:auto; } #header img { margin:0 auto; max-width:950px; height:auto; } /* ============================= Navigation ============================= */ *{ margin:0; padding:0; outline:0; } .nav { width:950px; height:auto; border-bottom:1px solid #eee; margin:10px auto 5px; display:inline-block; } .menu { width:auto; list-style:none; font:$pagenavifont; text-align:center; margin:0 auto; } .menu a { float:left; color:#999; text-decoration:none; text-transform:uppercase; width:auto; line-height:36px; padding:0 20px; } .menu a:hover,li.menuhover a{ color:#111; } .menu li { position:relative; float:left; width:auto; } .menu li:last-child { background:none; } .menu ul{ display:none; position:absolute; top:36px; left:0; background:#fbfbfb; display:none; list-style:none; } .menu ul li{ float:none; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3; width:auto; background:none; } .menu ul li:last-child { border-bottom:1px solid #e3e3e3 } .menu ul li a{ float:none; display:block; background:none; line-height:36px; min-width:137px; width:auto; text-align:left; padding-left:10px; color:#444; } .menu ul li a:hover{ background:#fdfdfd; color:#777; } /* ============================= Wrapper ============================= */ #total-wrapper { margin: 0 auto; padding 0 10px; background:#fff; width:1000px; } #outer-wrapper{ width:960px; margin:10px auto 0; padding:5px 20px 0; text-align:$startSide; font:$bodyfont; } #main-wrapper { width:680px; float:$endSide; word-wrap:break-word; overflow:hidden; } #sidebar-wrapper{ width:240px; float:$startSide; word-wrap:break-word; overflow:hidden; } /* ============================= Heading ============================= */ h2{ margin:1.5em 0 15px; font:$widgettitlefont; line-height: 1.4em; padding-bottom:10px; text-transform:uppercase; letter-spacing:.2em; color:#000; } .sidebar h2 { padding:9px 3px 10px; margin:0 0 15px; letter-spacing:1px; border-bottom:1px solid #eee; font:300 18px Yanone Kaffeesatz; background:url(http://4.bp.blogspot.com/-s4VcPjT5e-E/UPSj9w45uPI/AAAAAAAADqk/cmzVQSqztSc/s000/h2-date-header.png)right bottom no-repeat #fff; } #blog-date-header { font:normal 8px Verdana, Arial; color:#555; letter-spacing:0; } #blog-date-header i { text-transform:none; } h2.date-header { border-bottom:1px solid #eee; color:#777; } /* ============================= Posts ============================= */ .post { margin:.5em 0 1.5em; border-bottom:1px solid #eee; padding-bottom:1.5em; font-family:Arial,Sans-serif,Verdana; color:#444; } .post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; line-height:1.4em; color:#333; font-family:oswald; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:#333; font-weight:400; } .post h3 strong, .post h3 a:hover { color:#000; } .post-body { margin:0 0 1.75em; line-height:170%; font:12px arial; } .post-body blockquote { line-height:1.3em; } .post-footer { margin:.75em 0; color:#777; text-transform:uppercase; letter-spacing:.1em; font:$postfooterfont; line-height:1.4em; } .comment-link { margin-startside:.6em; } .post img { max-width:640px; height:auto; } .post table. tr-caption-container { padding-bottom:4px; } .tr-caption-container img { border:none; padding:0; } .post blockquote { margin:1em 20px; padding:2px 5px 2px 35px; font-style:italic; color:#777; } .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:#fbfbfd; box-shadow:inset 0 0 0 1px #f2f2f2; border-radius:3px; } .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; } .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://2.bp.blogspot.com/-oPIGzX3W5PM/UPSj-AMcZLI/AAAAAAAADqs/F6TBBhP6BZ8/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://2.bp.blogspot.com/-oPIGzX3W5PM/UPSj-AMcZLI/AAAAAAAADqs/F6TBBhP6BZ8/s000/post-navi.png) no-repeat right top; float:right; width:26px; height:26px; text-indent:-9999px; } #blog-pager { text-align: center; border-top:1px solid #eee; margin: 10px 5px 0; } .home-link{} /* ============================= Sidebar ============================= */ .sidebar { color: $sidebartextcolor; line-height: 1.5em; margin:0 5px 0 10px; } .sidebar ul { list-style:none; padding:0; margin:0; } .sidebar li { line-height:1.5em; } .sidebar .widget { margin:0 0 1.5em; padding:0 0 1.5em; } .main .widget{ border-bottom:1px solid #ccc; margin:0 0 1px; 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; } /* ============================= Twitter Widget ============================= */ #twitter_div ul { list-style-type:none; margin:0 10px 0 0; padding:0; } #twitter_div ul li { border:none; background:url(http://1.bp.blogspot.com/-H1QRfBwG6mA/UPSj-SZSpQI/AAAAAAAADq0/Rx4Z-rfQ2-A/s000/tweet-li.png) no-repeat left 5px; padding:0 0 10px 25px; font-family:arial; font-size:11px; color:#555; } #twitter_div ul li a { color:#111; font-style:italic; } /* ============================= Error Page ============================= */ #errorpage { width:400px; text-align:center; margin:20px auto; text-transform:uppercase; } #errorpage h1 { font:300 60px Yanone Kaffeesatz; } #errorpage h3 { font:300 20px Oswald; color:#555; } #errorpage p { font:9px Arial; margin-top:5px; border-top:1px dashed #ddd; padding-top:10px; color:#888; } #srcnt-errorpage { margin:0; padding:13px 0; width:auto; overflow:hidden; } #search-errorpage input[type="text"] { border: 1px solid #ccc; border-radius:3px; color: #777; width: 180px; padding: 7px; font:normal 10px Verdana, Arial; text-transform:uppercase; } #search-errorpage input[type="text"]:focus { border: 1px solid #777; } /* ============================= Posts Thumbnail and Description ============================= */ .snips-image{ width:310px; height:185px; position:relative; line-height:1.6em; margin:0; overflow:hidden; } .snips-image img{ top:0; left:0; border:0; position:absolute; min-height:185px; max-width:310px; } .snips-image a{ display:block; position:relative; overflow:hidden; height:185px; width:310px; color:#555; } .snips-image a:hover{ text-decoration:none; } .summary{ padding:10px 0; margin:0 50px; font:10px Arial, sans-serif; border-bottom:1px solid #eee; border-top:1px solid #eee; color:#666; } .snips-header{ margin:25px 50px 10px; font:300 12px oswald; text-decoration:underlined; } /* ============================= Middle and Footer ============================= */ #middle-wrapper { width:950px; margin:0 auto; padding-top:20px; border-top:1px solid #eee; } #middle-columns { font:normal 11px arial; width:950px; margin:0 auto 20px; text-align:$startSide; padding:0 0 20px; } #middle-columns h2 { margin:1.5em 0 15px; font:$widgettitlefont; border-bottom:1px solid #eee; line-height: 1.4em; padding: 0 0 10px; text-transform:uppercase; letter-spacing:.2em; color:#555; } .column1 { width:300px; float:left; margin:3px 25px 3px 0; text-align:left; } .column2 { width:300px; float:left; margin:3px 0; text-align:left; } .column3 { width:300px; float:left; margin:3px 0 3px 25px; text-align:left; } #col1, #col2, #col3 { text-align:justify; color:#555; line-height:17.5px; } #col1 a, #col2 a, #col3 a { color:#$linkcolor; } /* ============================= Footer Links and Credits ============================= */ #footer-links-wrap { padding:20px 0 20px; width:950px; margin:5px auto 0; border-top:1px solid #eee; background:url(http://4.bp.blogspot.com/-oJqqNar2LPk/UPSj-gyDRZI/AAAAAAAADq8/LunBrAleQC8/s000/bottom-left.png) no-repeat left center ,url(http://3.bp.blogspot.com/-_mx7KAp5AcI/UPSj_OrsE_I/AAAAAAAADrE/zVp3EKFtXQE/s000/bottom-right.png) no-repeat right center; } #footer-links a { color:#333; font-style:normal; } #footer-links { color:#000; width:950px; margin:0 auto; clear:both; font:italic 11px arial; text-align:center; } #credits { line-height:20px; } ]]>