<data:blog.pageTitle/>

<data:blog.pageTitle/> <data:blog.pageName/> ~ <data:blog.title/> */ /*===================================== = Body =====================================*/ body{background:#FFFFFF;font-family: $(body.font);font-size: 13px;margin:0px;padding:0px;} a:link,a:visited{color:$(main.color);text-decoration:none;outline:none;} a:hover{color:$(main.color);text-decoration:underline;} a img{border-width:0} #body-wrapper{margin:0px;padding:0px;} /*===================================== = Wrapper =====================================*/ .margin-960{ max-width: 1200px; margin: 0 auto; position: relative; } #main-wrapper{float:left;margin:0px;padding:0px 0px 0px 0px;word-wrap:break-word;overflow:hidden;} #rsidebar-wrapper{width:300px;float:right;margin:0px;padding:0px 0px 0px 0px;word-wrap:break-word;overflow:hidden;} /*===================================== = Header =====================================*/ #header-inner{background-position:center;margin-left:auto;margin-right:auto} #header .description { background: none; color: #fff; float: left; font-size: 12px; margin: 18px 10px 15px 10px; } #header h1 { margin:0px; font-family: open sans; text-transform:uppercase; float:left; } #header h1 a { color: #fff; font-size: 22px; letter-spacing:1px; font-weight:600; } #header-wrapper .fa { font-size: 50px; float: left; margin-right: 10px; } #header h1 a,#header h1 a:visited{text-decoration:none} /*===================================== = Sidebar =====================================*/ .sidebar{margin:0 0 10px 0;font-size:13px;color:#374142;} .sidebar a{text-decoration:none;color:#374142;} .sidebar a:hover{text-decoration:none;color:#F95C49;} .sidebar h2 { color: #333; font-family: $(body.font); font-size: 18px; font-weight: 600; letter-spacing: 1px !important; background-color: #FFFFFF; text-transform: uppercase; padding-right: 20px; margin: 0px; border-bottom: 1px solid #d2d2d2; padding-bottom: 20px; margin-bottom: 20px; } .sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;} .sidebar ul li{padding:0 0 9px 0;margin:0 0 8px 0;} .sidebar .widget{margin:0 0 15px 0;padding:0;color:#374142;font-size:13px;border-bottom: 1px solid #d2d2d2!important;margin-bottom: 40px;padding-bottom: 20px;} .main .widget{margin:0 0 5px;padding:0 0 2px} .main .Blog{border-bottom-width:0} /*===================================== = Footer =====================================*/ #footer{margin-bottom:15px;} div#footer-widgets-container { background-color: #1c1c1c; padding-bottom: 30px; width: 100%; float: left; } .footer-widget-box { width: 280px; float: left; margin-left: 15px; font-family: $(body.font); } .footer-widget-box-last{} .footer-widget-box .widget-container{color: #6C7475;font-size:12px;} .footer-widget-box .widget-container a { text-decoration: none; color: #6C7475; } .footer-widget-box .widget-container a:hover{text-decoration:underline;} .footer-widget-box h2{color: #ffffff; font-family: $(body.font); font-weight: 600; text-transform: uppercase; line-height: 21px; letter-spacing: 1px; font-size:12px; padding-top: 48px;} .footer-widget-box .widget ul{list-style-type:none;list-style:none;margin:0px;padding:0px;} .footer-widget-box .widget ul li{padding:0 0 9px 0;margin:0 0 8px 0;} .footersec .widget{margin-bottom:20px;} div#copyrights { float: left; width: 100%; background: #111;text-align: center; color: #fff; } div#copyrights p { float: left; width: 100%; margin: 0px; padding: 30px 0px 30px 0px;; } /*===================================== = Blog =====================================*/ #blog-pager{text-align:center;float: left;width:100%;} #blog-pager a { float: left; border: 1px solid #d2d2d2; padding: 10px; text-decoration: none; } .feed-links { display: none; } #navbar-iframe{height:0;visibility:hidden;display:none;} div#header-wrapper { background: #111; } /*===================================== = Top Area =====================================*/ .top-bar { min-height: 48px; background-color: $(main.color); color: #FFFFFF; width: 100%; display: block; line-height: 48px; padding: 0px; } .top-bar span { letter-spacing: 1px; } .top-bar .follow { color: #FFF; font-family: $(body.font); font-size: 11px; font-weight: 600; text-transform: uppercase; } .top-bar a { color: #FFFFFF; padding-left: 15px; font-size: 18px; text-decoration: none; } .top-bar a:hover i { color: #333; } .topbar .social-icons { float: left; line-height: 48px; } .top-bar .social-icons ul { display: inline-block; padding:0px; margin: 0px; } .top-bar .register-links { float: right; } .top-bar .register-links ul { display: inline-block; margin: 0px; padding:0px; } .top-bar .register-links i { line-height: 48px; display: inline-block; } .top-bar .register-links a { color: #FFF; font-family: $(body.font); font-size: 13px; font-weight: 500; letter-spacing: 1px; display: inline-block; } .top-bar .register-links a:hover { color: #333; } .social-icons { float: left; height: 48px; } .social-icons li, .register-links li { display: inline-block; padding-right: 5px; padding-left: 5px; } .hero-unit { min-height: 694px; position: relative; background: url(http://3.bp.blogspot.com/-ueLjQte5CFQ/VFtcypmpy3I/AAAAAAAAAWU/wT_oPUq89PI/s1600/2013_the_hunger_games_catching_fire-wide.jpg); background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom:40px; } .hero-unit.hero-breadcrump { min-height: 362px; } .hero-unit .header-bg { opacity: 0.5; background-color: black; position: absolute; z-index: 99; width: 100%; height: 100%; } .hero-unit .header-content { position: absolute; display: block; width: 100%; top: 20px; z-index: 999; } .hero-unit .header-content .banner-search { color:#fff;width: 860px; text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; top: 200px; } .hero-unit .header-content .banner-search .line-heading { width: 416px; margin: 0 auto; } . hero-unit .header-content .banner-search .line-heading .head-welcome { text-transform: uppercase; font-family: $(body.font); font-weight: 500; font-size: 12px; color: #ffffff; display: inline-block; letter-spacing: 1px; } .hero-unit .header-content .banner-search .line-heading .line1 { height: 9px; background: #FFFFFF; width: 100px; margin: 0 auto; margin-top: -9px; display: inline-block; float: left; opacity: 0.3; margin-top: 5px; } .hero-unit .header-content .banner-search .line-heading .line2 { height: 9px; background: #FFFFFF; width: 100px; margin: 0 auto; margin-top: -9px; display: inline-block; float: right; opacity: 0.3; margin-top: 5px; } .hero-unit .header-content .banner-search .main-text { font-size: 44px; color: #ffffff; margin-top: 20px; margin-bottom: 10px; font-family: $(body.font); font-weight: 600; } .hero-unit .header-content .banner-search .small-info { font-family: $(body.font); font-size: 16px; color: #d7d7d7; margin-bottom: 35px; } input#s { height: 50px; border-radius: 0px; color: #adadad; font-family: $(body.font); font-size: 11px; font-weight: 500; text-transform: uppercase; outline: none; box-shadow: none; border-width: 0px; background: #ffffff; border-right: 2px solid #f0f0f0; padding-left: 20px; padding-right: 20px; width: 80%; margin: 0px; float: left; } input#buttonsinput { height: 52px; border-radius: 0px; color: #adadad; font-family: $(body.font); font-size: 11px; font-weight: 500; text-transform: uppercase; outline: none; box-shadow: none; border-width: 0px; background: #ffffff; background-color: $(main.color); color: #ffffff; padding-left: 20px; padding-right: 20px; width: 15%; float: left; } form.search-form { width: 100%; text-align: center; } /*===================================== = 728x90 AD Wrap =====================================*/ .ad-wrapper-top { width: 728px; margin: auto; } .ad-wrap { float: left; margin-top: 100px; } /*===================================== = Responsive Menu =====================================*/ .menus,.menus *{margin:0;padding:0;list-style:none;list-style-type:none;line-height:1.0} .menus ul{position:absolute;top:-999em;width:100%} .menus ul li{width:100%} .menus li:hover{visibility:inherit} .menus li{float:left;position:relative} .menus a{display:block;position:relative} .menus li:hover ul{left:0;top:100%;z-index:99} .menus li:hover li ul{top:-999em} .menus li li:hover ull{left:100%;top:0} .menus li li:hover li ul{top:-999em} .menus li li li:hover ul{left:100%;top:0} .menu-primary-container{float:left;padding:0 10px;position:relative;height:36px;} .menu-primary ul{min-width:160px} .menu-primary li a{color:#222121;padding:12px 15px;text-decoration:none;text-transform:uppercase;font:normal 11px/11px Arial,Helvetica,Sans-serif} .menu-primary li a:hover,.menu-primary li a:active,.menu-primary li a:focus,.menu-primary li:hover > a,.menu-primary li.current-cat > a,.menu-primary li.current_page_item > a,.menu-primary li.current-menu-item > a{color:$(main.color);} .menu-primary li li a{color:#fff;text-transform:none;background:#E64633;padding:10px 15px;margin:0;border:0;font-weight:normal} .menu-primary li li a:hover,.menu-primary li li a:active,.menu-primary li li a:focus,.menu-primary li li:hover > a,.menu-primary li li.current-cat > a,.menu-primary li li.current_page_item > a,.menu-primary li li.current-menu-item > a{color:#fff;} .menu-secondary-container {position: relative;float: right;} .menu-secondary ul{min-width: 160px; margin-left: 20px;} .menu-secondary li a { color: #fff; font-family: $(body.font); font-size: 13px; font-weight: 600; color: #b5b5b5; line-height: 35px !important; text-transform: uppercase; padding-left: 20px; padding-right: 20px; letter-spacing: 1px; text-decoration:none; } .menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#fff;} .menu-secondary li li a { color: #777777; background: #F9F9F9; text-transform: uppercase; margin: 0; font-weight: normal; } .menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#33B5E5;text-decoration:none;} .menu-secondary ul ul { margin: 0px; } nav#nav-mobile { position: relatifve; display: none; } nav#nav-mobile ul { display: none; list-style-type: none; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; background-color: #F9F9F9; z-index: 10; padding: 0px; border-bottom: solid 1px #d2d2d2; } nav#nav-mobile li:last-child { border-bottom: none; } nav#nav-mobile a { display: block; color: #777777; padding: 10px 30px; text-decoration: none; border-bottom: solid 1px #d2d2d2; } nav#nav-mobile a:hover { color: $(main.color); } #nav-trigger { display: none; text-align: center; } #nav-trigger span { color: #EEE; line-height: 57px; } nav#nav-mobile { margin: 0px; } nav#nav-mobile { display: none; } #nav-trigger span .fa { font-size: 18px; } /*===================================== = Recent Posts From Labels =====================================*/ .section-home { width: 32%; margin: 0px; float: left; margin-right: 20px; margin-bottom: 20px!important; } .section-home.last { margin: 0px; } .title-wrap { clear: both; height: 13.09375px; background-color: #F0F0F0; margin-bottom:20px; } .title-wrap .title { float: left; } .title-wrap .title h3 { color: #333; font-family: $(body.font); font-size: 18px; font-weight: 600; letter-spacing: 1px !important; background-color: #FFFFFF; text-transform: uppercase; padding-right: 20px; margin: 0px; } .section-home ul#label_with_thumbs li { clear: both; display: block; float: left; width: 100%; border-bottom: 1px solid #d2d2d2; margin-bottom: 20px!important; padding-bottom: 20px; } .section-home ul#label_with_thumbs img { width: 85px; height: 85px; float: left; margin-right: 20px; } .section-home ul#label_with_thumbs { margin: 0px; padding: 0px; } .section-home ul#label_with_thumbs h2 { color: #333; font-family: $(body.font); font-size: 16px; font-weight: 600; text-transform: capitalize; line-height: 22px; transition: all 500ms ease; margin:0px; margin-bottom:5px; } .section-home ul#label_with_thumbs h2 a { color: #111; text-decoration: none; } .section-home .post-info a{ color: #777; font-family: $(body.font); font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; text-decoration:none; transition: all 500ms ease;} /*===================================== = News letter Homepage =====================================*/ .prodh{background-color:#FFF;padding:25px 0;margin:15px 0} .prodh:before{content:'';width:50px;height:3px;background-color:$(main.color);position:absolute;top:35px;left:-20px} .prodh h2{margin-left:50px} #newsletter{margin:0px;overflow:hidden;background-color:#fff;padding:50px 0;border-top:1px solid #EEE;border-bottom:1px solid #EEE;width: 98%; float: left;} #newsletter .left{float:left;width: 45%;} #newsletter .right{float:right;margin-top:11px} #newsletter .FollowByEmail{overflow:hidden} #newsletter .row{overflow:hidden} .ntitle h2:first-letter{color:$(main.color)} .ntitle:before{content:'';width:50px;height:3px;float:left;background-color:$(main.color);position:relative;top:19px;right:10px} .ntitle{font-size:20px} .ntitle h2{margin:0;} .ndesc p{margin-top:5px;font-size:12px;} #newsletter input.address{border:0;background-color:#EEE;height:50px;padding:0 10px;width:400px;margin-right:-5px;font-size:17px!important;font:$(body.font)} #newsletter input.submit{height:50px;width:100px;background-color:$(main.color);border:0;color:#fff;cursor:pointer;font:$(body.font);position:relative;top:-2px} /*===================================== = Featured Bottom Area =====================================*/ .feature-bottom { background: url(http://4.bp.blogspot.com/-CE2cwe7xMV8/VFtbh8aum1I/AAAAAAAAAWM/bT1ffjb0KUs/s1600/bg-input.jpg); float: left; width: 100%; padding-bottom: 30px; padding-top: 30px; } .feature-bottom .title-text { color: #fff; font-size: 25px; margin-bottom: 45px; } .feature-bottom li { display: block; float: left; width: 21%; margin-right: 50px; } .feature-bottom ul { margin: 0px; padding: 0px; } .feature-bottom li:last-child { margin: 0px; } .feature-bottom li a { color: $(main.color); text-decoration: none; font-size: 20px; font-weight: bold; } .feature-bottom li h2 { margin: 0px; } .feature-bottom .post-info a { font-size: 12px; text-transform: uppercase; color: #7B7B7B; } /*===================================== = Status Message =====================================*/ .status-msg-body { text-align: center; font-size: 16px; } .status-msg-wrap { background: #fff; width: 100%; text-align: left; margin-bottom: 30px; float: left; border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; } .status-msg-border { border: none; } .status-msg-body a { display: none; } .status-msg-body { background: #fff; } .status-msg-body b {background:$(main.color); color:#fff;padding:5px; text-transform:uppercase} /*===================================== = Archive Pages =====================================*/ #main-wrapper { max-width: 830px;width: 100%; margin-top:-40px;padding-top:40px;border-right:1px solid #d2d2d2;padding-right:20px;border-left:1px solid #d2d2d2;padding-left:20px;} .hero-unit { min-height: 300px; } .post-image-entry { float: left; } .post-image-entry img { width: 200px!important; margin: 0px; margin-right: 20px; height:200px!important;} .post h2 { padding-top:20px; float: left; width: 100%; border-bottom: 1px solid #d2d2d2; padding-bottom: 20px; margin: 0px 0px 30px 0px; } .post h2 a{text-decoration:none;} span.recent-title { float: left; width: 100%; text-align: center; font-size: 45px; } span.recent-title h2 { font-size: 40px; padding: 0px 0px 40px 0px; border-bottom: 1px solid #d2d2d2; margin: 0px 0px 40px 0px; } /*===================================== = Page Setting =====================================*/ .static_page .hero-unit { min-height: 300px; } .static_page #main-wrapper { max-width: 830px;width: 100%; margin-top:-40px;padding-top:40px;border-right:1px solid #d2d2d2;padding-right:20px;border-left:1px solid #d2d2d2;padding-left:20px;} .static_page h2.post-title { font-size: 40px; float: left; width: 100%; color: #fff; text-align: center; margin-top: 80px; } .static_page h2.post-title a { color: #fff; text-decoration: none; } /*===================================== = Post Item =====================================*/ .item .hero-unit { min-height: 300px; } .item #main-wrapper { max-width: 830px;width: 100%; margin-top:-40px;padding-top:40px;border-right:1px solid #d2d2d2;padding-right:20px;border-left:1px solid #d2d2d2;padding-left:20px;} h1.post-title { float: left; width: 100%; color: #fff; text-align: center; margin-top: 80px; } blockquote { margin: 20px; color: #666; background: #F6F6F6; padding: 20px; border: 1px solid #d2d2d2; } .post-body h4 { font-size: 24px; margin: 0px; margin-bottom: 10px; margin-top: 20px; line-height: 24px; } .post-body h3 { font-size: 30px; margin: 0px; margin-bottom: 10px; margin-top: 20px; line-height: 30px; } .post-body h2 { font-size: 34px; margin: 0px; margin-bottom: 10px; margin-top: 20px; line-height: 34px; } .postmeta-primary { margin-top: 30px;float: left; width: 100%; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; } .postmeta-primary li { display: block; float: left; margin-left: 10px; border-right: 1px solid #d2d2d2; padding-right: 10px; } .postmeta-primary li i { margin-right: 10px; } .sidebar .PopularPosts .widget-content ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; } .item #related-posts { width:100%;float: left; border-bottom: 1px solid #d2d2d2; margin-bottom: 20px; } .firstword { float: left; color: $(main.color); font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; } h2.date-header{margin:1.5em 0 .5em;display:none;} .wrapfullpost{} .post{margin-bottom:15px;} .post-body{margin:0px;padding:0px 10px 0px 0px;font-size:14px;line-height: 20px;} .post-footer{margin:5px 0;} .post-body img { max-width: 100%; height: auto; width: auto; margin-top: 15px; margin-bottom: 10px; } /*===================================== = Sidebar Search Box =====================================*/ input#searchbox { border: 1px solid #d2d2d2; padding: 15px; font-family: $(body.font); width: 185px; } input#searchb { border: 0px; background: $(main.color); color: #fff; padding: 15px; font-family: $(body.font); font-size: 14px; } .search-box { margin-bottom: 35px; } /*===================================== = Comments =====================================*/ #comments { float: left; width: 100%; } #comments-block3 { padding: 0; margin: 0; float: left; overflow: hidden; position: relative; } #comment-name-url { width: 465px; float: left; } #comment-date { width: 465px; float: left; margin-top: 5px; font-size: 10px; } .avatar-image-container { background: none!important; border: none!important; ; } .datetime.secondary-text { float: right; } .comments .comments-content .comment-content { line-height: 20px; font-size: 14px; } .comments .comment .comment-actions a { padding-right: 5px; padding-top: 5px; text-decoration: none; } .comments .comments-content .comment { margin-bottom: 40px; padding-bottom: 8px; } .user.blog-author a { font-size: 20px; text-decoration: none; } .comment-actions a { color: #fff; } .comment-actions { padding: 10px; margin-top: 20px; float: right; background: #222222; margin-bottom: 10px; } .comment-block { border: 1px solid #ddd; padding: 20px; } .comment-header { border-bottom: 1px solid #ddd; padding-bottom: 20px; } #comments h4 { margin-left: 0px; margin-top: 30px; line-height: 30px; font-size: 25px; } /*===================================== = Share Buttons =====================================*/ .share-buttons li { float: left; display: block; border-right: 1px solid #d2d2d2; height: 70px; margin-right: 20px; padding-right: 20px; padding-top: 10px; } .share-buttons { border-bottom: 1px solid #d2d2d2; width: 100%; float: left; margin-bottom: 20px; padding-bottom: 15px; padding-top: 5px; } .share-title { font-size: 30px; text-transform: uppercase; line-height: 55px; margin-left: 20px; } /*===================================== = Responsive =====================================*/ @media screen and (max-width: 1110px) { .margin-960 {max-width: 800px;} .hero-unit .header-content .banner-search { width: 800px; } .hero-unit .header-content .banner-search .main-text { color:#fff;font-size: 40px; } input#s { width: 79%; } .left {width: 100%;text-align: center;} #newsletter .right { width: 100%;} #newsletter input.address {width: 97.5%;} #newsletter input.submit {width: 100%;} .feature-bottom li { width: 22%;margin-right: 20px;overflow: hidden;} .feature-bottom li img { max-width: 100%;} .section-home { width: 47.5%;} .section-home.last {margin-right: 20px;} .footer-widget-box { width: 100%;} #header .description { margin: 0px 10px 15px 65px; letter-spacing: 1.4px; } div#header { width: 270px; float: left; margin: 0px; } } @media screen and (max-width: 810px) { .margin-960 {max-width: 300px} #nav-trigger {display: block;} .menu-secondary-container {display: none;} nav#nav-mobile {display: block;} .menus li{width:100%;} .social-icons { float: none; text-align: center; } .top-bar .register-links { display: none; } .hero-unit .header-content .banner-search { width: 300px; overflow: hidden; top: 120px; } input#s { width: 110%; } input#buttonsinput { width: 100%; } .ad-wrap { margin-top: 10px; } .section-home { width: 100%; } #newsletter .left { width: 100%; } #newsletter .right {} #newsletter input.submit { width: 102.5%; } span.line1,span.line2{display:none!important;} .hero-unit .header-content .banner-search .line-heading { width: 300px; } .feature-bottom li { width: 100%; } .feature-bottom li img { width: 100%; } #main-wrapper { padding: 0px!important; border: 0px!important; margin:0px!important;} .post-image-entry img { width: 100%; height: auto; } #header .description { margin: 0px 10px 15px 65px; letter-spacing: 1.4px; } div#header { width: 280px; float: left; } .ad-wrapper-top { width: 300px; overflow: hidden; } } ]]>