<data:blog.pageTitle/> css : Top-WordPress.Net ***************************************************/ #navbar-iframe{display:none;}*{padding:0;margin:0} body#layout #slideshow {display:none} body#layout #searchform input {display:none} body#layout #socialLinks {display:none} /*---------------------------------------------------- {--------} Generic {--------} ----------------------------------------------------*/ * { margin: 0; padding: 0; } html { background: url("http://1.bp.blogspot.com/_MkGBVwDEF84/TNoc4y817oI/AAAAAAAAGJw/OKSUl9IQ6lo/s1600/bo-bg-html.gif"); } /*---------------------------------------------------- {--------} Body {--------} ----------------------------------------------------*/ body{ font-weight:normal; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; margin:0; padding:0; background: url("http://2.bp.blogspot.com/_MkGBVwDEF84/TNodCPTFyaI/AAAAAAAAGKA/At0UJ7NUmB0/s1600/bo-bg.gif") repeat-x; line-height:135%; } ul { list-style:none; } a { text-decoration:none; border:none; outline:none; } a:hover { border:none; color:#fff; text-decoration:underline; } img{ border:none; outline:none; } #colRightInner a:hover { border:none; } a:focus { outline:none; } p { margin:3px 0 12px 0; line-height:20px; } /*---------------------------------------------------- {--------} Layout Structure {--------} ----------------------------------------------------*/ #wrapper { margin:0 auto; width:970px; } /*---------------------------------------------------- {--------} Header {--------} ----------------------------------------------------*/ #header { height:218px; margin:0; position:relative; z-index:99; background:url('http://1.bp.blogspot.com/_MkGBVwDEF84/TNodL_Ch5MI/AAAAAAAAGKI/vVmSJkZj49A/s1600/bo-header-bg-shines.png') no-repeat 0 32px; } /*---------------------------------------------------- {--------} Content {--------} ----------------------------------------------------*/ #content { padding:18px 0 20px; } /*---------------------------------------------------- {--------} Column Left {--------} ----------------------------------------------------*/ #colLeft { float:left; margin:0; padding:10px 0 0 0; width:610px; } /*---------------------------------------------------- {--------} Column Right {--------} ----------------------------------------------------*/ #colRight { float:right; margin:0 10px 0 0; padding:6px 0 0 12px; position:relative; width:335px; } /*---------------------------------------------------- {--------} Footer {--------} ----------------------------------------------------*/ #footer { color:#868686; font-size:11px; margin:0 auto; padding:20px 0 35px; position:relative; width:970px; } /*---------------------------------------------------- {--------} Logo {--------} ----------------------------------------------------*/ #logoTag { float:left; margin:71px 0 0 5px; } #logoTag #logo { height:85px; background:url(images/bk_logo_left.png) no-repeat; padding-left:12px; float:left; } #logoTag #logoImg { background:none; padding:0; float:left; padding-top:3px; padding-right:10px; } #logoTag #logoImg img { border:none; } #logoTag #logo h1 a { display:block; padding-right:12px; background:url(images/bk_logo_right.png) 100% 0 no-repeat; color:#fff; font-size:34px; padding-top:14px; height:61px; float:left; line-height:100%; } #logoTag #tagline { float:left; padding:0; color:#fff; font: 11px Arial; width:300px; clear:both; } /*---------------------------------------------------- {--------} Top Bar {--------} ----------------------------------------------------*/ #top-bar { height:32px; padding:0; width:980px; } /*---------------------------------------------------- {--------} Top Link {--------} ----------------------------------------------------*/ #topLinks { float:left; margin:0; line-height:54px; } /*---------------------------------------------------- {--------} Footer Link {--------} ----------------------------------------------------*/ #footerLinks { position:absolute; top:12px; right:0; } #topLinks ul li{ float:left; background:url('http://1.bp.blogspot.com/_MkGBVwDEF84/TNodcjTufJI/AAAAAAAAGKY/Q1SXDUT_PZE/s1600/bo-navbar-sep.png') no-repeat right center; margin:0 5pxo } #topLinks ul li a{ margin:0 15px; display:block; text-transform:uppercase; } .ad-header { float:right; margin:40px 5px 0 0; } /*---------------------------------------------------- {--------} Top Menu {--------} ----------------------------------------------------*/ #topMenu { position:absolute; bottom:0; left:0; width:980px; height:55px; } #topMenu ul.sf-menu { margin:1px 0 0 29px; } #topMenu ul.sf-menu li { float:left; line-height:50px; background:url('http://4.bp.blogspot.com/_MkGBVwDEF84/TNodnBYvQwI/AAAAAAAAGKo/3w4j3X0eACI/s1600/bo-navbar-sep.png') no-repeat right center; } #topMenu ul.sf-menu li a { font-size:13px; border:medium none; text-decoration:none; text-transform:uppercase; padding:0 12px; } #topMenu ul.sf-menu li a:hover { color:#fff; } #topMenu ul.sf-menu li li { background:#D02458; padding-right:15px; padding-top:5px; } #topMenu ul.sf-menu li ul.sub-menu, #topMenu ul.sf-menu li ul.children { border-bottom:none; } #topMenu ul.sf-menu li ul.sub-menu li, #topMenu ul.sf-menu li ul.children li,#topMenu ul.sf-menu li.page_item ul li { position:relative; line-height:100%; height:28px; text-transform:none; } #topMenu ul.sf-menu li ul.sub-menu li a, #topMenu ul.sf-menu li ul.children li a, #topMenu ul.sf-menu li.page_item ul li a { text-decoration: none; display:block; padding-top:7px; line-height:100%; border:none; text-transform:none; } #topMenu ul.sf-menu li ul.sub-menu li a:hover, #topMenu ul.sf-menu li ul.children li a:hover, #topMenu ul.sf-menu li.page_item ul li a:hover{ color:#fff; background:none; } #topMenu ul.sf-menu li ul.sub-menu li ul.sub-menu, #topMenu ul.sf-menu li ul.children li ul.children { border: none; } #topMenu ul.sf-menu li ul.sub-menu li ul.sub-menu a, #topMenu ul.sf-menu li ul.children li ul.children a { text-decoration: none; position:relative; border:none; } #topMenu ul.sf-menu li ul.sub-menu, #topMenu ul.sf-menu li.page_item ul, #topMenu ul.sf-menu li ul.children { margin:18px 0 0 0; } #topMenu ul.sf-menu li ul.sub-menu ul.sub-menu, #topMenu ul.children li ul.sub-menu ul.children { margin:0 0 0 38px; } /*---------------------------------------------------- {--------} Social Link {--------} ----------------------------------------------------*/ #socialLinks { background:url("http://1.bp.blogspot.com/_MkGBVwDEF84/TNod2-M17LI/AAAAAAAAGK4/6-rWXhlCbY8/s1600/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; } /*---------------------------------------------------- {--------} Middle Box {--------} ----------------------------------------------------*/ #boxAbout { background:url("http://4.bp.blogspot.com/_MkGBVwDEF84/TNpz9DiD5OI/AAAAAAAAGSY/rki1CvT7yj0/s1600/bo-aboutbox.gif") no-repeat scroll 0 0 transparent; height:80px; margin-bottom:12px; overflow:hidden; padding:15px 30px; width:910px; } #boxAbout p{ line-height:24px; font-size:15px; color:#cbcbcb; font-family:Arial, Thaoma, Helvetica, sans-serif; } #boxAbout h2 { padding-bottom:8px; color:#ccc; margin:10px 0!important; } /*---------------------------------------------------- {--------} Column Left {--------} ----------------------------------------------------*/ #colLeft h1 { margin:0 0 15px 0; padding:0; font-family:Tahoma, "Times New Roman", Times, serif; color:#ffc600; font-size:24px; line-height:110%; text-decoration:none; font-weight:normal; } /*---------------------------------------------------- {--------} Align Left {--------} ----------------------------------------------------*/ .alignleft { float:left; background:url("http://4.bp.blogspot.com/_MkGBVwDEF84/TNomAB4PyuI/AAAAAAAAGRY/DXKeRSRoi1g/s1600/bo-paginate-bg.gif") repeat scroll 0 0 transparent; height:15px; padding:17px; width:577px; } /*---------------------------------------------------- {--------} Align Right {--------} ----------------------------------------------------*/ .alignright { float:right; background:url("http://1.bp.blogspot.com/_MkGBVwDEF84/TNqUsk9KSQI/AAAAAAAAGSo/tlkc74x1EIE/s1600/alignright.gif") repeat scroll 0 0 transparent; height:15px; padding:17px; width:277px; } #colLeft img, #colLeft a img { padding:5px; padding:5px; border:1px solid #e4e4e4; margin:0 15px 0 0; } #colLeft .blogItem { background:none repeat scroll 0 0 #151515; border-left:1px solid #282828; border-right:1px solid #282828; padding:20px 20px 5px; position:relative; } #colLeft .blogItem .itemTitle { position:relative; margin-bottom:10px; } .post-date { background:url("http://1.bp.blogspot.com/_MkGBVwDEF84/TNoeCYVDt0I/AAAAAAAAGLI/9irBa7dG0Sk/s1600/bo-post-details.gif") no-repeat scroll 0 0 transparent; color:#FFFFFF; height:162px; left:-100px; padding:10px 0 0; position:absolute; text-align:center; top:60px; width:66px; } .comm { color:#151515; font-size:22px; font-weight:bold; margin:20px 0 0; text-shadow:1px 1px #FFEAA2; } .comm span{ color:#151515; font-size:10px; } .author span{ font-size:10px; text-transform:uppercase; font-weight:normal; } .author { color:#151515; font-size:12px; font-weight:bold; margin:11px 0 0; text-shadow:1px 1px #FFE077; } .day{ color:#151515; font-size:20px; font-weight:bold; text-shadow:1px 1px #FFE077; } .month{ color:#151515; font-size:15px; text-transform:uppercase; line-height:21px; text-shadow:1px 1px #FFE077; } .year{ color:#151515; line-height:5px; text-shadow:1px 1px #FFE077; } .aaa{ background:#000; padding:0 1px; } .rounded-post-top{ background:url('http://2.bp.blogspot.com/_MkGBVwDEF84/TNoeNA39ocI/AAAAAAAAGLY/R1IYzWzf0Y8/s1600/bo-post-top-rounded.gif') no-repeat; width:610px; height:14px; } .rounded-post-bottom{ background:url('http://4.bp.blogspot.com/_MkGBVwDEF84/TNoec2LsJ9I/AAAAAAAAGLo/FI_FTLR1nNY/s1600/bo-post-bottom-rounded.gif') no-repeat; width:610px; height:14px; margin:0 0 20px 0; } .post-arrow { background:url("http://2.bp.blogspot.com/_MkGBVwDEF84/TNogtIyFYcI/AAAAAAAAGNA/eIjALDPSO2k/s1600/bo-post-arrow.gif") no-repeat scroll 0 0 transparent; height:14px; left:-24px; position:absolute; top:28px; width:24px; } .post-readmore-btn{ margin:15px 0 0 0; float:right; } .post-readmore-btn a{ display:block; width:123px; height:37px; text-indent:-10000px; } .entry{ clear:both; font-size:15px; text-align: justify; line-height: 20px; font-family: cursive; font-size: 16px; color:#ccc; } .entry p{ margin:0px; padding:0; font-size:15px; text-align: justify; line-height: 20px; font-family: cursive; font-size: 16px; color:#ccc; } .entry img{ float:left; margin-bottom:20px; padding-bottom:10px; max-width:550px; padding:10px; background:#fff; border:1px solid #ddd; } #colLeft .blogItem .date{ float:left; width:47px; height:50px; text-align:center; padding-right:25px; } #colLeft .blogItem .date .month{ color:#ccc; font-size:10px; text-transform:uppercase; padding-bottom:5px; } #colLeft .blogItem .date .day { font-size:20px; color:#fff; font-weight:bold; line-height:130%; } #colLeft .blogItem .itemTitle h1 { border:medium none; float:left; width:550px; } #colLeft .blogItem .itemTitle h1 a{ padding:0; font-family:Tahoma,Georgia, "Times New Roman",serif; color:#ffc600; font-size:29px; line-height:110%; text-decoration:none; font-weight:normal; border:none; } #colLeft .blogItem .metadata { background:none repeat scroll 0 0 #FFFFFF; font-size:11px; margin:10px 0 15px; padding:8px; text-transform:uppercase; position:relative; } .meta-arrow { height:4px; left:19px; position:absolute; top:-4px; width:7px; } #colLeft .blogItem a.more-link { display:block; width:90px; height:24px; text-align:center; clear:both; border:none; line-height:22px; margin-top:10px; } #colLeft .social p { margin:0 0 10px 0; } #colLeft .social a { border:none; } #colLeft .social a img { padding:5px; border:none; background:none; } #colLeft .social a:hover img { } #colLeft .social strong { color:#00C1F2; } .banner { float:left; margin:0 0 0 7px; } .banner a { float:left; margin:0 20px 20px 0; } .banner .right-ad{ margin:0; } /*---------------------------------------------------- {--------} Comment {--------} ----------------------------------------------------*/ #commentsbox { width:570px; background:none repeat scroll 0 0 #151515; border-top:1px solid #282828; border-left:1px solid #282828; border-right:1px solid #282828; padding:20px 20px 5px; position:relative; } h3#comments{ padding: 5px 10px 5px 5px; clear: both; color:#ffc600; font-size:28px; margin-bottom:20px; } ol.commentlist { margin:0px 0 20px; clear:both; overflow:hidden; list-style:none; } ol.commentlist li { margin:5px 0; line-height:18px; padding:10px; border:1px solid #282828; } ol.commentlist li .comment-author { color:#856243; } ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{ color:#ccc; font-weight:bold; text-decoration:none !important; } ol.commentlist li .comment-author .fn { color:#ccc; } cite.fn{ color:#ccc; font-style:normal; } ol.commentlist li .comment-author .avatar{ float:left; border:1px solid #282828; background:#fff; padding:3px; margin-right:10px; } ol.commentlist li .comment-meta{ font-size:10px; } ol.commentlist li .comment-meta .commentmetadata{ color:#856243; } ol.commentlist li .comment-meta a { color:#ccc; text-decoration:none !important; } ol.commentlist li p { line-height:22px; margin-top:5px; color:#ccc; font-size:12px; } ol.commentlist li .reply{ margin-top:10px; font-size:10px; width:42px; height:28px; text-indent:-9000px; background:url(images/reply.png); } ol.commentlist li .reply a{ border:none; text-decoration:none; } 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:#ccc; } .avatar-image-container { float:right; border:1px solid #282828; background:#282828; padding:3px; 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 h3 { padding: 5px 0 5px 5px; clear: both; color:#ffc600; font-size:28px; } #commentform { padding:10px 0px; } #commentform p{ margin:5px 0px ; color:#ccc; } #respond label{ display:block; padding:5px 0; color:#ccc; } #respond label small { font-size:10px; } #respond input { margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #282828; color:#ccc; } #commentform input{ width:50%; } #respond input#commentSubmit { background:url(images/submit.png); border:none; color:#ccc; text-decoration:none; display:block; width:70px; height:26px; margin:10px 0px; cursor:pointer; } textarea#comment{ border:none; background:#fff; border:1px solid #282828; width:70%; margin:10px 0px 0px 0px; padding:5px 5px; color:#ccc; } /*---------------------------------------------------- {--------} Column Right {--------} ----------------------------------------------------*/ #sidebar-wrapper { float:right; margin:0 10px 0 0; padding:6px 0 0 12px; position:relative; width:335px; } #sidebar-top { background:url("http://1.bp.blogspot.com/_MkGBVwDEF84/TNog4snaBAI/AAAAAAAAGNQ/QBY_2nyE9nY/s1600/bo-sidebar-top.gif") no-repeat scroll 0 0 transparent; height:69px; padding:22px; width:295px; } #sidebar-bottom{ background:url('http://4.bp.blogspot.com/_MkGBVwDEF84/TNohCHxvbLI/AAAAAAAAGNY/yEosu5MCWL0/s1600/bo-sidebar-bottom.gif') no-repeat; width:339px; height:14px; } .sidebar h2 { background:url("http://1.bp.blogspot.com/_MkGBVwDEF84/TNohidpn07I/AAAAAAAAGN4/11DSIv6uFAs/s1600/bo-colrightinner-h2-bg.png") no-repeat scroll -14px 36px transparent; color:#FFC600; font:bold 13px Arial,Tahoma,Helvetica,serif; height:37px; margin:10px 0 0; padding:11px 12px; text-transform:uppercase; } .sidebar .widget { background:url("http://3.bp.blogspot.com/_MkGBVwDEF84/TNohYyg_4xI/AAAAAAAAGNw/PD5KFq1z27g/s1600/bo-sidebar-bg.gif") repeat-y scroll 0 0 transparent; padding:2px 27px 15px; position:relative; width:285px; color:#cbcbcb; } .sidebar .widget-content { padding: 0px 0px; margin:0; } .sidebar ul { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px; } .sidebar ul li { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; } .sidebar ul ul { list-style-type: none; margin: 0px; padding: 0px; } .sidebar ul li, .sidebar ul li ul li { background: url(http://1.bp.blogspot.com/_MkGBVwDEF84/TNolWmKexDI/AAAAAAAAGQw/uDkXcSwyzQ8/s1600/bo-bullet-li-yellow.gif) left 12px no-repeat; padding: 6px 0px 6px 25px; margin: 0; border-bottom: 1px solid #1b1b1b; color:#ccc; } .sidebar li a:link, .sidebar li a:visited { font-family: cursive; font-size: 16px; color:#ccc; } .sidebar li a:hover { font-family: cursive; font-size: 16px; font-style: italic; color:#FFC600; text-decoration: none; } .sidebar img { padding: 6px; background:#e4e4e4; border: 1px solid #e0cdda; margin: 0 10px 10px 0; max-width: 84px; } /*---------------------------------------------------- {--------} Search Forms {--------} ----------------------------------------------------*/ #searchform { float:right; margin:0 0 13px ; } #searchform input { background:url("http://4.bp.blogspot.com/_MkGBVwDEF84/TNoh7vz9wfI/AAAAAAAAGOA/em3vpCI9xMo/s1600/bo-search-bar.png") no-repeat scroll 0 0 transparent; border:medium none; color:#4a4a4a; float:left; font-size:12px; padding:14px 6px 14px 10px; width:218px; } #searchform input#searchsubmit { width:61px; height:42px; border:none; cursor:pointer; } /*---------------------------------------------------- {--------} 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-image-prelaoder { background:#fff url("http://1.bp.blogspot.com/_MkGBVwDEF84/TNoiuV77SAI/AAAAAAAAGOQ/afhjyyLcd7k/s1600/5.gif") no-repeat center center; float:left; margin:0; width:auto; width:154px; height:154px; } .big-comm { background:url("images/bt-post-comm.png") no-repeat scroll 0 0 transparent; 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; } /*---------------------------------------------------- {--------} 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 { height:260px; position:relative; width:980px; } #featured-tag{ background:url('http://3.bp.blogspot.com/_MkGBVwDEF84/TNojJEuqLTI/AAAAAAAAGOo/ofIi6_Ztwq8/s1600/bo-featured-tag.png') no-repeat; width:119px; height:118px; position:absolute; z-index:99; } #slider { float:left; margin:0 0 10px 0; background:url('http://2.bp.blogspot.com/_MkGBVwDEF84/TNojWy9mPXI/AAAAAAAAGOw/h2tvzLaeJn8/s1600/bo-slider-bg.gif') no-repeat; } .slider-post p{ margin:0; } .featured-post{width:970px;height:288px;} .slider-image { background:none repeat scroll 0 0 #000000; float:left; height:231px; margin:16px 0 0 17px; position:relative; width:937px; } .slider-post { background:url("http://4.bp.blogspot.com/_MkGBVwDEF84/TNojfVDOgII/AAAAAAAAGPA/_yHiXYpuBtM/s1600/bt-postslide-bg.png") repeat scroll 0 0 transparent; color:#FFFFFF; font-size:110% !important; line-height:1.8em; margin:7px; padding:6px 20px; position:absolute; top:140px; } .slider-post h2 a{ 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-nav { bottom:-34px; position:absolute; right:47%; z-index:9; margin:3px 0 14px; } #slider-nav a { background:url("http://1.bp.blogspot.com/_MkGBVwDEF84/TNojobe7hpI/AAAAAAAAGPI/18w-EOSXShE/s1600/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(http://1.bp.blogspot.com/_MkGBVwDEF84/TNojxXdLMDI/AAAAAAAAGPY/AuaLRywInzU/s1600/bo-slider-nav-active.png) no-repeat;} .slider-arrow { left:5px; position:absolute; bottom:135px; z-index:9; } span#prev, span#next{ display:block; height:19px; position:absolute; text-indent:-9999px; top:140px;width:10px; } span#prev {background: url(http://4.bp.blogspot.com/_MkGBVwDEF84/TNoj6ZnS6SI/AAAAAAAAGPg/hD_X5HinsQE/s1600/bo-prev.png) no-repeat; left:5px; width:19px; height:18px; } span#next { background:url("http://1.bp.blogspot.com/_MkGBVwDEF84/TNokFhDiIlI/AAAAAAAAGPw/j2OroWTxKe4/s1600/bo-next.png") no-repeat scroll 0 0 transparent; height:18px; left:946px; width:19px; } /*---------------------------------------------------- {--------} Read More {--------} ----------------------------------------------------*/ 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; } /*---------------------------------------------------- {--------} J Query {--------} ----------------------------------------------------*/ /* * 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 */ /*---------------------------------------------------- {--------} Overlay {--------} ----------------------------------------------------*/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } /*---------------------------------------------------- {--------} Light Box {--------} ----------------------------------------------------*/ #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } /*---------------------------------------------------- {--------} Light Box Image {--------} ----------------------------------------------------*/ #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; } /*---------------------------------------------------- {--------} Light Box Button {--------} ----------------------------------------------------*/ #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; } /*---------------------------------------------------- {--------} Arrows {--------} ----------------------------------------------------*/ .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 ***/ .sf-shadow ul { 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; } /*---------------------------------------------------- {--------} Html Fixing {--------} ----------------------------------------------------*/ body,html { font-weight:normal; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; line-height:135%; } a { color:#ffc600; } #colLeft a { } #colRightInner a { border:none; } h2, h3, h4, h5 { color:#ffc600; } #searchform { float:left; } #searchform input { border:medium none; float:left; font-size:12px; } #searchform input#searchsubmit { background:url('http://2.bp.blogspot.com/_MkGBVwDEF84/TNoklqWPdQI/AAAAAAAAGQI/OuAnrbYAEZU/s1600/bo-search-but-yellow.png') no-repeat 0 0; border:medium none; cursor:pointer; } #searchform input#searchsubmit:hover{ background:url('http://4.bp.blogspot.com/_MkGBVwDEF84/TNokvKJX41I/AAAAAAAAGQQ/Ix6cKxH5RKc/s1600/bo-search-but-yellow.png') no-repeat 0 -42px; } #topLinks ul li a, #footerLinks ul li a { color:#fff; font-size:12px; text-shadow:1px 1px #000; text-decoration:none; border:none; } #topLinks li a:hover, #bottomLinks li a:hover { color:#ffc600; background:url("http://3.bp.blogspot.com/_MkGBVwDEF84/TNok7-ezXSI/AAAAAAAAGQg/aooVrgrjRXU/s1600/bo-navbar-hover.png") repeat-x 0 18px; } /*---------------------------------------------------- {--------} Top Menu {--------} ----------------------------------------------------*/ #topMenu { } #topMenu ul.sf-menu li a:hover { } #topMenu ul.sf-menu li { } #topMenu ul.sf-menu li a { color:#fff; } #topMenu ul.sf-menu li a:hover{ color:#fff; background:#ffc600; } #topMenu ul.sf-menu li li { background:#ffc600; } #topMenu ul.sf-menu li ul.children, #topMenu ul.sf-menu li ul.sub-menu { } #topMenu ul.sf-menu li ul.children li, #topMenu ul.sf-menu li ul.sub-menu li, #topMenu ul.sf-menu li.page_item ul li { } #topMenu ul.sf-menu li ul.children li a,#topMenu ul.sf-menu li ul.sub-menu li a, #topMenu ul.sf-menu li.page_item ul li a { color:#fff; } /* --*/ .searchQuery strong, #archive-title strong { color:#ffc600; text-decoration:underline; } #colLeft .blogItem .date{ background:url(../images/ico_date_blue.png) 0 0 no-repeat; } #colLeft .blogItem .metadata { color:#fff; background:url('../images/c-metadata-yellow.gif'); } .metadata a{ border:none; } .meta-arrow{ background:url('../images/c-metadata-arrow-yellow.gif') no-repeat; } #colLeft .blogItem .itemTitle h1 a:hover { color:#ffc600; } #colLeft .blogItem a.more-link { background:url(../images/bk_readmore_blue.png) 0 0 no-repeat; color:#fff; } #colLeft .social { height:81px; margin:25px 0; background:#232323; padding:10px; } #colRightInner h2 { } #colRightInner ul li { background:url("http://1.bp.blogspot.com/_MkGBVwDEF84/TNolWmKexDI/AAAAAAAAGQw/uDkXcSwyzQ8/s1600/bo-bullet-li-yellow.gif") no-repeat scroll 12px 9px transparent; } #colRightInner ul li a:hover{ color:#ffc600; } #contact input.submit { background:url("http://2.bp.blogspot.com/_MkGBVwDEF84/TNolstAzvWI/AAAAAAAAGRA/N-gQeifwWGw/s1600/bo-send-btn.png") no-repeat scroll 0 0 transparent; color:#FFFFFF; height:33px; text-indent:-100000px; width:83px; } #colLeft .social strong { color:#ffc600; } .post-readmore-btn{ background:url('http://2.bp.blogspot.com/_MkGBVwDEF84/TNol2bO8guI/AAAAAAAAGRQ/LYJsCv3q26Q/s1600/bo-red-more-btn-yellow.png') no-repeat; } /*---------------------------------------------------- {--------} Bottom Page Navigation {--------} ----------------------------------------------------*/ .emm-paginate { background:url("http://4.bp.blogspot.com/_MkGBVwDEF84/TNomAB4PyuI/AAAAAAAAGRY/DXKeRSRoi1g/s1600/bo-paginate-bg.gif") repeat scroll 0 0 transparent; height:15px; padding:17px; width:577px; } /*---------------------------------------------------- {--------} Home Page Fixing {--------} ----------------------------------------------------*/ .thumbnail { float: left; margin: 0px 0px 0px 0px; padding: 5px; overflow: hidden; line-height: 170px; text-align: center; position:absolute; top:20px; left:5px; } .thumbnail img { float:left; margin:0px 0px 0px 0px; } ]]>