/*

	Theme Name: Backstreet

    Theme URI: http://themeforest.net/item/backstreet-blog-magazine-theme/1680564?WT.ac=category_item&WT.seg_1=category_item&WT.z_author=ridwanreedwan

    Description: Blog and Magazine Wordpress Theme

    Version: 2.8

    Author: Reedwan

    Author URI: http://themeforest.net/user/ridwanreedwan

    License: GNU General Public License version 3.0

    License URI: http://www.gnu.org/licenses/gpl-3.0.html

    Tags:white, light, three-columns, right-sidebar, left-sidebar, fixed-width, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, translation-ready

*/



/*************** 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%; }



/** 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; }



	/** Hover Image **/

	.video-format-icon { background:#111 url(images/format-icon/format-video.png) no-repeat 50% 50%; display:block; line-height:0; }

	.gallery-format-icon { background:#111 url(images/format-icon/format-gallery.png) no-repeat 50% 50%; display:block; line-height:0; }

	.audio-format-icon { background:#111 url(images/format-icon/format-audio.png) no-repeat 50% 50%; display:block; line-height:0; }

	.standard-format-icon { background:#111 url(images/format-icon/format-standard.png) no-repeat 50% 50%; display:block; line-height:0; }

	.portfolio-format-icon { background:#111; display:block; line-height:0; }

	.reviews-icon { background:#111 url(images/format-icon/format-reviews.png) no-repeat 50% 50%; display:block; line-height:0; }

	.preview-icon { background:#111 url(images/preview.png) no-repeat 50% 50%; display:block; line-height:0; }

	

/*************** HEADER ADDS **********************/

.header-adds {overflow:hidden; line-height:0; }

.header-adds-toggle { position:absolute; right:0; height:30px; width:30px; background:url(images/header-adds-open.png) no-repeat; overflow:hidden;}

.header-adds-toggle.active { background:url(images/header-adds-close.png) no-repeat; }



/*************** 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/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(http://vandaveer.net/wp-content/uploads/2014/12/instagram.png) no-repeat ;width:25px; height:25px; display:block; }

.social-header ul li.spotify a{ 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:15px; -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: #222;  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; }

	

	

	

/*************** CONTENT ****************/

	/** HTML styling **/

	.single-content a, .single-content strong  { font-weight:bold; }

	.single-content em { font-style:italic; }

	.single-content blockquote { background:url(images/quote.png) no-repeat; padding-left:32px; margin-left:25px; font-style:italic; }

	.single-content blockquote p { color:#999; }

	.single-content ul { padding-left:17px; margin-bottom:10px; }

	.single-content ul ul{ margin-left:10px; }

	.single-content ul li{ padding-left:8px; }

	.single-content ol { padding-left:17px; margin-bottom:10px; margin-left:25px;}

	.single-content ol ol { margin-left:10px; }

	.single-content ol li { list-style-type: decimal; padding-left:8px; }

	#gallery { margin: auto; }

	.gallery-item { float: left; margin-top: 10px;text-align: center; width: 20%;}

	.gallery-icon { margin: auto; width:100px; height:100px; background:#000 url(images/preview.png) no-repeat 50% 50%; }

	.gallery-icon img { width:100px; height:100px; }

	.gallery-caption { margin-left: 0;}

	

	/** Home Blog Style, Archive, Page **/

	.content { overflow:hidden; }

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

	.content-title h1{ font-size:25px; margin:0 18px; text-transform:uppercase; }

	.block-post { overflow:hidden; margin-bottom:35px; border:1px solid #efefef; }

	.block-post p{ margin:0; padding:0; }

	.post-content {  padding:15px 15px 15px 0; }

	.post-title { overflow:hidden; font-size:26px; padding:7px 15px 0 15px; }

	.post-image{ position:relative; padding:15px 20px 15px 15px;  }

	.home-1 .post-image { float:left; overflow:hidden; width:300px; height:170px;}

	.home-1 .post-content {padding-left:335px;}

	.home-2 .post-content { overflow:hidden; padding:15px; }

	.home-2 .post-image, .home-3 .post-image, .home-4 .post-image { padding:0; }

	.home-3 .post-title, .home-4 .post-title { padding:5px 10px; }

	.home-2 .post-content, .home-3 .post-content, .home-4 .post-content { padding:0; border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;  }

	.home-2 .block-post p{ padding:0 15px 10px 15px; }

	.home-3 .block-post p, .home-4 .block-post p { padding:0 10px 10px 10px; }

	.home-3 .post-head, .home-4 .post-head { padding:5px 10px; }

	.home-3 .post-content h3, .home-4 .post-content h3 { font-size:16px; }

	.home-2 .block-post, .home-3 .block-post, .home-4 .block-post { border:none; padding-bottom:0; margin-bottom:35px; }

	.home-3 .block-post .last, .home-4 .block-post .last { display:block; float:left;  }



	/** Post Info for Blog Style **/

	.post-head { color:#666; padding:5px 15px; border-top:1px dashed #efefef;  }

	.post-head .info-date, .post-head .info-author, .post-head a { font-size:11px;  color:#666; }

	.info-author { background:url(images/author.png) no-repeat left; padding-left:20px; padding-top:5px; margin-right:10px; }

	.info-date { background:url(images/clock.png) no-repeat left; padding-left: 20px; padding-top:2px; margin-right:10px; }

	.info-comment { background:url(images/comment.png) no-repeat left; padding-left:20px; }

	.info-category { background:url(images/category.png) no-repeat left; padding-left:23px; margin-right:10px; }

	

	/** Single **/

	.single-block { overflow:hidden; margin-bottom:35px; }

	.single-title-wrap { background:url(images/bg-pattern.png) repeat; margin-bottom:15px; padding-left:15px; }

	.single-title { overflow:hidden; margin:0; padding:7px 0; }

	.single-title h1{ text-transform: uppercase;

	margin-bottom: 5px; }

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

	.single-info a{ color:#666; }

	.single-thumb {  padding:5px 0 10px 0; }

	.single-content .tagcloud { padding:10px 0 0 0; }

	.post-nav { overflow:hidden; margin-bottom:35px; background:url(images/bg-pattern.png) repeat; padding:10px 15px; }

	.nav-right{ font-size:14px; overflow:hidden; float:right; }

	.nav-left { font-size:14px; overflow:hidden; float:left; }

	.single-tag { float:left;  }

	.single-category { float:left; background:url(images/category.png) no-repeat center left; padding-left:22px; margin-right:16px; color:#666; }

	.single-author { float:left; background:url(images/author.png) no-repeat 0 20%; padding-left:18px; margin-right:16px; color:#666; }

	.single-date { float:left; background:url(images/clock.png) no-repeat 0 40%; padding-left:20px; margin-right:16px; color:#666; }

	.single-comment { float:left; background:url(images/comment.png) no-repeat center left; padding-left:20px; margin-right:16px; color:#666;  }

	.-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; }

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

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

	.audio-post-icon { float:right;  width:65px; height:43px; background:url(images/format-icon/post-audio.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; }

	

	/** Reviews box **/

	.post-review { overflow:hidden; float:left; margin:10px 0; }

	.overall-score { background:#111; height:150px; width:129px; color:#f1f1f1; float:left; padding:15px 10px; text-align:center; border-right:1px solid #333;}

	.overall-score span { font-size:14px; font-weight:bold; }

	.overall-score-value {  font-size:50px; font-weight:bold; }

	.critera {  position:relative; overflow:hidden; width:450px; height:35px; background:#222; font-size:12px; padding:0 10px; border-bottom:1px solid #333; float:left; }

	.critera.last { margin-bottom:0; }

	.critera p { color:#f1f1f1; line-height:33px; overflow:hidden; padding:0; margin:0; float:left; font-weight:bold; }

	.score { position:absolute; top:7px; right:10px;}

	.blog_reviews { background:#111; padding:3px; 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; }

	

	/** Post Author Information and Related Post **/

	.post-share .share-widgets { overflow:hidden; }

	.post-share .share-widget { float:left; padding:0 5px; }

	.post-share, .author-information, .related-wrapper {  margin-bottom:35px; overflow:hidden; }

	.author-description img {  border:1px solid #d9d9d9; padding:4px; float:left; margin-top:0px; margin-right:15px; }

	.author-social { float:right; overflow:hidden; }

	.author-social a { float:left; width:16px; height:16px; display:block; margin-left:10px; }

	.author-social a.author-twitter { background:url(images/social-icons/twitter-author.png) no-repeat; }

	.author-social a.author-facebook { background:url(images/social-icons/facebook-author.png) no-repeat; }

	.author-social a.author-google { background:url(images/social-icons/google-author.png) no-repeat; }

	.author-social a.author-flickr { background:url(images/social-icons/flickr-author.png) no-repeat; }

	.description-author{overflow:hidden; }

	.author-title { float:left; }

	.author-title a{  font-size:14px; line-height:14px; }

	.related-post { float:left; margin-right:20px; width: 140px; position: relative; text-align:center;}

	.related-item-wrapper { overflow:hidden; }

	div.related-post:last-child { margin-right:0; }

	.related-post h6 { font-size:13px; margin-top:5px; }

	

	/** Comments styles **/

	ol.commentlist { margin:0; list-style:none; }

	.comments-navigation { overflow:hidden; padding:15px 0; font-weight:bold; }

	.the-comment { overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #efefef; }

	.avatar { float:left; margin-right:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

	.reply-comment { clear:both; text-align:center; margin-top:5px; width:70px; background:#444; padding:2px 0; }

	.reply-comment:hover { background:#ba0d16; }

	.reply-comment a, .reply-comment a:hover { color:#fff; font-weight:bold; }

	.comment-box { overflow:hidden; }

	.comment-author span { margin-bottom:10px; font-size:15px;  }

	.comment-author small{ font-size: 11px; color:#636363; font-style:italic; }

	#comments .children { margin: 20px 0 0 83px; }

	#comments .children li.comment { margin: 0 0 20px 0; list-style:none; }

	.cancel-comment-reply  a { margin-bottom:10px; }

	.no-comments { color:#888; }

	.wrapper-input { overflow:hidden !important;  }

	#comment-input { float:left; margin-right:40px; }

	#comment-input input { border:0; margin-bottom:17px; border:1px solid #efefef; }

	#comment-input input:focus, textarea:focus { outline:none; }

	#comment-input label { display:block; margin-bottom:5px; }

	#comment-input label .required { font-style:italic; }

	.input-name, .input-email, .input-website { background:#fff ;  width:220px; padding: 5px; }

	#comment-textarea { float:left; }

	.textarea-comment {  background:#fff; border:0; width:327px; height:155px; padding:9px; font-family:arial; border:1px solid #efefef; }

	#comment-textarea label { display:block; margin-bottom:7px; }

	#comment-textarea-admin { float:none; margin-bottom:5px;  }

	#comment-textarea-admin label { display:block; margin:10px 0 5px 0; }

	#comment-submit {  float:left; }

	#comment-submit-admin { clear:both; }

	#respond { margin-bottom:35px; }

	#respond form { margin-top:10px; }

	.comment-submit { font-size:18px; padding:4px 0 4px 0; text-transform:uppercase; color:#fff; width:348px; background:#444; cursor:pointer; border:none; margin-top:5px; }

	.comment-submit:hover { background:#ba0d16;  }

	

/*************** Contact Form ***************/

.postForm-wrap { background:url(images/bg-pattern.png) repeat; padding:10px; margin-top:15px;  }

.postForm { background:#fff; padding:15px; overflow:hidden;  }

.postForm label { font-size: 12px; font-weight: bold; display: block; margin-bottom: 5px;  }

.postForm label span { font-style: italic; color: #888888; font-weight: normal; }

.postForm div { margin-bottom: 20px; }

.postForm .text { border: 1px solid #efefef; color: #555555; font-size: 12px; width: 278px; padding: 9px 10px; }

.postForm textarea { border: 1px solid #efefef; color: #555555; font-size: 12px; width: 400px; padding: 10px; height: 170px; }

.postForm .submit { width:420px; font-size:18px; padding:5px 0; text-transform:uppercase; color:#333; background:#444; cursor:pointer; border:none; margin-top:5px; color:#fff; }

.postForm .submit:hover { background:#BA0D16;  }

.postForm .error_msg { display: none; margin-top: 5px; }

.postForm .email_sent { color: green; margin-bottom: 10px; display: none; }



/************* PAGINATION **************/

.pagination { font-size: 16px; overflow:hidden; margin-bottom:35px; }

.pagination a {  line-height:18px; height: 20px; background: #272625; display: block; float: left; padding:2px 7px; color: #fff; margin-right: 6px; }

.pagination a:hover { background: #ba0d16; color: #fff; }

.pagination span.current { line-height:18px; background: #ba0d16; height: 20px; display: block; float: left; padding:2px 7px; color: #f3f3f3; margin-right: 6px; }

.pagination span.arrows { font-size: 16px; line-height:18px; }



/***************** WIDGET ******************/

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

.widget iframe { display:block; }

.widget ul { background:#fff; list-style-type:none; clear:both; height:100%; overflow:hidden; margin:0; padding:0 10px; } 

.widget ul li { padding: 8px 0; border-bottom:1px dashed #efefef; }

.widget ul li:last-child { border-bottom:none; }

.textwidget { margin-bottom:35px; overflow:hidden; }

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

.widget-line-title { background:url(images/bg-pattern.png) repeat-x 0 50%; height:27px; }

.line-title, .page-line-title { background:url(images/bg-pattern.png) repeat-x 0 60%; margin-bottom:15px;  }

.line-title { height:27px; }

.page-line-title { height:33px; }

.line-title h3, .page-line-title h1,.widget-line-title h3  { background:#fff; padding:0 10px 0 0; display: inline-block; }

.page-line-title h1{ text-transform:uppercase; }

.widget-line-title h3 { text-transform:uppercase; }

.widget-footer-title { margin-bottom:15px; text-transform:uppercase; }

.text-widget { margin-bottom:35px; }

.footer-widget .textwidget{ padding: 15px 0; overflow: hidden; }



	/** Adds 285x250 & 620x90 **/

	.adds620x90 { display:block; margin-bottom:35px; height:90px; }

	.adds620x90 a, .adds300x250 a { display:block; }

	.adds300x250 { display:block; margin-bottom:35px; height:250px; }

	

	/** Widget Homepage Magazine Columns **/

	.magazine-widget { margin-bottom:35px; overflow:hidden; }

	.widget-magazine .block-big  { overflow:hidden; padding:15px 0;  }

	.magazine-widget .block-big h3 { font-size:16px; }

	.widget-magazine .block-big p { margin:0; }

	.widget-magazine .block-big .big-desc { padding-left:320px; }

	.widget-magazine .block-big .magz-image { float:left;overflow:hidden; width:300px; height:170px; }

	.widget-magazine.half .big-desc { clear:both; padding-left:0; }

	.widget-magazine.half .big-title { padding-top:10px; }

	.widget-magazine .block-small .description { padding-left:85px; }

	.widget-magazine .block-small .magz-image{ float:left; overflow:hidden; width:75px; height:60px; }

	.widget-magazine .block-small { width:300px; float:left; overflow:hidden; padding:15px 0; border-top:1px dashed #efefef; }

	.magazine-widget .block-small-noimage { background:url(images/Right-Arrow.png) no-repeat 0 14px; width:285px; float:left; overflow:hidden; padding:10px 0 10px 15px; border-top:1px dashed #efefef; }

	.magazine-widget .block-small-noimage a { }

	.widget-magazine .xright { margin-left:10px; }

	.widget-magazine .xleft { margin-right:10px; }

	.xreview {padding:0; float:left;}

	.magazine-widget .block-small-noimage h3 {float:left;}

	.magazine-widget .block-small-noimage .xreview { padding-left:8px;}

	.magz-meta, .magz-meta a  { font-size:11px; font-style:italic; padding-top:5px; }

	.magazine-widget .block-small h3, .magazine-widget .block-small-noimage h3, .block-tabs .description h3 { font-size:12px; font-weight:bold; }

	

	/** 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:69px; padding:10px; margin:0 1px 3px 2px !important; }

	.social-counter.facebook-count { margin:0; }

	.social-counter .social-count { color:#444; font-size:16px; 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; }

	

	/** Widget Homepage Magazine Carousel **/

	.wrapper-carousel { overflow:hidden; padding:15px 0; }

	.wrapper-carousel .image-carousel { position:relative; float:left; display: block; }

	.anyClass { height:auto; overflow:hidden; float:left; margin-left:25px; }

	.wrapper-carousel ul li { position:relative; list-style-type:none; width:130px; height:90px; margin-right:15px; }

	a.prev, a.next { width: 17px; height: 22px; display: block; position: absolute; top:50px; z-index:50; }

	.nav { position: relative;  }

	a.prev span, a.next span { display: none; }

	a.prev { left:0; background:url(images/carousel-arrow.png) 0 0;  } 

	a.next { right:0; background:url(images/carousel-arrow.png)-17px 0; }

	

	/** Social Network Widget**/

	.title-social {  float:left; color:#f3f3f3; font-size:14px; margin-right:4px; }

	.social-widget { overflow:hidden; }

	.widget .social-widget li.flickr { padding:0; }

	.widget .social-widget { padding:10px; }

	.footer-widget .social-widget li, .widget .social-widget li{ float:left; list-style-type:none; border:none; padding:0 9px 0 0; }

	.footer-widget .social-widget li a { border:none; }

	.facebook a{ background:url(images/social-icons/facebook-widget.png) no-repeat; width:24px; height:24px; display:block;}

	.twitter a{ background:url(images/social-icons/twitter-widget.png) no-repeat; width:24px; height:24px; display:block;}

	.vimeo a{ background:url(images/social-icons/vimeo-widget.png) no-repeat; width:24px; height:24px; display:block;}

	.linkedin a{ background:url(images/social-icons/linkedin-widget.png) no-repeat; width:24px; height:24px; display:block;}

	.youtube a{ background:url(images/social-icons/youtube-widget.png) no-repeat; width:24px; height:24px; display:block;}

	.flickr a{ background:url(images/social-icons/flickr-widget.png) no-repeat; width:24px; height:24px; display:block;}

	.friendfeed a{ background:url(images/social-icons/friendfeed-widget.png) no-repeat; width:24px; height:24px; display:block;}

	.deviantart a{ background:url(images/social-icons/deviantart-widget.png) no-repeat; width:24px; height:24px; display:block;}
	
	.instagram a{ width:24px; height:24px; display:block;}
	
	.spotify a{ width:24px; height:24px; display:block;}

	



	/** Flick Widget **/

	.widget-footer .flickr_stream a{ background:#111; display:block; width:63px; height:50px; float:left; display:block; margin:0px 8px 8px 0; border:none; }

	.widget-footer .flickr_stream img{ width:63px; height:50px; }

	.widget .flickr_stream { overflow:hidden;}

	.widget .flickr_stream a{ background:#111; display:block; width:83px; height:65px; float:left; display:block; margin:5px; }

	.widget .flickr_stream img{ width:83px; height:65px; }

	

	/** Tabs widget **/

	.tabs-wrapper { padding:0; overflow:hidden; overflow:hidden; }

	ul.tabs-sidebar { margin:0; padding:0; overflow: hidden; background:transparent; }

	ul.tabs-sidebar li { background:none; float:left; text-align:center; width:35%; padding: 0 !important; border:none !important; overflow: hidden; }

	ul.tabs-sidebar .last { width:30%; }

	ul.tabs-sidebar li a { text-decoration:none; font-size:14px; display: block; outline: none;  padding:3px 0; text-transform:uppercase; }

	ul.tabs-sidebar li.last a { overflow:hidden; border-right:none; padding:3px 0; }

	ul.tabs-sidebar li a:hover, ul.tabs-sidebar li.active a{ background: #fff !important; z-index:1000; border-bottom:1px solid #fff; }

	.tab_content{ background:#fff; padding:0 10px; }

	.block-tabs { overflow:hidden; padding:15px 0; border-bottom:1px dashed #efefef; }

	.block-tabs:last-child { border:none; }



	.block-tabs .description { padding-left:85px; }

	.block-tabs .tabs-image{ float:left; overflow:hidden; width:75px; height:60px; }

	

	.block-tabs .tabs-meta, .block-tabs .tabs-meta a { float:left; padding-top:5px; font-size:11px; font-style:italic; font-weight:normal; }

	.review { float:left; padding:2px 0 0 7px; }

	.block-tabs .avatar { margin-top:0; float: left; margin-right: 10px; }

	.block-tabs .comment-text-side { font-weight:normal; font-size:12px; }

	.commenters {  font-size:14px; }

	#tags-tabs { overflow:hidden; }

	.tagcloud { overflow:hidden; padding:5px 0; }

	.tagcloud a { border:1px solid #444; float: left; margin: 5px 5px 5px 0; padding:3px 10px;  color:#444 !important; font-weight:normal; }

	.tagcloud a:hover { color:#fff !important; background:#ba0d16;  text-decoration: none; }

	

	

	/** Tweet Widget **/

	.widget .tweets li { padding:10px 10px 11px 28px; background:url(images/twitter.png) no-repeat 0px 15px; }

	.widget-footer .tweets li  {  padding:0 0 0 28px; background:url(images/twitter-footer.png) no-repeat 0px 5px;  }

	.tweets li a { font-style:italic; }

	

	/** Facebook Like **/

	.facebook-like-wrap { border:1px solid #ddd;}

	.facebook-like-wrap iframe[style]{ width:100% !important; }





/***************** SHORTCODES ******************/

	/** Columns **/

	.last { margin-right: 0 !important; }

	.one_half { 	width: 48%; float: left; margin-right: 4%; }

	.one_half.last { width: 48%; float: right; }

	.one_third { width: 30.6666%; float: left; margin-right: 4%; }

	.one_third.last { width: 30.6666%; float: right;  }

	.two_third { width: 65.3332%; float: left; }

	.two_third.last { width: 30.6666%; float: right; }

	.one_fourth { width: 22%; float: left; margin-right: 4%; }

	.one_fourth.last { width: 22%; float: right; }

	.three_fourth { width: 74%; float: left; margin-right: 4%;  }

	.three_fourth.last { width: 22%; float: right; }

	.clearboth { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }

	

	/** Tabs **/

	.single-content .tabs-wrapper { background:url(images/bg-pattern.png) repeat; padding:10px; }

	.single-content  ul.tabs { padding:0; margin:0; }

	.single-content  ul.tabs li { background:none; float:left; text-align:center; overflow: hidden; padding:4px 15px; }

	.single-content ul.tabs li a { font-size:16px; font-weight:normal; border-bottom:none; color:#444; }

	.single-content ul.tabs li a:hover, .single-content ul.tabs li a.active, h5.toggle a:hover { color:#BA0D16; }

	.single-content ul.tabs li:hover, .single-content ul.tabs li.active { background:#fff; z-index:1000; }

	.single-content .tabs-wrapper { margin: 10px 0 30px 0; }

	.single-content .tabs-wrapper .tabs-container { padding:15px; background:#fff; }

	.single-content .tabs-wrapper .tabs-container .tab_content { background:#fff; padding:0; }

	.single-content .tabs-wrapper ul li { width:auto; }

	

	/** Dropcap **/

	.dropcap { font-size:40px; margin-right:6px; text-transform: uppercase; float: left; line-height: 1; font-weight:bold; }

	

	/** Highlight **/

	.highlight1 { background:#f6f67a; }

	.highlight2 { background:#000; color:#CCC; }

	

	/** Youtube & Vimeo **/

	.video-shortcode { margin-bottom:20px; }



	/** Toggles **/

	h5.toggle { background:url(images/bg-pattern.png) repeat; padding:5px 10px; margin:15px 0; cursor:pointer; }

	h5.toggle a { background:url(images/toggle-open.png) no-repeat left center; text-decoration:none; padding-left:20px;  font-size:16px; color:#444; font-weight:normal; }

	h5.toggle.active a { background:url(images/toggle-close.png) no-repeat left center; text-decoration:none; padding-left:20px;  font-size:16px; }

	.toggle-content { display:none; background:url(images/bg-pattern.png) repeat; padding:10px;  font-size:12px;  margin-bottom:20px; }

	.toggle-content .block { background:#fff; padding:10px; }

	

	/** List **/

	.checklist li { background:url(panel/shortcodes/check-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;}

	.badlist li { background:url(panel/shortcodes/bad-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;}

	.blocklist li { background:url(panel/shortcodes/block-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;}

	

	/** Attention, Information, and Error **/

	.attention {padding: 8px 10px 5px 10px; overflow: auto; margin-bottom: 20px; clear: both; border: 1px solid #BF9900; background: #FEEB9C url(images/warning-bg.png) repeat-x top; }

	.attention p, .information p, .error_warning p { padding: 0; margin: 0;}

	.attention p span {background:url(panel/shortcodes/icon-warning.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #BF9900;}

	.information { padding: 8px 10px 5px 10px; overflow: auto; margin-bottom: 20px; clear: both; border: 1px solid #2FADD7; background: #92D6ED url(images/info-bg.png) repeat-x top; }

	.information p span {background:url(panel/shortcodes/icon-info.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #0E7A9F;}

	.error_warning { padding: 8px 10px 5px 10px; overflow: auto; margin-bottom: 20px; clear: both; border: 1px solid #990000; background: #F5D0CD url(images/error-bg.png) repeat-x top; }

	.error_warning p span { background:url(panel/shortcodes/icon-error.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #990000;}

	

	/** Buttons **/

	.button { padding:8px; display:inline-block; margin:10px 13px 10px 0; cursor:pointer;  }

	.button a { color:#F8F8F8; font-size:13px; text-transform:uppercase; text-decoration:none; font-weight:normal; }

	.button a:hover { color:#f8f8f8; }

	.button.silver a { color:#444; }

	.button.black { background:#464646; }

	.button.black:hover { background:#262626; }

	.button.red { background:#ed1c24; }

	.button.red:hover { background:#d51920; }

	.button.green { background:#00a651; }

	.button.green:hover { background:#027d3e;}

	.button.blue { background:#448ccb; }

	.button.blue:hover { background:#015d99;}

	.button.orange { background:#FFA500; }

	.button.orange:hover{ background:#dd8f01;} 

	.button.silver { background:#F8F8F8; }

	.button.silver:hover { background:#e8e8e8;}

	.button.pink { background:#ec008c; }

	.button.pink:hover { background:#ce007a;}

	.button.brown { background:#8c6239; }

	.button.brown:hover { background:#73512f;}

	

/**************** FOOTER ****************/

.footer-widget { background:#272625; color:#efefef; padding-bottom:20px; }

.footer-widget a{ color:#efefef; border-bottom: 1px dashed #5B5A59; }

 .footer-widget p { color:#efefef; }

.footer-bottom { background:#1E1D1D; }

.footer-bottom-wrap { padding:15px 0 10px 0; }

.widget-footer { padding:15px 0; overflow:hidden; }

.widget-footer .cat-item { width:50%; float:left; }

.widget-footer ul { list-style-type:none; clear:both; height:100%; overflow:hidden;}

.widget-footer ul li { margin:0; margin:0 0 10px 0;  }

.bottomNav-wrapper  { overflow:hidden; }

.bottomNav { float:right; margin:0; }

.bottomNav a { font-size:14px; text-transform:uppercase; color:#efefef; }

.bottomNav li{ float:left; position: relative; list-style-type:none; list-style-image: none; }

.bottomNav li a{ padding:0 0 0 20px; display:block; }

.logo-bottom{ padding-top:10px; overflow:hidden; }

.credits { padding-top:5px; }

.credits p{ float:right; color:#efefef}

.credits a{ color:#efefef; border-bottom: 1px dashed #5B5A59; }



/**************** 404 Error ****************/

.error404_image { overflow:hidden; margin-bottom:20px; }

.error404_title { font-weight:bold; font-size:50px; text-align:center; margin-bottom:20px }

.error404_text { font-weight:bold; font-size:30px; text-align:center; margin-bottom:20px;}







/* Facebook Comments */

	.fb-comments{

		margin-bottom:30px;

	}

	.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {

		width: 100% !important;

	}

	.facebook-fan-box iframe[style] {

		width: 103% !important; 

	}

/*Cutomizations*/

.past ul.show {
background-repeat: repeat-y;
margin: 9px 0px 9px 0px;
width: 100%;
height: 70px;
}

.past ul.show li {
background-color: #90A3AD;
width: 269px;
float: left;
display: inline;
list-style: none;
margin: 9px;
color: #1E1D1D;
}

.show-desc, .caption {
font-size: 10px;
text-transform: uppercase;
}


	
#vid-mobile { display: none;}
#vid-mobile250 { display: none;}



@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* PreOrder Home Splash Page Video Responsive */

	#vid-desktop { display: none;}
	#vid-mobile { display: block;}
	#vid-mobile250 { display: none;}
	
}

@media only screen and (min-width: 250px) and (max-width: 479px) {
	
	/* PreOrder Home Splash Page Video Responsive */

	#vid-desktop { display: none;}
	#vid-mobile { display: none;}
	#vid-mobile250 { display: block;}
	
}