@font-face
{
	font-family:'Open Sans';
	src:url('../fonts/OpenSansRegular.ttf');
}

@font-face
{
	font-family:'Open Sans Light';
	src:url('../fonts/OpenSansLight.ttf');
}

@font-face
{
	font-family:'Open Sans Bold';
	src:url('../fonts/OpenSansBold.ttf');
}

#mainContainer
{
	width:100%;
	max-width:1000px;
	min-width:300px;
	display:block;
	margin:auto;
    /* padding-top: 50px;	 */
	position:relative;
	text-align: center;
}
#mainContainer:after{
	display: block;
	content: '';
	clear: both;
}
#leftContainer{
    display: block;
    width: 100%;
    text-align: left;
    padding: 0px;
    margin: 1px auto 0;
}
/* .table_wrapper { */
    /* overflow-x: auto; */
    /* width: 80%; */
    /* display: inline-block; */
    /* margin: 20px auto 30px;	 */
    /* padding: 0 30px;	 */
/* }	 */
.table_wrapper {
    overflow-x: auto;
    width: 100%;
    display: inline-block;
    margin: 20px auto 30px;
    padding: 0;
}
#mainContainer:after,##leftContainer:after,.table_wrapper:after{
	display: block;
	content: '';
	clear: both;
}

#conHeader a
{
	font-family:Open Sans Bold;
	color:#333333;
	font-size:16px;
}

#conHeader a:hover
{
	color:#ffbe1c;
}

#conHeader
{
	text-align:left;
}

#rightContainer
{
	float:right;
	width:80%;
	max-width:1000px;
	position:relative;
	top:-5px;

}

.leftHeader,.leftHeader_hidden
{
    color: #ffffff !important;
    font-size: 20px;
    background-color: #0093ce;
    padding: 8px 15px;
    margin-bottom: 0px;
       border-bottom: 1px solid #fff;
       text-align: left;
    border-radius: 7px 7px 0 0;  
}

.leftHeaderHidden
{
    color: #ffffff !important;
    font-size: 20px;
    background-color: #0093ce;
    padding: 8px 15px;
    margin-bottom: 0px;
   
    
}
.leftList{border:1px solid #ccc; }

.leftList, .leftListHidden
{
    list-style-type: none;
    border: 1px solid #dedede;
    border-top: 0px;
    padding: 0;
    margin-top: -1px;
    display: table;
    width: 100%;	
    /* background-color: #0093ce; */
}
.leftList:after, .leftListHidden:after{
	content: "";
	display: block;
	clear: both;
}

.leftList a, .leftListHidden a
{
    display: block;	
    padding:8px 10px;	
	font-size:16px;
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none; text-align: center;
	
}

.leftList a:hover, .leftListHidden a:hover
{
	/*color:#ffbe1c;*/

}

.leftList li, .leftListHidden li{
    display: table-cell;
    /* float: left; */
    width: 33.33%;	
    /* display: block; */
    /* float: left; */
    /* width: 33.33%; */
}
.leftList li:nth-child(2), .leftListHidden li:nth-child(2){
	border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}
.leftHeaderHidden, .leftListHidden
{
	display:none;
	font-size:16px;
    min-width: 150px;	
}
.leftList li:hover {
	background-color: #f3f3f3;
	cursor: pointer;

	
	
}
.leftHeaderHidden
{
	cursor:pointer;
}

.highlightItem
{
       background-color: #ffff06;
    color: #333 !important;	
}

.rightHeader
{
	font-family:Open Sans;
	color:#ffbe1c;
	font-size:20px;
	float:left;
}

.centerHeader
{
	font-family:Open Sans Light;
	color:#ffbe1c;
	font-size:30px;
	text-align:center;
}

#langHeader
{
	font-family:Open Sans;
	color:#ffbe1c;
	font-size:20px;
	margin-bottom:10px;
}

#language
{
	width:100px;
	margin-bottom:30px;
}

#featuredContainer
{
	width:100%;
	height:325px;
	overflow:hidden;
}

.discContainer
{
	width:100%;
	height:285px;
	overflow:hidden;
}

.noStories
{
	color:#6e6e6e;
	margin-top:45px;
}

#featuredLeft, #featuredRight
{
	width:30px;
	height:325px;
	position:absolute;
	background-color:rgba(255, 255, 255, 0.9);
	z-index:1;
	cursor:pointer;
}

.sliderLeft, .sliderRight
{
	width:30px;
	height:285px;
	position:absolute;
	background-color:rgba(255, 255, 255, 0.9);;
	z-index:1;
	cursor:pointer;
}

.sliderLeft img, .sliderRight img
{
	width:40px;
	display:block;
	margin:auto;
	margin-top:80px;
}

.sliderLeft
{
	left:0px;
}

.sliderRight
{
	right:0px;
}

.sliderLeft
{
	opacity:0.2;
}

#featuredSlider
{
	width:1100px;
	height:325px;
	margin-top:20px;
	position:relative;
}

.slider
{
	height:285px;
	margin-top:20px;
	position:relative;
	left:0px;
}

.featuredBox
{
	display:inline-block;
	margin-left:25px;
	margin-right:25px;
	vertical-align:top;
	width:170px;
}

.featuredStoryImage
{
	width:107px;
	height:160px;
	border:5px solid #f2f2f2;
	display:block;
	margin:auto;
}

.catName
{
	color:#333333;
	font-family:Open Sans;
	font-size:12px;
}

.featuredAuthorImage
{
	border-radius:100%;
	width:70px;
	height:70px;
	position:relative;
	top:120px;
	left:19px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
	/*border:5px solid #f2f2f2;*/
}

.featuredAuthorImage img
{
	width:70px;
	height:70px;
}

.featuredStoryTitle 
{
	margin-top:40px;
}

.showAll
{
	float:right;
	font-size:14px;
	margin:10px;
}

.showAll a
{
	color:#333333;
	font-family:Open Sans Bold;
}

.showAll a:hover
{
	color:#ffbe1c;
}

.discTitle
{
	margin-top:10px;
}

.authorLink a
{
	font-size:12px;
	color:#333333;
	font-family:Open Sans;
}

.authorLink a:hover
{
	color:#ffbe1c;
}

.featuredAuthorName a
{
	font-size:14px;
	color:#333333;
	font-family:Open Sans;
}

.featuredStoryTitle a, .discTitle a
{
	color:#333333;
	font-family:Open Sans Bold;
}


table {
    width: 95%;
}	
table td {
    font-size: 14px;
}
.pagination_wrapper {
    margin: 15px 0;
}
.pagination_wrapper a{
}
.pageItem{
	display: inline-block;
	padding: 10px 15px;
    margin: 0px 5px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #dedede;
}
.pageItem.currentPageItem{
    color: white;
    background-color: #000;
    border: 1px solid #000;
}
	
.story_preview_wrapper {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #dedede;
    border-radius: 0;
    margin-bottom: 15px;
    text-align: left;
    font-size: 16px;
    /* box-shadow: 0px 5px 10px -5px #eaeaea; */
}	

.story_title {
    font-size: 20px;
    margin-bottom: 10px;
}
.story_title,.story_readMore {
    color: #000;
    font-weight: 500;
    font-family: medium-content-title-font,Georgia, Cambria, "Times New Roman", Times, Serif; font-size: 30px;
}	
.story_preview {
    margin-bottom: 8px;
}
.published_time_wrapper {
    font-size: 16px;font-family: medium-content-title-font,Georgia, Cambria, "Times New Roman", Times, Serif;
    color: #999; font-weight: 400; margin-bottom: 8px;
}
.story_sample {
    padding: 0px 0;
    margin-top: 8px;
    color: #000;	
}

.published_wr {
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    font-family: medium-content-title-font,Georgia, Cambria, "Times New Roman", Times, Serif;
    font-weight: 400;
    color: #999;
}

.owner_wrapper{
    margin: 10px 0 0;
    color: #999999;	font-family: medium-content-title-font,Georgia, Cambria, "Times New Roman", Times, Serif;
}
.author_name,
.story_category{
    color: rgba(0, 0, 0, 0.8);	
}
.story_points,
.story_rank,
.story_views{
	display: inline-block;
    margin: 5px 15px 5px 0;
    color: rgba(0, 0, 0, 0.8);	font-family: medium-content-title-font,Georgia, Cambria, "Times New Roman", Times, Serif;
}	
.story_points i,.story_views i,.story_rank i{margin-right:5px; }	
@media only screen and (max-width:810px)
{
	#leftContainer, #rightContainer
	{
		width:100%;
		clear:both;
	}
	
	.table_wrapper {
		display: inline-block;
		overflow-x: auto;
		float: none;
		width: 100%;
		padding: 0;
	}
	table {
		width: 100%;
	}
	#leftContainer
	{
		text-align:center;
		/*padding: 0 15px;*/
	}

	/* .leftHeader, .leftList */
	/* { */
		/* display:none; */
	/* } */

	.leftHeaderHidden
	{
		display:inline-block;
	}
	
}

@media only screen and (min-width:320px) and (max-width: 480px){
	.story_points,.story_rank,.story_views{display: block;}
}