/*

Theme Name: IO

Theme URI: /wp-content/themes/io

Description: Custom Programming

Version: 7.7

Author: Alex Stebenkov

Author URI: Stebenkov.com

*/


@media all and (min-width: 200px) {

a {
transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
}


a:link, a:visited {
color: #000;
text-decoration:none;

}

.alignright {
float:right;
margin-left:8px;
}

.alignleft {
float:left;
margin-right:8px;
}

.aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
}

body {
color: #000;
margin:0;
background-color: #ececec;
font-family: 'Roboto', sans-serif;
background-image:url("images/bg.png");
}
	
p  {
font-size: 14px;
padding:0px;
color:#2a2a2a;
font-weight:400;
margin: 8px;
}

.blackdate {
    background-color: #bb2629;
    color: #fff;
    display: table;
    border-radius: 2px;
    padding: 2px 8px 4px 8px;
    border-radius: 2px;
    font-size: 12px;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
}

.graytitle {
background-color:#ededed;
}

a:hover {
color:#c4a330;
transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    border-width: 0;
	}

h1 {
font-family: 'Fjalla One', sans-serif;
font-size: 26px;
font-weight:300;
margin: 0px 0px 5px 0px;
padding: 9px 10px 5px 10px;
color:#000;
line-height:27px;
}

h2 {
font-family: 'Fjalla One', sans-serif;
font-size: 18px;
margin: 10px 10px 5px 10px;
color:#000;
font-weight:300;
line-height:25px;
}

h3 {
font-family: 'Fjalla One', sans-serif;
font-size: 16px;
margin:10px;
color:#000;
font-family:;
font-style:italic;
font-weight:700;
}

h4 {
font-size: 20px;
color:#000;
margin:14px;
font-weight:700;
}

h5 {
font-size: 12px;
color:#000;
margin:0;
line-height: 15px;
font-weight:400;
padding: 2px 10px 2px 10px;
}

h6  	{
font-size: 16px;
padding:0px;
color:#000;
font-weight:400;
margin: 0;
line-height: 16px;
font-family: 'Crimson Text', serif;
}

h6.excerptleft p {
margin-right:0;
}

.h5ab-print-button {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.h5ab-print-button:hover {
background-color: #ededed;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.bodywrap {
position: relative;
max-width:1000px;
margin-right:auto;
margin-left:auto;
background-color:#fffffa;
border-right: 20px solid #fffffa;
border-left: 20px solid #fffffa;
}


#headerwrap {
margin-right:auto;
margin-left:auto;

position: relative;
margin-bottom:15px;
}

.title {
display: table;
margin-left:auto;
margin-right:auto;
padding-top: 12px;
}

.title img {
opacity:1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.title img:hover {
opacity:0.8;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.titleone {
font-size:49px;
color:#000;
padding: 0px 10px 10px 10px;
font-family: 'Fjalla One', sans-serif;
}

.titletwo {
font-size:18px;
color:#000;
padding:10px 10px 5px 10px;
margin:-31px 0 0 0;
font-family: 'Fjalla One', sans-serif;
}


.links {
display: table;
margin-left:auto;
margin-right:auto;
font-size:16px;
font-weight:700;
padding-bottom:10px;
}

.links br {
display:none;
}

.links img {
    margin: 0 3px -2px 5px;
}

.logo {
position: absolute;
top: 14px;
right:0;
}

.logo img {
opacity:1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.logo img:hover {
opacity:0.8;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.menuiconbox {
position:absolute;
top:15px;
display: table;
cursor: pointer;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.menuiconbox p {
margin:0;
float:right;
margin:0;
font-size: 17px;
color:#bb2629;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.menuicon {
    border-bottom: 12px double black;
    border-top: 4px solid black;
    content:"";
    height: 4px; 
    width:23px;
	margin-right: 5px;
	float:left;
}

.menuicon p {
padding:5px 5px 5px 5px;
}

.menuiconbox:hover {
opacity:0.8;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.menuiconbox:hover p {
color:#ad8d1c;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.searchiconbox {
position:absolute;
top:15px;
left:80px;
display: table;
cursor: pointer;
opacity:1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.searchiconbox p {
margin:0;
float:right;
margin:0;
font-size: 17px;
color:#bb2629;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.searchiconbox img {
margin-right: 3px;
}

.searchiconbox:hover {
opacity:0.8;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.searchiconbox:hover p {
color:#ad8d1c;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.searchbox {
padding:5px;
margin: 5px 0px 5px 0px;
background-color:#c4a330;
border-radius: 4px;
display:none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.searchbox .search-form {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.searchbox label  {
color: #fff;
font-size: 11px;
}

.searchbox input {
border: 0;
height:22px;
border-radius:4px;
}

.searchbox .search-submit {
background-color: #bb2629;
color: #fff;
font-weight: 700;
border: 0;
height:22px;
border-radius:4px;
cursor: pointer;
}

.search-submit:hover {
background-color: #000;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.content {
position:relative;
}

.searchcontent img {
display:none;
}

.contentwrap {
margin-right:auto;
margin-left:auto;
z-index:9;
}

.contentbg {
}

.headline {
padding:0.2%;
background-color:#c4a330;
background-color:#fffffa\9;
margin-bottom:10px;
height: 342px;
}

.topstoryimg {
width:429px;
height:206px;
}

.topstoryimg img {
object-fit: cover;
border: 4px white solid;
height:100%;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.topstoryimg img:hover {
-webkit-filter: sepia(40%);
filter: sepia(40%);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}


.headlinetitle {
background-color:#c4a330;
width:200px;
text-align:center;
margin-right:auto;
margin-left:auto;
background: linear-gradient(135deg, transparent 20px, #c4a330 0) top left, linear-gradient(225deg, transparent 20px, #c4a330 0) top right;
background-size: 52% 100%;
background-repeat: no-repeat;
}

.headlinetitle p {
margin:0;
color:#fff;
font-size:21px;
padding-top: 3px;
line-height: 27px;
font-family: 'Fjalla One', sans-serif;
}

.headlineleft {
float:left;
width:43.9%;
height: 342px;
background:
linear-gradient(315deg, transparent 5px, #fffffa 0) bottom right,
linear-gradient(45deg,  transparent 5px, #fffffa 0) bottom left;
background-size: 55% 100%;
background-repeat: no-repeat;
}


.headlinelefttext {
text-align:left;
}

.headlinelefttext h1 {
margin:0;
font-size:20px;
}

.headlinelefttext a {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.headlinelefttext a:hover {
color:#c4a330;
text-decoration:none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.headlinelefttext  .excerptleft {
float:left;
}

.headlineright {
float:right;
width:55.9%;
height:340px;
}

.headlinerightbox {
height:170px;

margin-bottom: 2px;
background:
		linear-gradient(135deg, transparent 0px, #fffffa 0) top left,
		linear-gradient(225deg, transparent 5px, #fffffa 0) top right,
		linear-gradient(315deg, transparent 5px, #fffffa 0) bottom right,
		linear-gradient(45deg,  transparent 0px, #fffffa 0) bottom left;
	background-size: 51% 51%;
	background-repeat: no-repeat;
}


.headlinerightimg {
float:left;
width:255px;
height:166px;
margin-right:10px;
overflow: hidden;
}

.headlinerightimg img {
object-fit: cover;
border: 4px white solid;
height:100%;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.headlinerightimg img:hover {
-webkit-filter: sepia(40%);
filter: sepia(40%);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.headlinerighttext {

}

.headlinerighttext h1 {
font-size:17px;
line-height:21px;
padding: 5px;
}

.headlinerighttext a {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.headlinerighttext a:hover {
text-decoration:none;
color:#c4a330;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.headlineimg {
float:left;
width:100px;
height:100px;
margin-right:10px;
overflow: hidden;
}

.headlineimg img {
object-fit: cover;
height:100%;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.headlineimg img:hover {
-webkit-filter: sepia(40%);
filter: sepia(40%);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.readlink {
margin:0;
float:right;
}

.readlink a {
float:right;
color:#fff;
font-weight:700;
background-color:#bb2629;
padding:5px 10px 7px 10px;
margin:0 10px 0 5px;
line-height: 17px;
font-style: italic;
border-radius:5px;
box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
-moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.readlink a:hover {
background-color:#c4a330;
color:#fff;
text-decoration:none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.leftcontent {
float:left;
width:48%;
}

.rightcontent {
float:right;
width:48%;
}

.sectiontitle {
border-bottom:2px solid #c4a330;

}

.sectiontitle p {
background-color:#c4a330;
color:#fff;
margin:0;
display: inline-block;
padding:3px 10px 0 10px;
text-align:center;
line-height: 30px;
font-size:19px;
font-family: 'Fjalla One', sans-serif;
}

.seenp {
font-weight: 700;
color: #c4a330;
font-size:17px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.seenp:hover {
color:#000;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

#footer {
position:relative;
}

#footerwrap {
margin-right:auto;
margin-left:auto;
border-top: 2px solid #c4a330;
border-right: 5px solid #fffffa;
border-left: 5px solid #fffffa;
margin-top: 25px;
text-align:center;
padding:10px;
}

#footerwrap p.small {
font-size:10px;
}
#footerwrap p.large {
font-size:18px;
}
#footerwrap p.bold {
font-weight:700;
font-size:12px;
}
#footerwrap p.footerlink {
font-weight:700;
font-size:12px;
}



.compat-object-fit {
background-size: cover;
background-position: center center;
border: 4px white solid;
}

.compat-object-fit img {
display:none;
}

.headlinerightimg.compat-object-fit {
height:162px;
margin:0;
}

.topstoryimg.compat-object-fit {
height:192px;
}

.headlineimg {
border:0 !important;
}

.topstoryimg.vertical {
width: 212px;
height: 334px;
margin-right: 15px;
float: left;
}

.headlineleft.vertical {
background: linear-gradient(135deg, transparent 0px, #fffffa 0) top left, linear-gradient(225deg, transparent 0px, #fffffa 0) top right, linear-gradient(315deg, transparent 5px, #fffffa 0) bottom right, linear-gradient(45deg, transparent 0px, #fffffa 0) bottom left;
background-size: 55% 55%;
background-repeat: no-repeat;
}

.headlinelefttext.vertical h6 p {
margin:8px 8px 8px 0px;
}



.bf-item img {
opacity:1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.bf-item img:hover {
opacity:0.8;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}



/*NAV*/


.navmenubg {
	
}

.navmenubghome {
margin-top:15px;
margin-bottom:15px;
}

.navmenu {
position:relative;
height:35px;
font-family: 'Fjalla One', sans-serif;
border-top: solid 2px #c4a330;
border-bottom: solid 2px #c4a330;
border-right: solid 2px #c4a330;
border-left: solid 2px #c4a330;
background: linear-gradient(135deg, transparent 5px, #fffffa 0) top left, linear-gradient(225deg, transparent 5px, #fffffa 0) top right, linear-gradient(315deg, transparent 5px, #fffffa 0) bottom right, linear-gradient(45deg, transparent 5px, #fffffa 0) bottom left;
background-size: 52% 52%;
background-repeat: no-repeat;
background-color:#c4a330;
background-color:#fffffa\9;
}

.navmenu h3 {
margin:0;
}
.navmenu ul {
position:relative;
padding:0px;
white-space: nowrap;
margin:0px;
text-align: center;
list-style:none;
}
.navmenu ul li{
display: inline-block;
padding: 5px 0px 3px 0px;
margin-right:0;
line-height: 23px;
}

.navmenu ul li:first-child {

}

.navmenu ul li ul li:last-child {
padding-bottom:5px;
}

.navmenu ul li:hover {

}

.navmenu ul li:hover ul {
opacity:1;
}

.navmenu ul li a {
font-size:21px;
padding:0;
text-decoration:none;
color:#000;
    padding-right: 5px;
    padding-left: 2px;
line-height: 26px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.navmenu ul li a:hover {
color:#c4a330;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}


.navmenu ul li::after {
content:"•";
font-size:23px;
color:#c4a330;
}

.navmenu ul li:last-child::after {
content:"";
}



.sidemenu {
position: fixed;
z-index:1;
background-color: #c4a330;
height: 100%;
font-family: 'Fjalla One', sans-serif;
width: 200px;
left:-200px;
}

.sidemenu h1 {
text-align:center;
color:#fff;
margin-top:10px;
}

.sidemenu ul {
padding: 5px;
margin:0;
text-align: center;
}
.sidemenu ul li{
padding:0;
display:block;
padding: 2px;
margin-right:5px;
line-height: 23px;
}

.sidemenu ul li:first-child {

}

.sidemenu ul li ul li:last-child {
padding-bottom:5px;
}

.sidemenu ul li:hover {

}

.sidemenu ul li:hover ul {
opacity:1;
}

.sidemenu ul li a {
font-size:18px;
padding:0;
text-decoration:none;
color:#000;
line-height: 26px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.sidemenu ul li a:hover {
color:#fff;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.sidemenusearch {
padding:5px;
margin: 5px 0px 5px 0px;
background-color:#c4a330;
border-radius: 4px;
text-align:center;
}

.sidemenusearch label  {
color: #fff;
font-size: 18px;
width:100%;
}

.sidemenusearch input {
border: 0;
height:22px;
border-radius:4px;
width:95%;
}

.sidemenusearch .search-submit {
background-color: #bb2629;
color: #fff;
font-weight: 700;
width:40%;
margin-top:5px;
border: 0;
height:22px;
border-radius:4px;
cursor: pointer;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.sidemenusearch .search-submit:hover {
background-color: #000;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.logoside {
display:none;
}

.poststyleevents img {
display:none;
}
.headlineimg img {
display:block;
}

/*social media post icons*/

.Steb-social {
    position: absolute;
    top: 0;
    right: 0;
}

.Steb-link {
    padding: 2px 8px 4px 8px !important;
    color: white !important;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
	float: right;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 0;
    display: inline-block;
}
 
.Steb-twitter {
    background: #00aced;
	transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
 
.Steb-twitter:hover,.Steb-twitter:active {
    background: #0084b4;
	transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.Steb-facebook {
    background: #3B5997;
	transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
 
.Steb-facebook:hover,.Steb-facebook:active {
    background: #2d4372;
	transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

/*social media post icons*/


.headlinelefttext.vertical .excerptleft {
float:none;
}

}                               /* end of size */


@media all and (max-width: 1040px) and (min-width: 200px) {

.navmenu ul li a {
font-size:18px;
}

.headline {
height:auto;
padding:0;
border: 2px solid #c4a330;
}

.headlinelefttext .excerptleft {
float:none;
}

.headlineleft {
float:left;
width:100%;
height: 342px;
border-bottom: #c4a330 solid 2px;
}

.headlineright {
float:right;
width:100%;
height: 342px;
}

.headlinerighttext p {
margin:0 8px 0 8px;
}

.topstoryimg {
width:255px;
height:166px;
float:left;
margin-right: 10px;
overflow: hidden;
}


.topstoryimg.compat-object-fit {
height:162px;
}

.topstoryimg.vertical {
width:255px;
height:166px;
float:left;
margin-right: 10px;
overflow: hidden;
}


.headlineleft {
float:left;
width:100%;
height: 170px;
background:#fff;
background-size:100%;
background-repeat: no-repeat;
}

.headlineleft.vertical {
background:#fff;
background-size:100%;
background-repeat: no-repeat;
}



.headlinerightbox {
height:170px;
margin-bottom: 2px;
background:#fff;
	background-size:100%;
}


.headlinerightimg {
float:left;
width:255px;
height:166px;
margin-right:10px;
overflow: hidden;
}

.poststyleevents {
margin-bottom:10px;
}


.leftcontent {
    float: none;
    width: 100%;
}

.rightcontent {
    float: none;
    width: 100%;
}


}                               /* end of size */

@media all and (max-width: 870px) and (min-width: 200px) {
.navmenubghome {
display:none;
}

.navmenubg { 
display:none;
}

}                               /* end of size */

@media all and (max-width: 700px) and (min-width: 200px) {

.searchiconbox {
display:none;
}

.logo {
display:none;
}

.logoside {
display:block;
text-align:center;
}

.topstoryimg {
width:40%;
}

.topstoryimg.vertical {
width:40%;
}

.headlinerightimg {
width:40%;
}

.headlinelefttext h1 {
font-size: 17px;
line-height:21px;
}

.headlinerighttext h1 {
font-size: 17px;
line-height:21px;
}

h2 {
font-size: 16px;
}

.readlink {
display:none;
}

.links {
text-align: center;
}

.links br {
display:block;
}

.topstoryimg img {
min-width:0;
}

.headlinerightimg img {
min-width:0;
}


}                               /* end of size */

@media all and (max-width: 550px) and (min-width: 200px) {

.menuiconbox p {
display:none;
}


}

@media all and (max-width: 450px) and (min-width: 200px) {

.titleone {
font-size: 35px;
}

.titletwo {
font-size: 13px;
margin: -29px 0 0 0;
}
}                               /* end of size */


@media all and (max-width: 400px) and (min-width: 200px) {

.bodywrap {
    border-right: 5px solid #fffffa;
    border-left: 5px solid #fffffa;
}

.menuiconbox {
margin-left: 5px;
}

.headlineleft {
    height: 200px;
}

.topstoryimg {
    height: 196px;
}

.topstoryimg.vertical {
    height: 196px;
}

.headlinerightbox {
    height: 200px;
}

.headlinerightimg {
    height: 196px;
}

.headlineright  {
    height: 402px;
}


}                               /* end of size */


@media all and (max-width: 320px) and (min-width: 200px) {

.title {
    margin-right: 0;
}


}