/*Infonet.vn Stylesheet*/
/*================================*/
/*BASE STYLES*/
/*================================*/
body {
	margin:0;
	padding:0;
	font:100%/137.5% Arial, Helvetica, sans-serif;
	color:#000;
	background:#eee;
}
/*================================*/
/*SITE STRUCTURES*/
/*================================*/
/*HEADER*/
.wrap-header {
    width:980px;
    height: 100px;
    margin: 0 auto;
    background: #2f6379;
    position: relative;
    border-bottom: solid 3px #2f6379;
}
#siteheader a:link, #siteheader a:visited {color: #fff;}
#siteheader a:hover {color: #EF7D00}
    .datetime {
        color: #fff;
        font-size: 0.6875em;
        position: absolute;
        top: 10px;
        left: 20px;
        line-height: 1em;
    }
    #siteheader .logo {
        position: absolute;
        top: 30px;
        left: 20px;
    }
.lastminute {
    width: 360px;
    position: absolute;
    top: 10px;
    left: 280px;
}
.lastminute .heading {
    display: block;
    font-weight: bold;
    color: #EF7D00;
    font-size: 0.75em;
    text-transform: uppercase;
    border-bottom: solid 1px #EF7D00;
    padding-bottom: 2px;
    margin-bottom: 7px;
    line-height: 1em;
}
.lastminute li {margin-bottom: 3px;}
.lastminute a {
    font-size: 0.75em;
    line-height: 1.2em;
    display: block;
    width: 360px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lastminute span.time {display: inline-block; margin-right: 10px;}
.users {
    position: absolute;
    top: 10px;
    right: 20px;
    line-height: 1em;
    font-size: 0.75em;
}
.users span {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}
.users span:last-child {border-left: solid 1px #fff; padding-left: 5px;}
.social-buttons {
    position: absolute;
    top: 10px;
    right: 240px;
}
.social-buttons li {float: left; margin-right: 5px;}
.search {
    position: absolute;
    top:40px;
    right: 20px;
    width: 290px;
}
.search .filter {
    color: #fff;
    font-size: 0.6875em;
    text-transform: uppercase;
    margin-bottom: 2px;
    text-align: right;
}
.filter input {vertical-align: middle; margin-top: -1px;}
.search .input {position: relative;}
.search .i-search {
    position: absolute;
    top: 5px;
    right: 5px;
}
.txt-search {
    background: #1a3845;
    width: 290px;
    border: none;
    height: 26px;
    color: #fff;
}
/*NAVIGATION*/
#navigation {
    width: 980px;
    margin: 0 auto;
    background: #1a3845;
    height: 40px;
    position: relative;
}
#foot-navigation {
    width: 980px;
    margin: 0 auto;
    background: #1a3845;
    height: 40px;
    position: relative;
}
.navi li {
    float: left;
    border-right: solid 1px #2f6379;
    
}
.navi .home {padding:12px 10px 0 10px; height: 28px;}
.navi .expander {border: none; padding:14px 10px 0 10px; height: 26px;}
.navi .title {
    display:block;
    font-size:12px;
    line-height:1em;
    text-transform:uppercase;
    height:26px;
    padding:14px 7px 0 7px;
    
}
.navi span.title {font-family: "MyriadPro-Cond"; font-size: 1.125em;}
li.current .title, li.shover .title, .navi .title:hover {
    background:#EF7D00;
}
.navi span.title a:link, .navi span.title a:visited {color:#fff;}
.navi span.title a:hover {color:#fff}
.navi .child {
    position:absolute;
    top:40px;
    left:0;
    width:160px;
    background:#cc3333;
    display:none;
    z-index:999;
}
.child a {
    display:block;
    font-size:0.75em;
    line-height:1em;
    padding:7px 10px;
    border-bottom:solid 1px #db6969;
}
.child li:last-child a{border-bottom:none;}
.child a:hover {background:#000;}
.child a:link, .child a:visited {color:#fff;}
li.shover .child, li.parent:hover .child {display:block;}

.quicknav {
    position: absolute;
    width: 980px;
    height: 190px;
    top: 40px;
    left: 0;
    background: #fbbc86;
    border-top: solid 2px #ef7d00;
    z-index: 999;
    display: none;
}
#foot-navigation .quicknav {
    border-bottom: solid 2px #ef7d00;
    bottom: 40px;
    left: 0;
    top: auto;
}
li.shover .quicknav, li.sfhover .quicknav {display: block;}
.quicknav .subnav {
    position: absolute;
    top: 20px;
    left: 20px;
}

.quicknav li {
    float: none;
    border: none;
    font-weight: bold;
    margin-bottom: 5px;
}
.quicknav a:link, .quicknav a:visited {color: #fff;}
.quicknav a:hover {color: #2f6379;}
.quicknav .featured {
    position: absolute;
    top: 20px;
    left: 210px;
}
.quicknav .featured.nosub {
    top: 20px;
    left: 20px;
}
.quicknav .story {
    float: left;
    width: 180px;
    margin-right: 10px;
}
.quicknav .story a {display: inline; background: none; padding: 0; text-transform:none; line-height: 1.2em;}
.quicknav .title:hover, .quicknav .title {background: none!important;}
.quicknav .story a:link, .quicknav .story a:visited {color:#1b3846;}
.quicknav .story a:hover {color:#fff}
.quicknav .story .thumb {margin-bottom: 5px}
.quicknav .story .title {
    font-weight: bold;
    padding: 0;
}

/*full navigation*/
.full-nav {
    width: 950px;
    padding: 20px 15px;
    position: absolute;
    top: 40px;
    left: 0;
    background: #e6e6e6;
    z-index: 90;
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    display: none;
    z-index: 999;
}
li.fhover .full-nav {display: block;}
.full-nav .zone {
    width: 150px;
    float: left;
    margin: 0 10px 10px 0;
}
.full-nav .zone .heading {font-size: 1em; font-weight: bold; color: #2f6379}
.full-nav .zone.right {margin: 0 0 10px 0}
.full-nav ul, .full-nav li {list-style: disc; color: #e97f0c;}
.navi .full-nav li {float: none; border: none}
.full-nav ul {padding-left: 15px;}
.navi .full-nav .zone .title {font-size: 12px; line-height: 1.2em; font-weight: bold; text-transform: none; height: auto; padding: 0;}
.navi .full-nav .zone .title:hover {background: none;}
.full-nav .thumb {margin-bottom: 5px;}
.full-nav .close {position: absolute; top: 10px; right: 10px; z-index: 91; cursor: pointer; display: none}
.full-nav .zone:last-child {border-bottom: solid 1px #ef7d00; padding-bottom: 7px;}
/*FOOTER*/
.links {
    border-top: solid 1px #ef7d00;
    background: #fff;
    width: 940px;
    padding: 20px;
    margin: 0 auto;
}
.links .heading {
    font-size: 1.25em;
    line-height: 1em;
    margin-bottom: 20px;
    display: block;
    color: #2f6379;
    text-transform: uppercase;
    font-weight: bold;
}
.links li {
    width: 15%;
    float: left;
    margin: 0 10px 10px 0;
    font-size: 16px;
}
#sitefooter {
    width: 980px;
    margin: 0 auto;
    background: url(../images/footer_bg.jpg) repeat-x top #1a3c46;
}
.wrap-footer {position: relative; height: 160px;}
.wrap-footer .logo {
    position: absolute;
    top: 40px;
    left: 40px;
}
.wrap-footer .siteinfo {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 540px;
    padding-left: 76px;
    padding-top: 15px;
    border-top: solid 1px #fff;
}
.vinanet {position: absolute; top: 15px; left: 0;}
.wrap-footer .siteinfo p {
    color: #fff;
    font-size: 0.75em;
    line-height: 1.2em;
    margin-bottom: 5px
}
/*PAGECONTENTS*/
.wrapper {
	width:980px;
	margin:0 auto;
    background: #fff;
}
.wrap-contents {padding: 0 5px;}
	.pagecontents {
		width:640px;
		float:left;
		margin-right:10px;
	}
    .sidebar {
        width: 320px;
        float: left;
    }
/*================================*/
/*COMMON STYLES*/
/*================================*/
a {text-decoration:none;}
a:link, a:visited {color:#2F6379;}
a:hover {color:#EF7D00;}
ul {
	list-style:none;
	margin:0;
	padding:0;
}
li {
	list-style:none;
	margin:0;
	padding:0;
}
.sprite {
	background-image:url(../Images/sprites1.png);
	background-repeat:no-repeat;
	display:inline-block;
}
	a.sprite {
		display:block;
		text-indent:-2000em;
	}
.i-hot {background-position:-6px -7px; width: 26px; height: 9px;}
.i-fb {background-position:-42px -6px; width:20px; height:20px;}
.i-twitter {background-position:-68px -6px; width:20px; height:20px;}
.i-gplus {background-position:-94px -6px; width:20px; height:20px;}
.i-search {background-position:-149px -8px; width:16px; height:16px;}
.i-home {background-position:-177px -7px; width:20px; height:18px;}
.i-user {background-position:-122px -6px; width:19px; height:18px;}
.i-hamburger {background-position:-100px -39px; width:16px; height:10px;}
.i-bullet-01 {background-position:-6px -43px; width:6px; height:8px;}
.i-play-l {background-position:-55px -84px; width:64px; height:64px;}
.i-play-s {background-position:-10px -84px; width:32px; height:32px;}
.i-photo {background-position:-42px -37px; width:18px; height:14px;}
.i-clip {background-position:-66px -38px; width:21px; height:14px;}
.i-like {background-position:-137px -60px; width:18px; height:18px;}
.i-dislike {background-position:-165px -60px; width:18px; height:18px;}
.i-reply {background-position:-197px -62px; width:18px; height:17px;}
.ui-tabs-hide {display:none;}
/*================================*/
/*STORY*/
/*================================*/
.story:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .story { zoom: 1; } /* IE6 */
*:first-child+html .story { zoom: 1; } /* IE7 */

.meta {color:#999;}
	.meta a:link, .meta a:visited {color:#999;}
	.meta a:hover {color:#900}
.summary {color:#666;}
.incat {text-transform:uppercase; font-weight:bold}
.thumb {line-height:0;}
.story .title {font-weight:bold;}
.story .i-clip, .story .i-photo {margin-right: 5px;}
/*================================*/
/*CLEARFIX*/
/*================================*/
.clearfix:after, .navi:after, .wrapper:after  {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix, * html .navi, * html .wrapper { zoom: 1; } /* IE6 */
*:first-child+html .clearfix, *:first-child+html .navi, *:first-child+html .wrapper { zoom: 1; } /* IE7 */


/*paging*/
.pagination{margin:20px 0;}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination ul>li{display:inline;}
.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0;}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
.pagination ul>.active>a,.pagination ul>.active>span{color:#999999;cursor:default;}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999999;background-color:transparent;cursor:default;}
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}
.pagination ul>li>a,.pagination ul>li>span {font-size:0.75em;}

/*topics*/
.topics {
    padding:12px 20px 8px 20px;
    position: relative;
}
.topics .heading {
    display: inline-block;
    font-size: 1em;
    color: #ee7c00;
    text-transform: uppercase;
    font-weight: bold;
}
.topics div.event-list {width: 810px;float: right;}
.topics ul {float: left; display: block;}
.topics li {
    float: left;
    margin-right: 15px;
}
.topics a {font-size: 12px;}
.topics a:link, .topics a:visited {color: #000;}
.topics a:hover {color: #ee7c00}
.topics .sprite {vertical-align: middle; margin-right: 2px; margin-top: -2px}

/*HOME*/
.spotlight {margin-bottom: 10px;}
.spotlight .featured {
    width: 480px;
    float:left;
}
.spotlight .latest {
    width: 140px;
    float: left;
    background: #e6e6e6;
    padding: 10px;
    height: 320px;
}
.spotlight .featured .story {position: relative;}
.spotlight .featured .title {
    font-size: 1.4em;
    position: absolute;
    bottom:75px;
    left: 10px;
    z-index: 3;
    width: 460px;
    line-height: 1.2em;
}
.spotlight .featured .overlay {
    content: '';
    display: block;
    width: 480px;
    height: 70px;
    background: rgba(0,0,0,0.3);
    position: absolute;
    bottom:70px;
    left: 0;
    z-index: 2;
}
.spotlight .featured a:link, .spotlight .featured a:visited {color: #fff}
.spotlight .featured .summary {background: #878787; color: #fff; font-size: 12px; height: 50px; padding:10px 10px 10px 10px; line-height: 1.3em;}
.spotlight .latest .story {margin-bottom: 15px;}
.spotlight .latest .title {font-size: 12px; line-height: 1.2em}

/*stream*/
.stream {
    width: 470px;
    float: left;
    padding-right: 10px;
}
.stream-sb {
    width: 160px;
    float: left;
}
.stream .story {
    border-bottom: solid 1px #e6e6e6;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.stream .story:last-child {border: none;}
.stream .story .thumb {
    float:left;
    margin: 0 10px 0 0;
}
.stream .story .title {
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 5px;
    font-weight: bold;
}
.stream .story .meta {font-size: 0.75em; margin-bottom: 10px;}
.stream .story .related {font-size: 12px; line-height: 1.2em;}
.stream-sb .module {
    background: #e6e6e6;
    padding: 5px 7px;
    border-top: solid 2px #ef7d00;
    margin-bottom: 10px;
}
.stream-sb .module .heading {
    color:#2f6379;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 0;
}
.stream-sb .module .story {margin-bottom: 7px;}
.stream-sb .module .story .title {
    font-size:12px;
    font-weight: normal;
    line-height: 1.2em;
}
.stream-sb .module .featured .title {
    background: #2f6379;
    color: #fff;
    padding: 5px;
    font-weight: bold;
}
.stream-sb .module.mostread .title {font-weight: bold;}
.stream-sb .module .story.featured .thumb {margin: 0;}
.stream-sb .module .featured .title a:link, .stream-sb .module .featured .title a:visited {color: #fff;}
.stream-sb .module .story .thumb {margin-bottom: 7px;}
.stream-sb .module-02 .story {margin-bottom: 15px}
.quotes .photo {float: left; margin: 0 7px 5px 0}
.quotes .photo img {border-radius: 50%;}
.quotes .name {font-size: 0.75em; line-height: 1.2em; pad0ding-top: 10px}
.quotes .name strong {display: block;}
.quote {font-size: 12px; line-height: 1.2em; padding: 0 5px; margin-bottom: 10px}
.quotes .subheading {display: block; font-size: 0.6875em; text-transform: uppercase; margin-bottom: 5px; line-height: 1.2em; font-style: italic}
.quotes .related {font-size: 12px; line-height: 1.2em; font-weight: bold}

/*video*/
.media {margin-bottom: 20px}
.media .heading {
    border-top: solid 3px #ef7d00;
    font-size: 1.5em;
    text-transform: uppercase;
    padding: 10px 0;
    line-height: 1em;
}
.media .clip {
    width: 210px;
    float:left;
    margin-right: 5px;
    position: relative;
}
.media .clip:last-child {margin-right: 0;}
.media .clip.featured {
    float: none;
    margin: 0 0 5px 0;
}
.media .clip.featured .overlay {
    background: rgba(0,0,0,0.4);
    display: block;
    width: 640px;
    height: 100px;
    position: absolute;
    top:260px;
    left: 0;
    z-index: 2;
}
.media .clip a:link, .media .clip a:visited {color: #fff;}
.media .clip.featured .title {
   font-size: 1.4em;
   width: 520px;
    position: absolute;
    left: 100px;
    top: 285px;
    line-height: 1.2em;
    z-index: 3;
}
.media .clip.featured .play {
    position: absolute;
    top: 280px;
    left: 20px;
    z-index: 3;
}
.media .clip .title {
    font-size: 0.75em;
    position: absolute;
    top: 83px;
    left: 45px;
    z-index: 3;
    line-height: 1.2em;
    width: 160px;
}
.media .clip .overlay {
    background: rgba(0,0,0,0.4);
    display: block;
    width: 210px;
    height: 45px;
    position: absolute;
    top: 73px;
    left: 0;
    z-index: 2;
}
.media .clip .play {
    position: absolute;
    top: 80px;
    left: 5px;
    z-index: 3;
}
/*infographic*/
.infographic {margin-bottom: 20px}
.infographic .heading {
    border-top: solid 3px #ef7d00;
    font-size: 1.5em;
    text-transform: uppercase;
    padding: 10px 0;
    line-height: 1em;
}
.infographic .story {
    width: 210px;
    float:left;
    margin-right: 5px;
}
.infographic .story .thumb {margin-bottom: 5px;}
.infographic .story:last-child {margin-right: 0;}
.infographic .story .title {font-weight: normal;}
.infographic .story.featured {
    width: 640px;
    float: none;
    margin-bottom: 10px;
}
.infographic .story.featured .title {
    font-size: 1.5em;
    line-height: 1.2em;
}
.infographic .story.featured .thumb {margin-bottom: 10px}

/*zones*/
.zones {
    border-top: solid 3px #808080;
    padding-top: 10px;
}
.zone {border-bottom: solid 1px #ef7d00; margin-bottom: 7px; padding-bottom: 7px;}
.zone:last-child {border-bottom: none; margin: 0; padding: 0}
.zone .heading {font-size: 1.25em; text-transform: uppercase; padding: 5px 0;}
.zone .story.featured {
    width: 210px;
    float: left;
    margin: 0 10px 10px 0;
}
.zone .story.featured .title {
    background: #2f6379;
    line-height: 1.2em;
    padding: 5px 7px;
}
.zone .story.featured a:link, .zone .story.featured a:visited {color: #fff;}
.zone .story {margin-bottom: 10px;}
.zone .wrap {
    float: left;
    width: 420px;
}
.zone .wrap .story .title {font-weight: normal;}

/*SIDEBAR*/
.sidebar .block {margin-bottom: 10px;}
.sidebar .block .heading {
    text-transform: uppercase;
    color: #2f6379;
    line-height: 1em;
}
.sidebar .topic .heading {
    padding: 10px 10px 7px 10px;
    border-top: solid 3px #2f6379;
    border-bottom: solid 1px #ef7d00;
}
.sidebar .topic .story.featured {position: relative; padding: 0}
.sidebar .topic .story.featured .title {
    position: absolute;
    bottom: 5px;
    left: 10px;
    z-index: 3;
    line-height: 1.2em;
    font-size: 1em;
    width: 300px;
    font-weight: bold;
}
.sidebar .topic .featured .overlay {
    display: block;
    background: rgba(0,0,0,0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 320px;
    height: 50px;
    z-index: 2;
}
.sidebar .topic .story a:link, .sidebar .topic .story a:visited {color: #fff;}
.sidebar .topic .story {background: #2f6379; padding: 10px 10px 5px 10px;}
.sidebar .topic .story:last-child {padding: 10px;}
.sidebar .topic .story .title {font-size: 12px; line-height: 1.2em; font-weight: normal}

/*market 01*/
.tabheader li {float: left;}
.tabheader li a {display: block;}
.market-01, .market-02 {border: solid 1px #666; margin-bottom: 10px; border-top: solid 2px #ef7d00;}
.market-01 .tabheader {
    background: #2f6379;
    border-top: solid 2px #ef7d00;
    height: 40px;
    margin-bottom: 20px;
}
.market-01 .tabheader a:link, .market-01 .tabheader a:visited, .market-02 .heading a:link, .market-02 .heading a:visited {color: #fff;}
.market-01 .tabheader a:hover, .market-01 .tabheader .ui-tabs-active a, .market-02 .heading a:hover {color: #ef7d00;}
.market-01 .tabheader li {height: 40px; position: relative;}
.market-01 .tabheader a {
    text-transform: uppercase;
    height: 30px;
    padding: 10px 20px 0 30px;
}
.market-01 .tabheader .ui-tabs-active:after {
    display: block;
    content: '';
    width:14px;
    height: 6px;
    background: url(../images/tab_arrow.png);
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -7px;
}
/*market 02*/
.market-02 .heading {
    background: #2f6379;
    border-top: solid 2px #ef7d00;
    height: 30px;
    text-transform: uppercase;
    padding: 10px 0 0 10px;
}
.market-02 .tabheader {
    border-bottom: solid 1px #ef7d00;
    height: 35px;
    margin-bottom: 20px;
}
.market-02 .tabheader li {position: relative; height: 35px;}
.market-02 .tabheader a {
    display: block;
    padding: 10px 10px 0 10px;
    height: 35px;
    border-b
}
.market-02 .tabheader .ui-tabs-active a {color:#ef7d00}
.market-02 .tabheader .ui-tabs-active:after {
    display: block;
    content: '';
    width:16px;
    height: 8px;
    background: url(../images/tab_arrow_02.png);
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
}
/*module*/
.sidebar .module-01 .heading {
    text-transform: uppercase;
    border-top: solid 3px #ef7d00;
    border-bottom: solid 1px #2f6379;
    line-height: 1em;
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;
}
.sidebar .module-01 .story {margin-bottom:10px;}
.sidebar .module-01 .story .title {
    font-size:12px;
    line-height: 1.2em;
    font-weight: normal;
}
.sidebar .module-01 .story .thumb {
    width: 120px;
    float:left;
    margin: 0 10px 0 0;
}
.sidebar .module-01 .story.featured .thumb {
    width: auto;
    float: none;
    margin: 0;
}
.sidebar .module-01 .story.featured .title {
    background: #2f6379;
    padding: 10px;
    font-weight: bold;
    font-size: 1em;
}
.sidebar .module-01 .story.featured a:link, .sidebar .module-01 .story.featured a:visited {color: #fff;}

.sidebar .module-02 .heading {
    text-transform: uppercase;
    border-top: solid 3px #ef7d00;
    background: #e6e6e6;
    line-height: 1em;
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;
}
.sidebar .module-02 .story {
    width: 155px;
    float: left;
    margin: 0 10px 10px 0;
}
.sidebar .module-02 .story:nth-child(odd) {margin: 0 0 10px 0;}
.sidebar .module-02 .story .title {font-weight: normal; line-height: 1.2em; font-size: 12px;}
.sidebar .module-02 .story .thumb {margin-bottom: 5px;}

.fblike {
    border-top:solid 2px #2f6379;
    margin-bottom: 10px;
}
/*focus*/
.focus {
    background: #1b3846;
    width: 930px;
    padding: 20px 25px;
    margin: 0 auto;
}
.focus .fzone {
    width: 225px;
    float: left;
    margin: 0 10px 0 0;
}
.focus .fzone:last-child {margin: 0;}
.fzone .heading {
    font-size: 1.125em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}
.fzone .heading a:link, .fzone .heading a:visited {color: #fff;}
.fzone .heading a:hover {color:#ef7d00}
.fzone .thumb {margin-bottom: 5px;}
.fzone .title {margin-bottom: 5px;}
.fzone .title a:link, .fzone .title a:visited {color: #ef7d00}
.fzone .summary {color: #fff; font-size: 12px;}
/*partners*/
.partners {
    width: 940px;
    background: #fff;
    padding: 20px;
    margin: 0 auto;
}
.partners .heading {
    font-size: 1.25em;
    line-height: 1em;
    margin-bottom: 10px;
    display: block;
    color: #2f6379;
    text-transform: uppercase;
    font-weight: bold;
}
.partners li {float: left; margin: 0 15px 15px 0;}
/*CATEGORY*/
.breadcrums {height: 30px; border-bottom: solid 1px #2f6379; margin-bottom: 10px; position: relative;}
.breadcrums .heading {
    display: block;
    color: #fff;
    background: url(../images/breadcrum.gif) right  no-repeat #ef7d00;
    height: 20px;
    padding: 10px 20px 0 10px;
    text-transform: uppercase;
    font-weight:bold;
    font-size: 12px;
    line-height: 1em;
    margin-right: 20px;
    float: left;
}
.breadcrums .tree {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1em;
    float: left;
}
.breadcrums .tree a {margin-right: 5px;}
.breadcrums .tree a.current {color: #ef7d00}
.zone-spotlight {margin-bottom: 10px;}
.zone-spotlight .featured {
    width: 480px;
    float:left;
    margin-right: 10px;
}
.zone-spotlight .latest {
    width: 150px;
    float: left;
    background: #e6e6e6;
    padding: 0 0 10px 0;
    height: 330px;
}
.zone-spotlight .latest .heading {
    display: block;
    border-top: solid 3px #ef7d00;
    border-bottom: solid 1px #ef7d00;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1em;
    padding: 5px;
    text-align: center;
    color: #2f6379;
    margin-bottom: 10px;
}
.zone-spotlight .featured .story {position: relative;}
.zone-spotlight .featured .title {
    font-size: 1.5em;
    position: absolute;
    bottom:70px;
    left: 10px;
    z-index: 3;
    width: 460px;
    line-height: 1.2em;
}
.zone-spotlight .featured .overlay {
    content: '';
    display: block;
    width: 480px;
    height: 70px;
    background: rgba(0,0,0,0.4);
    position: absolute;
    bottom:65px;
    left: 0;
    z-index: 2;
}
.zone-spotlight .featured a:link, .zone-spotlight .featured a:visited {color: #fff}
.zone-spotlight .featured .summary {background: #878787; color: #fff; font-size: 0.75em; height: 50px; padding:10px; line-height: 1.3em;}
.zone-spotlight .latest .story {margin-bottom: 10px; padding: 0 5px;}
.zone-spotlight .latest .title {font-size: 12px; line-height: 1.2em; font-weight: normal}
.more-featured {
    border-bottom: solid 1px #ef7d00;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.more-featured .story {
    width: 150px;
    float: left;
    margin-right: 13px;
}
.more-featured .story:last-child {margin-right: 0;}
.more-featured .title {
    background: #2f6379;
    color: #fff;
    font-size: 0.75em;
    line-height: 1.2em;
    padding: 5px;
}
.more-featured .title a:link, .more-featured .title a:visited {color: #fff;}
.more-featured .title a:hover {color: #ef7d00}

.story-listing {}
.story-listing .group {margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ef7d00;}
.story-listing .group .story .title {font-size: 12px; line-height: 1.2em;}
.story-listing .group .story.top .title {font-size: 1em;}

.story-listing .story.featured {
    width: 210px;
    float: left;
    margin: 0 10px 10px 0;
}
.story-listing .story.featured .title {
    background: #2f6379;
    line-height: 1.2em;
    padding: 5px 7px;
}
.story-listing .story.featured a:link, .story-listing .story.featured a:visited {color: #fff;}
.story-listing .story {margin-bottom: 10px;}
.story-listing .wrap {
    float: left;
    width: 420px;
}
.story-listing .wrap .story .title {font-weight: normal;}
.story-listing .story.top .title {font-weight: bold; margin-bottom: 5px;}
.story-listing .story.top .summary {font-size: 12px; line-height: 1.2em; margin-bottom: 5px}
.story-listing .story.top .meta {font-size: 12px;}

/*ARTICLE*/
.samecate {
    background: #e6e6e6;
    padding: 10px;
}
.samecate .story {
    width: 300px;
    float: left;
    padding-right: 20px;
}
.samecate .story .thumb {float: left; margin: 0 10px 0 0;}
.samecate .story .title {font-size:12px; line-height: 1.2em; font-weight: normal}
.samecate .story .meta {color: #666; font-size: 0.75em;}
.wrap-article {}
.article-contents {
    width: 480px;
    float: right;
}
.article-live .article-contents {
    width: 620px;
    float: none;
    padding: 0 10px 0 10px;
}
.article-live .thumb {text-align: center;}
.article-sidebar {
    width: 150px;
    float:left;
}
/*update*/
.col-md-2 { float: left; width: 60px;}
.col-md-10 { float: right; width: 550px;}
.affix { position: fixed;}
.article-live .article-body {padding: 0 10px 0 10px; width: 620px;}
.article-live .milestone-nav { top: 0; width: 60px;}
.article-live .milestone-nav a {display: block; width: 60px; background: #2e6279; color: #fff; font-size: 12px; text-align: center; padding: 7px 0 3px 0; line-height: 1em;}
.milestone {border-top: solid 1px #ee7c00; padding-top:10px;}
.milestone .anchor {font-size: 12px; color: #666; margin-bottom: 5px;}
.milestone-nav li {position: relative;}
.milestone-nav li .preview {display: none; width: 180px; background:#fff; padding: 10px; font-size: 12px; position: absolute; top: 0; left: 60px; z-index: 15; box-shadow: 0 0 4px rgba(0,0,0,0.3)}
.milestone-nav li.hover .preview {display: block;}
.article-header {margin-bottom: 10px;}
.article-header h1 {font-size: 1.5em; line-height: 1.2em; font-weight: bold; margin-bottom: 10px; margin-top: 0; padding: 0}
.article-header .thumb {margin-bottom: 10px;}
.article-header .summary {font-weight: bold; font-size: 1em; line-height: 1.4em; color: #000}
.inline-related {margin-bottom: 10px;}
.article-body .inline-related li {margin-bottom: 5px;}
.article-body {font-size: 1em; line-height: 1.4em;}
.article-body p, .article-body ul, .article-body div, .article-body table {margin-bottom: 15px;}
.article-body li {margin-bottom: 5px;}
.article-body h2, .article-body h3 {font-size: 1.25em; margin-bottom: 15px;}

.article-meta {border-top: solid 3px #2f6379; padding-top: 10px; margin-bottom: 10px;}
.article-meta .author {font-weight: bold;line-height: 1em; color: #2f6379}
.article-meta .time {font-size: 0.75em; color: #666;}
.article-share {margin-bottom: 10px;}
.article-sidebar .latest {
    background: #e6e6e6;
    padding: 0 0 10px 0;
}
.article-sidebar .latest .heading {
    display: block;
    border-top: solid 3px #ef7d00;
    border-bottom: solid 1px #ef7d00;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1em;
    padding: 10px 5px 7px 5px;
    text-align: center;
    color: #2f6379;
    margin-bottom: 10px;
}
.article-sidebar .latest .story {margin-bottom: 10px; padding: 0 5px;}
.article-sidebar .latest .title {font-size: 12px; line-height: 1.2em; font-weight: normal}
.article-sidebar .mostread {
    margin-bottom: 10px;
}
.article-sidebar .mostread .heading {
    border-top: solid 3px #ef7d00;
    border-bottom: solid 1px #ef7d00;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1em;
    padding: 10px 5px 7px 5px;
    text-align: center;
    color: #2f6379;
    margin-bottom: 10px;
    display: block;
}
.article-sidebar .mostread .story {margin-bottom: 7px;}
.article-sidebar .mostread .story .title {
    font-size:12px;
    font-weight: bold;
    line-height: 1.2em;
}
.article-sidebar .mostread .story .thumb {margin-bottom: 7px;}
.tags {border-bottom: solid 1px #ef7d00; padding-bottom: 5px; margin-bottom: 10px;}
.tags span {
    display: inline-block;
    font-size: 12px;
    color: #666;
    margin-right: 10px;
}
span.tag {
    margin-right: 5px;
    background: #e6e6e6;
    border-radius: 5px;
    padding: 5px 5px 5px 5px;
    line-height: 1em;
}
.tags .heading {
    display: inline-block;
    font-weight: bold;
}
.article-comment {margin-bottom: 20px;}
.article-comment .heading {
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight:bold;
}
.related-in-cate {
    border-top: solid 1px #ef7d00;
    margin-bottom: 10px;
    padding-top: 10px;
}
.related-in-cate .heading {
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight:bold;
}
.related-in-cate .story {
    width: 150px;
    float: left;
    margin-right: 13px;
}
.related-in-cate .story:last-child {margin-right: 0;}
.related-in-cate .title {
    background: #2f6379;
    color: #fff;
    font-size: 0.75em;
    line-height: 1.2em;
    padding: 5px;
}
.related-in-cate .title a:link, .related-in-cate .title a:visited {color: #fff;}
.related-in-cate .title a:hover {color: #ef7d00}

/*comments*/
.comments .heading {
	border-top:solid 3px #9f111b;
	border-bottom:solid 1px #efefef;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	line-height:1em;
	padding:10px 20px;
	color:#666;
	margin-bottom:15px;
}
.comments .notice {
	font-size:0.75em;
	line-height:1.2em;
	margin-bottom:10px;
	color:#666;
	padding:0 20px;
}
.comment-listing {}
	.comment-listing .comment {
		border-bottom:solid 1px #eee;
		padding:15px 20px 15px 70px;
	}
 .comment-listing .comment.reply {padding: 15px 20px 15px 130px;}
	.comment {position: relative;}
	.comment .info {
		font-size:12px;
		margin-bottom:10px;
		color:#666;
	}
	.comment .msg {
		font-size:12px;
		line-height:1.2em;
		color:#333;
	}
	.comment:nth-child(even) {background:#fff;}
	.comment:nth-child(odd) {background:#f8f8f8;}
    .comment .avatar {
        width: 40px;
        position: absolute;
        top: 15px;
        left: 10px;
    }
.comment-listing .comment.reply .avatar {left: 70px;}

.comment-login {
	background:#f4f4f4;
	border-top:solid 1px #ebebeb;
	padding:10px 20px 0 20px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
}
.comment-form {
	background:#f4f4f4;
	padding:10px 20px;
}
.comment-form .txtmsg {
	width:610px;
	height:150px;
	margin-bottom:10px
}
.btn {
    background: #2f6379;
    color: #fff;
    border:none;
    padding: 5px 10px;
    font-size: 16px;
}
.comments .count {
    font-size: 12px;
    color: #2f6379;
}
.comments .sprite {display: inline-block; margin-right: 3px; vertical-align: middle}
.comment-tools {
    position: absolute;
    top: 10px;
    right: 10px;
}
.comment-tools a {
    display: inline-block;
    padding: 3px 2px;
    border: solid 1px #ddd;
    background: #fff;
    border-radius: 
}
.comment-tools li {float: left; margin-right: 3px;}
.comments .fbc .sprite {margin-right: 0;}
.comment-tools .fbc a {padding: 3px;}
.clipinfo {position: relative; margin-bottom: 10px;}
.clipinfo .overlay {
    background: rgba(0,0,0,0.4);
    display: block;
    width: 640px;
    height: 100px;
    position: absolute;
    top:260px;
    left: 0;
    z-index: 2;
}
.clipinfo a:link, .clipinfo a:visited {color: #fff;}
.clipinfo .title {
   font-size: 1.5em;
   width: 520px;
    position: absolute;
    left: 100px;
    top: 285px;
    line-height: 1.2em;
    z-index: 3;
}
.clipinfo .play {
    position: absolute;
    top: 280px;
    left: 20px;
    z-index: 3;
}
.clipmeta {position: relative;}
.clipmeta .fb-like {
    position: absolute;
    top: 0;
    right: 0;
}
.clipmeta .meta {
    font-size: 12px;
    margin-bottom: 5px;
}
.clipmeta .summary {font-size: 12px; line-height: 1.2em; margin-bottom: 10px;}
.wrap-video-listing {
    margin: 0 auto;
    width: 940px;
    background: #fff;
    padding: 20px;
}
.video-listing {margin-bottom: 20px;}
.video-listing .heading {
    border-top: solid 1px #ef7d00;
    font-size: 1.25em;
    text-transform: uppercase;
    padding: 10px 0;
    line-height: 1em;
    display: block;
    color: #2f6379;
    font-weight: bold;
}
.video-listing .clip {
    width: 225px;
    float: left;
    margin-right: 10px;
    position: relative;
}
.video-listing .clip:last-child {margin-right: 0;}
.video-listing .clip .title {
    font-size: 0.75em;
    position: absolute;
    top: 93px;
    left: 45px;
    z-index: 3;
    line-height: 1.2em;
    width: 160px;
}
.video-listing .clip .overlay {
    background: rgba(0,0,0,0.4);
    display: block;
    width: 230px;
    height: 45px;
    position: absolute;
    top: 83px;
    left: 0;
    z-index: 2;
}
.video-listing .clip .play {
    position: absolute;
    top: 90px;
    left: 5px;
    z-index: 3;
}
.video-listing .clip a:link, .video-listing .clip a:visited {color: #fff;}
.gallery {
    width: 980px;
    margin: 0 auto;
}
#galleria {
	width:660px;
	height:450px;
}
.article-album {margin-bottom:20px;}
#galleria .galleria-info-text {display:block; width:620px}
#galleria .galleria-info-link {display:none;}
#galleria .galleria-info {bottom:50px; left:0; width:220px; top:auto; opacity:0.8; padding:10px;}
#galleria .galleria-counter {bottom:10px; right:10px; left:auto;}
#galleria .galleria-info-title {margin-bottom:5px; font-size:1em;}

#albumholder {
	width:980px;
	height:610px;
}
#albumholder .galleria-info-text {display:block; width:980px; background: #2f6379}
#albumholder .galleria-info-link {display:none;}
#albumholder .galleria-info {bottom:50px; left:0; width:220px; top:auto; opacity:0.8; padding:10px;}
#albumholder .galleria-counter {bottom:10px; right:10px; left:auto;}
#albumholder .galleria-info-title {margin-bottom:5px; font-size:1em;}
.galleria-container {
    background: #2f6379;
}
.viewmode {display:none;}

.wrap-album-listing {
    margin: 0 auto;
    width: 940px;
    background: #fff;
    padding: 20px;
}
.album-listing {margin-bottom: 20px;}
.album-listing .heading {
    border-top: solid 1px #ef7d00;
    font-size: 1.25em;
    text-transform: uppercase;
    padding: 10px 0;
    line-height: 1em;
    display: block;
    color: #2f6379;
    font-weight: bold;
}
.album-listing .clip {
    width: 225px;
    float: left;
    margin-right: 10px;
    position: relative;
}
.album-listing .clip:last-child {margin-right: 0;}
.album-listing .clip .title {
    font-size: 0.75em;
    position: absolute;
    top: 93px;
    left: 5px;
    z-index: 3;
    line-height: 1.2em;
    width: 200px;
}
.album-listing .clip .overlay {
    background: rgba(0,0,0,0.4);
    display: block;
    width: 230px;
    height: 45px;
    position: absolute;
    top: 83px;
    left: 0;
    z-index: 2;
}
.album-listing .clip .play {
    position: absolute;
    top: 90px;
    left: 5px;
    z-index: 3;
}
.album-listing .clip a:link, .album-listing .clip a:visited {color: #fff;}


.box-left, .box-right, .box-center { box-shadow: 0 0 3px #2f6379; padding: 10px 10px 0 10px; width: 180px; background:#f8f8f8;}
.box-left {float: left; margin: 3px 15px 15px 0 !important;}
.box-right {float: right; margin: 3px 0 15px 15px !important;}
.box-center {margin: 0 auto 15px auto !important; }
.box-center {width: 400px;}

.stuff table {
    border-collapse: collapse;
    margin: 0 auto;
    width: 95%;
}
.stuff table tr {
    border-bottom: solid 1px #ddd;
}
.stuff table tr.head td {
    background: #e6f2f5;
    font-weight: bold;
    padding: 7px 5px 3px 5px;
    text-align: center;
    font-size: 0.75em;
    color: #666;
    line-height: 1em;
    vertical-align: middle;
}
.stuff table tr.head small {font-weight: normal; font-size: 12px;}
.stuff table td {
    font-size: 12px;
    padding: 5px;
    border: solid 1px #fff;
    border-bottom: solid 1px #ddd;
}
.stuff table tr.even {background: #f8f8f8;}
.stuff .source {font-size: 0.6875em; color: #999; padding: 5px 10px;}
.green {color:green}
.red {color: red}

}
.stuff p.more {font-size: 0.6875em; color: #999; padding: 5px 10px;}