<data:blog.pageTitle/> <data:blog.pageName/> ~ <data:blog.title/> a,.menu-primary li.current-cat > a,.menu-primary li.current_page_item > a,.menu-primary li.current-menu-item > a{color:#C72714;outline:0;background:url(http://3.bp.blogspot.com/-MYS4dWVzP7E/UC7eq8_isMI/AAAAAAAAAw4/1EgVe7LFnos/s000/menu-primary-bg.png) left -136px repeat-x} .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;background:#F85B49;outline:0;border-bottom:0;text-decoration:none} .menu-primary a.sf-with-ul{padding-right:20px;min-width:1px} .menu-primary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:11px 10px 0 0} .menu-primary li li .sf-sub-indicator{padding:9px 10px 0 0} .wrap-menu-primary .sf-shadow ul{background:url('http://4.bp.blogspot.com/-HZR7XIAppvQ/UC7esBSSHsI/AAAAAAAAAxA/tOQJJyB__CI/s000/menu-primary-shadow.png') no-repeat bottom right} .menu-secondary-container { width: 100%; float: left; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; margin-bottom: 20px; } .menu-secondary ul { min-width: 220px; border: 3px solid #111; } .menu-secondary li a { color: #111; text-transform: uppercase; font-size: 13px; text-decoration: none; padding: 19px 29px 17px 29px; font-weight: bold; border-left: 1px solid #d2d2d2; } .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; outline: 0; background: #111;} .menu-secondary li li a { border-bottom: 1px solid #d2d2d2; background: #fff; text-transform: none; margin: 0; color: #444; width: auto; display: block; text-align: left; padding: 11px 4px 10px 19px; border-radius: 0; font-size: 13px; font-weight: 600; line-height: 24px; } .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:#ff6c6d;background:#fff;outline:0} .menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px} .menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:12px 13px 0 0} .menu-secondary li li .sf-sub-indicator{padding:9px 13px 0 0} .wrap-menu-secondary .sf-shadow ul{background:url('http://2.bp.blogspot.com/-ErWByFPNils/UC7etR9NBcI/AAAAAAAAAxQ/nHaZ5IKMRjM/s000/menu-secondary-shadow.png') no-repeat bottom right} /*===================================== = Top Menu =====================================*/ #topbar { float: left; width: 100%; background: #111; } #topbar ul { margin: 0px; padding: 0px; } #topbar li a { color: #e9e9e9; font-size: 11px; line-height: 38px; display: inline; margin: 0 6px; text-transform: uppercase; font-weight: 800; letter-spacing: 0.6px; text-decoration: none; } #topbar li a:hover { color: #ff6c6d; } #topbar li { display: block; float: left; } #navigation { width: 65%; float: left; } #navigation a:after { content: "|"; padding-left: 10px; color: #666; font-size: 10px; font-weight: 800; } /*===================================== = Social Menu =====================================*/ .social-links{ float:right; } .social-links li i { padding: 12px 14px; background: none; height: 100%; } .social-links i { font-size: 18px; color: #fff; opacity: 0.95; } .social-links li a { margin: 0px!important; } .social-links li i { -webkit-transition: all 0.31s ease; -moz-transition: all 0.31s ease; -ms-transition: all 0.31s ease; -o-transition: all 0.31s ease; transition: all 0.31s ease; } .facebook i:hover { background: #3b5998; } .twitter i:hover { background: #0ab1f0; } .googlep i:hover { background: #dd4b39; } .youtube i:hover { background: #bb0000; } /*===================================== = Label Content =====================================*/ .label_with_thumbs {padding: 0px; margin: 0px; } .label_with_thumbs li { float: left; width: 240px; position: relative; overflow: hidden; } .label_with_thumbs li img { width: 100%; height: auto; } .label_with_thumbs li:nth-child(2) { width: 50%;} .label_with_thumbs li:nth-child(2) .multi-category-image, .label_with_thumbs li:nth-child(1) .multi-category-image { height: 373px;} .label_with_thumbs li:nth-child(2) .multi-category-date a, .label_with_thumbs li:nth-child(1) .multi-category-date a {margin-left:30px;display: initial;} .label_with_thumbs li:nth-child(2) .multi-category-text a, .label_with_thumbs li:nth-child(1) .multi-category-text a {font-size:21px;} .label_with_thumbs li:nth-child(2) .multi-category-date, .label_with_thumbs li:nth-child(1) .multi-category-date {padding: 24px 24px 24px 24px;} .label_with_thumbs li:nth-child(1) {width: 50%;} .label_with_thumbs .imageoverlay { height: 100%; background-color: rgba(36, 36, 36, 0.4); position: absolute; width: 100%; bottom: 0; } .label_with_thumbs .multi-category-text { position: absolute; bottom: 0; padding: 24px 24px 41px 24px; transition: all .5s ease-in-out; } .label_with_thumbs .multi-category-text a { font-size: 19px; margin-bottom: 18px; font-weight: 700; letter-spacing: -1px; line-height: 1.2; color: #fff; text-decoration: none; } .multi-category-date { position: absolute; bottom: 0; padding: 24px 24px 16px 24px; transition: all .5s ease-in-out; font-size: 13px; font-weight: 600; color: #b7b7b7; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); } .multi-category-date a { display:none; background: #ff6c6d; padding: 3px 5px 5px; color: #fff; border: none; letter-spacing: 0; transition: all .5s ease-in-out; text-decoration: none; text-shadow: none; font-weight: 500; } #postfeature h3 { display: none; } /*===================================== = Ad 960 =====================================*/ #adwraptwo img { width: 100%; } #adwraptwo { margin-top: 20px; float: left; margin-bottom: 20px; width:100%; } /*===================================== = MISC =====================================*/ .post h2 a { font-size: 27px; margin-bottom: 10px; font-weight: 700; line-height: 1.3; font-family:open sans; letter-spacing: -1px; } .post { margin-bottom: 24px; font-size: 15px; color: #444; margin-top: 10px; letter-spacing: 0.2px; font-weight: 400; line-height: 1.6; } .post .item-snippet { font-size: 15px; line-height: 23px; } .item .blog-pager-newer-link { margin-right: 10px; } .item #blog-pager { float: right; margin: 0px; line-height: 40px; } .item #blog-pager a { background: #ff6c6d; padding: 8px 15px; color: #fff; font-size: 14px;font-family:open sans; text-decoration:none;} .item #blog-pager a:hover { background: #FF6364; } .summary-style { display: none; } .index .post-summary { height: 367px; overflow: hidden; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px; } .index iframe { width: 100%; height: 364px; } /*===================================== = Tab Widget =====================================*/ .tabviewsection { background: #f8f8f8; float: left; width: 100%; margin-top: 10px; margin-bottom: 40px; } .tabs-widget { height: 32px!important; } .tabs-widget-content { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 10px; background: #fff; float: left; } .tabs-widget { text-shadow: 0 1px 0 rgba(122, 122, 122, 0.85); list-style: none; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .tabs-widget li { list-style: none; list-style-type: none; padding: 0; float: left; border-right: 2px solid #fff; } .tabs-widget li a { color: #fff; display: block; padding-right: 16.5px; padding-left: 16px; font-size: 13px; padding-top: 15px; padding-bottom: 15px; text-decoration: none; background: #f5f5f5; color: #111; border: 1px solid #e1e1e1; padding:6px; } .tags_tab { width: 80px; text-align: center; } .about_tab { width: 96px; text-align: center; } li.laster { border: 0px; width: 120px; text-align: center; } .blog-mobile-link { display: none; } .tabs-widget { height: 31px!important; } .tw-authors { width: 570px; } .tabviewsection h2 { display: none; } .tabs-widget li a.tabs-widget-current { background: #fff; color: #555; text-decoration: none; text-transform: capitalize; border-bottom:0px; } .tabs-widget li a { background: #f5f5f5; font-weight:300; font-size:13px; } .tabs-widget { text-shadow: 0 1px 0 rgba(122, 122, 122, 0.85); list-style: none; list-style-type: none; margin: 0 0 10px 0; padding: 0; height: 48px!important; overflow: hidden; } #sidebartab1, #sidebartab2, #sidebartab3 { margin: 0px; } /*===================================== = Popular =====================================*/ .PopularPosts .item-thumbnail img { float: left; margin-right: 13px; height: 50px; width: 52px; line-height: 1.26; padding: 0px; } .sidebar .PopularPosts a { color: #494949; font-weight: 600; } .PopularPosts .widget-content ul li { padding: .7em 0; border-bottom: 1px solid #f1f1f1; } /*===================================== = Meta =====================================*/ .author-avatar img { background: #fff; border-radius: 50%; width: 100%; height: auto; border: 1px solid #e1e1e1; } .author-avatar { width: 50px; height: 50px; float: left; margin-right: 10px; max-width: 100%; } .post-meta { color: #a1a1a1; font-family: open sans; font-size: 14px; margin: 15px 0; display: block; text-transform: capitalize; position: relative; } .post-meta strong { margin-right: 5px; line-height: 22px; } .post-meta h6 { margin: 0px; } .post-meta a { color: #a1a1a1; text-decoration: none; } .blog-date { display: inline-block; padding-bottom: 10px; position: absolute; right: 0; top: 0; line-height: 20px; } /*===================================== = LABEL =====================================*/ .Label a { border: 1px solid #e1e1e1; padding: 4px; } .Label li a { float: left; line-height: 16px; padding: 4px 7px; font-size: 13px; font-weight: 400; margin: 0 5px 5px 0; min-width: 18px; border: 1px solid #eee; border-radius: 3px; width: auto; background: #fefefe; color: #898989; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; } .Label li { padding: 0px!important; float: left; margin: 0 2px 0px 0px!important; } /*===================================== = Archieve List =====================================*/ #ArchiveList li { border-width: 1px!important; border-bottom: 1px solid #e2e2e2; padding: 8px 4px 8px 0; width: 100%; margin:0px!important; float: left; } #ArchiveList li a { color: #797e82; padding-left:10px; } #ArchiveList li:hover { background: #FAFAFA!important } /*===================================== = Readmore =====================================*/ .readmore a { position: relative; font-family: 'Open Sans', sans-serif; margin: 4px 0 3px 1px; transition: all 0.15s ease-in-out; border: 1px solid #c8c8c8; border-radius: 22px; padding: 6px 32px 6px 22px; color: #363f46; box-shadow: 0 0 0 0; font-size: 12px; text-transform: capitalize;float:left; } .readmore { float: left; margin-top: 20px; } .readmore a { text-decoration: none; } .readmore a:hover { border: 1px solid #111; color: #111; } /*===================================== = Share Buttons =====================================*/ .share-button-link-text { display: block; text-indent: 0; } .post-share-buttons { display: block; width: 100%; float: left; margin-bottom: 30px; border-bottom: 1px solid #e1e1e1; padding-bottom: 12px;margin-top: 12px; } .post-share-buttons .fb { background: #375593; color: #fff; font-size: 14px; padding: 8px 15px; text-decoration: none; font-family: open sans; } .post-share-buttons .fb a { color:#fff; text-decoration:none!important; } .post-share-buttons a {text-decoration:none;} .post-share-buttons .tw { background: #0eb6f6; color: #fff; padding: 8px 15px; font-size: 14px; } .post-share-buttons .pin { background: #cb2027; padding: 8px 15px; color: #fff; font-size: 14px; } .post-share-buttons .gp { background: #dd4b39; padding: 8px 15px; color: #fff; font-size: 14px; } /*===================================== = Related =====================================*/ #related-posts { border: 1px solid #ccc; float: left; border-top: 1px solid #ccc; margin: 20px 0px; background: #F4F4F4; padding: 10px;width:96%; } #related-posts h2 { background: #ff6c6d; color: #fff; text-transform: uppercase; float: left; padding: 10px; font-size: 18px; margin-left: 8px; } #related-posts h2:before { content: "\f0f4"; font-family: fontawesome; margin-right: 10px; } /*===================================== = About Author =====================================*/ .aboutauthor { font-size:14px;font-family: open sans, Helvetica, Sans-serif; margin-top:30px;float: left; width: 100%; } .aboutauthor img { width: 111px; height: auto; float: left; margin-right: 20px; } .authorname { font-family: 'Roboto Slab'; font-size: 23px; margin: 5px 0px!important; } .aboutauthor p { margin: 0px; } .aboutauthor h3 {font-weight:300; border: 1px solid #d2d2d2; background:#f5f5f5; color: #111; text-transform: uppercase; padding: 10px; font-size: 18px; } .authorrank { text-transform: uppercase; margin: 0px 0px 10px 0px!important; } .authorname { font-size: 21px; font-weight: 700; line-height: 1.3; font-family: open sans; letter-spacing: -1px; } /*===================================== = Social =====================================*/ .socialfollow { float: right; } .socialfollow a { height:38px; padding: 10px; float: left; text-decoration: none; display: block; -webkit-transition: all 0.31s ease; -moz-transition: all 0.31s ease; -ms-transition: all 0.31s ease; -o-transition: all 0.31s ease; transition: all 0.31s ease; } .socialfollow a:first-of-type { margin-left: 0; } .footer-in .socialfollow a:hover { text-decoration: none; } .socialfollow a.facebook:hover { background: #3b5996; } .socialfollow a.twitter:hover { background: #00acee; } .socialfollow a.vimeo:hover { background: #0dadd6; } .socialfollow a.dribble:hover { background: #d53e68; } .socialfollow a.youtube:hover { background: #cb322c; } .socialfollow a.pinterest:hover { background: #cb2027; } .socialfollow a.google:hover { background: #c3391c; } .socialfollow a.linkedin:hover { background: #0073b2; } .socialfollow a.rss:hover { background: #f29a1d; } .socialfollow a.instagram:hover { background: #457399; } .socialfollow a.other-social:hover { background: #ff5d5e; } .socialfollow img { opacity: 0.79; } .socialfollow i { font-size: 18px; color: #fff; opacity: 0.95; } .socialfollow a:nth-child(3n+1) { margin: 0px; } .socialfollow a { padding: 29px; width: 36px; height: 20px; border: 1px solid #e1e1e1; margin: 2px; float: left; text-align: center; } .socialfollow i { color: #909090; font-size:30px } .socialfollow i:hover{color:#fff;} /*===================================== = Status Msg =====================================*/ .status-msg-body { background: #fff; float: left; text-align: center; } .status-msg-wrap { background: #fff; width: 100%; text-align: center; margin-bottom: 20px; float: left; border-bottom: 1px solid #d2d2d2; margin-top: 31px; padding: 10px 0px; } .status-msg-border { border: none; } .status-msg-body a { display: none; } .status-msg-body { background: #fff; float: left; text-align:center; } .status-msg-body:before { content: "\f0eb"; font-family: fontawesome; font-size: 20px; } /*===================================== = Responsive CSS =====================================*/ @media screen and (max-width: 1110px) { nav#nav-mobile ul{display:none;} nav#nav-mobile,#nav-trigger {display: block!important;} .menu-secondary-container {display: none!important;} .menus li {width: 100%;} } @media screen and (max-width: 810px) { nav#nav-mobile,#nav-trigger {display: block!important;} .menu-secondary-container {display: none!important;} .menus li {width: 100%;} } @media screen and (max-width: 1110px) { nav#nav-mobile ul{display:none;} nav#nav-mobile,#nav-trigger {display: block!important;} .menu-secondary-container {display: none!important;} .menus li {width: 100%;text-align:center;} .margin-1200 {max-width: 800px;} #header { float: none; margin:auto;} #header img { margin-right: 0px!important; float: left; } .label_with_thumbs li {width: 200px;} #main-wrapper { width: 100%; } .socialfollow a { padding: 27px;} .menus ul {width: 99.4%; } .menu-secondary li a {border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; } .footer-widget-box { width: 246px;} #header2 { float: none; margin: auto; } #copyrights p { text-align: center; } #rsidebar-wrapper { width: 100%; } .sidebar .widget-content { width: 759px; } #related-posts a { width: 134px!important; } #related-posts img { width: 133px!important; height: 115px!important; } } @media screen and (max-width: 810px) { nav#nav-mobile,#nav-trigger {display: block!important;} .menu-secondary-container {display: none!important;} .menus li {width: 100%;} .margin-1200 {max-width: 320px;} #header {text-align: center; } #social-menu { width: 295px; margin: auto; } #main-wrapper { width: 100%; } #header2 iframe { width: 100%; } #header2 { width: 320px; overflow: hidden; } #header img { width: 230px;} .label_with_thumbs li:nth-child(2) .multi-category-image, .label_with_thumbs li:nth-child(1) .multi-category-image { height: 320px; } .label_with_thumbs li { width: 100%!important;} #navigation { width: 100%; text-align: center; } .social-links { float: none; width: 177px; margin: auto; } .item #blog-pager { margin-top: 10px; width: 100%; } #related-posts { width: 93%;} #related-posts a { width: 97%!important; height: auto!important; } #related-posts img { width: 100%!important; height: auto!important; } .sidebar .widget-content { width: 100%; padding: 0px; } .sidebar .widget { background: none; border: 0px; } iframe{width: 100%; height: auto;} #copyrights .right { float: left; width: 100%; } .footer-widget-box { width: 300px; margin: 0px; } #copyrights .right ul li { width: 100%; float: left; margin: 0px; } #related-posts div { width: 100%!important; } } ]]>