/* ============================== */

/* = HOW TO CUSTOMIZE PAGELINES = */

/* ============================== */

/*

Rules placed in this stylesheet will override the default styles of the Base Platform theme and will not be changed or over written when you update the 
Platform framework. Additionally, since this stylesheet is purely for editing purposes you can easily undo or erase some of the CSS to return your site back to the look and feel of the Base theme. 

In the Base theme the footer is black and the CSS looks like this:

	#footer {
		clear:both;
		font-size:1em;
		overflow:hidden;
		text-align: left;
		background: #000;
		color: #999;
		position: relative;
	}
		
To change the background color to white, all you have to do is declare a new rule for the color like so:

		#footer { background: #FFF; }

A great tool for modifying themes and inspecting CSS elements is the FireBug extension for FireFox. You can also use the developer tools provided by Chrome (right-click and "inspect element") or Internet Explorer if you're feeling dangerous.

LEARN CSS - We recommend using Lynda.com video tutorials to learn using CSS. 
			Also, for a comprehensive list of CSS rules and usage try consulting W3 schools @ http://www.w3schools.com/css/default.asp
*/

/* Computex 2012 */

.page-id-26337 .highlight-area,
.page-id-26480 .highlight-area
 {
	display: none;
}

.main-nav li#menu-item-26451 a {
	color: #f2e189;
}

/* ============================== */

/* = Start Your Custom CSS Here = */

/* ============================== */


/* @group Special announcement */

.ielogofix {
	width: 275px!important;
	height: 80px!important;
}

div.anno-wrap {
	width: 856px;
	margin: 30px auto 0px auto;
	border: 1px #ccc solid;
	display: block;
	padding: 18px 18px 2px 18px;
	background-color: #fff;
	-moz-box-shadow:inset 0px 0px 14px #ccc;
	-webkit-box-shadow:inset 0px 0px 14px #ccc;
	box-shadow:inset 0px 0px 14px #ccc;
}
.special_anno {
	font: 12px "Open Sans", Lucida, Verdana, sans-serif;
	padding-left: 25px;
	float: left;
	line-height: 1.5em;
	color: #121212;
}

div.s-anno-title {
	text-transform: uppercase;
	font: 14px "Open Sans", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
	color: #666;
}

.pin {
	font-size:1.7em;
	margin-bottom:-40px;
	float: left; 
	color: #999;
	text-shadow: rgba(0,0,0,0.7) 0 -1px 0 ;
}

/* @end */


.campaign {
	height: 240px;
	margin-top: -29px;
	margin-bottom: 20px;
}
#sb_primary div.widget-pad {
	padding-left: 0px;
}
#text-8 .widget-pad {
	/*background: transparent url(images/gem_stamp_demo.png) no-repeat 5px 0px;*/
}
#postloop .clip_box {
	border-bottom: 0px;
	padding-left: 7px; /* cards aligning center fix */
}
div.block {
	height: 15px;
	display: block;
	clear: both;
	background-color: #494949;
	border-left:1px solid #fff;
}
.sml {
	font-size: .8em;
	line-height: 1.5em;
}
.sfb div {
	background: transparent url(images/subscribe_fb.png) no-repeat 0px 0px;
	width: 151px!important;
	height: 20px;
	display: inline-block;
	text-indent: 9999px;
}
.what-is-gem {
	background: transparent url(images/gem_stamp_demo.png) no-repeat 5px 0px;
	padding: 5px 30px 15px 90px;
}
.author-bar {
	padding-left: 5px;
	padding-top: 0px;
	display: block;
	margin-top: 15px;
}
.code {
	border:  1px dashed #999;
	padding: 10px;
	display: block;
	font: 14px "Courier New", Courier, mono;
	margin: 20px;
}
.tips {
	background: url(images/bulb.png) no-repeat 5px 0px;
	padding-left: 30px;
	margin:  15px;
	font-size: 12px;
	font-family: "Open Sans", Lucida, Verdana, sans-serif;
	line-height: 1.3em;
	
}
.pktbutton {
	position: relative;
	top: -10px;
	margin-right: 15px;
	display: inline-block;
}
.page #list_sb_universal {
	display: none;
}
#tiscom {
	padding-top: 20px;}
#tiscom .twtr-tweet .twtr-tweet-text {
	font-family: "Open Sans", Lucida, Verdana, sans-serif !important;
	font-size: 11px !important;
}
#tiscom .twtr-tweet .twtr-tweet-text p {
	line-height: 1.4em !important;
}
#tiscom .col-header {
	float: left;
	width: 450px;
	margin-right: 15px;
	display: block;
	height: 65px;
}

#tiscom .col1 {
	font-family: "Open Sans", Lucida, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	margin-right: 20px;
	margin-left: 15px;
}
#tiscom .col2 {
	margin-top: 15px;
}
#tiscom .col1, #tiscom .col2 {
	float: left;
	width: 450px;
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}
#tiscom .col3 {
	float: left;
	width:300px!important;
	background-color: #f0f0f0;
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
}


#dsq-combo-widget.grey #dsq-combo-content .dsq-combo-box { background: #ffffff;!important }
#tisvision-container {
	margin:  15px auto;
}
.vision-cards {
	width: 940px;
	height: 95px;
	/*background-color: #bfc3a9;*/
	margin: 0px auto 3px auto;
}

.vision-cards li {
	display: block;
	height: 95px;
	text-align: left;
	/*background: #fff url(images/groovepaper.png);*/
	/*margin-bottom: 10px;*/
	/*margin-right: 10px;*/
	/*border-bottom: 1px #ccc solid;*/
	left: 0;
	
}
.vision-cards li:hover {
	background: #fff;
}

#visions li a span {
	position:relative;
  	width: 126px;
  	height: 80px;
  	float: left;
  	padding: 0;
}

.vision-title {
	float: left;
	width: 215px;
	height: 70px;
	padding: 8px 12px;
	/*border-right: 1px #ccc dotted;*/
}
.vision-title span {
	font: 10px "Open Sans", Lucida, Verdana, sans-serif;
	text-shadow: rgba(255,255,255,0.5) 0 -1px 0 ;
	color: #888;
}
.vision-meta {
	float: left;
	width: 425px;
	padding: 8px;
	position: relative;
	height: 80px;
	background: rgba(215,216,218,0.05) url(images/shadow_vertical.png) no-repeat top left;
}
.view-wm {
	position: absolute;
	top: -5px;
	right: 0px;
	color: rgba(255,255,255,0.15);
	/*text-shadow: rgba(0,0,0,0.15) 0 -1px 0 ;*/
	font: bold 2.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	z-index: 0;
}
div.ccount {
	border-right: 2px solid #b54e4e;
	text-align: right;
	background-color: #ffffff;
	z-index: 0;
	margin-bottom: 25px;
	height: 5px;
	position: relative;
	left: 126px;
	top: -6px;
	/*margin-top: 59px;*/
	
}
div.br_count {
	font: 10px "Open Sans", Lucida, Verdana, sans-serif;
	/*text-shadow: rgba(0,0,0,0.7) 0 -1px 0 ;*/
	color: #aaa;
	float: right;
	position: absolute;
	right: 4px;
	bottom: 6px;
}

div#sharebar {
	display: block;
	height: 25px;
	border-left: 1px #ddd dotted;
	top: -20px;
	position: relative;
}
.g-plus-box {
	display:inline-block;
	position:relative;
	bottom:7px;
	margin-right:10px
}
#sharebar div.g-plusone, #sharebar div.pinbutton {
	display: inline-block;
}
.branding_wrap #sharebar div.fb-like, #tisvision-container #sharebar div.fb-like {
	position: relative;
	top: -3px;
	width:  120px;
}
#sharebar div.fb-like {
	position: relative;
	width:  110px;
}


#sharebar-show i{
	font-size:1.5em;
	color:#666;
	text-shadow: rgba(255,255,255,0.4) 0 -1px 0 ;
}
#sharebar-hide {
	position: relative;
	top: -2px;
	margin-left:10px;
}
#sharebar-hide i{
	font-size:1.3em;
	color:#666;
	text-shadow: rgba(255,255,255,0.4) 0 -1px 0 ;
}
.vision-cards .sharebox {
	margin-top: -125px;
	display: inline-block;
	height: 78px;
	width: 100px;
	float: right;
	background: rgba(0,0,0,0.3);
	padding: 8px 12px;
	border-left: 1px #666 dotted;
	border-right: 1px #666 dotted;
	font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize;
	color: #fff;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0 ;
}
.sharebox div.g-plusone .sharebox div.pinbutton {
	display: block;
	position: relative;
	margin-bottom: 1px;
}
.sharebox div.fb-like {
	display: block;
	margin-top: 1px;
	margin-bottom: 2px;
	margin-right: 20px;
	padding-left: 1px;
}
.vision-meta div.exc {
	font-size: 12px;
	color: #666;
	font: 13px "Open Sans", Lucida, Verdana, sans-serif;
	text-shadow: rgba(255,255,255,0.9) 0 -1px 0 ;
	width: 420px;
	height: 85px;
	float: left;
	margin-left: 8px;
	z-index: 1;
}
.vision-title a:hover h5 {
	color: #225E9B;
}
.vtn {
	float: left;
	z-index: 19;
	opacity:0.85;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
}
.vision-cards li:hover .vtn {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
}
.vision-cards .play {
	/*background: transparent url(images/playbutton.png) no-repeat right top;*/
	position: relative;
	width: 35px;
	height: 35px;
	left: 36px;
	top: -59px;
	z-index: 20;
}
.play i.icon-play-circle {
	color: rgba(255,255,255,0.9);
	text-shadow: rgba(0,0,0,0.6) 0 0 10px;
	font-size: 3em;
}

/* @group Prop banner */

.prop {
	position: relative;
	top: -10px;
}
.paged .prop {
	position: relative;
	top: -24px;
}
.home #contentbox div.content-pad {
	padding: 0 15px;
}

/* @end */

/* @group FB Box */

#fb_box .fb_box_bottom {
	background: url(images/sllide_box_small.png) 50% top;
	display: block;
	height: 20px;
	margin-top: 10px;
}
.sub_fb {
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #888;
	font-size: 13px;
}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
display: none !important;}
/* @end */


.home .widget-pad { /*saving v-space before loop at homepage*/
	padding: 0;
	margin: 0;
}
#twitterbar .content-pad { /* fix twitterbar dislocated on tag archive*/
	padding-left: 50%;
	margin-left: -480px;
	width:960px
}
#sidebar-wrap #menu-posttypes li.menu-item {
	border-bottom: 0px;
	margin-bottom: 1px;
	/*padding-left: 7px;*/
	padding-top: 1px;
}
#sidebar-wrap #menu-posttypes li.menu-item a:hover {
	color: #000;
	text-decoration: none;
	padding-left: 3px;
}
.cl_date {
	font-size: 12px;
	font-family: "Open Sans", Lucida, Verdana, sans-serif;
	text-align: center;
	letter-spacing: 2px;
	color: #a1a1a1;
}
.cl_ver {
	color: #222;
	text-shadow: rgba(255,255,255,0.5) 0 -1px 0 ;
	font-size: 10px;
	-moz-box-shadow:inset 0px -1px 0px #bbb;
	-webkit-box-shadow:inset 0px -1px 0px #bbb;
	box-shadow:inset -1px -1px 0px #bbb;
	text-align: center;
	width: 50%;
	margin:  0 auto;
	background: #eee url(images/groovepaper.png);
}
#popularthreads li {
	margin-left: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	line-height: 1.4em;
}
#popularthreads li a {
	font-weight: normal;
	font-style: normal;
}
/*Remove list bullet on changelog page*/
.page-id-23909 li {
	list-style: none;
}

/* @group Post type bar */

#ptbar {
	padding: 0px 13px;
	font-family: "Open Sans", Lucida, Verdana, sans-serif;
	border-left: 1px solid #f5f5f5;
	margin-bottom: 1px;
	background: transparent url(images/ptbar_bg.png) repeat-x;
	height: 31px;
}
#ptbar span, #tagbar span {
	font-size: 10px;
	font-family: "Open Sans", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-right: 10px;
	/*text-shadow: rgba(0,0,0,0.5) 0 -1px 0 ;*/
	color: #777;
}
#ptbar li {
	display: inline-block;
	padding: 4px 0;
	border: 0;
}
#ptbar li:hover {
	color: #f5f5f5;
}
#ptbar a {
	color: #cccccc;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 10px 8px;
	text-shadow: rgba(0,0,0,0.5) 0 -1px 0 ;
}
#ptbar a:hover {
	color: #fff;
}

#ptbar li.current-menu-item,
#ptbar li.current-menu-parent {
	background: url(images/pointer.png) no-repeat 50% 27px;
	/*background:#000 ;*/
}
.menu-posttypes-container {
	float: left;
	padding-right: 4px;
}
#trending-bar {
	float: left;
	border-left: 1px #aaa solid;
	padding-left: 13px;
}
#trending-bar li {
	display: inline-block;
	padding: 4px 0px 4px 10px;
	background:  url(images/tag.png) no-repeat 0 8px;
}
#trending-bar li a {
	text-transform: capitalize;
}


/* @end */
#tagbar {
	padding: 0px 23px;
}
#tagbar a {
	text-transform: capitalize;
	font: 10px "Droid Serif", "Times New Roman", Times, serif;
	text-shadow: rgba(255,255,255,0.7) 0 -1px 0 ;
}
#footer #simple_nav,
#twitterbar 
{
	background: url(images/fabric_plaid.png);
}

#footer a {
	font: 12px "Open Sans", Lucida, Verdana, sans-serif;
}
#footer a:hover {
	color: #000;
}
div#cred-footer {
	margin-top: 17px;
}
div#cred-footer span {

	color: #333333;
	font: 13px "Open Sans", Lucida, Verdana, sans-serif;
}
.cards .post-excerpt {
	color: #717272;
}
/* News */

div.hero-news {
	background-color: #777777;
}
#menu-item-videos a {
	color: #e2be68;
}
#menu-item-videos i {
	color: #666;
	text-shadow: rgba(0,0,0,0.5) 0 -1px 0 ;
}
#menu-item-videos:hover i, #menu-item-videos i:hover {
	color: #f5f5f5;
}
.cards div.c-news, #menu-item-23610 a, .serif .c-news {
	color: #999;
}
/* Hands on */

div.hero-hands-on {
	background-color: #b54e4e;
}
.cards div.c-hands-on, #menu-item-23606 a, .serif .c-hands-on {
	color: #c15456;
}
/* Bookmarks */

div.hero-bookmarks {
	background-color: #0ab2ba;
}
.cards div.c-bookmarks, #menu-item-23607 a, .serif .c-bookmarks {
	color: #0ab2ba;
}
/* Features */

div.hero-features {
	background-color: #ae77b5;
}
.cards div.c-features, #menu-item-23608 a, .serif .c-features {
	color: #ae77b5;
}
/* Guides */

div.hero-guides {
	background-color: #99a742;
}
.cards div.c-guides, #menu-item-23609 a, .serif .c-guides {
	color: #99a742;
}
/* Previews */

div.hero-previews {
	background-color: #5bace9;
}
.cards div.c-previews, #menu-item-23611 a, .serif .c-previews {
	color: #5bace9;
}
/* Videos */

div.hero-spare {
	background-color: #e2be68;
}
.cards div.c-spare, #menu-item-xxxxxx a, .serif .c-spare {
	color: #e2be68;
}

/*@font-face {
	font-family: icons;
	src: url('icons.eot'),
		 url('icons.woff') format('woff'),
		 url('icons.ttf') format('truetype'),
		 url('icons.svg#webfont') format('svg'),
		 url('icons_base64.css');
	font-weight: normal;
	font-style: normal;
}*/
.navigation_wrap {
	background: transparent url(images/main_nav_bg.png) repeat-x;
}
#newsbar {
	background: transparent url(images/classy_fabric.png) repeat-x;
	margin-top: 1px;
	padding: 0;
	border-left: 1px #f5f5f5 solid;
	color: #f1f1f1;
	font: 12px "Open Sans", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
	text-shadow: #000 0 -1px 0 ;
	height:  36px;
	
}
ul#news {
	display: inline-block;
}
ul#news li {
	font-size: 15px;
}
ul#news li a {
	color: #fff;
}
ul#news li span {
	font-size: 12px;
	padding-left: 20px;
	color: #999;
}
.main_nav {
	border-left: 1px solid #f5f5f5;	
}
.main_nav .menu-item {
	background:  transparent;
	/*border-left: 1px solid #f5f5f5;*/
}

.navigation_wrap .main_nav li a:hover, .navigation_wrap .main_nav li.current-menu-item a {
	background: #000000;
	color: #ffffff;
	border-right: 1px #666 solid;
	/*border-left: 1px #444 solid;*/
}
.navigation_wrap .main_nav li a {
	color: #f5f5f5;
	border-right: 1px solid rgba(255,255,255,0.2);
	text-shadow: #000 0 -1px 0 ;
	letter-spacing: 1px;
	font: 12px "Droid Serif", "Times New Roman", Times, serif;
	padding: 10px 12px;
}

#footer #cred {
	display: none;
}
.cards div.metabar-pad {
	background: url(images/author-icon.png) no-repeat 0 4px;
	padding-left: 20px;
	margin-top: 5px;
}
.home .cards div.metabar-pad {
	background: url(images/author-icon.png) no-repeat 0 2px;
	padding-left: 20px;
	margin-top: 5px;
}
.single div.has-vid {
	display: none;
}
div.has-vid {
	position: relative;
	margin-top: -37px;
	margin-left: 9px;
	float: left;
}
div.has-vid-hero {
	position: relative;
	margin-top: -32px;
	margin-right: -7px;
	float: right;
}

.cards i.icon-play-circle {
	font-size: 3em;
	color: rgba(255,255,255,0.9);
	text-shadow: rgba(0,0,0,0.6) 0 0 10px;
	margin-left: -130px;
	padding-top: 47px;
	position: absolute;
	z-index: 0;
}
.heroes div.has-vid-play {
	position: absolute;
	margin-top: 85px;
	margin-left: 70px;
	width: 100px;
	height: 100px;
}
.heroes div.has-vid-play i.icon-play-circle {
	font-size: 4em;
	color: rgba(255,255,255,0.9);
	text-shadow: rgba(0,0,0,0.6) 0 0 10px;
}
.heroes div.has-vid-play-ec {
	position: absolute;
	margin-top: 35px;
	margin-left: 3px;
	width: 100px;
	height: 100px;
}
.heroes div.has-vid-play-ec i.icon-play-circle {
	font-size: 3.2em;
	color: rgba(255,255,255,0.9);
	text-shadow: rgba(0,0,0,0.6) 0 0 10px;
}
.heroes div.has-vid-play-small {
	position: absolute;
	margin-top: 38px;
	margin-left: 25px;
	width: 50px;
	height: 50px;
}
.heroes div.has-vid-play-small i.icon-play-circle {
	font-size: 3.2em;
	color: rgba(255,255,255,0.9);
	text-shadow: rgba(0,0,0,0.6) 0 0 10px;
}
.ptb-fix {
	font-size:1.36em;
	height: 5px;
	left: 4px;
	position: relative;
	float: left;
	display: block;
}
/* @group Icons */

.icon:before {
	font-family: icons;
	margin-right: 5px;
	font-size:28px;
}
.icon-mini:before {
	font-size:18px;
	color: #b5b5b5;
}
.icon-large:before {
	font-size:40px;
	color: #666;
	padding-right: 7px;
}

.icon-replace {
	/*text-indent: -9999px;*/
	/*overflow: hidden;*/
	display: inline;
	position: relative;
	/*left: 80%;*/
	padding-right: 0px;
	text-align:right;
	min-width: 1em;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #aaa;

}
a.icon-replace:hover {
	text-decoration: none;
	color: #666;
}

.icon-replace:before {
	position: relative;
	left: 0px;
	top: 4px;
	text-indent: 0;
}

.continue_reading_link {
	display: none;
}
/*.icon-generic:before {
	content: "I";
}*/

#newsbar div {
	padding: 6px 10px 11px 15px;
	color: #777;
}

div.icon-vid {
	/*content: "V";
	color: #666;
	font-size:20px;*/
		background: url(images/video-icon.png) no-repeat 11px 8px;
		width: 40px;
		height: 30px;
		margin-bottom: -27px;
		position: relative;
}




/*product type icons*/

.icon-all-in-one-pcs {
	background: url(images/aio-icon.png) no-repeat 8px 11px;
}
.icon-displays-products {
	background: url(images/displays-icon.png) no-repeat 8px 11px;
}
.icon-notebooks-laptops {
	background: url(images/notbooks-icon.png) no-repeat 8px 8px;
}
.icon-peripherals-products {
	background: url(images/peripherals-icon.png) no-repeat 11px 8px;
}
.icon-tablets-phones {
	background: url(images/pad-icon.png) no-repeat 10px 8px;	
}
.icon-networks {
	background: url(images/network-icon.png) no-repeat 9px 10px;	
}
.icon-components {
	background: url(images/components-icon.png) no-repeat 8px 8px;
}
.icon-multimedia-products {
	background: url(images/multimedia-icon.png) no-repeat 8px 8px;
}
.icon-spotlight {
	background: url(images/spotlights-icon.png) no-repeat 8px 9px;
}

.icon-link:before {
	content: ".";		
}

/* @end */

.post-header {
	padding: 0 18px 15px 18px;
}

.single section.post-header {
	padding: 0;
}

div.hentry-pad {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	height: 150px;
	background-color: #f5f5f5;
	/*padding: 15px;*/
}

.single div.hentry-pad, .page div.hentry-pad {
	height: 100%;
	padding: 25px;
}

div.hentry-pad a:hover {
	text-decoration: none;
}

/* @group Card-cat */

div.card-cat {
	padding: 11px 0px 3px 12px;
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
	color: #666;
	height: 16px;
}
div.card-cat a.card-cat-link {
	text-transform: uppercase;
	padding-left: 16px;
}
/*.page div.card-cat {
	display: none;
}*/
/* @end */
.c_img {
	overflow: hidden;
	padding: 0 2px 2px 2px;
}

.card_tn {
	width: 230px;
	height: 115px;
	background-position: 50% 50%;
	/*-moz-box-shadow:inset 0px 0px 34px #333333;
	-webkit-box-shadow:inset 0px 0px 34px #333333;
	box-shadow:inset 0px 0px 34px #333333;*/
	/*position: relative;
	left: -1px;
	bottom: -1px;*/
	
        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=85);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.9;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.9;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.9;
        
}

a:hover .card_tn {
	    /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=100);

        /* Older than Firefox 0.9 */
        -moz-opacity:1;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 1;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 1;
}
div.card_tn div {
	/*background-image: url(images/diagonal-noise.png);*/
	width: 100%;
	height: 100%;
}

/*div.card_tn div:hover {
	background-image: url(images/diagonal-noise-h.png);
	opacity: 0.4;
}*/

div.card-frame {
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	margin: 0 8px;
	-moz-box-shadow: 2px 1px 2px #c0c0c0;
	-webkit-box-shadow: 2px 1px 2px #c0c0c0;
	box-shadow: 2px 1px 2px #c0c0c0;
}

.cards div.card-view  {
	/*display: none;*/
	text-align:right;
	padding-right: 20px;
	position: relative;
	margin-top: -44px;
	right: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #b5b6b6;
}
.single .cards div.card-view,
.single .cards:hover div.card-view,
.page .cards div.card-view,
.page .cards:hover div.card-view,
.single .cards div.card-view a:hover {
	display: none;
}

.cards:hover div.card-view a.icon  {
	color: #225E9B;
}
.cards:hover div.card-view a.icon:hover {
	color: #5e89b4;
}
.card-post-type {
	float: left;
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	color: #aaa;
	padding-top: 5px;
	padding-left: 11px;
	letter-spacing: 1px;
}
.home .tis-gem {
	background: transparent url(images/gem_stamp_light.png) no-repeat 130px -15px;
	position: relative;
	margin-top: -150px;
	height: 150px;
	width: 280px;
	overflow: visible;
	z-index: 0;
}
div.hentry-pad .post-excerpt {
	position: relative;
	z-index: 100;
}

div.c_c {
	float: right;
	text-align: : right;
	margin-right: 15px;
	font: bold 30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	top: -30px;
	position: relative;
}

/* @group Get card classes - post type */

div.cat-generic {
	/*background: url(images/snow.png);*/
	background-color:#fff;
	border-top: 5px solid #fbfbfb;
}

div.cat-previews {
	background: url(images/gridme.png);
	border-top: 5px solid #6fbaf2;
}

div.cat-hands-on {
	background: #fff url(images/groovepaper.png);
	border-top: 5px solid #b54e4e;
}

div.cat-guides {
	background: #fff url(images/graphy.png);
	border-top: 5px solid #99a742;
}

div.cat-news {
	background: #fff url(images/lined_paper.png);
	border-top: 5px solid #545454;
}
/*div.cat-videos {
	background: #fff url(images/wavecut.png);
	border-top: 5px solid #e2be68;
}*/
div.cat-features {
	background: #fff url(images/struckaxiom.png);
	border-top: 5px solid #ae77b5;
}
div.cat-bookmarks {
	background: #fff url(images/snow_stripes.png);
	border-top: 5px solid #0ab2ba;
}


/* @end */

/*Page-navi classes*/

.page-nav-default {

}

span.previous-entries a, span.next-entries a {
	background-color: #f5f5f5;
    padding:10px;
    position:relative;
    font-family: 'bree serif', serif;
    font-size:12px;
    text-decoration:none;
    color:#666;
    border: solid 1px #ccc;
    background-image: linear-gradient(bottom, rgb(171,27,27) 0%, rgb(212,51,51) 100%);
    border-radius: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
span.previous-entries a:hover, span.next-entries a:hover {
	background-color: #fff;
}

div.paged-navigation {
	padding-left: 45%;
	text-transform: uppercase;
	color: #888;
	text-shadow: #fff 0 -1px 0 ;
}


/* @group Post nav */

.post-nav div {
	display: block;
	width: 300px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	-moz-box-shadow:inset 0px -1px 0px #bbb;
	-webkit-box-shadow:inset 0px -1px 0px #bbb;
	box-shadow:inset 0px -1px 0px #bbb;
}
.post-nav div.previous {
	float: left;
	padding-left: 30px;
	margin-right: 10px;
	background: rgba(0,0,0,0.05) url(images/post-previous.png) no-repeat 3% center;
}
.post-nav div.next {
	float: right;
	padding-right: 30px;
	background: rgba(0,0,0,0.05) url(images/post-next.png) no-repeat 97% center;
}
.post-nav div.previous:hover, .post-nav div.next:hover {
	background-color: rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0px 0px 14px #616161;
	-webkit-box-shadow:inset 0px 0px 14px #616161;
	box-shadow:inset 0px 0px 14px #616161;
}
.post-nav div.next a, .post-nav div.previous a {
	text-align: center;
	height: 50px;
	padding: 10px;
	width: 270px;
	display: block;
}

/* @end */

/* @group Post info */

.current_posts_info, .post-nav {
	background: transparent;
	font: 12px "Open Sans", Lucida, Verdana, sans-serif;
}
.current_posts_info strong {
	font: 22px "Bree Serif", "Times New Roman", Times, serif;
}

/* @end */
/*Hero classes*/


#sb_universal .content-pad {
	margin: -5px 15px 0 15px;
	padding: 0;
}
li.serif div.cat-name {
	font: 18px "Bree Serif", "Times New Roman", Times, serif;
	padding-bottom: 6px;
	padding-top: 6px;
	display: inline-block;
	margin-left: 6px;
}

li.serif a.rpbc-link:hover {
	text-decoration: none;

}
li.serif li.cat-item {
	line-height: 1.55em;
	padding: 6px;
	margin-left: 0;
}
li.serif div.features,
li.serif div.news,
li.serif div.guides,
li.serif div.hands-on,
li.serif div.previews,
li.serif div.bookmarks
{
	text-transform: uppercase;
	font: 16px "Open Sans", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
}
/*#sb_universal .content-pad .widget-pad {
	padding: 0;	
}*/


/* @group info panel */

#announcement {
	/*text-shadow: rgba(255,255,255,0.5) 0 -1px 0 ;*/
	color: #545454;
	position: relative;
	bottom: -8px;
	padding: 8px 30px 4px 30px;
	height: 30px;
	font: 13px "Open Sans", "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: -17px;
	margin-left: 1px;
	background: url(images/fabric_plaid.png);
	border-bottom: 1px solid #ccc;
}
.legend_bar {
	float:left;
	margin-left:30px;
	padding-top: 1px;
}
#announcement div.gem_icon {
	background: transparent url(images/gem-icon-s.png) no-repeat 10px 2px;
	padding-left: 40px;
	height: 30px;
	padding-top: 2px;
	
}
#announcement .gem_icon span {
	color: #121212;
	font-size: 13px;
}

.more, #tisvision-container .more {
	display: none;
}

a.showLink div, a.hideLink div {
	width: 20px;
	text-indent: -999999px;
}
a.showLink div {
	background: transparent url(images/i.png) no-repeat left top;
}
a.hideLink div {
	background: transparent url(images/x.png) no-repeat left top;
}

#helper {
	position: relative;
	float: right;
	z-index: 10000;
	margin-right: 5px;
	margin-top: -39px;
	width: 20px;
}
#helper i, #closer i {
	color: #666;
}
#helper i:hover, #closer i:hover {
	color: #ccc;
}
#closer {
	position: absolute;
	z-index: 10000;
	right: 5px;
	margin-top: -38px;
	width: 20px;
}
h4 span.hero-hl, span.hl {
	background-color: rgba(252,242,50,0.33);
}
.legend {
	font: 16px "Bree Serif", "Times New Roman", Times, serif;
	background-color: rgba(252,242,50,0.33);
	color: #121212;
	padding: 3px 3px 0 3px;
}

/* @end */

/* @group heroes div */
.hero-top-row div.heroes {
	width: 50%;
	float:left;
	min-height: 200px;
}
.hero-top-row .heroes-fix {
	display: block;
	width: 100%;
	margin-bottom: 1px;
}

.hero-bottom-row div.heroes {
	width: 320px;
	float:left;
	min-height: 100px;
	/*margin-top: 1px;*/
}
.hero-last div.heroes {
	width: 310px;
	float:left;
	min-height: 100px;
	/*margin-top: 1px;*/
}
.hero-ec div.heroes {
	width: 50%;
	float:left;
	height: 100px;
	/*margin-top: 1px;*/
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}

.heroes div.hero-cards {
	border-left: 1px solid #f5f5f5;
}
#visions div.hero-cards {
	text-align: left;
	border-bottom: 1px solid #f5f5f5;
	margin-left: 100px;
	width: 354px;
	padding: 6px 10px 10px 15px;
}
.hero-top-row .heroes div.hero-cards {
	padding: 5px 15px;
	margin-left: 200px;
	height: 190px;

}

.hero-bottom-row .heroes div.hero-cards, .hero-last .heroes div.hero-cards, .hero-ec .heroes div.hero-cards {
	padding: 0px 10px;
	margin-left: 100px;
	height: 99px;
	border-top: 1px solid #f5f5f5!important;
}
.hero-img {
	float: left;
	border-left: 1px #f5f5f5 solid;
}
.heroes .hero-img-first-row {
	height: 200px;
	width: 200px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
.heroes .hero-img-second-row {
	height: 100px;
	border-top: 1px #f5f5f5 solid;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.hero-top-row div.heroes,
.hero-bottom-row div.heroes,
.hero-last div.heroes,
.hero-ec div.heroes {
	position: relative; 
}

.hero-top-row div.heroes a.hero-link span {
	position:absolute; 
  	width:100%;
  	height:200px;
  	top:0;
  	left: 0;
	
  	/* edit: added z-index */
  	z-index: 1 
}
.hero-bottom-row div.heroes a.hero-link span,
.hero-last div.heroes a.hero-link span,
.hero-ec div.heroes a.hero-link span {
	position:absolute; 
  	width:100%;
  	height:100px;
  	top:0;
  	left: 0;
	
  	/* edit: added z-index */
  	z-index: 1 
}
div.heroes a.hero-link:hover span {
	background: url(images/corner.png) no-repeat right bottom;
}
div.heroes {
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        -moz-opacity:0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
        overflow: hidden;
}
div.heroes:hover {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
        overflow: hidden;
}

.gem {
	background: transparent url(images/gem_stamp.png) no-repeat 134px 65px;
	position: absolute;
	display: block;
}
.gem-s {
	background: transparent url(images/gem_stamp_s.png) no-repeat 140px 25px;
	position: absolute;
	display: block;
}
.gem-l {
	background: transparent url(images/gem_stamp_s.png) no-repeat 130px 25px;
	position: absolute;
	display: block;
}
.gem-e {
	background: transparent url(images/gem_stamp_s.png) no-repeat 310px 52px;
	background-size:60px 48px;
	position: absolute;
	display: block;
}
.heroes div.hero-cards h2 {
	color: #f1f1f1;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0 ;
	line-height: 1.1em;
}
.heroes div.hero-cards h5 {
	color: #f1f1f1;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0 ;
}
#visions .heroes div.hero-cards h5 {
	color: #f1f1f1;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
	margin-bottom: 5px;
}
.heroes div.hero-cards:hover h2 {
	color: #ffffff;
} 
div.hero-cards a.card-cat-link {
	text-transform: uppercase;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
	color: rgba(255,255,255,0.5);
}
#visions div.hero-cards a.card-cat-link {
	text-transform: uppercase;
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
	color: rgba(255,255,255,0.5);
}
div.hero-cards div.card-cat {
	padding: 11px 0px 3px 12px;
	margin-left: -5px;
	width: 200px;
	text-align: left;
}

span.since {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-top: 1px dotted rgba(0,0,0,0.5);
	padding-top: 4px;
	color: rgba(0,0,0,0.5);
	z-index: 7;
}
span.ec-date {
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-top: 1px dotted rgba(0,0,0,0.5);
	padding-top: 3px;
	color: rgba(0,0,0,0.4);
	z-index: 7;
}

/* @end */

/* @group Advance search box */

form.reset, form.reset:hover {
	background: transparent;
	border:  0;
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	float: right;
}
form.wpmcsw input.rsb {

	background:  url(images/reset.png) no-repeat 0px 2px;
	font-size: 10px;
	color: #666;
	padding-left: 29px;
	font-family: "Open Sans", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	border:  0;
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
form.wpmcsw input.rsb:hover {
	color: #000;
}
.select_wrapper select {
	width: 200px;
}

/* @end */

/* @group Custom category title */

.cus-cat-title {
	margin-top: 20px;
	font: 36px "Bree Serif", "Times New Roman", Times, serif;
	color: #ccc;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 0 ;
	float: left;
}
.cus-cat-pt-title {
	margin-top: 20px;
	font: 36px "Open Sans", "Times New Roman", Times, serif;
	color: #ccc;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 0 ;
	text-transform: uppercase;
	float: left;
}
.cus-tag-title div  {
	margin-top: 19px;
	font: 32px "Open Sans", "Times New Roman", Times, serif;
	color: #ccc;
	text-shadow: rgba(0,0,0,0.6) 0 -1px 0 ;
	float: left;
	text-transform: capitalize;
	display: inline-block;
	margin-left: -2px;
}
.vision-count {
	font: 28px "Bree Serif", "Times New Roman", Times, serif;
	margin-top: -10px;
	margin-bottom: 30px;
}
.cus-cat-title div, .vision-count div {
	display: inline-block;
	margin-left: 10px;
	color: #555;
	text-shadow: rgba(255,255,255,0.8) 0 -1px 0 ;
	-moz-border-radius: 30px;
	-khtml-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	padding: 1px 10px 3px 8px;
	font: 28px "Open Sans", "Times New Roman", Times, serif;
	position: relative;
	top: 2px;
	background-color: #ccc;
}

.cus-cat-pt-title div {
	display: inline-block;
	color: #f5f5f5;
	-moz-border-radius: 30px;
	-khtml-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	padding: 1px 10px 3px 10px;
	font-size: 28px;
	position: relative;
	top: -4px;
}
.tag_cloud {
	font-family: "Droid Serif", "Times New Roman", Times, serif;
	margin-top: 20px;
	background:  transparent url(images/sllide_box_bg.png) no-repeat 48% bottom;
}
.tag_cloud_top {
	display: block;
	background:  transparent url(images/sllide_box_bg_top.png) no-repeat 48% top;
	padding: 20px 25px 30px 20px;
}
.expand_button {
	float: left;
	position: absolute;
	left: 33px;
	top: 80px;
}

.expand_button #tagtrigger {
	font-family: 'bree serif', serif;
    font-size:12px;
	text-transform: uppercase;
}
/* @end */

/* @group Most viewed box */
.popular-artiles-title {
	font-family: 'bree serif', serif;
	font-size:17px;
	color: #666;
	padding-top: 0px;
	margin-bottom: 5px;
}
div.most_viewed_box, div.most_viewed_box_tag {
	width: 500px;
	float: right;
	padding: 8px 0px 5px 15px;
	border-left: 1px dotted #999;
	/*background-color: rgba(255,255,255,0.4);*/
}

div.most_viewed_box li, div.most_viewed_box_tag li {
	margin-bottom: 4px;
	margin-left:18px;
	text-transform: capitalize;
}
div.icon-read {
	font: 18px "Bree Serif", "Times New Roman", Times, serif;
	padding: 10px;
	color: #666;
	display: block;
	height: 25px;
	position: relative;
	margin-top: -35px;
	margin-bottom: 25px;
	margin-left: -10px;
}
.most_viewed_box li div, .most_viewed_box_tag li div {
	display: inline-block;
	color: #222;
	text-shadow: rgba(255,255,255,0.8) 0 -1px 0 ;
	-moz-border-radius: 30px;
	-khtml-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	padding: 2px 6px 3px 6px;
	font: 12px "Open Sans", "Times New Roman", Times, serif;
	position: relative;
	top: -1px;
	left: 5px;
	background-color: #f1f1f1;
	-moz-box-shadow:inset 0px -1px 0px #bbb;
	-webkit-box-shadow:inset 0px -1px 0px #bbb;
	box-shadow:inset 0px -1px 0px #bbb;
}

/* @end */

/* @group Author mod */

.author-card {
	position:relative;padding-left:40px
}
.author-card p {
	font: 13px "Open Sans", "Times New Roman", Times, serif;
}

/* @end */

/* Make up related post item*/
.single li.cat-item {
	border-bottom: 1px dotted #999;
	margin-bottom: 5px;
	padding-bottom: 4px;
}



/* @group Yarpp template */


div.yarpp-entry {
	float: left;
	display: inline-block;
	margin-right: 1px;
	margin-bottom: 10px;
	width: 155px;
	height: 200px;
	padding: 0;
	background: transparent;
}


a:hover div.yarpp-entry{
	cursor: pointer;
	
}
a:hover div.yarpp-entry .yarpp-title {
	text-decoration: none;
	color: #121212;
	/*background-color: rgba(255,255,255,0.85);*/
}

div.yarpp-img {
	width: 155px;
	height: 80px;
	vertical-align: top;
	position: relative;
	top: 0;
	opacity:0.85;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	border-top: 1px #fff solid;
	
}

div.yarpp-img:hover {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	text-decoration: none;
	z-index: 9999999;
}
div.yarpp-default {
	background-image: url(images/yarpp-default.png);
}
div.yarpp-img .yarpp-title {
	padding: 8px;
	font-size: 12px;
	line-height: 1.3em;
	color: #545454;
	position: relative;
	bottom: -80px;
	height: 120px;
	font: 13px "Open Sans", "Times New Roman", Times, serif;
}
div.yarpp-img .yarpp-title div {
	font-size: 11px;
	margin-top: 6px;
}

/* @end */