/*

Theme Name: TGIOM Child Theme
Theme URI: http://themeforest.net/item/backstreet-blog-magazine-theme/1680564
Author: Reedwan - Backstreet Child theme by TractionMediaGroup.com 
Author URI: http://themeforest.net/user/ridwanreedwan
Template: Backstreet
Version: 1.0
*/



/* @import url("../Backstreet/style.css"); */

.tgiom-hero-full{
    margin:25px;
    width:950px;
}


.tgiom-hero-widget{
    margin-bottom:40px;
}


.sidebar-widget-title {
padding-bottom: 10px;
text-transform: none;
}

.textwidget > .sidebar-widget-title{
	padding: 10px;
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
line-height: 1.5em;
font-weight: normal;
}

.widget-footer-title {
margin-bottom: 10px;
padding-bottom: 11px;
border-bottom: 1px solid #555;
}

.bottomNav li a {
padding: 0 0 0 10px !important;
display: block !important;
}
 
.bottomNav a {
font-size: 11px;
text-transform: uppercase !important;
color: #efefef !important;
}

/***************MIKE ***************/
/*************** GENERAL ***************/

.wrapper { margin-top:30px; }

/*************** TOP **********************/

.top { height:32px; background:#272625; width:100%;}
.top-wrap { width:1000px; margin:0 auto; overflow:hidden;}

/************** HEADER **************/
.header {height: 130px;!important}
.header-bkg-container{background: #fff url('images/header-bkg.png') repeat;}
.logo-header { position:absolute; top:20px; left: 18px; z-index:1000;  }
.logo-header a { display:block; }

.mainnavmenu{ padding: 60px 0px 0px 0px;}
	/** Main Navigation **/
	.main-nav-wrapper{ height:30px; position:relative; margin: 50px 0px 0px 0px;}
    /*.mainNav { float:left; height:30px; padding-bottom:0px; margin:0 !important;}*/
    .mainNav { float:none; text-align:center; 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 {float:none; display:inline-block; position: relative; list-style-type: none; list-style-image: none; }
	.mainNav li a { text-transform:uppercase; padding:0 0 0 28px; display:block; padding-bottom:13px;  color: white; }
	.mainNav li ul { display: none; margin:0 !important; }
	.mainNav li:hover > ul, .mainNav li.hover > ul { display: block; position: absolute; top: 35px; left: 0; z-index: 2000; width: 180px; }
	.mainNav li  > ul { height:auto;  width: auto; background: #fff; border:1px solid #efefef; padding:0; }
	.mainNav li  > ul li {  width:180px; padding: 0; position: relative; height:35px; border-bottom:1px solid #efefef; }
	.mainNav li  > ul li:last-child{  border-bottom:none; }
	.mainNav li  > ul li a { white-space: nowrap; text-transform:none; height:22px; padding: 5px 10px 0px 15px; text-align: left;  font-size: 13px; line-height:25px; color:#333; }
	.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; }

/** Single **/


.-post-icon { float:right;  width:65px; height:43px; background:url(images/format-icon/post-standard.png) no-repeat center right; position:relative; right:15px; top:0; }
.reviews-post-icon { float:right;  width:65px; height:43px; background:url(images/format-icon/post-reviews.png) no-repeat center right; position:relative; right:15px; top:0; }

.content-title { 
margin-bottom:35px; 
overflow:hidden; 
background:url(images/bg-pattern.png) repeat; 
padding:4px 4px; }

.content-title h1 {
font-size:  1.833em !important;
text-transform: uppercase !important;
padding: 0px 15px !important;
margin: 0 0px;
}

.single-info {
overflow: hidden;
color: #666;
padding: 5px 0 0 10px;
}

.textwidget {
background: url(images/bg-pattern.png) repeat;
margin-bottom: 35px;
overflow: hidden;
padding: 0;
}

/** Gallery & Portfolio **/
ul#filter { float: left; font-size: 14px; list-style: none; margin-top:0; margin-bottom:20px; }
ul#filter li { float: left; line-height: 28px; margin-right: 10px; }
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { background:#272625; color:#fff; text-decoration: none; text-transform:capitalize; padding:5px 15px; }
ul#filter li.current a, ul#filter li a.current, ul#filter a:hover { background:#BA0D16; }
#portfolio .post-title{ background:url(images/bg-pattern.png) repeat; border:none; }
ul#portfolio { float: left; list-style: none; margin-left: 0; }
.portfolio1 li { float: left; width:300px; overflow:hidden; margin:0 10px 30px 10px; }
.portfolio2 li { float: left; width:220px; margin:0 10px 30px 10px; }
.portfolio2 .post-title { font-size:14px; }
.portfolio1 .post-title { font-size:16px; }
.picture_counter { background:#111; padding:7px; position:absolute; top:0; left:0; display:block; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; z-index:1000; line-height:1; color:#fff; font-size:16px; }
.gallery-image { margin-bottom:20px; }
.picture_title { background:#111; overflow:hidden; padding:7px; position:absolute; bottom:0; left:0; display:block; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8; z-index:1000; line-height:1; font-size:14px; }
.picture_title a { color:#fff; }

/** Home CTA **/
.home .small.cta { max-height: 620px; margin-bottom: 35px; }
.home .small.cta a { position: relative; display: block; height: 340px; width: 620px; background: url(images/cta-bg.jpg) no-repeat; overflow: hidden; }
.home .small.cta a img { display: block; width: 418px; height: 223px; position: absolute; top: 40px; left: 30px; -webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear; }
.home .small.cta a img.back { opacity: 0 }
.home .small.cta a:hover img.fore { opacity: 0 }
.home .small.cta a:hover img.back { opacity: 1 }

/* Fix for gallery featured img having no thumb */
.post-type-archive-gallery .post-image .preview-icon img{ width: 300px; height:160px;}



/*************** 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/social-icons/rss.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.facebook a{ background:url(images/social-icons/facebook.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.google a{ background:url(images/social-icons/google.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.twitter a{ background:url(images/social-icons/twitter.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.vimeo a{ background:url(images/social-icons/vimeo.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.youtube a{ background:url(images/social-icons/youtube.png) no-repeat ; width:25px; height:25px; display:block; }
.social-header ul li.flickr a{ background:url(images/social-icons/flickr.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.deviantart a{ background:url(images/social-icons/deviantart.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.linkedin a{ background:url(images/social-icons/linkedin.png) no-repeat ; width:25px; height:25px; display:block; }
.social-header ul li.instagram a{ background:url(images/social-icons/instagram.png) no-repeat ; width:25px; height:25px; display:block; }


/******************** COMMENTS *****************/

#comments .avatar{ width:40px; height:40px; }
#comments .reply-comment{ width:40px; font-size: 10px;}
.disallow-comments #comments .reply-comment{display:none;}
#comments .children { margin: 20px 0 0 20px; }