<b:if cond='data:blog.homepageUrl == data:blog.url'> <data:blog.title/> <b:else/> <data:blog.pageName/> | <data:blog.title/> </b:if> Blogger Template Style<-----------------> ------------------------------------------------------ Template Name : Photos BlogX Author : Cute Templates Blogger / Kenga Author URI : http://cutetemplatesblogger.blogspot.com/ Created Date : 06/2011 ------------------------------------------------------ <------> Credit: www.cutetemplatesblogger.blogspot.com <-------> ------------------------------------------------------*/ #navbar-iframe{display:none;} body#layout #slideshow{display:none} * { margin: 0; padding: 0; } /*---------------------------------------------------- {--------} Generic {--------} ----------------------------------------------------*/ body{ font-weight:normal; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#636363; margin:0; padding:0; line-height:135%; background:#000; } /*--------------------------------------------------------------- {--------} Body Top Background {--------} ------------------------------------------------------------------*/ #body_bg_top { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8-jYer44qhfjnnl5uCfF-jXIbYv_CFa5syzEzlEGps287vgXeuuvRnG-tGdDtYJAa-RoARmJQDgGIxrX3IaSgq1YZP2OJ1CV652H35hhhHUKeBVlgJl4GtXlNmiK_kbBXKkQ3gQ7O8poT/s0/bg-head.gif); background-repeat: repeat-x; } ul { list-style:none; } a { text-decoration:none; border:none; outline:none; color:#ccc; } a:hover { border:none;color:#fefefe; } img{ border:none; outline:none; } a:focus { outline:none; } p { margin:3px 0 12px 0; line-height:20px; } /*------------------------------------------------------- {--------} Layout Structure {--------} --------------------------------------------------------*/ #wrapper { background-color: #1B1B1B; border: 1px solid #252525; margin: 0 auto; width: 993px; } /*---------------------------------------------------- {--------} Header {--------} ----------------------------------------------------*/ #header { height:180px; width: 960px; margin:0 auto; position:relative; z-index:99; } /*---------------------------------------------------- {--------} Content {--------} ----------------------------------------------------*/ #content { background: none repeat scroll 0 0 #252525; margin: 7px auto; padding-bottom: 20px; padding-top: 10px; width: 980px; } /*---------------------------------------------------- {--------} Content Left {--------} ----------------------------------------------------*/ #contentLeft { float:left; margin:0 0 0 0; padding:0 0 0 0; width:645px; } /*---------------------------------------------------- {--------} Footer {--------} ----------------------------------------------------*/ #footer { color:#868686; font-size:11px; margin:0 auto; padding:20px 0 35px; position:relative; width:980px; } /*---------------------------------------------------- {--------} Logo {--------} ----------------------------------------------------*/ #logoph { float: left; height: 100px; width: 250px; margin-top:9px; } #header-inner { position: absolute; top: 50px; color: #ddd; } #header-inner img{ margin-top:-40px; } /*---------------------------------------------------- {--------} Top Bar {--------} ----------------------------------------------------*/ #top-bar { height:32px; padding:0; width:980px; } /*---------------------------------------------------- {--------} Ad Header {--------} ----------------------------------------------------*/ .ad-header { float:right; margin:0; } /*-------------------------------------------------------- {--------} Ads 1 {--------} ---------------------------------------------------------*/ .ads1 { float:right; margin:30px 20px 0 0; } /*---------------------------------------------------- {--------} Footer Link {--------} ----------------------------------------------------*/ #footerLinks { position:absolute; top:12px; right:0; } /*---------------------------------------------------- {--------} Ad Header {--------} ----------------------------------------------------*/ .ad-header { float:right; margin:0; } /*---------------------------------------------------- {--------} Top Menu {--------} ----------------------------------------------------*/ #topMenu { position: relative; margin-top: 4px; } #topLinks ul li { display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 50px; padding: 0 15px; } #topLinks ul li a { color: #FEFEFE; font-size: 13px; font-weight: normal; padding: 5px; text-decoration: none; } #topLinks ul li.select a,#topLinks ul li a:hover { background-color: #1D1D1D; border-color: #000000 #333333 #333333 #000000; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; color: #AF0000; padding: 5px 4px; } #topLinks .current_page_item a {} #topLinks .current_page_item {} /*---------------------------------------------------- {--------} Social link {--------} ----------------------------------------------------*/ #socialLinks { float:right; height:151px; margin:0; padding:26px 0 0 8px; position:fixed; right:0; text-align:right; top:40%; width:50px; } #socialLinks a { display:block; float:left; padding-right:10px; border:none; } #socialLinks a img { border:medium none; margin:0 0 10px; } /*---------------------------------------------------- {--------} Sidebar {--------} ----------------------------------------------------*/ #sidebar-wrapper { float:right; margin-right: 15px; position:relative; width:305px; background-color: #252525; border: 1px solid #1b1b1b; } /*-------------------------------------------- {--------} Sidebar Title {--------} --------------------------------------------*/ .sidebar h2 { color: #CCCCCC; font: small-caps 22px/55px Arial,"Helvetica Neue",Helvetica,sans-serif; letter-spacing: 2px; } .sidebar h2:first-letter {color: #AF0000;} /*-------------------------------------------- {--------} Sidebar Widget {--------} --------------------------------------------*/ .sidebar .widget { margin: 0 auto; width: 280px; padding-top: 20px; position:relative; color: #f2f2f2; } /*---------------------------------------------------------- {--------} Sidebar Widget Content {--------} -----------------------------------------------------------*/ .sidebar .widget-content { padding: 5px 10px; margin-bottom:20px; } .sidebar ul { list-style-type: none; margin: 0 5px ; padding: 0; } .sidebar li { color:#ccc; text-decoration: none; padding: 0px 0px 0px 0px; display:block; border-bottom:1px dotted #1b1b1b; list-style-type:none; line-height:28px; } .sidebar li a:link, .sidebar li a:visited { color:#ccc; text-decoration: none; } .sidebar li a:hover { color:#fff; } #sidebar ul li a{ margin:0; padding: 0 0 0 5px; line-height: 20pt; list-style-type: square; } /*---------------------------------------------------------- {--------} Sidebar Widget Image {--------} -----------------------------------------------------------*/ .sidebar img { padding: 3px; border: 1px solid #d5d5d5; margin: 0 10px 0px 0; } /*---------------------------------------------------- {--------} Sidebar Label {--------} ----------------------------------------------------*/ #Label1 ul li{ float: left; width: 48%; } #Label2 ul li{ float: left; width: 46%; } /*---------------------------------------------------- {--------} Blog Archiv {--------} ----------------------------------------------------*/ #BlogArchive1_ArchiveMenu { border:1px solid #eee; color:#6f6f6f;; text-decoration: none; margin-left:0px; margin-top:5px; padding:10px; width:260px; } /*---------------------------------------------------- {--------} Popular Post {--------} ----------------------------------------------------*/ .item-thumbnail { display:none; } /*---------------------------------------------------- {--------} Profile {--------} ----------------------------------------------------*/ #Profile1{ margin-bottom:10px; } .profile-link { display:none; } /*----------------------------------------------------------- {--------} Content Left Elements {--------} ------------------------------------------------------------*/ .searchQuery, #archive-title { margin: 0 0 15px 0; } .searchQuery strong, #archive-title strong { font-size:14px; color:#01003d; } /*-------------------------------------------------------- {--------} Content Left Title {--------} ---------------------------------------------------------*/ #contentLeft h1 { margin:0 0 15px 0; padding:0; font-family:Tahoma, "Times New Roman", Times, serif; font-size:24px; line-height:110%; text-decoration:none; font-weight:normal; } /*---------------------------------------------------- {--------} Alignment {--------} ----------------------------------------------------*/ .alignleft { float:left; margin:5px 15px 5px 0; } .alignright { float:right; margin:5px 0 5px 15px; margin-top:-25px; } /*---------------------------------------------------- {--------} Content Left image {--------} ----------------------------------------------------*/ #contentLeft img, #contentLeft a img { padding:0; margin:5px 7px; } /*---------------------------------------------------- {--------} Post Box {--------} ----------------------------------------------------*/ #contentLeft .postBox { background-color: #252525; border: 1px solid #1B1B1B; color: #ddd; float: left; margin: 0 0 15px 15px; padding: 25px; position: relative; width: 575px; } /*---------------------------------------------------- {--------} Post Entry Image {--------} ----------------------------------------------------*/ .postBox img { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg929eieoQV5OEhWmorzR3GzHFVj1lZ2EuqJjO0cQxl1VzQg7p0kFx6WiCxR15tNDxHq75lyAajRM93wQKyKMNVN_sHd5ZdFKkpOs30f8g-zoA6OdKhECQviCXi3fOWd_Jw15BH0kYuUW-E/s0/load.png') no-repeat center center; float:left; margin:0; max-width:560px; border: 7px solid #1b1b1b; } /*---------------------------------------------------- {--------} Post Page {--------} ----------------------------------------------------*/ .postPage { padding-right: 25px; margin-bottom: 25px; !important; color: #9f742e; } /*---------------------------------------------------- {--------} Post Date {--------} ----------------------------------------------------*/ .post-date { color:#FFFFFF; height:79px; left:-63px; padding:43px 10px 0 0; position:absolute; text-align:center; top:25px; width:96px; z-index:9999; } /*---------------------------------------------------- {--------} Comment {--------} ----------------------------------------------------*/ .comm { color:#f3ccfc; font-size:22px; font-weight:bold; margin:20px 0 0; } .comm span{ color:#f3ccfc; font-size:10px; } /*---------------------------------------------------- {--------} Author {--------} ----------------------------------------------------*/ .author span{ font-size:10px; font-weight:normal; } .author { color:#f3ccfc; font-size:12px; font-weight:bold; margin:11px 0 0; } /*---------------------------------------------------- {--------} Post Date {--------} ----------------------------------------------------*/ .postDate { background: none repeat scroll 0 0 #1B1B1B; color: #CCCCCC; height: 76px; left: -38px; padding: 13px 0 0 7px; position: absolute; text-align: center; top: 10px; width: 30px; } /*---------------------------------------------------- {--------} Day {--------} ----------------------------------------------------*/ .day{ font-size: 24px; line-height: 25px; } /*---------------------------------------------------- {--------} Month {--------} ----------------------------------------------------*/ .month{ font-size: 13px; } /*---------------------------------------------------- {--------} Year {--------} ----------------------------------------------------*/ .year{ font-size: 12px; } .aaa{ padding:0 1px; } /*------------------------------------------------------- {--------} Rounded Post Top {--------} --------------------------------------------------------*/ .rounded-post-top{ width:610px; height:14px; } /*--------------------------------------------------------- {--------} Rounded Post Bottom {--------} ----------------------------------------------------------*/ .rounded-post-bottom{ width:610px; height:14px; margin:0 0 20px 0; } /*---------------------------------------------------- {--------} Post Arrow {--------} ----------------------------------------------------*/ .post-arrow { height:14px; left:-24px; position:absolute; top:28px; width:24px; } /*------------------------------------------------------------- {--------} Post Read More Button {--------} ------------------------------------------------------------*/ .post-readmore-btn{ margin:15px 0 0 0; float:right; } .post-readmore-btn a{ display:block; width:123px; height:37px; text-indent:-10000px; } /*---------------------------------------------------- {--------} Post Box Date {--------} ----------------------------------------------------*/ #contentLeft .postBox .date{ float:left; width:47px; height:50px; text-align:center; padding-right:25px; } /*------------------------------------------------------- {--------} Post Box Month {--------} ------------------------------------------------------*/ #contentLeft .postBox .date .month{ color:#ccc; font-size:10px; text-transform:uppercase; padding-bottom:5px; } /*-------------------------------------------------------- {--------} Post Box Date Day {--------} --------------------------------------------------------*/ #contentLeft .postBox .date .day { font-size:20px; color:#fff; font-weight:bold; line-height:130%; } /*---------------------------------------------------- {--------} Content Left Title {--------} ----------------------------------------------------*/ #contentLeft h1 { border:medium none; width: 100%; font-family: "Lao UI",Arial,Verdana; color: #ddd; font-size:29px; } #contentLeft h1 a { border-bottom: 1px dashed #666666; color: #af0000; line-height: 110%; padding: 0 15px 10px 0; text-decoration: none; } #contentLeft .postBox h1 a:hover{ color:#e70000; } /*--------------------------------------------------------------- {--------} Content Left Metadata {--------} ---------------------------------------------------------------*/ #contentLeft .postBox .metadata { float: left; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } /*---------------------------------------------------- {--------} Meta Item {--------} ----------------------------------------------------*/ .metaItem { color: #999999; float: left; margin: 5px; position: relative; } #contentLeft .postBox .metadata a{ color:#999; } #contentLeft .postBox .metadata a:hover{color:#ddd;} /*---------------------------------------------------- {--------} Meta Arrow {--------} ----------------------------------------------------*/ .meta-arrow { height:4px; left:19px; position:absolute; top:-4px; width:7px; } /*---------------------------------------------------- {--------} Read more Link {--------} ----------------------------------------------------*/ #contentLeft .postBox a.more-link { display:block; width:90px; height:24px; text-align:center; clear:both; border:none; line-height:22px; margin-top:10px; } /*-------------------------------------------------------- {--------} Social Paragraph {--------} ---------------------------------------------------------*/ #contentLeft .social p { margin:0 0 10px 0; } #contentLeft .social a { border:none; } #contentLeft .social a img { padding:5px; border:none; background:none; } #contentLeft .social a:hover img { } #contentLeft .social strong { color:#01003d; } .social { margin:30px 0 10px; } /*---------------------------------------------------- {--------} Banner {--------} ----------------------------------------------------*/ .banner { float:left; margin:0 0 0 7px; } .banner a { float:left; margin:0 20px 20px 0; } .banner .right-ad{ margin:0; } /*---------------------------------------------------- {--------} Search Forms {--------} ----------------------------------------------------*/ #searchform { position: relative; margin: 0 auto; width:260px; margin-bottom: 35px; } #searchform input { border:medium none; color:#fff; float:left; font-size:12px; padding:13px 3px 14px 15px; width:210px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; } #searchform input#searchsubmit { border:medium none; cursor:pointer; height:43px; margin:0; padding:0; width:32px; } /*---------------------------------------------------- {--------} Comment {--------} ----------------------------------------------------*/ #commentsbox { margin-left:5px; padding:10px; } /*---------------------------------------------------------- {--------} Comment Answer Box Title {--------} -----------------------------------------------------------*/ h3#comments{ font-weight: bold; font-size: 20px; padding: 0; margin: 0 0 15px 0; padding: 10px; display: block; background: #252525; border: 1px solid #1b1b1b; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /*---------------------------------------------------------- {--------} Comment Answer Box Ordered {--------} -----------------------------------------------------------*/ ol.commentlist { margin:0px 0 0; clear:both; overflow:hidden; list-style:none; } /*---------------------------------------------------------- {--------} Comment Answer Box Ordered List {--------} -----------------------------------------------------------*/ ol.commentlist li { margin:5px 0; line-height:18px; padding:10px; border: 1px solid #1b1b1b; background:#252525; } /*----------------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Comment Author{--------} -------------------------------------------------------------------------------*/ ol.commentlist li .comment-author { color:#666; } /*---------------------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Comment Author Link A Visited{--------} ----------------------------------------------------------------------------------*/ ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{ color:#999; font-weight:bold; text-decoration:none !important; } /*--------------------------------------------------------------- {--------} Comment Answer Box List Author Fn {--------} ----------------------------------------------------------------*/ ol.commentlist li .comment-author .fn { color:#666; } /*---------------------------------------------------------- {--------} Comment Answer Box Cite Fn {--------} -----------------------------------------------------------*/ cite.fn{ color:#666; font-style:normal; } /*------------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Avatar {--------} --------------------------------------------------------------------------*/ ol.commentlist li .comment-author .avatar{ float:right; border:1px solid #1b1b1b; background:#252525; padding:3px; } /*-------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Mata {--------} ---------------------------------------------------------------------*/ ol.commentlist li .comment-meta{ font-size:10px; } /*-------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Commentmata Data {--------} ---------------------------------------------------------------------*/ ol.commentlist li .comment-meta .commentmetadata{ color:#ccc; } /*-------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Mata A {--------} ---------------------------------------------------------------------*/ ol.commentlist li .comment-meta a { color:#ccc; text-decoration:none !important; } /*------------------------------------------------------------------------ {--------} Comment Answer Box Ordered List Paragraph {--------} --------------------------------------------------------------------------*/ ol.commentlist li p { line-height:22px; margin-top:5px; color:#ccc; font-size:12px; } /*-------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Odd {--------} ---------------------------------------------------------------------*/ ol.commentlist li.odd { } /*-------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Even {--------} ---------------------------------------------------------------------*/ ol.commentlist li.even { } /*-------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Children {--------} ---------------------------------------------------------------------*/ ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } /*-------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Depth {--------} ---------------------------------------------------------------------*/ ol.commentlist li ul.children li.depth-2 { margin:0 0 0px 50px; } /*-------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Depth {--------} ---------------------------------------------------------------------*/ ol.commentlist li ul.children li.depth-3 { margin:0 0 0px 50px; } /*-------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Depth {--------} ---------------------------------------------------------------------*/ ol.commentlist li ul.children li.depth-4 { margin:0 0 0px 50px; } /*-------------------------------------------------------------------- {--------} Comment Answer Box Ordered List Depth {--------} ---------------------------------------------------------------------*/ ol.commentlist li ul.children li.depth-5 { margin:0 0 0px 50px; } /*---------------------------------------------------- {--------} Comment Answer Box Nav {--------} -----------------------------------------------------*/ .comment-nav{ padding:5px ; height:20px; } /*------------------------------------------------------------------ {--------} Comment Answer Box Nav Link A Visited {--------} --------------------------------------------------------------------*/ .comment-nav a:link,.comment-nav a:visited{ color:#E73540; } /*---------------------------------------------------------------------- {--------} Comment Answer Box Avatar Image Container {--------} ------------------------------------------------------------------------*/ .avatar-image-container { border: 1px solid #1B1B1B; border-radius: 4px 4px 4px 4px; float: right; height: 32px; padding: 4px; width: 32px; } /*---------------------------------------------------------------------- {--------} Comment Answer Box Image Container Image {--------} -----------------------------------------------------------------------*/ .avatar-image-container img { height:32px; width:32px; } /*---------------------------------------------------- {--------} Comment Writing Box {--------} ----------------------------------------------------*/ #respond{ padding:10px 10px ; margin:10px 0px; border: 1px solid #1b1b1b; background:#252525; } /*------------------------------------------------------ {--------} Comment Writing Box Title {--------} -------------------------------------------------------*/ #respond h3 { font-weight: bold; font-size: 20px; padding: 0; margin: 0 0 15px 0; padding: 10px; display: block; background: #252525; border: 1px solid #1b1b1b; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /*------------------------------------------------------------- {--------} Comment Writing Box Comment Form {--------} --------------------------------------------------------------*/ #commentform { padding:10px 20px; } /*------------------------------------------------------------- {--------} Comment Writing Box Comment Form A {--------} --------------------------------------------------------------*/ #commentform a { color:#E73540; } /*-------------------------------------------------------------------- {--------} Comment Writing Box Comment Form Paragraph {--------} ---------------------------------------------------------------------*/ #commentform p{ margin:5px 0px ; color:#999; } /*------------------------------------------------------------- {--------} Comment Writing Box Respond {--------} --------------------------------------------------------------*/ #respond label{ display:block; padding:5px 0; color:#999; } /*---------------------------------------------------------------------- {--------} Comment Writing Box Respond Label Small {--------} -----------------------------------------------------------------------*/ #respond label small { font-size:10px; } /*------------------------------------------------------------- {--------} Comment Writing Box Respond Input {--------} --------------------------------------------------------------*/ #respond input { margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd; color:#555; } /*------------------------------------------------------------- {--------} Comment Writing Box Input {--------} --------------------------------------------------------------*/ #commentform input{ width:50%; } /*------------------------------------------------------------- {--------} Comment Writing Box Respond Submit {--------} --------------------------------------------------------------*/ #respond input#commentSubmit { width:100px; padding:3px 5px; background:#444; border:1px solid #222; color:#fff; margin:10px 0px; cursor:pointer; } /*------------------------------------------------------------------- {--------} Comment Writing Box Respond Text Area {--------} --------------------------------------------------------------------*/ textarea#comment{ border:none; background:#fff; border:1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px; color:#555; } /*---------------------------------------------------- {--------} Clearing {--------} ----------------------------------------------------*/ .clearfix:after { content: "."; display:block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } /*---------------------------------------------------- {--------} Hides From IE Mac {--------} ----------------------------------------------------*/ /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /*---------------------------------------------------- {--------} Clear {--------} ----------------------------------------------------*/ .clear { clear: both; } /*---------------------------------------------------- {--------} No Clear {--------} ----------------------------------------------------*/ .noclear { clear: none; } /*------------------------------------------------------------ {--------} Thumbnail Background {---------} -------------------------------------------------------------*/ .thumbnail_bg { width: 329px; height: 179px; margin-left: -12px; } /*---------------------------------------------------- {--------} Image Preloader {--------} ----------------------------------------------------*/ .post-image-prelaoder { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg929eieoQV5OEhWmorzR3GzHFVj1lZ2EuqJjO0cQxl1VzQg7p0kFx6WiCxR15tNDxHq75lyAajRM93wQKyKMNVN_sHd5ZdFKkpOs30f8g-zoA6OdKhECQviCXi3fOWd_Jw15BH0kYuUW-E/s0/load.png') no-repeat center center; float:left; margin:0; width:566px; height:206px; border: 7px solid #e3e3e3; } /*---------------------------------------------------- {--------} EEE {--------} ----------------------------------------------------*/ .eee { float:left; margin:5px 0 10px; position:relative; } /*---------------------------------------------------- {--------} Big Comment {--------} ----------------------------------------------------*/ .big-comm { float:right; height:39px; margin:0; padding:3px 5px 0 0; text-align:center; width:46px; } .big-comm a { color:#4C4C4C; display:block; font:20px Tahoma,Arial,Helvetica,sans-serif; text-align:center; text-decoration:none; } .big-comm a:hover{ text-decoration:none; color:#404040; } /*---------------------------------------------------- {--------} Slid Show {--------} ----------------------------------------------------*/ .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ #slideshow { margin:0 auto; position:relative; width:980px; padding-top: 7px; } #slider { float:left; } .slider-post p{ margin:0; } .featured-post{width:980px; background: none !important;} .slider-image { height:340px; position:relative; width:980px; } .slider-post { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; font-weight: normal; text-transform: uppercase; position: relative; width: 980px; height: 68px; text-align: center; line-height: 68px; margin-top: -8px; } .slider-post h2 {background: none repeat scroll 0 0 #000000; float: left; line-height: 15px; margin: 0; opacity: 0.4; padding: 0 5px; } .slider-post h2 a{ color: #ddd; font-size: 18px; font-weight: normal; line-height: 50px; } .slider-post h2 a:hover{ color: #fff;} .slider-post-meta {background:none repeat scroll 0 0 #113D64;color:#fff;font-size:11px;margin:5px 0 15px;padding:5px;line-height:1.2em} .slider-post-meta a {color:#BDE9FB;font-style:normal} .slider-post-meta a:hover {color:#F9D7A4} .slider_readmore { background-image:url(images/readmore.png); display: block; width: 131px; height: 72px; line-height: 72px; text-align: center; float: right; margin-top: 20px; } .slider_readmore a {font-family: Arial; font-size: 13px; font-weight: bold; color: #540d1c; text-shadow: 1px 1px #ecb873;} #slider-nav { bottom:-34px; position:absolute; right:47%; z-index:9; margin:3px 0 14px; } #slider-nav a { background:url("images/bo-slider-nav.png") no-repeat scroll 0 0 transparent; display:block; float:left; height:21px; margin-right:1px; text-indent:-9999px; width:15px; } div#slider-nav a.activeSlide {background: url(images/bo-slider-nav-active.png) no-repeat;} .slider-arrow { position:absolute; top: 0; z-index:999; } span#prev, span#next{display:block;height:19px;position:absolute;text-indent:-9999px;top:170px;width:31px;opacity:0.2;} span#prev { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAHbSXGtaJanNXlRrKXyljzXGz1skA3vxcf2IbDImuIuLb08fJ0lSfAY7hrhaHOq_VLVSglpa07AphgrUo8JV1sw57khxdCV2EZXaO27HeeM0RdJJ30_adR2LzBtixEalpULUrKRly4hjD/s0/slide-arrows.png) no-repeat scroll 0 0 transparent; height:45px; left:0px; width:45px; top:170px; } span#next { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAHbSXGtaJanNXlRrKXyljzXGz1skA3vxcf2IbDImuIuLb08fJ0lSfAY7hrhaHOq_VLVSglpa07AphgrUo8JV1sw57khxdCV2EZXaO27HeeM0RdJJ30_adR2LzBtixEalpULUrKRly4hjD/s0/slide-arrows.png) no-repeat scroll right transparent; height:45px; left:935px; width:47px; top:170px; } span#prev:hover, span#next:hover{opacity:0.6;} a.readmore span {display:block;height:34px;padding:0 5px 0 10px;} .readmore{ background:#F4F9FB;display:block;float:right;height:34px;line-height:34px;margin:8px 10px 0 0;padding-right:9px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); -moz-border-radius:15px;-khtml-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; -moz-box-shadow: 1px 1px 1px #D5D5D5 inset;box-shadow: 1px 1px 1px #D5D5D5 inset;-webkit-box-shadow: 1px 1px 1px #D5D5D5 inset; }.readmore:hover{ background:#113D64;text-shadow:1px 1px 1px #357BC5;color:#fff } .socials_btn{ clear:both; } /*------------------------------------------------------------- {--------} Light Box Plugin {--------} --------------------------------------------------------------*/ /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #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 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; } /*------------------------------------------------------------ {--------} Essential Style {--------} -------------------------------------------------------------*/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*---------------------------------------------------- {--------} Demo Skin {--------} ----------------------------------------------------*/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 1em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #13a; } .sf-menu li { } .sf-menu li li { background: #AABDE6; } .sf-menu li li li { background: #9AAEDB; } /*---------------------------------------------------- {--------} Arrow {--------} ----------------------------------------------------*/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*-------------------------------------------------------------------- {--------} Shadows For All But IE6 {--------} ---------------------------------------------------------------------*/ /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } .post-body img {max-width:99% !important;} ]]>