@charset "utf-8";
/* CSS Document */

/***************************
Radial Interactive Theme

File: /skins/active/css/css3.css
Author: thecitizen
Website: http://www.webcitizenmag.com
****************************/

/* The following is a CSS3 property to embed fonts into your website */

@font-face {
	font-family: 'ComfortaaRegular';
	src: url('../../../fonts/Comfortaa_Regular.eot');
	src: local('Comfortaa Regular'), local('Comfortaa'), url('../../../Comfortaa_Regular.woff') format('woff'), url('../../../fonts/Comfortaa_Regular.ttf') format('truetype'), url('../../../Comfortaa_Regular.svg#Comfortaa') format('svg');
	font-weight: normal;
}

@font-face {
	font-family: 'ComfortaaRegular';
	src: url('../../../fonts/Comfortaa_Bold.eot');
	src: local('Comfortaa Bold'), local('Comfortaa-Bold'), url('../../../fonts/Comfortaa_Bold.woff') format('woff'), url('../../../fonts/Comfortaa_Bold.ttf') format('truetype'), url('../../../fonts/Comfortaa_Bold.svg#Comfortaa-Bold') format('svg');
	font-weight: bold;
}


/* These classes are different variations of the CSS3 border-radius property. Using curvycorners.js, rounded corners will be added by all browsers dynamically, not only those which support the new CSS3 property. See theme documentation for more info. */

.rounded { -moz-border-radius: 10px; -webkit-border-radius: 10px; } 
 
.rounded-notopright {-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;  -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }

.rounded-notopleft { -moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }

.rounded-onlytopleft, #current a { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }

.rounded-notopleft-nobottomright { -moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }

.rounded-noleft {  -moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px; 
-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }

.rounded-noright{ -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;  }

.rounded-onlybottom { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }