/*
Theme Name:   Backstreet Child
Theme URI:    http://themeforest.net/item/backstreet-blog-magazine-theme/1680564
Description:  Backstreet Child Theme
Author:       Ridwan
Author URI:   http://themeforest.net/user/ridwanreedwan
Template:     Backstreet
Version:      3.2
Tags:	white, light, three-columns, right-sidebar, left-sidebar, fluid-layout, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, translation-ready
Text Domain:  Backstreet
*/


/* Theme style customization starts here
-------------------------------------------------------------- */


/*************** GENERAL ***************/
.general { width:1000px; margin:0 auto; position:relative; }
.container { background:#fff; }
.wrapper { margin-top:30px; }
.scrolltop { background: url(images/top.png) repeat; width:40px; height:40px; }
.post-tooltip { font-size:13px; color:#fff; background:#444; display:none; padding:3px 10px; position:absolute; z-index:1000; }
.line-head { height:1px; background:#F7F7F5; margin-top:5px; }
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { text-align:center;}
.sticky {}
.bypostauthor  {}
.wp-caption {}
.wp-caption-text {}
.single-thumb img, .magazine-widget img, .post-image img, .portfolio1 img, .portfolio2 img { width:100%; height:auto; }
.video-frame { position:relative; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; }
.video-frame iframe,.video-frame object,  .video-frame embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.video-shortcode { position:relative; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; }
.video-shortcode iframe,.video-shortcode object,  .video-shortcode embed { position:absolute; top:0; left:0; width:100%; height:100%; }


/*************** TOP **********************/
.top { height:32px; background:#272625; width:1000px; margin:0 auto; }
.top-wrap { width:960px; margin:0 auto; }
.datetime { text-align:right; }
.top-nav-wrapper  {  }
.topNav { float:left; margin:0; }
.topNav a, .datetime  { font-size:11px; line-height:32px; color:#e1e1e1; text-transform:uppercase; }
.topNav li{ float:left; position: relative; list-style-type:none; list-style-image: none; }
.topNav li a{ padding:0 20px 0 0; display:block; }
.topNav li ul { display: none; margin:0 !important; }
.topNav li:hover > ul, .topNav li.hover > ul { display: block; position: absolute; top: 32px; left: -20px; z-index: 2000; width: auto; }
.topNav li  > ul { height:auto;  width: auto; background: #272625; border:1px solid #3c3c3a; padding:0; }
.topNav li  > ul li {  width:150px; padding: 0; position: relative; height:30px; border-bottom:1px solid #3c3c3a; }
.topNav li  > ul li:last-child{  border-bottom:none; }
.topNav li  > ul li a { text-transform:none; height:22px; padding: 5px 10px 0px 15px; text-align: left;  font-size: 11px; line-height:20px; color:#ebebeb; }
.topNav li  > ul li a:hover { border:none; }
.topNav li ul li:hover > ul, .topNav li ul li.hover > ul { display: block; position: absolute; top:0; left: 150px; z-index: 0; width: 150px; }
	


/*************** SOCIAL HEADER ****************/
.header-content { height:35px; padding-top:15px; }
.social-header ul { overflow:hidden; margin:0; float:right; }
.social-header ul li{ float:left; list-style-type:none; border:none; padding:0 10px 0 0; }
.social-header ul li:last-child { padding:0; }
.social-header ul li.rss a{ background:url(images/dark/social-icons/rss.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.facebook a{ background:url(images/dark/social-icons/facebook.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.google a{ background:url(images/dark/social-icons/google.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.twitter a{ background:url(images/dark/social-icons/twitter.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.vimeo a{ background:url(images/dark/social-icons/vimeo.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.youtube a{ background:url(images/dark/social-icons/youtube.png) no-repeat ; width:25px; height:25px; display:block; }
.social-header ul li.flickr a{ background:url(images/dark/social-icons/flickr.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.deviantart a{ background:url(images/dark/social-icons/deviantart.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.linkedin a{ background:url(images/dark/social-icons/linkedin.png) no-repeat ; width:25px; height:25px; display:block; }



/*************** SPOTLIGHT *****************/
.spotlight{ overflow:hidden; background:#272625; margin-top:10px;  }
.spotlight-title { background:url(images/side-title-spotlight.png) no-repeat right; color: #fff; text-transform:uppercase; float:left; padding:0 40px 0 30px; height:34px; line-height:34px; }
.spotlight-title span { position:relative; top:-2px; padding:0 5px 0 0; }
ul#ticker { margin-bottom:0; }
ul#ticker li { float:left; display:none; margin-right:15px; }
ul#ticker li a { color:#fff; line-height:32px; }
ul#ticker li a:hover { color:#999; }
.tickercontainer { /* the outer div with the black border */  background:#272625; height:34px;  margin: 0;  padding-right:30px; overflow: hidden; }
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */position: relative; top: 0; overflow: hidden;  }
ul.newsticker { /* that's your list */ position: relative; list-style-type: none; margin: 0; padding: 0; left: 860px; }
ul.newsticker li { background:url(images/spotlight-arrow.png) no-repeat 0 50%; float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0 0 0 12px; display:block !important; }
ul.newsticker a { white-space: nowrap; padding: 0; } 
ul.newsticker span { margin: 0 15px 0 0; }

/************** HEADER **************/
.logo-header { position:absolute; top:20px; left:0; z-index:1000;  }
.logo-header a { display:block; }

	/** Main Navigation **/
	.container_12.dropdownmenu{ display:none; }
	.main-nav-wrapper{ height:30px; position:relative; }
	.mainNav { float:right; height:30px; padding-bottom:0px; margin:0 !important; }
	.mainNav a { font-size:14px; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
	.mainNav ul { list-style-type: none; list-style-image: none; }
	.mainNav li {float:left; position: relative; list-style-type: none; list-style-image: none; }
	.mainNav li a { text-transform:uppercase; padding:0 0 0 25px; display:block; padding-bottom:7px;  }
	.mainNav li ul { display: none; margin:0 !important; }
	.mainNav li:hover > ul, .mainNav li.hover > ul { display: block; position: absolute; top: 30px; left: 0; z-index: 2000; width: 180px; }
	.mainNav li  > ul { height:auto;  width: auto; background: #333;  padding:0; }
	.mainNav li  > ul li {  width:180px; padding: 0; position: relative; height:35px;  }
	.mainNav li  > ul li:last-child{  border-bottom:none; }
	.mainNav li  > ul li a { text-transform:none; height:22px; padding: 5px 10px 0px 15px; text-align: left;  font-size: 13px; line-height:25px; color:#ebebeb; }
	.mainNav li  > ul li a:hover { border:none; }
	.mainNav li ul li:hover > ul, .mainNav li ul li.hover > ul { display: block; position: absolute; top:0; left: 180px; z-index: 0; width: 180px; }
	
	
	

	
	/** Social Counter Widget **/
	.social-counter-wrapper { overflow:hidden; background:url(images/bg-pattern.png) repeat; padding:10px 10px 0 10px; margin-bottom:35px; }
	.social-counter { background:#fff; float:left; text-align:center; width:70px; padding:10px; margin:0 1px 3px 2px !important; }
	.social-counter.facebook-count { margin:0; }
	.social-counter .social-count { color:#666; font-size:18px; padding-top:5px;} 
	.social-counter .social-descrip { color:#666; font-style:italic;}
	.social-counter a { margin-left:19px; }
	.social-counter.no-right{margin-right:0;}
	.Feedburner-count a{ background:url(images/counter/Feed.png) no-repeat; width:33px; height:33px; display:block; }
	.Twitter-count a{ background:url(images/counter/Twitter.png) no-repeat; width:33px; height:33px; display:block; }
	.Facebook-count a{ background:url(images/counter/Facebook.png) no-repeat; width:33px; height:33px; display:block; }
	.YouTube-count a{ background:url(images/counter/YouTube.png) no-repeat; width:33px; height:33px; display:block; }
	.Vimeo-count a{ background:url(images/counter/Vimeo.png) no-repeat; width:33px; height:33px; display:block; }
	.Dribbble-count a{ background:url(images/counter/Dribbble.png) no-repeat; width:33px; height:33px; display:block; }
	.Forrst-count a{ background:url(images/counter/Forrst.png) no-repeat; width:33px; height:33px; display:block; }
	.Digg-count a{ background:url(images/counter/Digg.png) no-repeat; width:33px; height:33px; display:block; }
	


#af-form-1370329236 .af-body {
   padding-bottom: 0px !important;
   padding-top: 0px !important;
}

.magz-meta, .magz-meta a 
  {
   	display: none;
  }