/*----------------------------------------------------------------------------------------------------------------------------------
UNIVERSAL
----------------------------------------------------------------------------------------------------------------------------------*/
body
{
	text-rendering:optimizeLegibility;
}

html.template-homepage body
{
	overflow-y:scroll;	
}


/*----------------------------------------------------------------------------------------------------------------------------------
FONTS
----------------------------------------------------------------------------------------------------------------------------------*/
.googleFont
{
	border:1px solid #999;
	font-family:'Molengo', arial, serif;
}

.cufonFont
{
	border:1px solid #999;
}


/*----------------------------------------------------------------------------------------------------------------------------------
LINKS
----------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------
LISTS
----------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------
VARIANT LISTS
----------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------
HORIZONTAL LIST
----------------------------------------------------------------------------------------------------------------------------------*/
body #wrapper .list-hor li:last-child
{	
	background:none;
	margin-right:0px;
	padding-right:0px;
}


/*----------------------------------------------------------------------------------------------------------------------------------
FEED LIST
----------------------------------------------------------------------------------------------------------------------------------*/
#wrapper .list-feed li:last-child
{
	border-bottom:none;
}


/*----------------------------------------------------------------------------------------------------------------------------------
TABLES
----------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------
TABLE SKIN 2
----------------------------------------------------------------------------------------------------------------------------------*/
table.table-skin-2 tr:nth-child(odd) td
{
	background:#ccc;
}


/*----------------------------------------------------------------------------------------------------------------------------------
FORMS
----------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------
GENERIC FORM
----------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------
NOTIFICATIONS
----------------------------------------------------------------------------------------------------------------------------------*/
.invalid span /*ie6.css*/
{
	background-color:rgba(255,0,0,0.5);
}

.valid span /*ie6.css*/
{
	background-color:rgba(0,255,0,0.5);
}


/*----------------------------------------------------------------------------------------------------------------------------------
COMPONENTS
----------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------
OPACITY CONTROL
----------------------------------------------------------------------------------------------------------------------------------*/
.skip-links li a,
a:focus img,
a:hover img
{
	opacity:0.7;
}


/*----------------------------------------------------------------------------------------------------------------------------------
BORDER RADIUS CONTROL
----------------------------------------------------------------------------------------------------------------------------------*/
div.tab-skin-2 .tab-navigation a
{
	-moz-border-radius	:4px;
	-ms-border-radius	:4px;
	-0-border-radius	:4px;
	-webkit-border-radius	:4px;
	border-radius		:4px;
}

div#tooltip div#tooltip-body
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

body .landing-tabs .tab-navigation a
{
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
}


/*----------------------------------------------------------------------------------------------------------------------------------
BOX SHADOW CONTROL
----------------------------------------------------------------------------------------------------------------------------------*/
.notification span,
.dev div.template-navigation,
.dev h1.category,
.dev h2.category,
.dev h3.category,
.dev h4.category,
.dev h5.category,
.dev h6.category
{
	-moz-box-shadow:2px 2px 2px #ccc;
	-webkit-box-shadow:2px 2px 2px #ccc;
	box-shadow:2px 2px 2px #ccc;
}


/*----------------------------------------------------------------------------------------------------------------------------------
GRADIENT CONTROL
----------------------------------------------------------------------------------------------------------------------------------*/
div#tooltip div#tooltip-body,
.dev div.template-navigation
{	
	background:-moz-linear-gradient(100% 100% 90deg, #ddd, #fff);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#DDDDDD), color-stop(1,#333333));
}


/*----------------------------------------------------------------------------------------------------------------------------------
OVERLAY
----------------------------------------------------------------------------------------------------------------------------------*/
.overlay img,
.overlay div.brand-logo
{
	-moz-transition-property	:opacity;
	-ms-transition-property		:opacity;
	-o-transition-property		:opacity;
	-webkit-transition-property	:opacity;
	transition-property		:opacity;
	
	-moz-transition-duration	:0.5s;
	-ms-transition-duration		:0.5s;
	-o-transition-duration		:0.5s;
	-webkit-transition-duration	:0.5s;
	transition-duration		:0.5s;
}

.overlay em.action
{
	-moz-transition-duration	:0s;
	-ms-transition-duration		:0s;
	-o-transition-duration		:0s;
	-webkit-transition-duration	:0s;
	transition-duration		:0s;
	-moz-transition-delay		:0.5s;
	-ms-transition-delay		:0.5s;
	-o-transition-delay		:0.5s;
	-webkit-transition-delay	:0.5s;
	transition-delay		:0.5s;
}

.overlay div.brand-logo
{
	-moz-transition-delay		:0.2s;
	-ms-transition-delay		:0.2s;
	-o-transition-delay		:0.2s;
	-webkit-transition-delay	:0.2s;
	transition-delay		:0.2s;
}

.overlay div.brand-logo,
.overlay em.action
{
	opacity:0;
}

.overlay:focus img,
.overlay:hover img
{
	opacity:0.3;
}

.overlay:focus div.brand-logo,
.overlay:hover div.brand-logo
{
	opacity:0.9;
}

.overlay:focus em.action,
.overlay:hover em.action
{
	opacity:1;
}