-----------------------------------------------
Blogger Template Style
Name: Platinum
Designer: Brian Gardner
URL: www.briangardner.com
Converted into blogger by: Anup kayastha
URL: www.hacktutors.info
----------------------------------------------- */
<!-- body { background: #EEEEEE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1tybsWuXVlJjZZLq89lDYIXWbxtYdJU3hrsf8UClCFgrnKbOHKhf0nS-Nq4cPoHhQRa8UUTWUwLtvFcpLUrWrpfjaTsBTkBiSUtRsT-3DHsvmuU9Crc9Ofx2ZthwYb_h8RPQtCnOidQ0/s1600/bg.png) top center no-repeat; color: #333333; width: 980px; font-size: 12px; font-family: Tahoma, Arial, Verdana; margin: 0 auto 0; padding: 0; line-height: 20px; } #navbar-iframe { display: none !important; } ul, ol, dl { padding: 0; margin: 0; } a, a:visited { color: #CF152A; text-decoration: none; } a:hover { color: #CF152A; text-decoration: underline; } a img { border: none; } a:focus, a:hover, a:active { outline: none; } .container { width: 960px; margin: 0 auto; padding: 0; } .sidebar1 { float: right; width: 180px; background: #EADCAE; padding-bottom: 10px; } .content { padding: 10px 0; width: 780px; float: left; background: fff; } .content ul, .content ol { padding: 0 15px 15px 40px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } #header { width: 960px; height: 80px; margin: 0; padding: 0; } #title-area { width: 435px; float: left; margin: 0; padding: 10px 0 0 0; overflow: hidden; } #title-area #title { font-size: 24px; font-weight: normal; line-height: 30px; margin: 0; padding: 0; } #title-area #title a { color: #333333; margin: 0; padding: 0; text-decoration: none; } #title-area #title a:hover { color: #333333; text-decoration: none; } #title-area #description { font-size: 12px; font-style: italic; font-weight: normal; margin: 0; padding: 0; } .header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a { display: block; float: left; width: 435px; height: 80px; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; } .header-image #title-area #description { display: block; width: 0; height: 0; overflow: hidden; } /***** Image Header - Full Width ********************/ .header-full-width #title-area, .header-full-width #title-area #title, .header-full-width #title-area #title a { width: 960px; } /***** Search Form(s) ********************/ .searchform { margin: 0; } #header .searchform { float: right; padding: 40px 0 0 0; } #sidebar .searchform { padding: 5px 10px 0 10px; } #nav .searchform { float: right; padding: 0; } .s { color: #333333; font-family: Tahoma, Arial, Verdana; font-size: 11px; margin: 5px 5px 0 0; padding: 4px 0 4px 5px; border: 1px solid #CCCCCC; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; } #header .s, #nav .s, #sidebar .s { width: 195px; } #sidebar-alt .s { width: 80px; } .searchsubmit { background: #333333; color: #FFFFFF; font-size: 11px; font-family: Tahoma, Arial, Verdana; text-decoration: none; text-transform: uppercase; margin: 0; padding: 2px 5px 2px 5px; border: 1px solid #333333; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; } .searchsubmit:hover { background: #CF152A; border: 1px solid #CF152A; } #nav { clear: both; width: 960px; height: 40px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTT4axQ9_FjMCxMyfbw3OYAc1YTTt_bVLkQ237zEYpwwDzB1iE5MtpnS4d-MRFF1K0VpUS9QdyxPs50nTsLU0jCsIvhBrBgEzVn1roYChNlOsfVNrduN6T2DX2Q32EOUV7vC79pN-AuP0/s1600/nav.png); color: #555555; margin: 0; padding: 0; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #CCCCCC; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -khtml-border-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; } #nav .wrap { } #nav ul { width: 100%; float: left; list-style: none; margin: 0; padding: 0 0 0 10px; } #nav li { float: left; list-style: none; margin: 0; padding: 0; } #nav li a { color: #555555; display: block; font-size: 12px; margin: 0; padding: 10px 20px 10px 20px; text-decoration: none; text-shadow: #FFFFFF 1px 1px; border-right: 1px solid #DDDDDD; position: relative; } #nav li a:hover, #nav li a:active, #nav .current_page_item a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnejEeit25BQmnVOVELU3K8gCBDYlkWzYSeGo_VgrDjOGb_n-df0Ux6IuwA8S-7bcccfMUeP6OWj4CL9KM4hxA_m4RxkTggetTsST56jrr-KNc81eip08vR9XDUe9LEGypzWYi931pAZs/s1600/navhov.png); color: #555555; } #nav li a.sf-with-ul { padding-right: 20px; } #nav li a .sf-sub-indicator { display: block; width: 10px; height: 10px; text-indent: -9999px; overflow: hidden; position: absolute; top: 21px; right: 5px; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #E8E8E8; color: #555555; width: 158px; font-size: 11px; margin: 0; padding: 6px 10px 6px 10px; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; position: relative; } #nav li li a:hover, #nav li li a:active { background: #FFFFFF; } #nav li li a .sf-sub-indicator { background: url(images/arrow-right.png); top: 10px; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 180px; margin: 0; padding: 0; } #nav li ul a { width: 160px; } #nav li ul a:hover, #nav li ul a:active { } #nav li ul ul { margin: -33px 0 0 179px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul { left: auto; } #nav li:hover, #nav li.sfHover { position: static; } #nav li.right { float: right; text-shadow: #FFFFFF 1px 1px; margin: 0 15px 0 0; padding: 10px 10px 0 0; } #nav li.right a { display: inline; margin: 0; padding: 0; border: none; background: none; color: #555555; font-weight: normal; text-decoration: none; text-shadow: #FFFFFF 1px 1px; } #nav li.right a:hover { color: #555555; text-decoration: underline; } #nav li.date { padding: 10px 10px 0 0; } #nav li.rss a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkuLCBybySYuW05nzqtnxcUD1TlSMvMt5vZTYC11XQxlZDUqj2CNzjjICOFN7YvsZ96Euxt81bdCWH2BEh6Me6g24ECknOChV8fXTK2OImrY2Scu5ISjnl61OCuvoD7oG-KXV3Ft2Qb_E/s1600/rss.png) no-repeat left center; margin: 0 0 0 10px; padding: 3px 0 3px 16px; } #nav li.search { padding: 0 10px 0 10px; } #nav li.twitter a { background: url(images/twitter-nav.png) no-repeat left center; padding: 3px 0 1px 20px; } /***** SubNav Menu ********************/ #subnav { clear: both; width: 960px; height: 29px; background: #DDDDDD; color: #FFFFFF; margin: 0; padding: 0; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } #subnav .wrap { } #subnav ul { width: 100%; float: left; list-style: none; margin: 0; padding: 0 0 0 5px; } #subnav li { float: left; list-style: none; margin: 0; padding: 0; } #subnav li a { color: #555555; display: block; font-size: 12px; margin: 0; padding: 5px 10px 4px 10px; text-decoration: none; text-shadow: #FFFFFF 1px 1px; border-right: 1px solid #DDDDDD; position: relative; } #subnav li a:hover, #subnav li a:active, #subnav .current_page_item a { background: #E4E4E4; color: #555555; } #subnav li a.sf-with-ul { padding-right: 20px; } #subnav li a .sf-sub-indicator { background: url(images/arrow-down.png); display: block; width: 10px; height: 10px; text-indent: -9999px; overflow: hidden; position: absolute; top: 11px; right: 5px; } #subnav li li a, #subnav li li a:link, #subnav li li a:visited { background: #E8E8E8; color: #555555; width: 158px; font-size: 11px; margin: 0; padding: 6px 10px 6px 10px; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; position: relative; } #subnav li li a:hover, #subnav li li a:active { background: #FFFFFF; } #subnav li li a .sf-sub-indicator { background: url(images/arrow-right.png); top: 10px; } #subnav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 180px; margin: 0; padding: 0; } #subnav li ul a { width: 160px; } #subnav li ul a:hover, #subnav li ul a:active { } #subnav li ul ul { margin: -33px 0 0 179px; } #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfHover ul ul, #subnav li.sfHover ul ul ul { left: -999em; } #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfHover ul, #subnav li li.sfHover ul, #subnav li li li.sfHover ul { left: auto; } #subnav li:hover, #subnav li.sfHover { position: static; } /***** Inner ********************/ #inner { background: #FFFFFF; width: 920px; margin: 0; padding: 20px 20px 5px 20px; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; overflow: hidden; } /***** Inner Backgrounds ********************/ .content-sidebar #inner { } .sidebar-content #inner { } .content-sidebar-sidebar #inner { } .sidebar-sidebar-content #inner { } .sidebar-content-sidebar #inner { } .full-width-content #inner { } #main-wrapper { background: #fff; display: inline; float: left; width: 600px; margin: 0; padding: 0; } #searching { float: right; padding-top: 40px; } #sidebar-wrapper { float: right; width: 290px; margin: 0; padding: 0 20px 10px; display: inline; } #outer-wrapper { width: 940px; margin: 0 auto 0; background: fff; padding: 10px 10px 0; line-height: 18px; } #wrap { background: #FFF; width: 960px; margin: 0 auto; padding: 0; position: relative; border: 1px solid #cccccc; } .post { border-bottom: 2px dotted #dddddd; margin: 0 0 10px; padding: 10px; } .post h3 { color: #333333; font-size: 16px; font-family: Tahoma, Arial, Verdana; font-weight: normal; text-decoration: none; margin: 0 0 5px; padding: 10px 0 0; } .post h3 a, #content h1 a:visited { color: #333333; font-size: 22px; font-weight: normal; margin: 0 0 5px; padding: 10px 0 0; } .post h3 a:hover { color: #CF152A; text-decoration: none; } .post ul, ol { padding: 5px 0 5px 20px; } .sidebar { color: #666; line-height: 1.5em; } .sidebar h2, .rsidebar h2, .lsidebar h2 { background: #EEEEEE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihhX_PuRVQAJ9Le3v-2vcpZ7cyx-h3GTOBmxI4onj2YllnQw-TeBXW7YOoNyxKlUMK9wBCUeGEK7qAU6ReISNQkfVlfKOfNroOaYZucTZhX5KIHHN3kHf4aqcRBzauYS8Ohm2s0wALDgI/s1600/sidebar-header.png); color: #555555; font-family: Tahoma, Arial, Verdana; font-size: 12px; font-weight: normal; text-shadow: #FFFFFF 1px 1px; margin: 0; padding: 4px 5px 4px 5px; } #sidebar p { margin: 0; padding: 0 0 0 5px; } #sidebar a img { border: none; margin: 0; padding: 0; } .sidebar .widget { background: #EEEEEE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Br1cNQBLOAjNaEqJUEIicb9Zpnb0Wo9WoWw4Byj3T2KfBWkiVVi2MkyC8AWeLUrzALu5eQh0i4gWggzireXVBreB3annUci1s77BvaTb-MgMXGEQQrkHqMW5aXgV-wd0MD1Tm9M1IeA/s1600/sidebar-bottom.png) bottom repeat-x; width: 300px; margin: 0 0 15px 0; padding: 0 0 15px 0; border: 1px solid #DDDDDD; overflow: hidden; } /* ----- LOWER SECTION ----- */ #lower { margin:auto; padding: 0; width: 960px; background:#333333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRZw7Ccr0b80qgv8gGI5lCXQ2KvHERSempaKhyphenhyphenMf6V-7NmDIqOUWpRfJsaALcJmVRnW5Jb9XFWHCFx2jd9y2K1hbBWt7ZsEyykLSBkkARQumITd-NCPDJ6sxEzUsp67NfHoyE51eB9z8A/s1600/footer.png) top repeat-x; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-radius: 10px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } #lower a { color: #DBDBDB; } #lower-wrapper { margin:auto; padding: 20px 0px 20px 0px; width: 960px; } #lowerbar-wrapper { float: left; margin: 0px 5px auto; padding-bottom: 20px; color: #fff; width: 32%; text-align: justify; font-size:100%; line-height: 1.6em; word-wrap: break-word; overflow: hidden; } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;} .lowerbar h2 { margin: 0px 0px 4px 0px; padding: 3px 0px 3px 0px; text-align: left; color:#fff; text-transform:uppercase; font-family: Tahoma, Arial, Verdana; font-size: 14px; font-weight:normal; } .lowerbar ul { color:#fff; margin: 0 auto; padding: 0px 0px 0px 20px; list-style: square; } .lowerbar li { color:#fff; line-height: 1.6em; margin-left: 0 !important; padding: 0; } .breadcrumbs { background: #F7F7F7; margin: 0 0 30px 0; padding: 5px 10px 5px 10px; border: 1px solid #E6E6E6; } #important { padding: 10px 0 10px 20px; margin: 0 auto; color: #666666; overflow: hidden; width: 960px; } #important a { color: #666666; } #important a:visited { color: #666666; text-decoration: none; } #important a:hover { color: #CF152A; text-decoration: underline; } #important a img { border: none; } } .comments { background: #FFF; float: left; width: 590px; margin: 0 0 10px; padding: 10px; border: 1px solid #DDD; } #comments h4 { color: #007ec4; margin: 0 0 20px; padding: 10px 0 0; font: normal 22px Georgia, Times New Roman; } #comments-block { width: 545px; float: right; padding: 0; margin: 0; } #comments-block .comment-author { margin: .5em 0; margin-bottom: 0; font-weight: bold; padding: 10px 0 0 10px; } .commentdate { padding-left: 0; font-size: 10px; } #comments-block .comment-body { margin: .25em 0 10px; padding-left: 20px; padding-top: 8px; } #comments-block .comment-footer { margin: -.25em 0 2em; line-height: 1.4em; letter-spacing: .1em; } #comments-block .comment-body p { margin: 0 0 .75em; } .deleted-comment { font-style: italic; color: gray; } .avatar-image-container img { background:url(http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=35); width:35px; height:35px; } .comment-region { background: #f7f7f7; border: 1px solid #e6e6e6; font: normal normal normal 12px/normal Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin-bottom: 10px; } .top-post { border-bottom: #fbfbfb; } .post-header-line-1 { border-bottom: 1px solid #f3f3f3; } #featured{ width:336px; padding-right:250px; position:relative; height:250px; background:#fff; border:5px solid #ccc; } #featured ul.ui-tabs-nav{ position:absolute; top:0; left:336px; list-style:none; padding:0; margin:0; width:250px; } #featured ul.ui-tabs-nav li{ padding:1px 0; padding-left:13px; font-size:12px; color:#666; } #featured ul.ui-tabs-nav li span{ font-size:11px; font-family:Verdana; line-height:18px; } #featured .ui-tabs-panel{ width:336px; height:250px; background:#999; position:relative; overflow:hidden; } #featured .ui-tabs-hide{ display:none; } #featured li.ui-tabs-nav-item a{/*On Hover Style*/ display:block; height:60px; color:#333; background:#fff; line-height:20px; outline:none; } #featured li.ui-tabs-nav-item a:hover{ background:#f2f2f2; } #featured li.ui-tabs-selected{ /*Selected tab style*/ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNKkEQrcKDqvjWQmyY3KmmUGMcd9RFRH8Xh9190N2aMfyBgiKt_qCVADvhpvNLmGvKhWWxqq_ySCGvx9CSxOkxGIBfY1Fi1nAwESHkNTcA3AAvrcsItTDo6owhBQKQ1-rWltoUSCPhXiY/s1600/selected-item.gif') top left no-repeat; } #featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#ccc; } #featured ul.ui-tabs-nav li img{ float:left; margin:2px 5px; background:#fff; padding:2px; border:1px solid #eee; } #featured .ui-tabs-panel .info{ position:absolute; top:180px; left:0; height:70px; width: 400px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTsjNZzmlR_R7FTSpgZuNJ2mkFcCKwJ4Wltv_Xdb9GTF-d-PGX5igNUiovbRcihAo7-rpHyS_VAAUHmeU2vDzKFA3fxNDaX8B87tNc0eeOkCsdm9KnFPtjELrojzM1BeR_S__tgx4N_ps/s1600/transparent-bg.png'); } #featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; } #featured .info p{ margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0; } #featured .info a{ text-decoration:none; color:#fff; } #featured .info a:hover{ text-decoration:underline; } .ui-tabs-nav-item img { width:45px; height:45px; } .data-post img { background: #FFFFFF; margin: 0; padding: 4px; border: 1px solid #E6E6E6; } .enews { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7mz59sbOzKL9tY61QsdZmh-eJFDlWWlSISqolxujgIglsPXkxnjtNjC7wlQje_1Ca6JZIaayags3F_17HaIyLcMJL181S9Zw5TNBmpQYrBtbZ_2DGhFESi80spDsQHjZpDZW1TusG5tY/s1600/enews-header.png) top right no-repeat; width: 290px; float: right; margin: 0; padding: 0 0 5px 0; } #sidebar .enews, #sidebar-alt .enews { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7mz59sbOzKL9tY61QsdZmh-eJFDlWWlSISqolxujgIglsPXkxnjtNjC7wlQje_1Ca6JZIaayags3F_17HaIyLcMJL181S9Zw5TNBmpQYrBtbZ_2DGhFESi80spDsQHjZpDZW1TusG5tY/s1600/enews-header.png) top right no-repeat; margin: 0; padding: 0 0 5px 0; } #sidebar .enews p { margin: 0; padding: 10px 10px 0 10px; } .enews #subscribe { margin: 0; padding: 0; overflow: hidden; } #sidebar .enews #subscribe { padding: 0 0 0 10px; } .enews #subbox { background: #F7F7F7 !important; width: 230px; color: #333333; font-family: Tahoma, Arial, Verdana; font-size: 11px; padding: 4px 0 4px 5px; margin: 5px 5px 0 0; border: 1px solid #CCCCCC; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; } .enews #subbutton { background: #333333; color: #FFFFFF; font-size: 11px; font-family: Tahoma, Arial, Verdana; text-decoration: none; text-transform: uppercase; margin: 0; padding: 2px 5px 2px 5px; border: 1px solid #333333; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; } .enews #subbutton:hover { background: #CF152A; border: 1px solid #CF152A; } blockquote { background: #eeeeee; margin: 0 25px 15px; padding: 10px 20px 10px 15px; border: solid 2px #dddddd; } .content ul, .content ol { padding: 0 15px 15px 40px; } .sidebar ul { list-style-type: none; border-bottom: 1px solid #dddddd; margin: 0; padding: 20px; } .sidebar li { list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiveKtyzMKYKHr69bE2-cyw8FtGN1LfpzW2GlFEKwakoXdbxUcVAcgT0lRycG9GfHTPAxxuf5egtf25YTmzRqjS96JnsRYj2LUE2bLdi-YYVCheHxMIq82qS2T0VGxaoi4f2W2sVP-j01Q/s320/arrow-grey.gif"); margin: 0 0 5px; padding-left: 5px; border-bottom: 1px solid #dddddd; } .sidebar a { color: #333333; } .showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px; } .showpageArea a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageArea a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a {border: 1px solid #505050; color: #000000;font-weight:normal; padding: 3px 6px !important; padding: 1px 4px ;margin:0px 4px; text-decoration: none; } .showpageNum a:hover { font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpagePoint {font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #333; color: #fff; background-color: #000000; } .showpage a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .showpageNum a:link,.showpage a:link { font-size:11px; padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;} .showpageNum a:hover {font-size:11px; border: 1px solid #333; color: #000000; background-color: #FFFFFF; } .comment-bubble { float : right; width : 48px; height : 48px; background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj57Bo_m2NGZ3f-fLItguh6ipIwnpL6easqSN1TF9GjnWnFO07uOQECz-Gcf9glSDFRxctzvKE8p1zMl7hGUxM1VHPjgoiRf-2RZNm3nq3OYGGOmn9wk5TCViRr2qGrivIs3NhDxLhNwsPX/s1600/Comment+Bubble+%2815%29.png) no-repeat; font-size : 18px; margin-top : -15px; margin-right : 2px; text-align : center; } ]]>