<data:blog.pageTitle/> */ /* Use this with templates/template-twocol.html */ body { background:$bgcolor url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/bg-2.png) repeat-x top; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } a:link { color:$linkcolor; text-decoration:none; } a:visited { color:$visitedlinkcolor; text-decoration:none; } a:hover { color:$titlecolor; text-decoration:underline; } a img { border-width:0; } #navbar-iframe { height : 0; visibility : hidden; display : none; } #navigation { width: 960px; height: 25px; margin: 0 auto; background: #00070f; overflow:hidden; padding:0; } #page-nav { float: left; width: 700px; margin: 0 0 0 -15px; } #page-nav ul { list-style: none; margin: 0; } #page-nav li { float: left; margin: 6px 0 0 0; padding: 0 0 8px 0; } #page-nav a { display: block; font: normal normal normal 11px/11px Verdana, Geneva, Tahoma, sans-serif; color: #999; padding: 0 15px 0 15px; border-right: 1px solid #353535; } /* Drop-down styles */ #page-nav li:hover ul, #page-nav li.sfHover ul { top: 19px; } #page-nav li li:hover ul, #page-nav li li.sfHover ul, #page-nav li li li:hover ul, #page-nav li li li.sfHover ul { top: -1px; } #page-nav ul ul { border-top: 1px solid #222; background: #111; } #page-nav li li { margin: 0; padding: 0; border-bottom: 1px solid #222; } #page-nav li li a { padding: 7px 7px; border: none; } /** * Search form (in navigation) ************************************************/ #navigation .search { float: right; width: 200px; height: 25px;margin:0;padding:0; } #navigation input { float: right; width: 170px; height: 15px; margin: 4px 0 0 0; padding: 1px 8px 1px 22px; font: normal normal normal 11px/15px Verdana, Geneva, Tahoma, sans-serif; color: #aaa; background: #001328 url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/search-icon.png) no-repeat 5px 0; border: 1px solid #011e3f; } #navigation .search-submit, #navigation .button { display: none; } /* Header ----------------------------------------------- */ #header-wrapper { overflow: hidden; height: 90px; border-bottom: 1px solid #021f32; width: 960px; margin:0 auto; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { text-align: left; color:#fafafa; height: 60px; margin: 15px auto; float: left; width: 450px; } #header h1 { line-height: 35px; font-size: 28px; font-family: georgia, serif; font-weight:normal; margin: 12px 0 0 0px;padding:0; } #header a { color:#fafafa; text-decoration:none; } #header a:hover { color:#fafafa; } #header .description { margin:0; padding:0 20px 10px; text-transform:none; letter-spacing:0em; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } #header img { margin-$startSide: auto; margin-$endSide: auto; } #header1 { margin:5px 0px 0; text-align: left; color:#ffffff; width:480px; float:right; height:60px; overflow:hidden; } #cat-navigation { width: 960px; height: 28px; margin: 0 auto; font: normal normal bold 12px/12px Verdana, Geneva, Tahoma, sans-serif; text-transform: uppercase; } #cat-nav { float: left; width: 760px; height: 25px; border-left: 1px solid #2b526b; } #cat-navigation ul { list-style: none; margin: 0; } #cat-navigation li { float: left; border-right: 1px solid #2b526b; } #cat-navigation a { display: block; padding: 7px 20px 6px 20px; text-transform: uppercase; color: #fafafa; } #cat-navigation li li a { width: 160px; font: normal normal bold 10px/10px Verdana, Geneva, Tahoma, sans-serif; padding: 8px 10px; color: #fff; background: #2b526b; border-top: 1px solid #244960; } /* Drop-down controls */ #cat-nav ul ul, #cat-nav ul ul ul { width: 180px; } #cat-nav li li:hover ul, #cat-nav li li li:hover ul { left: 180px; } #cat-nav li:hover ul, #cat-nav li.sfHover ul { top: 2.1em; } #cat-nav li li:hover ul, #cat-nav li li.sfHover ul, #cat-nav li li li:hover ul, #cat-nav li li li.sfHover ul { top: 0; } #cat-nav ul ul { background: #2b526b; } /* Make sure page menu overlaps category menu */ #cat-nav ul.menu { position: relative; z-index: 98; } #page-nav ul.menu { position: relative; z-index: 99; } #page-nav ul { margin: 0; padding: 0; list-style: none; } #page-nav ul { line-height: 1.0; } .menu ul { position: absolute; top: -999em; width: 10em; } #page-nav ul ul li { width: 100%; } #page-nav li:hover { visibility: inherit; } #page-nav li { float: left; position: relative; } #page-nav a { display: block; position: relative; } #page-nav li:hover ul, li.sfHover ul { left: 0; top: 2em; z-index: 99; } #page-nav li:hover li ul, li.sfHover li ul { top: -999em; } #page-nav li li:hover ul, li li.sfHover ul { left: 10em; top: 0; } #page-nav li li:hover li ul, li li.sfHover li ul { top: -999em; } #page-nav li li li:hover ul, li li li.sfHover ul { left: 10em; top: 0; } /* Default category menu styles */ #cat-nav ul { margin: 0; padding: 0; list-style: none; } #cat-nav ul { line-height: 1.0; } .menu ul { position: absolute; top: -999em; width: 10em; } #cat-nav ul ul li { width: 100%; } #cat-nav li:hover { visibility: inherit; } #cat-nav li { float: left; position: relative; } #cat-nav a { display: block; position: relative; } #cat-nav li:hover ul, li.sfHover ul { left: 0; top: 2em; z-index: 99; } #cat-nav li:hover li ul, li.sfHover li ul { top: -999em; } #cat-nav li li:hover ul, li li.sfHover ul { left: 10em; top: 0; } #cat-nav li li:hover li ul, li li.sfHover li ul { top: -999em; } #cat-nav li li li:hover ul, li li li.sfHover ul { left: 10em; top: 0; } #cat-navigation #feed { width: 180px; float: right; } #feed li { float: right; border: none; } #feed li a { padding: 7px 18px 6px 0; background: url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/feed-icon.png) no-repeat right 7px; } /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 100%; margin:0 auto; padding:0px; text-align:$startSide; font: $bodyfont; } #container { overflow: hidden; width: 960px; margin: 0 auto; padding: 20px 0 0; background: #fff url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/container-bg-1.png) repeat-y right 0; } #mainout-wrapper { float: left; width: 600px; } #main-wrapper { float: left; width: 600px; padding: 0; background: #fff; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #mainbottomleft { float: left; width: 280px; padding: 0; background: #fff; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #mainbottomright { float: right; width: 280px; padding: 0; background: #fff; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 320px; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebarleft { width: 155px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebarright { width: 155px; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } /* Headings ----------------------------------------------- */ h2 { margin:0 0 10px; font: 15px georgia, times, 'times new roman', serif; font-weight: bold; line-height: 1.4em; text-transform:none; letter-spacing:0em; color:#fff; background: #0B3754 url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/widget-title.png) repeat-x bottom; padding:5px 10px; } .sidebar1 h2 { margin:0 0 10px;font: 15px georgia, times, 'times new roman', serif; font-weight: bold; line-height: 1.4em; text-transform:none; letter-spacing:0em; color:#083777; border-bottom:1px solid #ddd;background:#fff;padding:10px 0; } /* Posts ----------------------------------------------- */ h2.date-header { margin:0;padding:0;display:none; } .post { margin:0 0 20px; border-bottom: 1px solid #ddd; padding-bottom:0px; } .post h3 { margin:.25em 0 0 140px; padding:0 0 4px; line-height:1.4em; color:$titlecolor; margin-bottom: 3px; font: 15px georgia, times, 'times new roman', serif; font-weight: bold; background:transparent; } .post h3 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:$titlecolor; font-weight: bold; background:transparent; } .post h3 strong, .post h3 a:hover { color:$textcolor; } .post-header-line-1 { margin-left:140px; margin-bottom:5px; background:transparent; } .post-body { margin:0 0 .75em; line-height:1.6em; } .post-body blockquote { line-height:1.3em; } .post-footer { margin:0; color:$sidebarcolor; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; line-height: 1.4em;display:none; } .comment-link { margin-$startSide:.6em; } .post img { padding:4px; background:#eee; border:1px solid $bordercolor; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1em 0; font-weight: bold; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color: $sidebarcolor; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0 0; background-color: #f7f7f7; border-top:1px solid #ccc; } #comments-block .comment-body { padding:10px;margin:0; background: #f7f7f7; } #comments-block .comment-footer { margin:-.25em 0 2em; line-height: 1.4em; text-transform:uppercase; letter-spacing:.1em; background: #f7f7f7; border-bottom:1px solid #ccc; padding:10px; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } #blog-pager-newer-link { float: $startSide; } #blog-pager-older-link { float: $endSide; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar, .sidebar1 { color: $sidebartextcolor; line-height: 1.5em; } .sidebar1 { color: $sidebartextcolor; line-height: 1.5em; font-size:11px; color:#333; } .sidebar ul, .sidebar1 ul { list-style:none; margin:0 0 0; padding:0 0 0; } .sidebar li, .sidebar1 li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:30px; text-indent:-15px; line-height:1.5em; background: url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/bullet.png) no-repeat left center; } .sidebar1 li a {font-weight:bold;} .sidebar .widget { margin:0 0 1.5em; padding:10px; background:#ffffff; border:1px solid #ccc; } .sidebar1 .widget { margin:0 0 1.5em; padding:0px; } .main .widget { margin:0; padding:0; } .main .Blog { border-bottom-width: 0; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 0; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; padding: 4px; border: 1px solid $bordercolor; background:#eee; } .profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font: $postfooterfont; color: $sidebarcolor; font-weight: bold; line-height: 1.6em; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: $postfooterfont; text-transform: uppercase; letter-spacing: .1em; } /* Footer ----------------------------------------------- */ #footer-wrapper { overflow: hidden; clear: both; padding: 2px 0 0 0; background: #001838; border-top: 3px solid #00070F; } #footer { overflow: hidden; width: 1000px; margin: 0 auto 14px auto; padding: 2px 0 0 0; } .footer { float: left; width: 210px; padding: 15px 20px 0 20px; } .footer .widget { overflow: hidden; float: left; margin: 0; font: 12px/21px Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #777; background: transparent; border: none; } #footer h2 { margin: 0 0 3px 0; padding: 0 0 3px 0; font-size: 15px; color: #bbb; background: transparent; border-bottom: 1px solid #072145; } #footer a { color: #aaa; } #footer .widget ul { list-style: none; margin: 0; padding: 0; } #footer .widget ul li { margin: 0 0 3px 0; padding: 0 5px 3px 5px; background: transparent; border-bottom: 1px solid #072145; } #footer-wrapper{ overflow: hidden; clear: both; padding: 2px 0 0 0; background: #001838; border-top: 3px solid #00070F; } #credit { overflow: hidden; width: 960px; margin: 0 auto; padding: 20px 0 10px 0; color: #f7f7f7; } #credit a { font-style: normal; color: #aaa; } #credit .copyright { display: inline; float: left; margin-right: 9px; } /** * Featured slider ************************************************/ #slider-container { overflow: hidden; width: 600px; height: 250px; margin: 0 0 30px 0; background: #093653; } #slider { overflow: hidden; width: 580px; height: 230px; } .feature { overflow: hidden; width: 560px; height: 210px; padding: 10px 10px 0 10px; color: #ccc; background: #093653; border: none !important; } #slider-container a { color: #ddd; font-weight: bold; } .feature img { border: 5px solid #001838;margin-right:10px; } #slider .feature .entry-title { font-size: 21px; } #slider .feature .entry-title a { color: #eee; } .feature .byline { color: #aaa; margin-bottom: 15px; } .more-link { float: left; text-indent: -9999px; width: 100px; height: 20px; display: block; background: url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/more-link.gif) no-repeat 0 0; } .more-link:hover { background: url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/more-link.gif) no-repeat 0 -20px; } /* Slider controls */ .slider-controls { float: left; width: 66px; height: 20px; overflow: hidden; clear: both; line-height: 15px; margin: 0 0 0; padding: 0 10px 0 524px; background: #062f4a; border-top: 2px solid #03273f; } .slider-controls .slider-prev { text-indent: -9999px; float: left; width: 22px; height: 20px; background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/slider-prev.gif) no-repeat 0 0; border: none !important; } .slider-controls .slider-prev:hover { background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/slider-prev.gif) no-repeat left -20px; } .slider-controls .slider-pause { text-indent: -9999px; float: left; width: 22px; height: 20px; background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/pause.gif) no-repeat center 0; border: none !important; } .slider-controls .slider-pause:hover, .slider-controls a.paused { background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/pause.gif) no-repeat center -20px; } .slider-controls .slider-next { text-indent: -9999px; float: right; width: 22px; height: 20px; background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/slider-next.gif) no-repeat right 0; border: none !important; } .slider-controls .slider-next:hover { background: #062F4A url(http://i606.photobucket.com/albums/tt142/freebloggertemplate/Hybrid%20News/slider-next.gif) no-repeat right -20px; } ]]>