-----------------------------------------------------------
Template Name : FutureX | Blogger Template
Author : Best Theme / vk bhardwaj
Author URI : http://besttheme.net/
Created Time / Date : 3:42 PM , Monday, August 15, 2011
------------------------------------------------------------
<-------> Credit> BestTheme.Net <-------->
-----------------------------------------------------------*/
#navbar-iframe{display:none;}*{margin:0;padding:0;}
body#layout #slider-bg{display:none;}
body#layout #scroll-top {display:none;}
body#layout #boxAbout {display:none;}
body#layout #LinkList10{width:930px;}
#LinkList10 h2{display:none;}
body#layout .sidebar .widget {width: 262px;}
/*----------------------------------------------------
{--------} Generic {--------}
----------------------------------------------------*/
html{}
body{
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#5A5A5A;
margin:0;
padding:0;
line-height:135%;
background:url('http://3.bp.blogspot.com/-hzT_Sv4RgWs/TkiXbgDm_gI/AAAAAAAAAgk/LzuoigeU0W4/s1600/f-bg.gif');
}
ul {
list-style:none;
}
a {
border:none;
outline:none;
color:#0097ac;
text-decoration:none;
}
a:hover {
color:#0097ac;
border:none;
text-decoration:none;
}
img{
border:none;
outline:none;
}
a:focus {
outline:none;
}
p {
margin:3px 0 12px 0;
line-height:20px;
text-align:justify;
}
code, pre{
padding:10px;
display:block;
border:1px solid #b2b2b2;
background:#e0e0e0;
}
/*----------------------------------------------------
{--------} Layout Structure {--------}
----------------------------------------------------*/
#background{
height:464px;
position:absolute;
width:100%;
background:url('http://3.bp.blogspot.com/-TGk3eR5wNtA/TkiXj-WZSBI/AAAAAAAAAgs/yWkhZaOtI3o/s1600/f-background-bg.png') repeat top center;
z-index:0;
}
#background-width {
height: 88.58%;
margin: 53px auto 0;
position: relative;
width: 980px;
}
.lines{
background:url('http://3.bp.blogspot.com/-6qLI4Gvju0c/TkiXqyxtPGI/AAAAAAAAAg0/sAVhaGXOzQM/s1600/f-lines-bg.gif') repeat-y;
width:2px;
height:100%;
position:absolute;
}
.right-line{
right:0;
}
#caca{
background:#f3f3f3 url('images/g-bg1.jpg') repeat-x top center;
height:109px;
width:100%;
position:absolute;
z-index:0;
}
#wrapper {
margin: 0 auto;
position: relative;
z-index: 1;
}
#header {
height: 112px;
margin: 0 auto;
padding:0;
position: relative;
width: 940px;
z-index: 3;
}
#content {
margin: 0 auto;
padding:0;
position: relative;
z-index: 1;
width:940px;
background:url('http://3.bp.blogspot.com/-sK5AKEQMdJA/TkiX5XjDhRI/AAAAAAAAAg8/_zZdUaXKBPA/s1600/f-sidebar-bg.gif') repeat-y right;
}
#content-bottom{
background:url('images/kk-content-bottom.png') no-repeat;
width:960px;
height:10px;
}
#contentLeft {
float: left;
margin: 0;
padding:10px 0 0 0;
width: 639px;
background:url("http://4.bp.blogspot.com/-g_W9LopIeT0/TkiYFHdJV0I/AAAAAAAAAhE/evRaW8YAwvk/s1600/f-boxAbout-bg.gif") repeat-x top;
}
#contentLeft a{
text-decoration: none;
}
#content_bg{
background:#f5f5f5;
border:1px soldi #fff;
float:left;
}
#content_brd{
border:1px solid #e0dfdf;
float:left;
padding:1px;
}
#footer-back{
width:100%;
position:relative;
z-index:2;
background:url('http://2.bp.blogspot.com/-MWs2K5WD8IY/TkiYN1n00eI/AAAAAAAAAhM/snkN-VJ2Jwc/s1600/f-footer-bg.gif');
}
#scroll-top {
height: 30px;
position: absolute;
right: 48%;
top: 0;
width: 45px;
}
#scroll-top a {
background: url("http://3.bp.blogspot.com/-_WoLbBOBwtc/TkiYXDXoQdI/AAAAAAAAAhU/rYHIDTcu5OQ/s1600/f-scroll-top-btn.png") no-repeat;
display: block;
height: 30px;
text-indent: -10000px;
width: 45px;
}
#footer {
color: #d7ccb0;
font: 10px Arial;
margin: 0 auto;
padding: 50px 0px 0;
position: relative;
width: 960px;
}
#footer a{
text-decoration:none;
}
#footer a:hover{
text-decoration:none;
}
.footer-width {
font-size: 11px;
margin: 0 auto;
text-align: left;
width: 960px;
position:relative;
}
.footer-width a{
color:#897e60;
}
.footer-width a:hover{
color:#000;
}
.botwid{
color: #fff;
float: left;
min-height: 260px;
padding: 10px;
width: 220px;
text-shadow:1px 1px #000;
}
.botwid h2{
font-size:24px;
padding:10px 0px 10px 0px;
color:#fff;
text-shadow:1px 1px 0px #111;
font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif;
font-weight:normal;
}
.botwid ul {
list-style-type: none;
margin :0;
padding: 0px 5px 5px 0px ;
}
.botwid li{
list-style-type: none;
margin: 0 ;
padding: 0;
border-bottom:1px dotted #000;
text-decoration: none;
padding: 5px 0px 5px 0px;
display:block;
}
.botwid ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}
.botwid ul li {
height:100%;
line-height:18px;
clear: left;
list-style-type: none;
color: #C9B5AF;
}
.botwid ul li a:link, .botwid ul li a:visited {
color: #C9B5AF;
text-decoration: none;
padding: 5px 0px 5px 5px;
}
.botwid ul li a:hover{
color: #fff;
}
#footer-copyright-link{
padding:15px 0;
font:14px Arial,Tahoma, sans-serif;
color:#fff;
border-top:1px solid #151515;
}
#footer-copyright-link a {
color: #19D3EE;
font-size: 14px;
font-weight:bold;
padding:0;
text-transform: uppercase;
}
.contact-form-footer #contact textarea {
background: url("http://3.bp.blogspot.com/-lL9EePZBATk/TkiYgPX0CUI/AAAAAAAAAhc/qiW1jFs2HxM/s1600/f-textarea-contact-foot.png") no-repeat;
border: medium none;
color: #FFFFFF;
height: 131px;
resize: none;
width: 208px;
}
.contact-form-footer #contact input {
background: url("http://3.bp.blogspot.com/-O18TSb_SchM/TkiYoV3DJgI/AAAAAAAAAhk/Xji4B60e9lk/s1600/f-footer-contact-input.png") no-repeat;
border: medium none;
color: #FFFFFF;
height: 20px;
width: 208px;
}
.contact-form-footer #contact input.submit {
background: url("http://2.bp.blogspot.com/-7zgjTvwWMbc/TkiYvwygCjI/AAAAAAAAAhs/yKM9H7Xok0A/s1600/f-send-btn.png") no-repeat;
border: medium none;
color: #FFFFFF;
cursor: pointer;
float: right;
height: 26px;
margin: 20px 4px 0 0;
padding: 0;
text-indent: -10000px;
width: 65px;
}
#logoTag {
float: left;
height: 60px;
margin: 0;
}
#logoTag #logo {
background:url(images/bk_logo_left.png) no-repeat;
float:left;
}
#logoTag #logoImg {
background: none repeat scroll 0 0 transparent;
float: left;
padding:0;
margin:5px 0 0 0;
}
#logoTag #logoImg a{
float:left;
}
#logoTag #logoImg img {
border:none;
}
#header h1 {
float: left;
margin: 19px 0 0;
}
#header h1 a {
font-family:Arial;
font-size: 27px;
color:#19d3ee;
line-height:100%;
text-transform:uppercase;
text-align:center;
font-weight:normal;
}
#logoTag #logo h1 a:hover{
text-decoration:none;
}
#header #tagline {
color: #6B6B6B;
float: left;
font: 12px Arial,Georgia,Tahoma;
margin: 24px 0 0 15px;
padding: 0;
text-transform: uppercase;
}
#top-bar {
height:32px;
padding:0;
width:980px;
}
#footerLinks {
position:absolute;
top:12px;
right:0;
}
.ad-header {
float:right;
margin:0;
}
/*----------------------------------------------------
{--------} Top Menu {--------}
----------------------------------------------------*/
#topMenu {
float:right;
bottom:5px;
}
#topLinks {
float: left;
margin:0;
height:53px;
}
#topLinks ul li {
display: block;
float: left;
font-family: Arial,Georgia,Helvetica,sans-serif;
font-size: 11px;
line-height: 53px;
}
#topLinks ul li a {
color: #848383;
float: left;
margin: 0 10px;
text-transform: uppercase;
font-weight:bold;
padding:0;
}
#topLinks ul li #home{}
#topLinks ul li a:hover {color:#00dffe;}
#topLinks .current_page_item a {}
#topLinks .current_page_item {}
#categories {
bottom: 9px;
left: 0;
position: absolute;
}
#categories ul{
margin:0;
padding:0;
}
#categories ul li{
float:left;
}
#categories ul li a {
color: #131313;
float: left;
font: 12px Arial,Tahoma,sans-serif;
margin: 14px 22px 14px 0;
text-transform: capitalize;
}
#categories ul li a:hover{}
#socialLinks {
background:url("images/c-socials-bg.png") no-repeat scroll 0 0 transparent;
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;
}
#subscription_box {
height: 53px;
position: absolute;
right: 187px;
top: 4px;
z-index: 9;
}
#subscription_box a {
float: left;
padding: 10px 4px;
}
/*----------------------------------------------------
{--------} Content Left Elements {--------}
----------------------------------------------------*/
#crumbs {
color: #0D0D0D;
font: italic 15px Arial;
margin: 0 auto;
padding: 10px 0;
width: 940px;
}
.searchQuery, #archive-title {
color: #000;
padding: 10px;
margin:20px 0 0 0;
}
.searchQuery strong, #archive-title strong {
font-size:14px;
color:#000;
}
.alignleft {
float:left;
margin:5px 15px 5px 0;
}
.alignright {
float:right;
margin:5px 0 5px 15px;
}
#contentLeft .postBox {
color: #333333;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
margin: 0;
padding: 10px 0 0;
position: relative;
width: 622px;
}
#contentLeft .postBox h1{
font-size:35px;
line-height:38px;
margin:0;
font-style:normal;
}
#contentLeft .postBox h1 a{
font-size:35px;
line-height:38px;
}
#contentLeft .postBox-home {
background:url('http://1.bp.blogspot.com/-vhsm6x1lXUw/TkiZBkm8m9I/AAAAAAAAAh0/0iQK6dI33J8/s1600/f-boxAbout-bg.gif') repeat-x bottom;
color: #000000;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
margin: 0;
padding: 15px 0 32px;
position: relative;
z-index: 1;
width:100%;
}
.postPage {
color: #000;
padding:15px 15px 15px 0;
}
#contentLeft .postDate {
background:url(images/date_icon.png);
background-repeat: no-repeat;
width: 63px; height: 76px;
position: absolute; top: 10px; left: -63px;
text-align: center;
color: #414040;
padding: 13px 0 0 7px;
}
.posting{
float:left;
}
.entry {
margin:0 0;
padding: 0px 10px 5px 0px;
font-size:14px;
}
.entry img{max-width:600px;}
.entry a:link,
.entry a:visited {
color:#1D81B6;
background-color: transparent;
}
.entry a:hover {
color:#00488F;
background-color: transparent;
text-decoration: none;
}
.entry ul, .entry ol{
margin: .4em 0 1em;
line-height: 150%;
}
.entry ul li, .entry ol li{
list-style-position:outside;
margin-left: 1.6em;
}
.entry p{
margin:5px 0px;
padding:5px 0px;
line-height:24px;
}
.home-entry {
float: right;
margin:0 0;
padding: 0px 10px 5px 0px;
font-size:14px;
width:400px;
}
.home-entry a:link,
.home-entry a:visited {
color:#1D81B6;
background-color: transparent;
}
.home-entry a:hover {
color:#00488F;
background-color: transparent;
text-decoration: none;
}
.home-entry ul, .home-entry ol{
margin: .4em 0 1em;
line-height: 150%;
}
.home-entry ul li, .home-entry ol li{
list-style-position:outside;
margin-left: 1.6em;
}
.home-entry p{
margin:5px 0px;
padding:5px 0px;
line-height:24px;
color:#666;
}
#contentLeft .postBox .date{
float:left;
width:47px;
height:50px;
text-align:center;
padding-right:25px;
}
#contentLeft .postBox .date .month{
color:#ccc;
font-size:10px;
text-transform:uppercase;
padding-bottom:5px;
}
#contentLeft .postBox .date .day {
font-size:20px;
color:#fff;
font-weight:bold;
line-height:130%;
}
#contentLeft h1 {
border: medium none;
color: #00464a;
float: left;
font: 30px/32px Arial,Tahoma,Verdana;
margin:0;
position: relative;
text-shadow: 1px 1px #EDE5D1;
}
#contentLeft h1 a {
padding:0;
font:23px/26px Arial,Tahoma,Verdana;
color: #00464a;
margin:0;
float:left;
text-shadow:1px 1px #ede5d1;
text-decoration:none;
border:none;
}
#contentLeft .postBox h1 a:hover{
color:#282828;
}
.insidemeta{
border-bottom:1px dotted #e2e2e2;
padding:10px 0!important;
}
.metadata {
color: #333333;
float: left;
font: italic 11px/18px Arial,Tahoma;
height: 18px;
margin: 5px 0 15px 0;
padding: 0;
}
.metadata div{
float:left;
margin:0 20px 0 0;
}
.metadata #comments-icon {
background: url("http://3.bp.blogspot.com/-pRnX116CbUg/TkiZPnhuPaI/AAAAAAAAAh8/H8PZwdV-z70/s1600/f-comments-icon.png") no-repeat 0 3px;
padding: 0 0 0 22px;
}
.metadata #comments-author{
background: url("http://4.bp.blogspot.com/-g6i7ZDSIx_I/TkiZXQOYfaI/AAAAAAAAAiE/FEF-2WGEErk/s1600/f-user-icon.png") no-repeat 0 3px;
padding: 0 0 0 22px;
}
.metadata #comments-time{
background: url("http://4.bp.blogspot.com/-RASsS4FIjIk/TkiZhEnR_QI/AAAAAAAAAiM/x_SNOb8tTZ4/s1600/f-date-time-icon.png") no-repeat 0 3px;
padding: 0 0 0 22px;
}
.metadata span{
font-family:Arial;
font-style:normal;
font-weight:bold;
color:#087DB9;
}
.metadata a {text-decoration:none!important;color:#087DB9;}
.metabox {}
.meta-arrow {
height:4px;
left:19px;
position:absolute;
top:-4px;
width:7px;
}
#contentLeft .postBox a.more-link {
display:block;
width:90px;
height:24px;
text-align:center;
clear:both;
border:none;
line-height:22px;
margin-top:10px;
}
#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:#09496c;
}
.social {
background: #a2edf7;
border: 1px dashed #2DC8DD;
margin: 30px 0 20px;
padding: 15px;
}
#contentLeft h2#comments {
padding:20px 0 15px;
}
.banner {
float: left;
margin: 0;
}
.banner a {
background:#fff;
float: left;
margin: 0 7px 7px 3px;
padding: 3px;
}
.banner .right-ad{
margin:0;
}
.ads {
float: left;
margin: 10px 0 0;
}
#popular-posts {
float: left;
padding: 15px 0 0 15px;
width: 549px;
}
#popular-comments li {
float: left;
height: 207px;
padding: 0 7px;
width: 169px;
}
#popular-comments img {
background: url("images/d-popular-img-frame.png") repeat scroll 0 0 transparent;
height: 85px;
padding: 9px;
width: 148px;
}
#popular-comments h2 a{
color:#333333;
font:12px/16px Verdana;
font-weight:bold;
}
.even-post { float: right; margin-right: 20px;}
.odd-post {clear: both; }
/*----------------------------------------------------
{--------} Comments {--------}
----------------------------------------------------*/
#commentsbox {
float: left;
margin: 0 0px 0 0;
padding:10px 0px 0 0;
width: 620px;
background:url("http://4.bp.blogspot.com/-g_W9LopIeT0/TkiYFHdJV0I/AAAAAAAAAhE/evRaW8YAwvk/s1600/f-boxAbout-bg.gif") repeat-x top;
}
h3#comments{
font-size:18px;
color:#555;
font-weight:bold;
padding:10px 10px ;
}
ol.commentlist {
margin:0px 0 0;
clear:both;
overflow:hidden;
list-style:none;
}
ol.commentlist li {
margin:10px 0;
line-height:18px;
padding:10px;
background:#ddd;
border:1px solid #aaa;
}
ol.commentlist li .bypostauthor{
background:#ddd;
border:1px solid #aaa;
}
ol.commentlist li a{
color:#DF4E00;
}
ol.commentlist li .comment-author {
color:#90100D;
}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
color:#90100D;
font-weight:bold;
text-decoration:none !important;
}
ol.commentlist li .comment-author .fn {
color:#555;
}
cite.fn{
color:#555;
font-style:normal;
}
ol.commentlist li .comment-author .avatar{
float:right;
border:1px solid #ddd;
background:#fff;
padding:3px;
}
ol.commentlist li .comment-meta{
font-size:10px;
}
ol.commentlist li .comment-meta .commentmetadata{
color:#000;
}
ol.commentlist li .comment-meta a {
color:#555;
text-decoration:none !important;
}
ol.commentlist li p {
line-height:22px;
margin-top:5px;
color:#555;
font-size:12px;
}
ol.commentlist li .reply{
margin-top:10px;
font-size:10px;
}
ol.commentlist li .reply a{
background:#90100D;
border:1px solid #6F0907;
color:#fff;
text-decoration:none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:3px 10px;
}
ol.commentlist li.odd {}
ol.commentlist li.even {}
ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-3 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-4 {
margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-5 {
margin:0 0 0px 50px;
}
.comment-nav{
padding:5px ;
height:20px;
}
.comment-nav a:link,.comment-nav a:visited{
color:#00608F;
}
.avatar-image-container {
float:right;
background:#fff;
border:1px solid #ccc;
margin:0px 0px 10px 0px;
padding:5px;
height:32px;
width:32px;
}
.avatar-image-container img {
background:url(http://www.opendrive.com/files/6532718_pabxK/avatar.png) no- repeat;
height:32px;
width:32px;
}
#respond{
padding:0px 0px ;
margin:10px 0px;
}
#respond a{
color:#DF4E00;
}
#respond h3 {
font-size:14px;
color:#555;
background:#ddd;
border:1px solid #aaa;
font-weight:bold;
padding:10px 10px ;
}
#commentform {
padding:10px 20px;
}
#commentform p{
margin:5px 0px ;
color:#444;
}
#respond label{
display:block;
padding:5px 0;
color:#444;
}
#respond label small {
font-size:10px;
}
#respond input {
margin-bottom:10px;
padding:5px 5px;
margin:0 10px 10px 0;
background:#fff;
border:1px solid #ddd;
color:#555;
}
#commentform input{
width:50%;
}
#respond input#commentSubmit {
background:#CF8767;
border:1px solid #BF7453;
color:#fff;
text-decoration:none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:3px 10px;
width:100px;
margin:10px 0px;
cursor:pointer;
}
textarea#comment{
border:none;
background:#fff;
border:1px solid #ddd;
width:70%;
margin:10px 0px 0px 0px;
padding:5px 5px;
color:#555;
}
.widebanner{
height:60px;
margin:10px 0px;
text-align:center;
}
.postad{
margin:10px auto;
text-align:center;
}
/*----------------------------------------------------
{--------} Sidebar {--------}
----------------------------------------------------*/
#sidebar-wrapper {
float: right;
margin: 0;
padding: 0px 15px;
position: relative;
width: 271px;
}
.sidebar h2 {
background: url("http://1.bp.blogspot.com/-0tZ0Btg23zM/TkiaFtsUrZI/AAAAAAAAAik/_dbK72C29_M/s1600/f-sidebar-h2-bg.gif") no-repeat;
color: #000000;
float: left;
font: 20px Arial,Tahoma,Helvetica,serif;
margin: 0 0 10px -15px;
padding: 10px 0 7px 20px;
text-shadow: 1px 1px #67D0DE;
text-transform: capitalize;
width: 288px;
}
.sidebar .widget {
float: left;
margin: 0;
padding: 10px 0;
width: 272px;
display:inline-block;
color:#6f6f6f;
}
.sidebar .widget-content {
padding: 10px 10px;
margin:0;
}
.sidebar ul {
list-style-type: none;
margin: 0 0 0 -10px ;
padding: 0;
}
.sidebar li {
color:#6f6f6f;
text-decoration: none;
padding: 0px 0px 0px 10px;
display:block;
list-style-type:none;
line-height:28px;
border-bottom:1px dotted #444;
}
.sidebar li a:link, .sidebar li a:visited {
color:#6f6f6f;
text-decoration: none;
}
.sidebar li a:hover {
color: #0e88a7;
}
.sidebar img {
margin: 0 10px 10px 0;
border:1px solid #EFDFC2;
background:#FFF9EF;
padding:5px;
}
#BlogArchive1_ArchiveMenu {
border:1px solid #333;
background:#111;
color:#777;
text-decoration: none;
margin-top:5px;
padding:10px;
width:250px;
}
.profile-link {
display:none;
}
.squarebanner {
float: left;
margin: 0;
padding: 10px 0;
width: 272px;
display:inline-block;
color:#6f6f6f;
}
.squarebanner h2{display:none;}
.squarebanner ul{
list-style-type:none;
margin: 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.squarebanner ul li{
list-style-type:none;
margin: 10px 11px 0px 0px;
float:left;
display:inline;
}
/*----------------------------------------------------
{--------} About Box {--------}
----------------------------------------------------*/
#boxAbout {
overflow:hidden;
background:url('http://3.bp.blogspot.com/-UOOEMao80dg/TkiZt5eRdqI/AAAAAAAAAiU/huxCMfPx-9E/s1600/f-boxAbout-bg.gif') repeat-x top;
padding:10px 0;
width:940px;
margin:10px auto 0;
}
#boxAbout-ball{
background:url('http://4.bp.blogspot.com/-kw94pFGatPs/TkiZ24CWW3I/AAAAAAAAAic/-xAdKsAX9ts/s1600/f-boxAbout-ball.png') no-repeat;
width:69px;
height:69px;
float:left;
margin:5px 15px 0 0;
}
#boxAbout p{
line-height:26px;
color:#747373;
font-size:18px;
font-style:italic;
text-shadow:1px 1px #fefefe;
font-family:Arial, Thaoma, Helvetica, sans-serif;
}
/*----------------------------------------------------
{--------} Clearing {--------}
----------------------------------------------------*/
.clearfix:after {
content: ".";
display:block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {
clear: both;
}
.noclear {
clear: none;
}
.post-thumbnail {
position: absolute;
left:20px;
top:20px;
}
.post-image-prelaoder {
background: url("http://4.bp.blogspot.com/-2LHm-E2TK1c/Tkib8xououI/AAAAAAAAAjU/Jy-0y17RnSk/s1600/f-post-thumb-frame.png") no-repeat;
float: left;
height: 130px;
margin: 0 !important;
padding:6px 6px 12px 6px !important;
width: 172px;
}
.postBox .post-date {
left: -64px;
position: absolute;
top: 15px;
}
.post-date {
background: url("images/b-post-date-bg.png") no-repeat;
color: #5D5F55;
font: bold 21px/17px Arial,Verdana;
height: 46px;
left: -64px;
padding: 12px 0 0 6px;
position: absolute;
text-align: center;
text-shadow: 1px 1px #FFFFFF;
top:10px;
width: 64px;
}
.post-date span{
font-size:12px;
text-transform:uppercase;
}
#contentLeft .postBox-home .read-more{
font:11px Arial, Verdana, Georgia;
color:#00253c;
font-weight:bold;
text-decoration:none;
background:url('http://3.bp.blogspot.com/-d6toiV3gKeM/Tkic_qt2OzI/AAAAAAAAAjc/f0KBPOqQUEk/s1600/f-read-more-btn.png') no-repeat;
padding:0;
text-indent:-10000px;
width:113px;
height:32px;
display:block;
margin:15px 0 0 0;
}
#contentLeft .postBox-home .read-more:hover{
background-position:0 -32px;
}
.eee {
float:left;
margin:5px 0 10px;
position:relative;
}
.big-comm {
background:url("images/bt-post-comm.png") no-repeat 0 0;
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;
text-shadow:1px 1px #FFFFFF;
}
.big-comm a:hover{
text-decoration:none;
color:#404040;
}
#top-cont {
background: url("images/d-top-cont-bg.png") no-repeat scroll 1px 0 transparent;
height: 450px;
padding: 8px 20px;
position: relative;
width: 930px;
z-index: 9;
}
/*----------------------------------------------------
{--------} Slideshow {--------}
----------------------------------------------------*/
.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 {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
height: 427px;
padding: 12px 0;
position: relative;
width: 365px;
border-right:1px solid #e7e7e7;
}
#slider {
float: left;
}
.slider-post p{
margin:0;
color:#333333;
line-height:18px;
}
.featured-post{ background: none !important;width:365px;}
#slider-top{
background:url('images/e-slider-top.png') no-repeat;
width:622px;
height:14px;
float:left;
}
.slider-image {
background: url("images/d-slider-image-frame.gif") no-repeat scroll 0 0 transparent;
float: left;
height: 189px;
padding: 13px;
position: relative;
width: 330px;
}
.slider-body{
float:left;
width:622px;
position:absolute;
}
#slider-bottom{
background:url('images/e-slider-bottom.png') no-repeat;
width:622px;
height:14px;
float:left;
}
#slider-post-bg {
background: url("images/e-slider-post-bg.gif") repeat scroll 0 0 transparent;
height: 326px;
position: absolute;
right: 0;
top: 22px;
width: 344px;
}
.slider-post {
color: #FFFFFF;
float: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: 10px 5px;
width: 342px;
z-index: 99;
}
.slider-post h2 {
margin:0 0 15px 0
}
.slider-post h2 a{
margin:0 0 15px 0;
color:#333333;
}
#contentLeft #slideshow #slider .featured-post .slider-post h2 a{
color:#5b9cbc;
font-family: Arial,Georgia, Tahoma;
font-size: 16px; font-weight:bold;
text-transform: uppercase;
text-decoration:none;
}
.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-nav {
bottom: 3px;
margin: 3px 0 14px;
padding: 12px 20px 12px 20px;
position: absolute;
right: 0;
z-index: 9;
}
#slider-nav a {
background:url("images/g-slider-nav.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:12px;
margin-left:2px;
text-indent:-9999px;
width:12px;
}
div#slider-nav a.activeSlide {background: url(images/g-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:100px;width:63px;}
span#prev {
background:url(images/slider_prev.png) no-repeat scroll 0 0 transparent;
height:76px;
left:-63px;
width:63px;
}
span#next {
background:url(images/slider_next.png) no-repeat scroll 0 0 transparent;
height:76px;
left:945px;
width:63px;
}
.socials_btn{
clear:both;
}
/* tooltip styling */
.tooltip {
display:none;
}
/* a .label element inside tooltip */
.tooltip .label {
color:yellow;
width:35px;
}
.tooltip a {
color:#ad4;
font-size:11px;
font-weight:bold;
}
/*
* jQuery Nivo Slider v2.4
* http://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:89;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:99;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-bg {
margin:20px auto 0;
width: 940px;
background:url('http://1.bp.blogspot.com/-7RhIm7MC3NY/TkieSwUzHAI/AAAAAAAAAj8/drIs9UJTQ64/s1600/f-slider-bg.png') no-repeat bottom center;
padding:0 0 41px 0;
}
#slider-wrapper {
height: 370px;
margin: 0;
padding: 0;
position: relative;
width: 940px;
background:#fff;
z-index: 1;
}
#slider {
position:relative;
width:940px;
height:370px;
background:url(http://1.bp.blogspot.com/-ysD73EvFizI/TkiecjOk7VI/AAAAAAAAAkE/xXGLw37zcv0/s1600/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
bottom: -32px;
display: block;
left: 47%;
position: absolute;
}
.nivo-controlNav a {
display:block;
width:12px;
height:12px;
background:url(http://4.bp.blogspot.com/-21_AypZI8xQ/TkiemO1dXBI/AAAAAAAAAkM/qonnIcfyryo/s1600/f-slider-bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:4px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -12px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://4.bp.blogspot.com/-A_hbrsTOyHI/TkiewGwhweI/AAAAAAAAAkU/mKWog4GFtQo/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}
/*----------------------------------------------------
{--------} Other Style {--------}
----------------------------------------------------*/
.clear {
clear:both;
}
.related-posts-thumbs{
width:275px;
height:120px;
padding:3px;
background:#fce5da;
}
#related-posts {
border-bottom: 1px solid #DDDDDD;
margin: 0 0 20px;
padding: 0 0 20px;
}
#related-posts h3{
font-size:20px;
margin:0 0 10px 0;
color:#333333;
}
#related-posts ul{
margin:0;
padding:0;
}
#related-posts ul li{
margin:2px 0;
background:url("http://3.bp.blogspot.com/-ljXJnVBUCIQ/Tkie5aEX94I/AAAAAAAAAkc/4-TmGCjE5B0/s1600/f-nav-arrow-right.png") no-repeat left center;
padding:5px 0 5px 15px;
}
#related-posts ul li a {
color: #333333;
text-decoration: none;
}
#social-search {
background: url("images/ds-ss-panel.png") no-repeat;
height: 87px;
position: absolute;
right: 10px;
width: 205px;
top:-1px;
z-index:0;
}
.social-search-white{
background: url("images/ds-ss-panel-white.png") no-repeat!important;
}
#sliderContainer{
margin: 0 auto;
width: 300px;
}
#social-search-container{
position: absolute;
background-image:url(slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 300px;
height: 159px;
margin-top: -141px;
}
#social-search-container img {
border: 0;
}
#sliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#333333;
font-weight:bold;
padding: 10px;
}
#openCloseWrap a {
display: block;
font-size: 12px;
font-weight: bold;
height: 22px;
margin: 0;
position: absolute;
right: 22px;
text-indent: -10000px;
top: 59px;
width: 26px;
}
@charset "UTF-8";
/**
* Horizontal CSS Drop-Down Menu Module
*
* @file dropdown.css
* @package Dropdown
* @version 0.7.2
* @type Transitional
* @stacks 597-599
* @browsers Windows: IE6+, Opera7+, Firefox1+
* Mac OS: Safari2+, Firefox2+
*
* @link http://www.lwis.net/
* @copyright 2006-2008 Live Web Institute
*
*/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
ul.dropdown ul li {
float: none;
}
ul.dropdown ul ul {
top: 0;
left: 99%;
}
ul.dropdown li:hover > ul {
visibility: visible;
border-radius: 0 0 6px 6px;
}
@charset "UTF-8";
/**
* Default CSS Drop-Down Menu Theme
*
* @file default.css
* @name Default
* @version 0.1.1
* @type transitional
* @browsers Windows: IE5+, Opera7+, Firefox1+
* Mac OS: Safari2+, Firefox2+
*
* @link http://www.lwis.net/
* @copyright 2008 Live Web Institute
*
* Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
* Expected directory tag - li
*
*/
/*-------------------------------------------------/
* @section Base Drop-Down Styling
* @structure ul (unordered list)
* ul li (list item)
* ul li a (links)
* /*\.class|(li|a):hover/
* @level sep ul
*/
ul.dropdown {
background:url('../images/header-bar-bg.png') repeat-x;
margin:0;
padding:0;
}
ul.dropdown li {
color: #000000;
line-height: 14px !important;
padding: 20px 0;
}
ul.dropdown li a{
color: #848383;
}
.sub-menu li{
background:url('http://4.bp.blogspot.com/-R_4Umdl0b7c/TkifR3S2SQI/AAAAAAAAAkk/UKyZSwf-QFM/s1600/f-nav-arrow-right.png') no-repeat left center!important;
padding:9px 10px 8px 9px!important;
border-bottom:1px solid #e6e6d8;
}
.sub-menu li a{
color:#757575!important;
}
.sub-menu li a:hover{
text-decoration: none;
}
ul.dropdown li.hover,
ul.dropdown li:hover > a{
color: #00dffe!important;
}
ul.dropdown a:link,
ul.dropdown a:visited { }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #ffa500; }
/* -- level mark -- */
ul.dropdown ul {
width: 150px;
margin:0;
padding:0 15px;
background:#ffffff;
}
ul.dropdown ul li {
font-weight: normal;
}
/*-------------------------------------------------/
* @section Support Class `dir`
* @level sep ul, .class
*/
ul.dropdown .dir {
background-image: url("http://1.bp.blogspot.com/-HQ9AeJkX6u4/TkifaUKBDpI/AAAAAAAAAks/Ft_XxpigSaM/s1600/f-nav-arrow-down.png");
background-position: 93% 50%;
background-repeat: no-repeat;
padding-right:8px !important;
}
/*----------------------------------------------------
{--------} Navigation {--------}
----------------------------------------------------*/
#navigation{
margin:10px 0px 0px 0px;
padding:5px 0px;
}
.wp-pagenavi{
font-size:12px;
text-align: center !important;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
text-decoration: none;
background:#493D3D!important;
border: 1px solid #191313 !important;
color:#fff !important;
padding:3px 7px !important;
display: block;
text-align: center;
float: left;
margin-right: 10px;
}
.wp-pagenavi a:hover {
color: #ffffff;
}
]]>
Hello, My name is Avinash and i do awsome Blogger And WordPress themes. You can visit and download here my free wordpress themes, this is a text widget and could be edited edit html tab
says:
says: