/*
 Theme Name: ICTNA
 Description: CSS, HTML5 & JavaScript by Ali Jamalzadeh.
 Version: 1.6
 */

/* using BMitra font. */
@font-face{
	font-family:"BMitra";
	src:url("../fonts/BMitra.eot");
	src:url("../fonts/BMitra.eot?iefix") format("eot"),url("../fonts/BMitra.woff") format("woff"),url("../fonts/BMitra.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

/* HTML5 Reset -> Eric Meyer -> HTML5 Doctor */
/* Let's default this puppy out
 -------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, footer, header, nav, section {
	display: block;
}

:focus {
	outline: 0;
}

article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}

/* Responsive images and other embedded objects
 Note: keeping IMG here will cause problems if you're using foreground images as sprites.
 If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img, object, embed, iframe {
	max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {
	overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
 don't forget to restore the bullets within content. */
ul, ol, li {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "BMitra", Arial;
	font-weight: normal;
}
h1 {
	font-size: 23px;
}
h2 {
	font-size: 21px;
}
h3 {
	font-size: 17px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 11px;
}

blockquote {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

a {
	color: #187fe7;
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-decoration: none;
	vertical-align: baseline;
	background: transparent;
}
a:hover {
	color: #093e73;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: bold;
	vertical-align: bottom;
}
td {
	font-weight: normal;
	vertical-align: top;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #c6c6c6;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}
input, textarea, select {
}

input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
	*vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}

input[type="text"], textarea {
	background-color: #fff !important;
	border: 1px solid #e9e9e9;
	border-top: none;
	border-left: none;
	font: 12px Tahoma;
	box-shadow: inset 1px 1px 2px #c9c9c9;
	-moz-box-shadow: inset 1px 1px 2px #c9c9c9;
	-webkit-box-shadow: inset 1px 1px 2px #c9c9c9;
	padding: 8px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input[type="text"]:focus, textarea:focus {
	border-color: #bbb;
}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

table {
	font-size: inherit;
	font: 100%;
}

/* Accessible focus treatment
 people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
	outline: none;
}

small {
	font-size: 85%;
}

strong, th {
	font-weight: bold;
}

td, td img {
	vertical-align: top;
}

/* Make sure sup and sub don't screw with your line-heights
 gist.github.com/413930 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
code, pre {
	background: url(images/quote-grid-bg.png) repeat -1px -1px;
	color: #dc250c;
	text-shadow: -1px -1px 0px #fff;
	padding: 10px;
	margin: 5px 20px 10px;
	display: block;
	direction: ltr;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer;
}
label {
	font-size: 11px;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}

/* make buttons play nice in IE */
button {
	width: auto;
	overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover */
.ie6 html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true) );
}

/* Options
 -------------------------------------------------------------------------------*/
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after, .clearie {
	clear: both;
}
.clearfix {
	zoom: 1;
}

.right {
	float: right;
}
.left {
	float: left;
}

.algn-right {
	text-align: right;
}
.algn-left {
	text-align: left;
}
.algn-center {
	text-align: center;
}

.rtl {
	direction: rtl;
}
.ltr {
	direction: ltr;
}

.marginb5 {
	margin-bottom: 5px !important;
}
.marginb10 {
	margin-bottom: 10px !important;
}
.marginb15 {
	margin-bottom: 15px !important;
}
.margint5 {
	margin-top: 5px;
}
.margint10 {
	margin-top: 10px;
}
.margint15 {
	margin-top: 15px;
}
.margint20 {
	margin-top: 20px;
}
.marginr10 {
	margin-right: 10px;
}

.hide {
	display: none;
	font-size: 0;
	width: 0;
	height: 0;
}
.hide-txt {
	text-indent: -9999px;
	overflow: hidden;
}

.absoluted {
	position: absolute;
}

.bradius5 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.txt-shadow1w {
	text-shadow: -1px -1px 0px #fff;
}
.txt-shadow1b {
	text-shadow: 1px 1px 0px #000;
}
.box-shadow3 {
	-webkit-box-shadow: 1px 1px 3px #a6a6a6;
	-khtml-box-shadow: 1px 1px 3px #a6a6a6;
	-moz-box-shadow: 1px 1px 3px #a6a6a6;
	box-shadow: 1px 1px 3px #a6a6a6;
}

input[type=button], input[type=submit], input[type=reset], button, .btn {
	color: #fff !important;
	text-shadow: 1px 1px 0px #000;
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
	font: 15px "BMitra", Arial;
	padding: 4px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	line-height: 22px !important;
}

.btn.blue {
	background-color: #4f9dec;
	border-color: #0f467e;
}
.btn.blue:hover {
	background-color: #1d83ea;
	border-color: #03203d;
}

.btn.black {
	background-color: #272727;
	border-color: #7b7b7b;
}
.btn.black:hover {
	background-color: #000;
	border-color: #03203d;
}

.btn.red {
	background-color: #eb1408;
	border-color: #a70e06;
}
.btn.red:hover {
	background-color: #d40e03;
	border-color: #660803;
}

.transparent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

.extlink {
	border: none !important;
	float: none !important;
	background: none !important;
	width: 16px !important;
	height: 16px !important;
	-webkit-box-shadow: none !important;
	-khtml-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

/* Transition */
ul.dropdown ul li:hover, .clean-box ul li a {
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}

/* tipsy */
.tipsy {
	padding: 5px;
	font: 10px Tahoma;
	direction: rtl;
	position: absolute;
	z-index: 100000;
}
.tipsy-inner {
	padding: 5px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}
.tipsy-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tipsy-arrow {
	position: absolute;
	background: url(../img/tipsy.gif) no-repeat top left;
	width: 9px;
	height: 5px;
}
.tipsy-n .tipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
}
.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
}
.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	right: 0;
	width: 5px;
	height: 9px;
	background-position: top right;
}
.tipsy-w .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	left: 0;
	width: 5px;
	height: 9px;
}

/* The Layout
 -------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #000;
	font: 12px Tahoma;
}

#wrapper {
	width: 965px;
	margin: 0 auto;
	direction: rtl;
	position: relative;
}

/*
 * Header
 */
#header {
	border-top: 4px solid #272727;
	position: relative;
}

/* Logo */
#header .ictna-logo {
	position: absolute;
	top: 52px;
	right: 0;
}
#header .ictna-logo a {
	background: url(../img/logo.png?v1.1);
	width: 189px;
	height: 90px;
	display: block;
}

/*
 * North Nav
 */
#header .north-nav {
	background: #efefef;
	border-bottom: 1px solid #dddcdc;
	padding: 5px 5px 0 5px;
}

#header .north-nav .pages {
	text-shadow: -1px -1px 0px #fff;
	margin-top: -5px;
}
#header .north-nav .pages li {
	float: right;
}
#header .north-nav .pages li a {
	color: #8c8c8c;
	font: 19px "BMitra", Arial;
	display: block;
	padding: 7px 10px;
}
#header .north-nav .pages li a:hover {
	color: #272727;
}
#header .north-nav .pages li.current-page a, #header .north-nav .pages li.current-page a:hover {
	background: url(../img/icons.png) no-repeat center -103px;
	color: #272727;
}

#header .north-nav .search-form {
}
#header .north-nav .search-form input {
	margin-right: 5px;
}
#header .north-nav .search-form .search {
	background: url(../img/icons.png) no-repeat 6px 7px;
	padding-left: 30px;
	width: 120px;
}
#header .north-nav .sub-email-btn {
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	background-position: center -20px;
	margin-left: 0px;
	width: 20px;
}

#sub-email {
	background: #fff;
	width: 800px;
	height: 440px;
	display: none;
	position: relative;
	direction: rtl;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 2px 2px 10px #d0d0d0;
	-khtml-box-shadow: 2px 2px 10px #d0d0d0;
	-moz-box-shadow: 2px 2px 10px #d0d0d0;
	box-shadow: 2px 2px 10px #d0d0d0;
}
#sub-email .border-top {
	background: url(../img/sub-email-box-top.png) repeat-x right top;
	height: 7px;
	width: 100%;
	display: block;
}
#sub-email .email-form {
	margin: 10px auto 0;
	width: 270px;
}
#sub-email .sms-form {
	margin: 15px auto 0;
	width: 270px;
}
#sub-email .email-form .subemail {
	width: 200px;
}
#sub-email .desc {
	background: url(../img/sub-email-sms-box-bg.png) no-repeat right 75px;
	margin-top: 35px;
	padding: 10px 115px 10px 15px;
	border-top: 1px solid #eee;
	line-height: 20px;
	text-align: justify;
	font-family: "BMitra", Arial;
	font-size: 18px;
}
#sub-email .desc.no-border {
	background: url(../img/sub-email-box-bg.png?v2.0) no-repeat right 25px;
	border-top: none;
	margin-top: 5px;
	padding-right: 115px;
}
#sub-email .sms-form .subsms {
	width: 166px;
}
#simplemodal-overlay {
	background-color: #fff;
	cursor: pointer;
}
#simplemodal-container a.modalCloseImg {
	background: url(../img/x.png) no-repeat;
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -16px;
	cursor: pointer;
}

/* Contact Form */
#contact-form {
	background: #fff;
	width: 500px;
	height: 300px;
	display: none;
	position: relative;
	direction: rtl;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 2px 2px 10px #d0d0d0;
	-khtml-box-shadow: 2px 2px 10px #d0d0d0;
	-moz-box-shadow: 2px 2px 10px #d0d0d0;
	box-shadow: 2px 2px 10px #d0d0d0;
}
#contact-form .border-top {
	background: url(../img/sub-email-box-top.png) repeat-x right top;
	height: 7px;
	width: 100%;
	display: block;
}
#contact-form .contact-form-frame {
	width: 500px;
	height: 240px;
}

/*
 * South Nav
 */
#header .south-nav {
	background: #f5f5f5;
	border: 1px solid #ececec;
	border-bottom-width: 2px;
	border-top: none;
	position: relative;
}
#header .south-nav .categories {
	text-shadow: -1px -1px 0px #fff;
}
#header .south-nav .categories li {
	float: right;
}
#header .south-nav .categories li a {
	color: #1878d9;
	border-right: 1px solid #f5f5f5;
	font: 19px "BMitra", Arial;
	display: block;
	padding: 7px 12px;
}
#header .south-nav .categories li a:hover, #header .south-nav .categories li.current-cat a, #header .south-nav .categories li.hover a {
	background-color: #ececec;
	color: #014387;
	border-right: 1px solid #bbbbbb;
}
#header .south-nav.default {
}
#header .south-nav.fixed {
	position: fixed;
	top: -10px;
	z-index: 99999;
	width: 965px;
	-webkit-box-shadow: 0 0 3px #a6a6a6;
	-khtml-box-shadow: 0 0 3px #a6a6a6;
	-moz-box-shadow: 0 0 3px #a6a6a6;
	box-shadow: 0 0 3px #a6a6a6;
}
#header .south-nav li.home-lnk a {
	background-image: url(../img/home.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 7px 20px !important;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	left: 0;
}
#header .south-nav li.en-lnk a {
	background: #4F9DEC;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	font: 15px Arial, Helvetica, sans-serif;
	padding: 5px 5px !important;
	position: absolute;
	left: 0;
	top: 8px;
}
#header .south-nav li.en-lnk a:hover {
	background: #1D83EA;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	border: none;
}
#header .south-nav.fixed li.en-lnk a {
	left: 50px;
}

/* DropDown Menu */
/* level 2 */
ul.dropdown ul {
	background: #ececec;
	border: 1px solid #bbbbbb;
	border-top: none;
	border-left: none;
	width: 150px;
	visibility: hidden;
	position: absolute;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	z-index: 100;
}
ul.pages.dropdown ul {
	top: 41px;
}
ul.dropdown ul li {
	background: url(../img/icons.png) no-repeat right -238px;
	color: #737373 !important;
	padding-right: 3px;
	margin: 0 7px;
	float: none !important;
	display: list-item;
}
ul.dropdown ul li:hover {
	background-position: right -299px;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
	background: none !important;
	color: #737373 !important;
	width: 155%;
	display: block;
	border: none !important;
	padding: 3px 8px !important;
}
ul.dropdown ul li a:hover {
	background: none !important;
	color: #000 !important;
	border: none !important;
}
/* level 3 */
ul.dropdown ul ul {
	left: 100%;
	top: 0;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}

/*
 * News Ticker
 */
.lastest-news {
	background: #fafafa;
	border: 1px solid #eee;
}
.lastest-news .lastest-txt {
	background: #272727 url(../img/corners.png) no-repeat -20px 0;
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	font: 17px "BMitra", Arial;
	float: right;
	height: 27px;
	padding: 2px 12px 0;
}

.ticker-wrapper.has-js {
	width: 912px;
	height: 29px;
	display: block;
}
.ticker {
	width: 855px;
	height: 20px;
	display: block;
	position: relative;
	overflow: hidden;
}
.ticker-title {
	padding-top: 6px;
	color: #343434;
	text-transform: uppercase;
}
.ticker-content {
	text-shadow: -1px -1px 0px #fff;
	margin: 0px -10px 0 0;
	padding-top: 6px;
	position: absolute;
	color: #343434;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
}
.ticker-content:focus {
}
.ticker-content a {
	color: #333;
}
.ticker-content a:hover {
	color: #000;
}
.ticker-swipe {
	padding-top: 6px;
	position: absolute;
	top: 0px;
	background-color: #fafafa;
	display: block;
	width: 800px;
	height: 23px;
	z-index: 90;
}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #fafafa;
	border-bottom: 1px solid #343434;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
	padding: 7px 0px 0px 0px;
	list-style-type: none;
	float: left;
}
.ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}
.ticker-controls li.jnt-play-pause {
	background-image: url('../img/controls.png');
	background-position: 33px 16px;
}
.ticker-controls li.jnt-play-pause.over {
	background-position: 33px 34px;
}
.ticker-controls li.jnt-play-pause.down {
	background-position: 33px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
	background-image: url('../img/controls.png');
	background-position: 51px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
	background-position: 51px 34px;
}
.ticker-controls li.jnt-play-pause.paused.down {
	background-position: 51px 0px;
}
.ticker-controls li.jnt-prev {
	background-image: url('../img/controls.png');
	background-position: 1px 16px;
	width: 10px;
}
.ticker-controls li.jnt-prev.over {
	background-position: 1px 34px;
}
.ticker-controls li.jnt-prev.down {
	background-position: 1px 0px;
}
.ticker-controls li.jnt-next {
	background-image: url('../img/controls.png');
	background-position: 10px 17px;
	width: 10px;
}
.ticker-controls li.jnt-next.over {
	background-position: 10px 35px;
}
.ticker-controls li.jnt-next.down {
	background-position: 10px 1px;
}
.js-hidden {
	display: none;
}
.no-js-news {
	padding: 10px 0px 0px 45px;
	color: #F8F0DB;
}
.left .ticker-swipe {/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
	float: left;
}
.left .ticker-controls {
	padding-left: 6px;
}
.right .ticker-swipe {/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
	float: right;
}
.right .ticker-controls {
	padding-right: 6px;
}

/* Clean Box */
.clean-box {
	background: #fcfcfc;
	text-shadow: -1px -1px 0px #fff;
	border-bottom: 2px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	position: relative;
	text-align: justify;
	line-height: 160%;
}
.clean-box.grid {
	background: #fefefe url(../img/grid.png) repeat;
}

.clean-box .hot-title {
	background: #eb1408;
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	border: 1px solid #a20d04;
	border-bottom: none;
	border-left: none;
	padding: 3px 12px 9px;
	display: inline-block;
	top: 30px;
	right: -52px;
	position: absolute;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
}

.clean-box .clean-title {
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	float: right;
	margin-right: -1px;
}
.clean-box .clean-title.blue .area {
	background: #4f9dec;
	border: 1px solid #1e62a7;
	border-top: none;
	border-left: none;
	float: right;
	display: block;
	padding: 3px 5px;
}
.clean-box .clean-title.blue .corner {
	background: url(../img/corners.png) no-repeat center -39px;
	width: 27px;
	height: 26px;
	display: block;
	float: right;
}

.clean-box .clean-title.black .area {
	background: #272727;
	border: 1px solid #c9c9c9;
	border-top: none;
	border-left: none;
	float: right;
	display: block;
	padding: 3px 5px;
}
.clean-box .clean-title.black .corner {
	background: url(../img/corners.png) no-repeat center -75px;
	width: 27px;
	height: 26px;
	display: block;
	float: right;
}
.clean-box .clean-title a {
	color: #fff;
}
.clean-box .clean-title a:hover {
	color: #ccc;
}

.head-desc {
	font: 15px "BMitra", Arial;
	color: #555;
}

/*
 * Main
 */
#main {
	position: relative;
}

/* Content (Right Column) */
#main #content {
	width: 640px;
}

#main #content .column-right {
	float: right;
	width: 270px;
}
#main #content .column-left {
	float: left;
	width: 369px;
}

#main #content #slider {
	direction: ltr !important;
}
#main #content #slider .thumb {
	width: 250px;
	display: block;
	margin-right: 3px;
}
#main #content #slider .content {
	width: 360px;
	margin-right: 10px;
	direction: rtl;
}
#main #content #slider .content .title {
	margin-bottom: 10px;
}
#main #content #slider .content .title a {
	color: #de0c00;
}
#main #content #slider .content .title a:hover {
	color: #970e07;
}
#main #content #slider .content p {
	color: #3d3d3d;
}
#main #content #slider .content .more {
	color: #de0c00;
	display: inline;
}
#main #content #slider .content .more:hover {
	color: #970e07;
}
#main #content .controls-area {
	background: #f9f9f9;
	width: 100%;
	height: 30px;
	bottom: 0;
}

#main #content .important-news {
	width: 100%;
}
#main #content .important-news .hot-title {
	right: -69px;
	top: 48px;
}
#main #content .important-news .content {
	padding: 10px;
}
#main #content .important-news .content img {
	margin-right: 10px;
}
#main #content .important-news .content .title a {
	color: #de0c00;
	font-size: 19px;
}
#main #content .important-news .content .title a:hover {
	color: #970e07;
}
#main #content .important-news .content .more {
	display: inline;
}

#main #content .pollbox {
	width: 100%;
	min-height: 130px;
	position: relative;
}
#main #content .pollbox.clean-box {
	background: #f0f5fa url(../img/poll.png) no-repeat left bottom;
	border-color: #d9e4ee;
}
#main #content .pollbox .hot-title {
	background: #272727;
	border-color: #c9c9c9;
	right: -58px;
	top: 37px;
}
#main #content .pollbox .content {
	padding: 5px 10px 30px;
}
#main #content .pollbox .title {
	color: #de0c00;
	font-size: 18px;
	margin-bottom: 5px;
}
#main #content .pollbox label {
}
#main #content .pollbox input[type=radio] {
}
#main #content .pollbox .controls {
	width: 145px;
	position: absolute;
	bottom: -2px;
	right: 0;
}
#main #content .pollbox .controls .btn {
	border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	float: right;
	margin-right: 5px;
	padding: 0 8px;
}
#main #content .pollbox .choice {
	background: #ecf3fa;
	color: #53585e;
	width: 110px;
	text-align: center;
	float: right;
	border: 1px solid #dfe8f1;
	border-bottom-width: 2px;
	border-radius: 2px;
	padding: 0 3px;
	margin: 3px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor: pointer;
}
.option-selected {
	background: #d7e6f5 !important;
	color: #000 !important;
	border-color: #b9cbdd !important;
}
.error {
	border-color: #F55;
	-webkit-animation-name: pulse;
	-webkit-animation-direction: alternate;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
}
.vote-bar {
	background: #f9fbfc;
	height: 8px;
	margin: 0 3px;
}
.vote-count {
	background-color: #4f9dec;
	height: inherit;
}
.back-vote {
	position: absolute;
	bottom: 1px;
	right: 6px;
}
.wp-polls-loading {
	display: none;
	text-align: center;
	height: 16px;
	line-height: 16px;
}
#main #content .pollbox .poll-archive-link {
	position: absolute;
	left: 5px;
	bottom: 1px;
}

#main #content .last-titles {
	width: 100%;
	border-top: 2px solid #4f9dec;
}
#main #content .last-titles .feed {
	background: url(../img/icons.png) no-repeat -3px -78px;
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 5px 0 0 5px;
}
#main #content .last-titles ul {
	padding: 0 10px 10px;
	text-align: justify;
}
#main #content .last-titles ul li a {
	background: url(../img/icons.png) no-repeat right -247px;
	color: #4a4a4a;
	padding-right: 10px;
	display: block;
	margin: 6px 0;
}
#main #content .last-titles ul li a:hover {
	background-position: right -308px;
	color: #de0c00;
}

#main #content .last-titles .btns, #main #sidebar .ictna-tv .btns, #main #sidebar .podcast .btns {
	width: 70px;
	margin: 0 auto;
	position: relative;
}
#main #sidebar .ictna-tv .btns, #main #sidebar .podcast .btns {
	width: 35px;
	margin-top: 10px;
}
#main #content .last-titles .btns .button a, #main #sidebar .ictna-tv .btns .button a, #main #sidebar .podcast .btns .button a {
	background-image: none !important;
	border: 1px solid #4f9dec !important;
	color: #B8C4CF;
	margin-left: 5px;
	padding: 0 !important;
	height: 10px !important;
	width: 10px !important;
	display: block;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#main #content .last-titles .btns .button.active a, #main #sidebar .ictna-tv .btns .button.active a, #main #sidebar .podcast .btns .button.active a {
	background-color: #4f9dec;
	color: #FFFFFF;
}

/* Sidebar (Left Column) */
#main #sidebar {
	width: 300px;
}

#main #sidebar .clean-box {
	border-top: 2px solid #4f9dec;
}
#main #sidebar .clean-box .archive {
	margin-top: 5px;
}

#main #sidebar .ictna-tv .content {
	padding: 0 5px 5px;
}
#main #sidebar .ictna-tv .content .desc {
	margin-top: -15px;
	padding: 0 2px;
}

#main #sidebar .podcast .content {
	padding: 0 5px 5px;
	text-align: center;
}
#main #sidebar .podcast .content .title {
	font-size: 18px;
	margin-bottom: 25px
}

/* Coin Slider jQuery plugin CSS styles */
#coin-slider {
	width: 290px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.coin-slider {
	overflow: hidden;
	zoom: 1;
	position: relative;
}
.coin-slider a {
	text-decoration: none;
	outline: none;
	border: none;
}
.cs-buttons {
	font-size: 0px;
	padding: 10px;
	float: left;
}
.cs-buttons a {
	margin-left: 5px;
	height: 10px;
	width: 10px;
	float: left;
	border: 1px solid #4f9dec;
	color: #B8C4CF;
	text-indent: -9999px;
	overflow: hidden;
}
.cs-active {
	background-color: #4f9dec;
	color: #FFFFFF;
}
.cs-title {
	width: 270px;
	padding: 10px;
	background-color: #000000;
	color: #FFFFFF;
	text-shadow: 1px 1px 0 #000;
}
.cs-prev, .cs-next {
	color: #000;
	padding: 0px 10px;
	text-indent: -9999px;
	overflow: hidden;
	height: 26px;
}
.cs-prev {
	background: #fff url(../img/controls.png) no-repeat 5px 5px;
}
.cs-next {
	background: #fff url(../img/controls.png) no-repeat -51px 5px;
}

/*
 * Top News in Index
 */
.top-news {
	background: none;
	border-top: 2px solid #272727;
	border-right: none;
	border-bottom: none;
	margin-top: 20px;
	overflow: hidden;
}
.top-news .thumbs {
	width: 9999px;
	margin-right: 15px;
	position: relative;
	display: block;
	left: 0;
}
.top-news .prev, .top-news .next {
	background: #272727 url(../img/carousel-control.png) no-repeat 0 0;
	width: 15px;
	height: 129px;
	display: block;
	position: absolute;
	top: 41px;
	z-index: 9999;
}
.top-news .prev:hover, .top-news .next:hover {
	background-color: #000;
}
.top-news .prev {
	background-position: -28px 37px;
	right: 0;
}
.top-news .next {
	background-position: 2px 37px;
	left: 0;
}
.top-news .prev:hover {
	background-position: -28px -78px;
	right: 0;
}
.top-news .next:hover {
	background-position: 2px -78px;
	left: 0;
}
.top-news .thumbs figure {
	float: right;
	margin: 15px 5px 0 0;
	width: 230px;
	height: 129px;
	position: relative;
	overflow: hidden;
	direction: rtl;
}
.top-news .thumbs figure:first-child {
	margin-right: 0 !important;
}
.top-news .thumbs figure:last-child {
	margin-left: 0 !important;
}
.top-news .thumbs figure a {
	display: block;
}
.top-news .thumbs figure img {
	width: 230px;
	height: auto;
}
.top-news .thumbs figure figcaption {
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	text-align: right;
	font: 15px "BMitra", Arial;
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px;
	-webkit-transition: background linear 0.2s;
	-moz-transition: background linear 0.2s;
	-o-transition: background linear 0.2s;
	transition: background linear 0.2s;
}
.top-news .thumbs figure:hover figcaption {
	background: rgba(0, 0, 0, 0.8);
	*background: #000;
}

/*
 * Grid
 */
#grid .column-1, #grid .column-2, #grid .column-3 {
	width: 315px;
	float: right;
}
#grid.sitemap .column-1 {
	width: 640px;
}
#grid .column-2 {
	margin: 0 10px;
}
#grid.sitemap .column-2 {
	margin: 0 10px 0 0;
}

#grid .clean-box {
	width: 100%;
	border-top: 2px solid #272727;
}
#grid .clean-box .feed {
	background: url(../img/icons.png) no-repeat -3px -78px;
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 5px 0 0 5px;
}
#grid .clean-box .content {
	padding: 10px;
}
#grid ul:not(.no-list-style, .flex-direction-nav) li a {
	background: url(../img/icons.png) no-repeat right -247px;
	color: #187fe7;
	padding-right: 10px;
	display: block;
}
#grid ul:not(.no-list-style, .flex-direction-nav) li a:hover {
	background-position: right -308px;
	color: #474747;
}
#grid .clean-box .archive {
	background-image: url(../img/corners.png);
	background-repeat: no-repeat;
	background-position: right -111px;
	position: absolute;
	left: 0;
	bottom: -2px;
	padding: 0 8px 2px;
	height: 19px;
	border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-right: none;
}
#grid .clean-box .archive:hover {
	background-position: right -140px;
}


/*
 * SiteMap Page
 */
#grid.sitemap {
	margin-top: 20px;
}
#grid.sitemap .clean-box:not(.date-archive) {
	height: 220px;
}

#grid.sitemap .year {
	color: #bbb;
	text-align: center;
	font-size: 17px;
	margin-top: 15px;
}
#grid.sitemap .year a {
	color: #333;
	font-size: 28px;
}
#grid.sitemap .dates {
	width: 710px;
	margin: 0 auto;
}
#grid.sitemap .dates li {
	float: right;
	margin: 10px 5px;
}

#grid.sitemap .tag-cloud {
	line-height: 30px;
}
#grid.sitemap .tag-cloud .tag {
	font-family: "BMitra", Arial;
	padding: 0 2px;
}
#grid.sitemap .tag-cloud .rank-1 {
	font-size: 17px;
}
#grid.sitemap .tag-cloud .rank-2 {
	font-size: 19px;
}
#grid.sitemap .tag-cloud .rank-3 {
	font-size: 25px;
}
#grid.sitemap .tag-cloud .rank-4 {
	font-size: 30px;
}
#grid.sitemap .tag-cloud .rank-5 {
	font-size: 35px;
}

#grid.sitemap .categories {
	font-family: "BMitra", Arial;
}
#grid.sitemap .categories .parent {
	background: #f5f5f5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	font-size: 20px;
	float: right;
	margin: 5px;
	padding: 5px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#grid.sitemap .categories .submenu {
	font-size: 18px;
	padding: 8px 10px 5px;
}


/*
 * Single Post Page
 */
#main #content #post .clean-box {
	border-top: 2px solid #4f9dec;
}

#main #content #post .date {
	color: #878787;
	padding: 5px;
	display: block;
	font: 15px "BMitra", Arial;
}
#main #content #post .date span {
	float: left;
	margin: 0 40px 0 0;
	display: inline-block;
}
#main #content #post .date .c {
	font: 10px Georgia, Arial;
}

#main #content #post .article {
	padding: 10px;
}
#main #content #post .article .header .title, #main #content #post .article .header .title a {
	color: #d50b00;
	line-height: 110%;
}
#main #content #post .article .header .article-source {
	background: url(../img/icons.png) no-repeat right -384px;
	padding-right: 16px;
	color: #767676;
	font: 15px "BMitra", Arial;
	margin-top: 7px;
	display: block;
}
#main #content #post .article .content {
	position: relative;
}
#main #content #post .article .content a, #main #content #post .article .metadata a {
	color: #137de8;
	padding-bottom: 1px;
}
#main #content #post .article .content a:hover, #main #content #post .article .metadata a:hover {
	color: #d31005;
	border-bottom: 1px solid #d31005;
}
#main #content #post .article .content p {
	margin-bottom: 10px;
}

#main #content #post .article .content img {
	-webkit-box-shadow: 1px 1px 3px #a6a6a6;
	-khtml-box-shadow: 1px 1px 3px #a6a6a6;
	-moz-box-shadow: 1px 1px 3px #a6a6a6;
	box-shadow: 1px 1px 3px #a6a6a6;
}
#main #content #post .article .content .image, #main #content #post .article .content .mt-enclosure-image .image, #main #content #post .article .content img.mt-image-center {
	margin: 10px auto !important;
	display: block;
}
#main #content #post .article .content img.mt-image-left {
	margin: 5px 10px 0 0 !important;
	float: left;
	display: block;
}
#main #content #post .article .content img.mt-image-right {
	margin: 5px 0 0 10px !important;
	float: right;
	display: block;
}
#main #content #post .article .content figure {
	max-width: 300px;
	display: block;
	float: left;
	margin-right: 20px;
}
#main #content #post .article .content figure figcaption {
	font: 15px "BMitra", Arial;
	color: #666;
	line-height: 110%;
	margin-bottom: 5px;
}

#main #content #post .article .content a:hover img.mt-image-center, #main #content #post .article .content a:hover .image {
	-webkit-box-shadow: 1px 1px 5px #666;
	-khtml-box-shadow: 1px 1px 5px #666;
	-moz-box-shadow: 1px 1px 5px #666;
	box-shadow: 1px 1px 5px #666;
}

#main #content #post .article .content blockquote {
	background: url(../img/q.png) no-repeat 250px top;
	border-right: 2px solid #d4d4d4;
	font-family: "BMitra", Arial;
	float: left;
	width: 280px;
	padding: 25px 10px 0 0;
	margin-right: 15px;
}
#main #content #post .article .content blockquote h2 {
	color: #343434;
	font-size: 23px;
	margin-bottom: 5px;
	line-height: 100%;
}
#main #content #post .article .content blockquote p {
	color: #6c6c6c;
	font-size: 15px;
}
.mejs-video, .mejs-audio {
	width: 100% !important;
	margin-bottom: 30px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	direction: ltr;
	text-shadow: none;
}

#main #content #post .article .metadata {
	color: #7c7c7c;
	font-style: italic;
}
#main #content #post .article .metadata .share {
	background: #fff;
	border: 1px solid #e7e7e7;
	border-left: none;
	border-top: none;
}
#main #content #post .article .metadata .related-posts {
	font-style: normal;
	margin: 15px 10px 0 10px;
}
#main #content #post .article .metadata .related-posts ul {
	margin: 0 5px;
}
#main #content #post .article .metadata .related-posts ul li a {
	background: url(../img/icons.png) no-repeat right -247px;
	padding-right: 10px;
}
#main #content #post .article .metadata .related-posts ul li a:hover {
	background-position: right -308px;
}

#main #content #post .subscribe-email {
	background: #f9f9f9;
	border-top: 1px solid #e9e9e9;
	padding: 10px;
}
#main #content #post .subscribe-email .title {
	background: url(../img/icons.png) no-repeat right -51px;
	color: #2386ea;
	font-size: 23px;
	padding-right: 28px;
}
#main #content #post .subscribe-email p {
	color: #4b4b4b;
	font-size: 10px;
	line-height: 145%;
	margin-top: 8px;
}
#main #content #post .subscribe-email form {
	padding: 10px;
	margin: 0 auto;
	width: 270px;
}
#main #content #post .subscribe-email form .subemail {
	width: 200px;
}

/* Sharrre */
#share{
    float:left;
    direction: ltr;
    font-style: normal;
}
.sharrre .box {
	background: #1D83EA;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(#1D83EA,0),color-stop(#076bd0,1));
	background: -webkit-linear-gradient(top, #1D83EA 0%, #076bd0 100%);
	background: -moz-linear-gradient(top, #1D83EA 0%, #076bd0 100%);
	background: -o-linear-gradient(top, #1D83EA 0%, #076bd0 100%);
	background: linear-gradient(top, #1D83EA 0%, #076bd0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D83EA', endColorstr='#076bd0',GradientType=0 );
	-webkit-box-shadow: 0 1px 1px #d3d3d3;
	-moz-box-shadow: 0 1px 1px #d3d3d3;
	box-shadow: 0 1px 1px #d3d3d3;
	height: 22px;
	display: inline-block;
	position: relative;
	padding: 0px 55px 0 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	float: left;
	clear: both;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.sharrre .left {
	line-height: 22px;
	display: block;
	white-space: nowrap;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	color: #ffffff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.sharrre .middle {
	position: absolute;
	height: 22px;
	top: 0px;
	right: 30px;
	width: 0px;
	background: #1D83EA;
	text-shadow: 0px -1px 1px #363f49;
	color: #fff;
	white-space: nowrap;
	text-align: left;
	overflow: hidden;
	-webkit-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	-webkit-transition: width 0.3s linear;
	-moz-transition: width 0.3s linear;
	-o-transition: width 0.3s linear;
	transition: width 0.3s linear;
}
.sharrre .middle a {
	color: #fff;
	font-weight: bold;
	padding: 0 9px 0 9px;
	text-align: center;
	float: left;
	line-height: 22px;
	-webkit-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
	box-shadow: -1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
}
.sharrre .right {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 45px;
	text-align: center;
	line-height: 22px;
	color: #4b5d61;
	background: #f2f2f2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(#f2f2f2,0),color-stop(#e5e5e5,1));
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
	background: -moz-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
	background: linear-gradient(top, #f2f2f2 0%, #e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e5e5e5',GradientType=0 );
}
.sharrre .box:hover {
	padding-right: 250px;
}
.sharrre .middle a:hover {
	text-decoration: none;
}
.sharrre .box:hover .middle {
	width: 200px;
}
.sharrre a {
	color: #fff !important;
}
.sharrre a:hover {
	color: #cfe7ff !important;
}

/* Comment */
#main #content #post .comments {
	margin: 25px 10px;
	border-top: 1px solid #eee;
	padding-top: 15px;
}
#main #content #post .comments > h4 {
	font-size: 25px;
	padding: 10px 10px 25px;
}
#main #content #post .comments .comment {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}
#main #content #post .comments .comment:last-child {
	border: none;
}
#main #content #post .comments .comment.reply {
	margin-right: 70px;
}
#main #content #post .comments .comment .avatar {
	
}
#main #content #post .comments .comment article {
	width: 86%;
	margin-right: 15px;
}
#main #content #post .comments .comment article > h4 {
	font-size: 18px;
}
#main #content #post .comments .comment-form {
	padding-top: 15px;
	border-top: 1px solid #eee;
	margin-top: 10px;
}
#main #content #post .comments .comment-form label.block {
	display: block;
	margin-bottom: 10px;
}
#main #content #post .comments .comment-form label.block span {
	float: right;
	width: 110px;
	text-align: left;
}
#main #content #post .comments .comment-form label.block span.required:after {
	content: ' *';
	color: #F20000;
}
#main #content #post .comments .comment-form label.block input, #main #content #post .comments .comment-form label.block textarea {
	float: right;
	margin-right: 15px;
	width: 200px;
}
#main #content #post .comments .comment-form label.block textarea {
	width: 350px;
}
#main #content #post .comments .comment-form .send {
	margin-right: 125px;
}


/* System Error Page */
.system-error #content {
	margin: auto;
	padding: 20px 0;
}
i.icon-check {
	background: url(../img/check.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
}
i.icon-error {
	background: url(../img/error.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
}


/*
 * Category Page
 */
#main #content #category .clean-box {
	border-top: 2px solid #4f9dec;
}
#main #content #category .toolbar {
	background: #f3f6f9;
	display: block;
}
#main #content #category .toolbar ul li {
	float: left;
}
#main #content #category .toolbar ul li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 16px;
	height: 16px;
	padding: 5px;
}
#main #content #category .toolbar ul li a:hover {
	background-color: #e9eef4;
}
#main #content #category .toolbar ul li .feed {
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	background-position: 2px -73px;
}
#main #content #category .toolbar ul #calendar {
	position: relative;
}
#main #content #category .toolbar ul #calendar .calendar-btn {
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	background-position: -4px -440px;
	cursor: pointer;
}
#main #content #category .toolbar ul #calendar .calendar-btn.active {
	background-color: #e9eef4;
}
#main #content #category .toolbar ul #calendar .calendar-box {
	background: #e9eef4;
	width: 180px;
	padding: 5px;
	display: none;
	z-index: 100;
	position: absolute;
	overflow: hidden;
	left: 0;
	text-align: center;
}
#main #content #category .toolbar ul #calendar .calendar-box a {
	text-indent: 0;
	width: auto;
	height: auto;
	display: inline-block;
	padding: 0;
}
#main #content #category .toolbar ul #calendar .calendar-box table {
	width: 100%;
}
#main #content #category .toolbar ul #calendar .calendar-box caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
#main #content #category .toolbar ul #calendar .calendar-box th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
#main #content #category .toolbar ul #calendar .calendar-box tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#main #content #category .group {
	padding: 10px;
	border-bottom: 1px solid #f4f4f4;
}
#main #content #category .group h3 {
	background: url(../img/icons.png) no-repeat right -184px;
	color: #aeaeae;
	padding-right: 20px;
	height: 25px;
}
#main #content #category .group ul li a {
	background: url(../img/icons.png) no-repeat right -242px;
	color: #338ce6;
	font: 19px "BMitra", Arial;
	padding-right: 10px;
	display: block;
}
#main #content #category .group ul li a:hover {
	background-position: right -303px;
	color: #05488b;
}

/*
 * Search
 */
#main #content #search .clean-box {
	border-top: 2px solid #4f9dec;
}
#main #content #search .toolbar {
	background: #f3f6f9;
	color: #8d8d8d;
	display: block;
	font: 15px "BMitra", Arial;
	padding-top: 2px;
}
#main #content #search .toolbar .search-txt {
	color: #000;
}
#main #content #search .content {
	padding: 10px;
}
#main #content #search .content ul li a {
	background: url(../img/icons.png) no-repeat right -242px;
	color: #338ce6;
	font: 19px "BMitra", Arial;
	padding-right: 10px;
	display: block;
}
#main #content #search .content ul li a:hover {
	background-position: right -303px;
	color: #05488b;
}

/* Page Navigation */
#main #content .page-nav {
	background: #f9f9f9;
	border-top: 1px solid #f4f4f4;
	padding: 10px;
	position: relative;
	min-height: 25px;
}
#main #content .page-nav .monthly a {
	background-image: url(../img/page-nav.png);
	background-repeat: no-repeat;
}
#main #content .page-nav .monthly .next {
	background-position: left top;
	padding-left: 18px;
}
#main #content .page-nav .monthly .prev {
	background-position: right bottom;
	padding-right: 18px;
}
#main #content .page-nav .number {
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	width: 260px;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 6px;
}
#main #content .page-nav .number a, #main #content .page-nav .number strong {
	color: #eb1408;
	float: right;
	margin: 0;
	padding: 2px 8px;
}
#main #content .page-nav .number a:hover {
	color: #000;
}
#main #content .page-nav .btn {
	font: 13px Tahoma, Arial !important;
}

/*
 * Gallery Category
 */
#main #content #gallery-category .clean-box {
	border-top: 2px solid #4f9dec;
}
#main #content #gallery-category .toolbar {
	background: #f3f6f9;
	display: block;
}
#main #content #gallery-category .toolbar ul li {
	float: left;
}
#main #content #gallery-category .toolbar ul li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 16px;
	height: 16px;
	padding: 5px;
}
#main #content #gallery-category .toolbar ul li a:hover {
	background-color: #e9eef4;
}
#main #content #gallery-category .toolbar ul li .feed {
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	background-position: center -73px;
}

#main #content #gallery-category .album {
	background: #fff;
	color: #6c6c6c;
	font: 15px "BMitra", Arial;
	padding: 5px;
	margin: 10px 11px;
	float: right;
	min-height: 165px;
	-webkit-box-shadow: 2px 2px 6px #cacaca;
	-khtml-box-shadow: 2px 2px 6px #cacaca;
	-moz-box-shadow: 2px 2px 6px #cacaca;
	box-shadow: 2px 2px 6px #cacaca;
	-webkit-transition: box-shadow linear 0.2s;
	-moz-transition: box-shadow linear 0.2s;
	-o-transition: box-shadow linear 0.2s;
	transition: box-shadow linear 0.2s;
}
#main #content #gallery-category .album:hover {
	-webkit-box-shadow: 2px 2px 6px #666;
	-khtml-box-shadow: 2px 2px 6px #666;
	-moz-box-shadow: 2px 2px 6px #666;
	box-shadow: 2px 2px 6px #666;
}
#main #content #gallery-category .album a {
	display: block;
}

/*
 * Gallery
 */
#main #content #gallery .clean-box {
	border-top: 2px solid #4f9dec;
}
#main #content #gallery .toolbar {
	background: #f3f6f9;
	display: block;
}
#main #content #gallery .toolbar .date {
	color: #878787;
	padding: 5px;
	display: block;
	font: 15px "BMitra", Arial;
	margin-left: 50px;
}
#main #content #gallery .toolbar .date span {
	float: left;
	margin: 0 0 0 40px;
	display: inline-block;
}
#main #content #gallery .toolbar .date .c {
	font: 12px Georgia, Arial;
}
#main #content #gallery .toolbar ul li {
	float: left;
}
#main #content #gallery .toolbar ul li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 16px;
	height: 16px;
	padding: 5px;
	cursor: pointer;
}
#main #content #gallery .toolbar ul li a:hover {
	background-color: #e9eef4;
}
#main #content #gallery .toolbar ul li.layout-viwe {
	color: #878787;
	font: 15px "BMitra", Arial;
	padding: 2px 5px 0;
	display: inline-block;
}
#main #content #gallery .toolbar ul li .view-1-column-btn {
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	background-position: -4px -469px;
}
#main #content #gallery .toolbar ul li .view-3-column-btn {
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	background-position: -4px -499px;
}

#main #content #gallery .view-3-column .thumb, #main #content #gallery .view-1-column .image {
	background: #fff;
	color: #6c6c6c;
	font: 15px "BMitra", Arial;
	padding: 5px;
	margin: 10px 11px;
	float: right;
	min-height: 165px;
	-webkit-box-shadow: 2px 2px 6px #cacaca;
	-khtml-box-shadow: 2px 2px 6px #cacaca;
	-moz-box-shadow: 2px 2px 6px #cacaca;
	box-shadow: 2px 2px 6px #cacaca;
}
#main #content #gallery .view-3-column .thumb:hover, #main #content #gallery .view-1-column .image:hover {
	-webkit-box-shadow: 2px 2px 6px #666;
	-khtml-box-shadow: 2px 2px 6px #666;
	-moz-box-shadow: 2px 2px 6px #666;
	box-shadow: 2px 2px 6px #666;
	-webkit-transition: box-shadow linear 0.2s;
	-moz-transition: box-shadow linear 0.2s;
	-o-transition: box-shadow linear 0.2s;
	transition: box-shadow linear 0.2s;
}
#main #content #gallery .view-3-column .thumb a, #main #content #gallery .view-1-column .image a {
	color: #6c6c6c;
	display: block;
}
#main #content #gallery .view-3-column .thumb img {
	width: 180px;
	height: 135px;
}

#main #content #gallery .view-1-column .image {
	float: none !important;
}
#main #content #gallery .view-1-column .image img {
}


/*
 * Media
 */
#main #content #media .clean-box {
	border-top: 2px solid #4f9dec;
}
#main #content #media .toolbar {
	background: #f3f6f9;
	display: block;
}
#main #content #media .toolbar ul li {
	float: left;
}
#main #content #media .toolbar ul.right li {
	float: right;
}
#main #content #media .toolbar ul li.layout-viwe {
	color: #878787;
	font: 15px "BMitra", Arial;
	padding: 4px 5px 0;
	display: inline-block;
}
#main #content #media .toolbar ul li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 16px;
	height: 16px;
	padding: 5px;
}
#main #content #media .toolbar ul li.no-icon a {
	font: 15px "BMitra", Arial;
	text-indent: 0;
	width: auto;
	height: auto;
}
#main #content #media .toolbar ul li a:hover {
	background-color: #e9eef4;
}
#main #content #media .toolbar ul li .feed {
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	background-position: 2px -73px;
}

#main #content #media .item {
	background: #fff url(../img/media-item-bg.png) repeat 0 0;
	color: #6c6c6c;
	font: 15px "BMitra", Arial;
	margin: 10px 11px;
	float: right;
	position: relative;
	-webkit-box-shadow: 2px 2px 6px #cacaca;
	-khtml-box-shadow: 2px 2px 6px #cacaca;
	-moz-box-shadow: 2px 2px 6px #cacaca;
	box-shadow: 2px 2px 6px #cacaca;
	-webkit-transition: box-shadow linear 0.2s;
	-moz-transition: box-shadow linear 0.2s;
	-o-transition: box-shadow linear 0.2s;
	transition: box-shadow linear 0.2s;
}
#main #content #media .item:hover {
	-webkit-box-shadow: 2px 2px 6px #666;
	-khtml-box-shadow: 2px 2px 6px #666;
	-moz-box-shadow: 2px 2px 6px #666;
	box-shadow: 2px 2px 6px #666;
}
#main #content #media .item a {
	display: block;
	width: 190px;
	height: 143px;
}
#main #content #media .item img {
	width: 100%;
}
#main #content #media .item figcaption {
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2px 5px;
	-webkit-transition: background linear 0.2s;
	-moz-transition: background linear 0.2s;
	-o-transition: background linear 0.2s;
	transition: background linear 0.2s;
}
#main #content #media .item:hover figcaption {
	background: rgba(0, 0, 0, 0.8);
}

#main #content #media .item [class^="icon-"],
#main #content #media .item [class*=" icon-"] {
	opacity: 0.7;
	-webkit-transition: opacity linear 0.2s;
	-moz-transition: opacity linear 0.2s;
	-o-transition: opacity linear 0.2s;
	transition: opacity linear 0.2s;
}
#main #content #media .item:hover [class^="icon-"],
#main #content #media .item:hover [class*=" icon-"] {
	opacity: 1;
}


/*
 * Icons
 */
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../img/icons.png?v1");
	background-repeat: no-repeat;
	*margin-left: .3em;
	*margin-right: 0;
	position: relative;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
	*margin-right: 0;
}

.icon-play {
	background-position: 0 -569px;
	width: 25px;
	height: 29px;
}
#media .icon-play {
	position: absolute;
	top: 50%;
	margin-top: -14px;
	right: 50%;
	margin-right: -12px;
}

.icon-podcast {
	background-position: 0 -535px;
	width: 37px;
	height: 24px;
}
#media .icon-podcast {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 50%;
	margin-right: -18px;
}

.icon-image {
	background-position: 0 -608px;
	width: 31px;
	height: 23px;
}
#media .icon-image {
	position: absolute;
	top: 50%;
	margin-top: -11px;
	right: 50%;
	margin-right: -15px;
}


/*
 * Footer
 */
#footer {
	background: #efefef;
	border: 1px solid #e8e8e8;
	border-top-width: 2px;
	border-bottom: none;
	padding: 10px 20px;
	position: relative;
}
#footer .copyright {
	background: url(../img/ictna-footer.png) no-repeat right center;
	color: #848484;
	text-align: justify;
	width: 300px;
	padding-right: 210px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	line-height: 150%;
}
#footer ul.pages {
	margin-top: -5px;
	width: 100px;
}
#footer ul.pages li a {
	color: #8b8b8b;
	margin: 1px 0;
	display: block;
}
#footer ul.pages li a:hover {
	color: #272727;
}
#footer .back-top {
	background-image: url('../img/icons.png');
	background-position: -1px -153px;
	font: 12px Tahoma;
	width: 20px;
	height: 20px;
	padding: 0;
	position: absolute;
	top: -13px;
	right: 8px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#footer .zigzaglab-logo {
	background: url(../img/zigzaglab-logo.png) no-repeat center top;
	width: 110px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 8px !important;
	position: absolute;
	left: 10px;
	bottom: 10px;
}
#footer .zigzaglab-logo .shadow {
	background: url(../img/zigzaglab-logo.png) no-repeat center bottom;
	width: 110px;
	height: 24px;
	display: block;
	margin-top: 8px !important;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	z-index: 9999;
	-webkit-transition: opacity .18s linear;
	-moz-transition: opacity .18s linear;
	-o-transition: opacity .18s linear;
	transition: opacity .18s linear;
}
#footer .zigzaglab-logo:hover .shadow {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

/*
 * Ads
 */
#header .header-ad a, #header .header-ad object, #main #content .content-header-ad a, #main #content .content-header-ad object, .content-header-ad iframe, .content-footer-ad a, .content-footer-ad object, .content-footer-ad iframe, #main #content .content-right-ad a, #main #content .content-right-ad object, .content-right-ad iframe, #main #sidebar .sidebar-header-ad a, #main #sidebar .sidebar-header-ad object, #main #sidebar .sidebar-header-ad object, #main #sidebar .sidebar-footer-ad a, #main #sidebar .sidebar-footer-ad object, #main #sidebar .sidebar-footer-ad iframe {
	background: #fcfcfc url(../img/ad-txt.png) no-repeat center;
	border: 1px solid #f6f6f6;
	display: block;
}
/* Header Ad */
#header .header-ad a, #header .header-ad object, #header .header-ad iframe {
	width: 720px;
	height: 90px;
	float: left;
	margin-top: 10px;
	margin-left: 0;
}
/* Content Header & Footer Ad */
#main #content .content-header-ad a, #main #content .content-header-ad object, #main #content .content-header-ad iframe, #main #content .content-footer-ad a, #main #content .content-footer-ad object, #main #content .content-footer-ad iframe {
	width: 468px;
	height: 60px;
	margin: 0 auto;
}
/* Content Right Ad (after content header ad) */
#main #content .content-right-ad {
	width: 100%;
}
#main #content .content-right-ad a.a, #main #content .content-right-ad object.a, #main #content .content-right-ad iframe.a {
	width: 120px;
	height: 240px;
	float: right;
}
#main #content .content-right-ad a.b, #main #content .content-right-ad object.b, #main #content .content-right-ad iframe.b {
	width: 120px;
	height: 240px;
	float: left;
}
/* Sidebar Header & Footer Ad */
#main #sidebar .sidebar-header-ad, #main #sidebar .sidebar-footer-ad {
	width: 300px;
}
#main #sidebar .sidebar-header-ad a.a, #main #sidebar .sidebar-header-ad object.a, #main #sidebar .sidebar-header-ad iframe.a, #main #sidebar .sidebar-footer-ad a.a, #main #sidebar .sidebar-footer-ad object.a, #main #sidebar .sidebar-footer-ad iframe.a, #main #sidebar .sidebar-footer-ad a.c, #main #sidebar .sidebar-footer-ad object.c, #main #sidebar .sidebar-footer-ad iframe.c {
	width: 120px;
	height: 240px;
	float: right;
	margin-right: 10px;
}
#main #sidebar .sidebar-header-ad a.b, #main #sidebar .sidebar-header-ad object.b, #main #sidebar .sidebar-header-ad iframe.b, #main #sidebar .sidebar-footer-ad a.b, #main #sidebar .sidebar-footer-ad object.b, #main #sidebar .sidebar-footer-ad iframe.b, #main #sidebar .sidebar-footer-ad a.d, #main #sidebar .sidebar-footer-ad object.d, #main #sidebar .sidebar-footer-ad iframe.d {
	width: 120px;
	height: 240px;
	float: left;
	margin-left: 10px;
}
#main #sidebar .sidebar-footer-ad a.c, #main #sidebar .sidebar-footer-ad object.c, #main #sidebar .sidebar-footer-ad iframe.c, #main #sidebar .sidebar-footer-ad a.d, #main #sidebar .sidebar-footer-ad object.d, #main #sidebar .sidebar-footer-ad iframe.d {
	margin-top: 10px;
}
/* Squer */
#main #content .content-right-ad.squer a.a:not(.no-squer), #main #content .content-right-ad.squer object.a:not(.no-squer), #main #content .content-right-ad.squer iframe.a:not(.no-squer) {
	width: 125px;
	height: 125px;
	float: right;
}
#main #content .content-right-ad.squer a.b:not(.no-squer), #main #content .content-right-ad.squer object.b:not(.no-squer), #main #content .content-right-ad.squer iframe.b:not(.no-squer) {
	width: 125px;
	height: 125px;
	float: left;
}
/*-------*/
#main #sidebar .sidebar-header-ad.squer a.a:not(.no-squer), #main #sidebar .sidebar-header-ad.squer object.a:not(.no-squer), #main #sidebar .sidebar-header-ad.squer iframe.a:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer a.a:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer object.a:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer iframe.a:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer a.c:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer object.c:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer iframe.c:not(.no-squer) {
	width: 125px;
	height: 125px;
	float: right;
	margin-right: 10px;
}
#main #sidebar .sidebar-header-ad.squer a.b:not(.no-squer), #main #sidebar .sidebar-header-ad.squer object.b:not(.no-squer), #main #sidebar .sidebar-header-ad.squer iframe.b:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer a.b:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer object.b:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer iframe.b:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer a.d:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer object.d:not(.no-squer), #main #sidebar .sidebar-footer-ad.squer iframe.d:not(.no-squer) {
	width: 125px;
	height: 125px;
	float: left;
	margin-left: 10px;
}
/* Center */
.sidebar-header-ad .center, .sidebar-footer-ad .center, .content-header-ad .center, .content-right-ad .center {
	width: auto;
	float: none;
	margin: 0 auto;
	display: block;
}
.sidebar-header-ad .center.w240, .sidebar-footer-ad .center.w240, .content-header-ad .center.w240, .content-right-ad .center.w240 {
	width: 240px;
}


/*
 * IE Fix
 */
/* IE8 */
.ie8 .clean-box .hot-title {right: -72px !important;}
.ie8 #main #content .important-news .hot-title {right: -105px !important;}
.ie8 #main #content .poll .hot-title {right: -83px !important;}

/* IE7 */
.ie7 #header .north-nav .pages {margin-right: 535px;}
.ie7 #header .north-nav .search-form .btn {padding-top: 1px; padding-bottom: 2px; margin-top: -2px;}
.ie7 #header .south-nav .categories {margin-right: 0; width: 960px;}
.ie7 ul.dropdown ul li a {display: inline-block;}

.ie7 .clean-box .clean-title {float: none;}

.ie7 .clean-box .hot-title {right: -72px;}
.ie7 #main #content .important-news .hot-title {right: -75px;}
.ie7 #main #content .poll .hot-title {right: -83px;}

/* AnythingSlider IE7 and older stylesheet - included !important flag in case the theme is loaded after page load */

/* Navigation Arrows */
.ie7 div.anythingSlider .arrow {
	top: 35% !important;
}
.ie7 div.anythingSlider-metallic .arrow {
	top: 40% !important;
}
.ie7 div.anythingSlider-construction .arrow {
	top: 14% !important;
}
.ie7 div.anythingSlider-minimalist-round .arrow , div.anythingSlider-minimalist-square .arrow {
	top: 45% !important;
}
.ie7 div.anythingSlider-cs-portfolio .arrow {
	bottom: -24px !important;
}

.ie7 div.anythingSlider .arrow a,
.ie7 div.anythingSlider-metallic .arrow a,
.ie7 div.anythingSlider-minimalist-square .arrow a,
.ie7 div.anythingSlider-construction .arrow a,
.ie7 div.anythingSlider-minimalist-round .arrow a {
	margin: 0 !important;
}
/* When using the navigationSize option, the side margins need to be zero
   None of the navigation panels look good in IE7 now =( */
.ie7 div.anythingSlider .anythingControls ul.thumbNav a {
	margin: 0;
}
.ie7 div.anythingSlider .anythingControls .anythingNavWindow li {
	padding: 3px 0 0 0;
}
.ie7 div.anythingSlider-cs-portfolio .anythingControls .anythingNavWindow {
	margin: 18px 0 0 0;
}
.ie7 div.anythingSlider-metallic .anythingControls,
.ie7 div.anythingSlider-minimalist-square .anythingControls,
.ie7 div.anythingSlider-construction .anythingControls,
.ie7 div.anythingSlider-minimalist-round .anythingControls {
	width: 70%; /* arbitrary percentage, adjust to fit your slider in IE7 */
	margin-top: 3px;
}

.ie7 #simplemodal-container a.modalCloseImg {background:none; right:-14px; width:22px; height:26px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/x.png',sizingMethod='scale');}