/*
Theme Name: Saki-News
Theme URI: 
Author URI: http://fasttrackgroupindia.in/
Author: Fasttrack Group India
Version: 1.0
Text Domain: saki-news
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description:
Tags:custom-colors,custom-menu,custom-header,custom-logo,featured-images
*/

@font-face {
    font-family: social ;
    src: url(font/social.otf);
}
@font-face {
    font-family: OpenSans ;
    src: url(font/OpenSans.ttf);
}
@font-face {
    font-family: OpenSans-Regular ;
    src: url(font/OpenSans-Regular.ttf);
}

@font-face {
    font-family: Social Logos ;
    src: url(font/SocialLogos.ttf);
}
@font-face {
    font-family: a song for jennifer ;
    src: url(font/asongforjennifer.ttf);
}
@font-face {
   font-family: Eczar-Medium;
	src: url(font/Eczar-Medium.ttf);
}
@font-face {
   font-family:Baloo-Regular;
    src: url(font/Baloo-Regular.ttf);
}

html{
	box-sizing:border-box;
}

body{
	font-family:OpenSans-Regular  ;
	word-wrap:break-word;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:0;
	background: #eaeaea ;
	font-size:16px;
	line-height:1.5;
	background-repeat: no-repeat;
	background-size: cover;
	width:100%;
}

*,
*:before,
*:after{
	box-sizing:inherit;
}
.grid{
	   Width:100%;
	   margin:0 auto;
}
.grid:before,

.grid:after,

.row:before,

.row:after{
	content:" ";
	display:table;
}

.grid:after,

.row:after   {
	    clear:both;
} 

[class *='col-']{
	width:100%;
	float:left;
	min-height:.5px;
}

.col{
	padding:.5em;
	margin:1em;
	border-radius:3px;
}

.coll{
	padding:0;
	margin:0;
}

.col-lg-1{width: 8.33333%;}

.col-lg-2{width: 16.66667%;}

.col-lg-3{width: 24.99999%;}

.col-lg-4{width: 33.33333%;}

.col-lg-5{width: 41.66667%;}

.col-lg-6{width: 49.99999%;}

.col-lg-7{width: 58.33333%;}

.col-lg-8{width: 66.66667%;}

.col-lg-9{width: 74.99999%;}

.col-lg-10{width: 83.33333%;}

.col-lg-11{width: 91.66667%;}

.col-lg-12{width: 99.99999%;}

h1 { font-size: 26px;}
h2 { font-size: 24px;}
h3 { font-size: 22px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
a { color:#F00; font-weight:600; text-decoration:none; }

#page {
	max-width: 1200px;
	margin: 0 auto;
}
.wide {
	padding-top: 0;
	padding-bottom: 0;
}
.wide #page {
	max-width: 100%;
}

#container-full {
	width: 100%;
}

#container {
	width: 95%;
}
button{
	padding:10px;
	color:#FFF;
	background-color:#666;
	border:hidden;
}
button:hover {
	background-color:#333;
}
.header-bg {
	width:100%;
	background:rgba(0,0,0,.81);
}
.bottom {
	bottom: 0;
	position: fixed;
	visibility:hidden;
}
img{
	max-width:100%;
	height: auto;
}
.clear {
	clear:both;
}
.hidden {
	display:none;
}

/**BG COLOR **/
.black {
	background: #CCC;
}
.bg-black {
	background-color:rgba(0,0,0,.85);
}
.bg-blue {
	background-color:rgba(0,0,51,.91);
	color:white;
}
.bg-red {
	background-color:rgba(255,0,0,.81);
	color:white;
}
.bg-white {
	background-color:#FFF;
}
.bg-light-white {
	background-color:rgba(255,255,255,.85);
}
.bg-yellow {
	background-color: rgba(255,255,0,.81);
}
.bg-light-black {
	background-color: rgba(0,0,0,.71);
}
.bg-skyblue {
	background-color: #ED3F43;
}

.bg-SpringGreen {
	background:#00FF7F;
}
.bg-SteelBlue  {
	background:#4682B4;
}
.bg-RebeccaPurple {
	background:#663399;
}
.bg-PaleGreen {
	background:#98FB98;
}
.bg-DarkOrange {
	background:#FF8C00;
}
.bg-Green {
	background: #3D2E47;
}
.bg-pgreen {
	background:rgba(115,94,121,.91);
}
/**TEXT ALIGNMENT **/
.align-l{
	text-align:left;
}
.align-r{
	text-align:right;
}
.align-c{
	text-align:center;
}
.align-j{
	text-align:justify;
}

.float-l {
	float:left;
	vertical-align:top;
}
.float-r {
	float:right;
	vertical-align:top;
}
.border {
	border: 2px solid #666;
	border-radius:5px;
}
.boxshadow {
	box-shadow: 0 2px 2px 8px rgba(0,0,0,.21);
 }
.radius-l {
	
 }
.size {
	font-family:OpenSans-Regular;
	font-size:25px;
}
.size {
	font-weight: bold;
	padding: 5px;
	margin-bottom:5px;
	border-radius: 2px;
}
.link a{
	color: #666;
	text-decoration: none;
	size:14px;
	font-weight:500;
}
.link a:hover {
	color: #333;
}
.more-link {
	color: #F00;
	text-decoration:none;
	margin:1%;
	font-size:16px;
	font-weight:800;	
}
.more-link:hover {
	color: #900;
}
.readmore {
	color:#666;
	padding:8px 20px;
	border:2px solid #666;
	display: inline-block;
	margin-top:1%;
}
.readmore:hover {
	color: #FFF;
	background:#666;
	padding:8px 20px;
	border:2px solid #666;
}
.read a {
	color:#666;
	padding:8px 20px;
	border:2px solid #666;
	display: inline-block;
}
.read a:hover {
	color: #FFF;
	background:#666;
	padding:8px 20px;
	border:2px solid #666;
}
.margin {
	margin-top:4em;
	margin-bottom:4em;
}
.margin-top {
	margin-top:10em;
}
.margin-top-1 {
	margin-top:4em;
}
.margin-bottom {
	margin-bottom:10em;
}
.margin-index {
	margin:10em;
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index:11111;
}
/* CSS3 Table Layout */
table, td, th {
    border: 1px solid #ddd;
    text-align: left;
}

table {
    border: 0;
    width: 100%;
}

th, td {
	padding: 15px;
	width: 50%;
	vertical-align: text-top;
	border: 0;
}
/** HEADER **/
.logo{
	text-align:left;
}

.logo img{
	max-width:100%;
	max-height:150px;
}

.logo h1 {
	font-size:20px;
	text-align:left;
}

.logo a {
	color:#300;
	text-decoration:none;
}

.logo a:hover{
	color:#006;
}

.logor{
	float:right;	
}

/** PAGENATION **/
.prev-next {
	height: auto;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:5px;
	clear: both;
}
.prev-next ul {
	margin: 5px;
	padding: 0;	
}
.prev-next li {
	display: inline-block;
	list-style-type: none;
}
.prev-next li .current {
	background-color:rgba(51,51,51,.51);
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.prev-next a{
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.prev-next a:hover {
	background-color: #333;
	color: #FFF;
}

.special {
	width: 48%;
	margin: 1%;
	font-size: 16px;
	color: #333;
	float:left !important;
	overflow: hidden;
	
}
.special img {
	float: left ;
	height:180px ;
	width:200px ;
	vertical-align: text-top ;
	padding-right:.8em;
	padding-bottom:.5em;
}

.special:after {
	clear:both;
}
.special .title {
	font-size:20px;
	line-height:150%;
	font-weight:600;
	height: auto;
	width: 100%;
	color: #333;
}

.special .title a {
	font-family:OpenSans-Regular;
	src:url(font/OpenSans-Regular.TTF);
	color: #666;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	top:.10em;
	
}
.date {
	color: #F00;
	font-size:14px;
	font-weight:600;
}
.special .readmore {
	color:#666;
	padding:8px 20px;
	border:2px solid #666;
	display: inline-block;
	margin-top:1%;
}
.special .readmore:hover {
	color: #FFF;
	background:#666;
	padding:8px 20px;
	border:2px solid #666;
}

/** FOOTER **/
#footer {
}
.footer {
	font-size:14px;

}

.footer a {
	text-decoration: none;
}
/** Gallery **/
.gallery {
	height: auto ;
	width: 24%;
	margin-left:1%;
	margin-bottom:1%;
	color: #333;
	float:left !important;
	position:relative;
	
}
.gallery img {
	margin-top:10px;
	float: left ;
	height:200px ;
	width:100% ;	
}
.gallery .title {
	background-color: rgba(0,0,0,.75);
	padding: 2%;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0%;
}
.gallery .title a {
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	
}
.gallery .top {
	background-color:#F00;
	color:#FFF;
	padding:1%;
	margin:1%;
	width:auto;
	height:auto;
	position:absolute;
	top:0;
}
/** Gallery Post **/
.gallery-post .title {
	height: auto;
	width: 100%;
	color: #036;
	font-size:16px;
	padding-top:1%;
}
.gallery-post {
	clear: both ;
	width: 100%;
	font-size: 16px;
	color: #333;
}
.gallery-post img {
	height: 200px ;
	width:230px ;
	margin:1%;
		
}
/** BREAKING **/
.breaking ul {
	 margin:0;
	 padding:0;
}
.breaking ul li {
	display:inline-block;
	margin-left:10px;
	margin-right:40px;
}
.breaking ul li h1 a{
	display: block;
	text-decoration: none;
	font-size:20px;
	font-weight:600;
	line-height:20px; 
}
.authorbox {
	border:2px solid #666;
	padding:1%;
}
.author-img {
	width:100px;
	height:120px;
	margin-right:2%;
	margin-left:2%;
	float:left;
	background:url(../sakinewsportal/img/);
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.author-content h2{
	font-size:22px;
	margin-top:5px;
}
.author-content p .author-description {
	font-size:14px;
	color:#666;
}
.author-content a {
	color:#333;
	font-size:18px;
}
.author-content a:hover {
	color: #F00;
}
.wp-caption {}
.wp-caption-text { margin:0; padding:0;}
.screen-reader-text {}

.bypostauthor {}
.gallery-caption {}
/** ------------------------------ tablet layout --------------------- **/

@media screen and (max-width:768px){
	
html{
	box-sizing:border-box;
}

body{
	font-family:OpenSans-Regular ;
	word-wrap:break-word;
	padding:0;
	margin:0;
	background: #FFF ;
	font-size:16px;
	line-height:1.5;
	background-size:100% ;
	background-attachment:fixed;
}

*,
*:before,
*:after{
	box-sizing:inherit;
}
.grid{
	   Width:100%;
	   margin:0 auto;
}
.grid:before,

.grid:after,

.row:before,

.row:after{
	content:" ";
	display:table;
}

.grid:after,

.row:after   {
	    clear:both;
} 

[class *='col-']{
	width:100%;
	float:left;
	min-height:.5px;
}
.col{
	padding:.6em;
	margin:.6em;
	border-radins:3px;
}

.coll{
	padding:0;
	margin:0;
}

.col-md-1{width: 8.33333%;}

.col-md-2{width: 16.66667%;}

.col-md-3{width: 24.99999%;}

.col-md-4{width: 33.33333%;}

.col-md-5{width: 41.66667%;}

.col-md-6{width: 49.99999%;}

.col-md-7{width: 58.33333%;}

.col-md-8{width: 66.66667%;}

.col-md-9{width: 74.99999%;}

.col-md-10{width: 83.33333%;}

.col-md-11{width: 91.66667%;}

.col-md-12{width: 99.99999%;}

h1 { font-size: 26px;}
h2 { font-size: 24px;}
h3 { font-size: 22px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}
a { color:#F00; font-weight:600; text-decoration:none; }


#container-full {
	width: 100%;
}

#container {
	width: 90%;
}
.bottom {
	bottom: 0;
	position: fixed;
	visibility:hidden;
}
img{
	max-width:100%;
	height: auto;
}
.clear {
	clear:both;
}
.hidden {
	display:none;
}

.border {
	border: 2px solid #666;
	border-radius:5px;
}
.boxshadow {
	box-shadow: 0 2px 2px 8px rgba(0,0,0,.21);
 }
.size {
	font-family:OpenSans-Regular;
	font-size:22px;
}
.size {
	font-weight: bold;
	padding: 5px;
	margin-bottom:5px;
	border-radius: 2px;
}
.link a{
	color: #666;
	text-decoration: none;
	size:16px;
	font-weight:500;
}
.link a:hover {
	color:#333;
}
.more-link {
	color: #F00;
	text-decoration:none;
	margin:1%;
	font-size:16px;
	font-weight:800;
}
.more-link:hover {
	color: #900;
}
.readmore {
	color:#666;
	padding:8px 15px;
	border:2px solid #666;
	display: inline-block;
	margin-top:1%;
}
.readmore:hover {
	color: #FFF;
	background:#666;
	padding:8px 15px;
	border:2px solid #666;
}
.read a {
	color:#666;
	padding:5px 10px;
	border:2px solid #666;
	display: inline-block;
}
.read a:hover {
	color: #FFF;
	background:#666;
	padding:5px 10px;
	border:2px solid #666;
}
.margin {
	margin-top:2.5em;
	margin-bottom:2.5em;
}
.margin-top {
	margin-top:10em;
}
.margin-index {
	margin:5em;
}
.margin-top-1 {
	margin-top:2em;
}
.margin-bottom {
	margin-bottom:2em;
}
/* CSS3 Table Layout */
table, td, th {
    border: 1px solid #ddd;
    text-align: left;
}

table {
    border: 0;
    width: 100%;
}

th, td {
	padding: 15px;
	width: 50%;
	vertical-align: text-top;
	border: 0;
}

/** HEADER **/
.logo{
	text-align:left;
	z-index:1;
}

.logo img{
	max-width:100%;
}

.logo h1 {
	font-size:18px;
	text-align:left;
}

.logo a {
	color:#666;
	text-decoration:none;
}

.logo a:hover{
	color:#000;
}

.logor{
	float:right;	
}

/** PAGENATION **/
.prev-next {
	height: auto;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:5px;
	clear: both;
}
.prev-next ul {
	margin: 5px;
	padding: 0;	
}
.prev-next li {
	display: inline-block;
	list-style-type: none;
}
.prev-next li .current {
	background-color:rgba(51,51,51,.51);
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.prev-next a{
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.prev-next a:hover {
	background-color: #333;
	color: #FFF;
}

.special {
	width: 48%;
	margin: 1%;
	font-size: 16px;
	color: #333;
	float:left !important;
	overflow: hidden;
	
}
.special img {
	padding-right:.8em;
	padding-bottom:.5em;
	float: left ;
	height:180px;
	width:100% ;
	vertical-align: text-top ;
	
}

.special:after {
	clear:both;
}
.special .title {
	font-size:18px;
	line-height:150%;
	font-weight:600;
	height: auto;
	width: 100%;
	color: #666;
}

.special .title a {
	font-family:OpenSans-Regular;
	src:url(font/OpenSans-Regular.TTF);
	color: #666;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	top:.10em;
	
}
.date {
	color: #F00;
	font-size:14px;
	font-weight:600;
}
.special .readmore {
	color:#666;
	padding:8px 18px;
	border:2px solid #666;
	display: inline-block;
	margin-top:1%;
}
.special .readmore:hover {
	color: #FFF;
	background:#666;
	padding:8px 20px;
	border:2px solid #666;
}

/** FOOTER **/
.footer{
	font-size: 14px;
	color: #CCC;
}

.footer a {
	text-decoration: none;
	color: #CCC;
}
.gallery {
	height: auto ;
	width: 100%;	
}
.gallery .title {
	font-size: 22px;
	font-weight: bold;
	border-bottom: solid 3px #FF0000;
	line-height:200%;
	font-family: OpenSans-Regular;
}
.gallery img {
	margin:1%;
	float: left ;
	height:200px;
	width:31% ;
	display:inline-block;
}
/** BREAKING **/
.breaking ul {
	 margin:0;
	 padding:0;
}
.breaking ul li {
	list-style-position:inside;
	list-style-type:square;
	display:inline-block;
	margin-left:10px;
	margin-right:40px;
}
.breaking ul li h1 a{
	display: block;
	text-decoration: none;
	font-size:16px;
	font-weight:600;
	line-height:16px; 
}
.authorbox {
	border:2px solid #666;
	padding:1%;
}
.author-img {
	width:100px;
	height:120px;
	margin-right:2%;
	margin-left:2%;
	float:left;
}
.author-content h2{
	font-size:22px;
	margin-top:5px;
}
.author-content p .author-description {
	font-size:14px;
	color:#666;
}
.author-content a {
	color:#333;
	font-size:18px;
}
.author-content a:hover {
	color: #F00;
}
}

/** ------------------------ Mobile Landscap Layout ------------------------- **/
@media screen and (max-width:480px){
	
html{
	box-sizing:border-box;
}

body{
	font-family:OpenSans-Regular ;
	word-wrap:break-word;
	padding:0;
	margin:0;
	font-size:16px;
	line-height:1.5;
	background-repeat:repeat;
	background-size:100% 100%;
	background-attachment:fixed;
}

*,
*:before,
*:after{
	box-sizing:inherit;
}
.grid{
	   Width:100%;
	   margin:0 auto;
}
.grid:before,

.grid:after,

.row:before,

.row:after{
	content:" ";
	display:table;
}

.grid:after,

.row:after   {
	    clear:both;
} 

[class *='col-']{
	width:100%;
	float:left;
	min-height:.5px;
}

.col{
	padding:.5em;
	margin:.5em;
	border-radins:3px;
}

.coll{
	padding:0;
	margin:0;
}

.col-sm-1{width: 8.33333%;}

.col-sm-2{width: 16.66667%;}

.col-sm-3{width: 24.99999%;}

.col-sm-4{width: 33.33333%;}

.col-sm-5{width: 41.66667%;}

.col-sm-6{width: 49.99999%;}

.col-sm-7{width: 58.33333%;}

.col-sm-8{width: 66.66667%;}

.col-sm-9{width: 74.99999%;}

.col-sm-10{width: 83.33333%;}

.col-sm-11{width: 91.66667%;}

.col-sm-12{width: 99.99999%;}

h1 { font-size: 22px;}
h2 { font-size: 20px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}
a { color:#F00; font-weight:600; text-decoration:none; }


#container-full {
	width: 100%;
}

#container {
	width: 96%;
}
.bottom {
	bottom: 0px;
	position: fixed;
	visibility:hidden;
}
img{
	max-width:100%;
	height: auto;
}
.clear {
	clear:both;
}
.hidden {
	display:none;
}
/**BG COLOR **/
.bg-black {
	background-color:rgba(0,0,0,.81);
	
}
.bg-blue {
	background-color:rgba(0,0,51,.91);
	color:white;
}
.bg-red {
	background-color:rgba(255,0,0,.81);
	color:white;
}
.bg-white {
	background-color:#FFF;
}
.bg-light-white {
	background-color:rgba(255,255,255,.81);
}
.bg-yellow {
	background-color:#FF0;
}
.bg-light-black {
	background-color: rgba(0,0,0,.51);
}
.bg-skyblue {
	background-color: #ED3F43;
}
.bg-yellow {
	background-color:#FF0;
}
.bg-SpringGreen {
	background:#00FF7F;
}
.bg-SteelBlue  {
	background:#4682B4;
}
.bg-RebeccaPurple {
	background:#663399;
}
.bg-PaleGreen {
	background:#98FB98;
}
.bg-DarkOrange {
	background:#FF8C00;
}
.bg-Green {
	background: #3D2E47;
}
.bg-pgreen {
	background:rgba(115,94,121,.91);
	color:#FFF;
}
/**TEXT ALIGNMENT **/
.align-l{
	text-align:left;
}
.align-r{
	text-align:right;
}
.align-c{
	text-align:center;
}
.align-j{
	text-align:justify;
}

.float-l {
	float:left;
	vertical-align:top;
}
.float-r {
	float:right;
	vertical-align:top;
}
.border {
	border: 3px solid #000;
	border-radius:5px;
}
.boxshadow {
	box-shadow: 0 2px 2px 8px rgba(0,0,0,.21);
 }
.size {
	font-family:OpenSans-Regular;
	font-size: 22px;
	font-weight: bold;
	padding: 5px;
	margin-bottom:5px;
	border-radius: 2px;
}
.link a{
	color: #009;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color:#fff;
	border-radius:3px;
	size:16px;
	font-weight:normal;
}
.link a:hover {
	color:#FFF;
	background-color:#999;
}
.more-link {
	color: #F00;
	text-decoration:none;
	margin:1%;
	font-size:15px;
	font-weight:800;
}
.more-link:hover {
	color: #900;
}
.readmore {
	color:#666;
	padding:5px 10px;
	border:2px solid #666;
	display: inline-block;
	margin-top:1%;
}
.readmore:hover {
	color: #FFF;
	background:#666;
	padding:5px 10px;
	border:2px solid #666;
}
.read a {
	color:#666;
	padding:5px 10px;
	border:2px solid #666;
	display: inline-block;
}
.read a:hover {
	color: #FFF;
	background:#666;
	padding:5px 10px;
	border:2px solid #666;
}
.margin {
	margin-top:3em;
	margin-bottom:3em;
}
.margin-top {
	margin-top:5em;
}
.margin-top-1 {
	margin-top:2em;
}
.margin-bottom {
	margin-bottom:5em;
}
.margin-index {
	margin:5em;
}

/* CSS3 Table Layout */
table, td, th {
    border: 1px solid #ddd;
    text-align: left;
}

table {
    border: 0;
    width: 100%;
}

th, td {
	padding: 15px;
	width: 50%;
	vertical-align: text-top;
	border: 0;
}


/** HEADER **/
.logo{
	text-align:left;
}

.logo img{
	max-width:100%;
}

.logo h1 {
	font-size:14px;
	text-align:left;
}

.logo a {
	color:#666;
	text-decoration:none;
}

.logo a:hover{
	color:#000;
}

.logor{
	float:right;	
}

/** PAGENATION **/
.prev-next {
	height: auto;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:5px;
	clear: both;
}
.prev-next ul {
	margin: 5px;
	padding: 0;	
}
.prev-next li {
	display: inline-block;
	list-style-type: none;
}
.prev-next li .current {
	background-color:rgba(51,51,51,.51);
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.prev-next a{
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.prev-next a:hover {
	background-color: #333;
	color: #FFF;
}
.special {
	width: 48%;
	margin: 1%;
	font-size: 14px;
	color: #333;
	float:left !important;
	overflow: hidden;
	
}
.special img {
	padding-right:.8em;
	padding-bottom:.5em;
	float: left ;
	height:180px;
	width:100% ;
	vertical-align: text-top ;
	
}

.special:after {
	clear:both;
}
.special .title {
	font-size:18px;
	line-height:150%;
	font-weight:600;
	height: auto;
	width: 100%;
	color: #666;
}

.special .title a {
	font-family:OpenSans-Regular;
	src:url(font/OpenSans-Regular.TTF);
	color: #666;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	top:.10em;
	
}
.date {
	color: #F00;
	font-size:14px;
	font-weight:600;
}
.special .readmore {
	color:#666;
	padding:8px 18px;
	border:2px solid #666;
	display: inline-block;
	margin-top:1%;
}
.special .readmore:hover {
	color: #FFF;
	background:#666;
	padding:8px 20px;
	border:2px solid #666;
}

/** FOOTER **/
.footer{
	font-size: 12px;
	color: #CCC;
}

.footer a {
	text-decoration: none;
	color: #CCC;
}

.gallery {
	height: auto ;
	width: 100%;	
}
.gallery .title {
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 3px #FF0000;
	line-height:200%;
	font-family: "OpenSans-Regular";
	margin:1%;
}
.gallery img {
	margin:1%;
	float: left ;
	height:200px;
	width:100% ;
	display:inline-block;
}
/** BREAKING **/
.breaking ul {
	 margin:0;
	 padding:0;
}
.breaking li {
	list-style-position:inside;
	list-style-type:square;
	display:inline-block;
	margin-left:10px;
	margin-right:40px;
}
.breaking a{
	display: block;
	text-decoration: none;
	font-size:14px;
	font-weight:600;
	line-height:16px; 
}
.authorbox {
	border:2px solid #666;
	padding:1%;
}
.author-img {
	width:80px;
	height:100px;
	margin-right:2%;
	margin-left:2%;
	float:left;
}
.author-content h2{
	font-size:18px;
	margin-top:5px;
}
.author-content p .author-description {
	font-size:14px;
	color:#666;
}
.author-content a {
	color:#333;
	font-size:14px;
}
.author-content a:hover {
	color: #F00;
}
}

/** ------------------------ Mobile 320 Layout ------------------------- **/
@media screen and (max-width:320px){
	
html{
	box-sizing:border-box;
}

body{
	font-family:OpenSans-Regular ;
	word-wrap:break-word;
	padding:0;
	margin:0;
	background: #FFF ;
	font-size:14px;
	line-height:1.5;
	background-repeat:repeat;
	background-size:100% ;
	background-attachment:fixed;
}


*,
*:before,
*:after{
	box-sizing:inherit;
}
.grid{
	   Width:100%;
	   margin:0 auto;
}
.grid:before,

.grid:after,

.row:before,

.row:after{
	content:" ";
	display:table;
}

.grid:after,

.row:after   {
	    clear:both;
} 

[class *='col-']{
	width:100%;
	float:left;
	min-height:.5px;
}

.col{
	padding:.5em;
	margin:.5em;
	border-radins:3px;
}

.coll{
	padding:0;
	margin:0;
}

.col-xs-1{width: 8.33333%;}

.col-xs-2{width: 16.66667%;}

.col-xs-3{width: 24.99999%;}

.col-xs-4{width: 33.33333%;}

.col-xs-5{width: 41.66667%;}

.col-xs-6{width: 49.99999%;}

.col-xs-7{width: 58.33333%;}

.col-xs-8{width: 66.66667%;}

.col-xs-9{width: 74.99999%;}

.col-xs-10{width: 83.33333%;}

.col-xs-11{width: 91.66667%;}

.col-xs-12{width: 99.99999%;}

h1 { font-size: 20px;}
h2 { font-size: 18px;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}
a { color:#F00; font-weight:600; text-decoration:none; }


#container-full {
	width: 100%;
}

#container {
	width: 98%;
}
.bottom {
	bottom: 0px;
	position: fixed;
	visibility:hidden;
}
img{
	max-width:100%;
	height: auto;
}
.clear {
	clear:both;
}
.hidden {
	display:none;
}
/**BG COLOR **/
.bg-black {
	background-color:rgba(0,0,0,.81);
	
}
.bg-blue {
	background-color:rgba(0,0,51,.91);
	
}
.bg-red {
	background-color:rgba(255,0,0,.81);
	color:white;
}
.bg-white {
	background-color:#FFF;
}
.bg-light-white {
	background-color:rgba(255,255,255,.81);
}
.bg-yellow {
	background-color:#FF0;
}
.bg-light-black {
	background-color: rgba(0,0,0,.51);
}
.bg-skyblue {
	background-color: #ED3F43;
}
.bg-yellow {
	background-color:#FF0;
}
.bg-SpringGreen {
	background:#00FF7F;
}
.bg-SteelBlue  {
	background:#4682B4;
}
.bg-RebeccaPurple {
	background:#663399;
}
.bg-PaleGreen {
	background:#98FB98;
}
.bg-DarkOrange {
	background:#FF8C00;
}
.bg-Green {
	background: #3D2E47;
}
.bg-pgreen {
	background:rgba(115,94,121,.91);
	color:#FFF;
}
/**TEXT ALIGNMENT **/
.align-l{
	text-align:left;
}
.align-r{
	text-align:right;
}
.align-c{
	text-align:center;
}
.align-j{
	text-align:justify;
}

.float-l {
	float:left;
	vertical-align:top;
}
.float-r {
	float: none;
	vertical-align:top;
}
.border {
	border: 3px solid #000;
	border-radius:5px;
}
.boxshadow {
	box-shadow: 0 2px 2px 8px rgba(0,0,0,.21);
 }
.size {
	font-family:OpenSans-Regular;
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
	margin-bottom:5px;
	border-radius: 2px;
}
.link a{
	color: #009;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color:#fff;
	border-radius:3px;
	size:16px;
	font-weight:normal;
}
.link a:hover {
	color:#FFF;
	background-color:#999;
}
.more-link {
	color: #F00;
	text-decoration:none;
	margin:1%;
	font-size:14px;
	font-weight:800;
}
.more-link:hover {
	color: #900;
}
.margin {
	margin-top:2em;
	margin-bottom:2em;
}
.margin-top {
	margin-top:5em;
}
.margin-top-1 {
	margin-top:2em;
}
.margin-bottom {
	margin-bottom:5em;
}
.margin-index {
	margin:5em;
}
/* CSS3 Table Layout */
table, td, th {
    border: 1px solid #ddd;
    text-align: left;
}

table {
    border: 0;
    width: 100%;
}

th, td {
	padding: 15px;
	width: 50%;
	vertical-align: text-top;
	border: 0;
}
.link a{
	color: #009;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color:#fff;
	border-radius:3px;
	size:14px;
	font-weight:normal;
}
.link a:hover {
	color:#FFF;
	background-color:#999;
}
/** HEADER **/
.logo{
	text-align:left;
}

.logo img{
	max-width:100%;
}

.logo h1 {
	font-size:14px;
	text-align:left;
}

.logo a {
	color:#666;
	text-decoration:none;
}

.logo a:hover{
	color:#000;
}

.logor{
	float:right;	
}
/** PAGENATION **/
.prev-next {
	height: auto;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:5px;
	clear: both;
}
.prev-next ul {
	margin: 5px;
	padding: 0;	
}
.prev-next li {
	display: inline-block;
	list-style-type: none;
}
.prev-next li .current {
	background-color:rgba(51,51,51,.51);
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.prev-next a{
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.prev-next a:hover {
	background-color: #333;
	color: #FFF;
}

/** POST LOOP **/

/** Cat LOOP **/

/** INDEX SIDEBAR **/

.special {
	width: 98%;
	margin: 1%;
	margin-bottom:5% ;
	font-size: 12px;
	color: #333;
	float:left !important;
	overflow: hidden;
	
}
.special img {
	padding-right:.8em;
	padding-bottom:.5em;
	float: left ;
	height:150px;
	width:100% ;
	vertical-align: text-top ;
	
}

.special:after {
	clear:both;
}
.special .title {
	font-size:16px;
	line-height:150%;
	font-weight:600;
	height: auto;
	width: 100%;
	color: #666;
}

.special .title a {
	font-family:OpenSans-Regular;
	src:url(font/OpenSans-Regular.TTF);
	color: #666;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	top:.10em;
	
}
.date {
	color: #F00;
	font-size:14px;
	font-weight:600;
}
.special .readmore {
	color:#666;
	padding:8px 16px;
	border:2px solid #666;
	display: inline-block;
	margin-top:1%;
}
.special .readmore:hover {
	color: #FFF;
	background:#666;
	padding:8px 20px;
	border:2px solid #666;
}


/** FOOTER **/
#footer {
	width:100%;
}
.footer{
	font-size: 8px;
}

.footer a {
	text-decoration: none;
}

.gallery {
	height: auto ;
	width: 100%;	
}
.gallery .title {
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 3px #FF0000;
	line-height:200%;
	font-family:OpenSans-Regular;
}
.gallery img {
	margin:.5%;
	float: left ;
	height:150px;
	width:100% ;
	display:inline-block;
}
/** BREAKING **/
.breaking ul {
	 margin:0;
	 padding:0;
}
.breaking li {
	list-style-position:inside;
	list-style-type:square;
	display:inline-block;
	margin-left:10px;
	margin-right:40px;
}
.breaking a{
	display: block;
	text-decoration: none;
	font-size:14px;
	font-weight:600;
	line-height:16px; 
}
.authorbox {
	border:2px solid #666;
	padding:1%;
}
.author-img {
	width:80px;
	height:100px;
	margin-right:2%;
	margin-left:2%;
	float:left;
}
.author-content h2{
	font-size:18px;
	margin-top:5px;
}
.author-content p .author-description {
	font-size:12px;
	color:#666;
}
.author-content a {
	color:#333;
	font-size:12px;
}
.author-content a:hover {
	color: #F00;
}
}