/*

Theme Name: mwflyer-custom

Description: Child theme for the Twenty Ten theme

Author: Justin M

Edited By: Justin Jones 14:04 14 October 2014

Template: twentyten

*/



@import url("../twentyten/style.css");





#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {

	width:965px;

}



#wrapper{

	padding:0px 0px 0px 0px;

	border:#000000 solid 1px;

	background-color:#BEBEBE;

}





body {

	font-family: Verdana, "Bitstream Charter", serif;

	background-image:url(https://midwestflyer.com/images/background.jpg);

	background-repeat:repeat-x;

	background-color:#3A3A3A;

}



#header {

	padding:0px 0px 0px 0px;

}



#branding {

	height:215px;

	border-top:none;

}



/* TOP NAV SECTION */

#menu-item-75 {

	background-image:url(images/top-nav-home.jpg);

	background-repeat:repeat-x;

}



#access {

	background-image:url(images/top-nav.jpg);

	background-repeat:repeat-x;

	font-weight:bold;

	width:965px;

}



#access .menu-header, div.menu {

	font-size:12px;

}



#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {

	background-image:url(images/top-nav-overstate.jpg);

	background-repeat:repeat-x;

}

#access a  {

	color:#FFFFFF;

}



/* Customize Search Box in Side Nav */

.widget_search #s {

	width:75%;

}

#s {

	background:url(images/searchbox.jpg);

	background-repeat:no-repeat;

	width: 85px;

	height: 30px;

	border: none;

	padding: 1px 0px 0px 5px;

}

#searchform > div{
	display:inline-flex;
}

#searchsubmit{

	background:url(images/searchbutton.jpg);

	cursor:pointer;

	width: 43px;

	height: 30px;

	border: none;

}



#main {

	padding: 0px 0px 0px 0px;

}



#container {

	background-image:url(images/page-background.jpg);

	background-repeat:no-repeat;

	float:right;

	margin: 0px 0px 0px 0px;

	padding:10px 0px 0px 0px;

	width:749px;

	border-left:#000000 solid 1px;

	background-color:#FFFFFF;

	margin-bottom:5px;

	min-height:1800px;

}



#content {

	margin: 0px 20px 20px 20px;

	font-size:14px;

}

#content img {

	max-width:700px;

}

/*SIDEBAR*/

#primary {

	float:left;

	width:214px;

	margin: 0px 0px 0px 0px;

	padding-top:10px;

}



#main #mycategoryorder-4 {

	font-size:20px;

	padding-left:10px;

	padding-top:10px;

	margin-bottom:3px;

	color:#000000;

	height:156px;

	/*background-image:url(images/current-issue2.19.6.jpg);*/
	background-image:url(images/current-issue2.jpg?v=7);

	background-repeat:no-repeat;

}



#main #mycategoryorder-4 ul {

	padding-left:10px;

	padding-top:23px;

	font-size:14px;

}



#main .widget-area ul {

	padding-left:0px;

	padding-right:0px;

	font-size:14px;

}

#main .widget-area li {

	font-family:"Helvetica Neue";

}



#category-posts-2 h3 {

	/*display:none;*/
	text-decoration:underline;
}



.widget-area a:link {

	color:#000000;

}



.widget-area a:visited {

	color:#FF0000;

	text-decoration: none;

	}



#secondary .widget-area a:visited {
		color:#FF0000;
}



.widget-area a:active{



}



.widget-area a:hover {

	color:#FF0000;

	text-decoration: underline;

}

#ab_adblock {

	text-align:center;

}

#ab_adblock a {

	padding-top:10px;

	padding-left:5px;

}

/*Control thumbanil image displayed for posts*/

#content .alignleft, #content img.alignleft {

	height:auto;

	padding:0px 0px 0px 0px;

	float:left;

}



/*Text in Footer area*/

#footer {

	margin:0;

	color:#000000;

}

#colophon {

	padding:0;

}

#site-info {

	width:925px;

	padding: 5px 20px 5px 20px;

}

#site-info a {

	color:#0000FF;

}



/*Control size and look of Sociable Tagline "Share and Enjoy" on posts */

.sociable-tagline {

	font-size:12px;

	line-height:12px;



}

#contactForm tr td {

	padding:0px;

	border:none;

}

#contactForm table {

	border:none;

}



/*Control the javascript/html addition widget where dave writes his paragraphs */

#category-posts-2 {

	height:270px;

	overflow: hidden;

	background-image:url(images/current-news.png);

	background-repeat:no-repeat;

	padding:33px 17px 0px 17px;



}

#html_javascript_adder-5  p{

	height:250px;

	overflow:auto;

}



#html_javascript_adder-5 a:link {

	color:#0000FF;

}

#html_javascript_adder-5 a:visited {

	color:#660066;

	text-decoration: none;

}

#html_javascript_adder-5 a:active{

	color:#0000FF;

}

#html_javascript_adder-5 a:hover {

	color:#0000FF;

	text-decoration: underline;

}

#content table, #content tbody, #content td, #content tr #no-border {
	border: none;
	border-style: none;
}


/* all keyframes */
	/* normal keyframes*/
	@keyframes spin11 {
		0%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 1;
		}
		20%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 0;
		}
		40%{
			opacity:0;
		}
		60%{
			opacity:0;
		}
		80%{
			opacity:0;
		}
		100%{
			opacity:0;
		}

	}


	@keyframes spin0 {
		0%{
		    transform: rotate(10deg);
		    top:10px;
		    left:772px;
			opacity: 1;
		}
		20%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 1;
		}
		40%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 0;
		}
		60%{
			opacity:0;
		}
		80%{
			opacity:0;
		}
		100%{
			opacity:0;
		}
	}
	@keyframes spin1 {
		0% {
			transform: rotate(25deg);
			top:25px;
			left:825px;
			opacity: 1;
		}
		20%{
		    transform: rotate(10deg);
		    top:10px;
		    left:772px;
			opacity: 1;
		}
		40%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 1;
		}
		60%{
			transform: rotate(-5deg);
			top:;
			left:719px;
			opacity: 0;
		}
		80%{
			opacity:0;
		}
		100%{
			opacity:0;
		}
	}
	@keyframes spin2 {
		0% {
			opacity:0;
			transform: rotate(25deg);
		}
		20% {
			transform: rotate(25deg);
			top:25px;
			left:825px;
			opacity: 1;
		}
		40%{
		    transform: rotate(10deg);
		    top:10px;
		    left:772px;
			opacity: 1;
		}
		60%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 1;
		}
		80%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 0;
		}
		100%{
			opacity:0;
		}
	}
	@keyframes spin3 {
		0%{
			opacity:0;
		}
		20% {
			opacity:0;
			transform: rotate(25deg);
		}
		40% {
			transform: rotate(25deg);
			opacity: 1;
			top:25px; left:825px;
		}
		60%{
		    transform: rotate(10deg);
		    top:10px;
		    left:772px;
			opacity: 1;
		}
		80%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 1;
		}
		100%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity:0;
		}
	}
	@keyframes spin4 {
		0%{
			opacity:0;
		}
		20%{
			opacity:0;
		}
		40% {
			opacity:0;
			transform: rotate(25deg);
		}
		60% {
			transform: rotate(25deg);
			opacity: 1;
			top:25px; left:825px;
		}
		80%{
		    transform: rotate(10deg);
		    top:10px;
		    left:772px;
			opacity: 1;
		}
		100%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 1;
		}
	}
	@keyframes spin5 {
		0%{
			opacity:0;
		}
		20%{
			opacity:0;
		}
		40%{
			opacity:0;
		}
		60% {
			opacity:0;
			transform: rotate(25deg);
		}
		80% {
			transform: rotate(25deg);
			opacity: 1;
			top:25px; left:825px;
		}
		100%{
		    transform: rotate(10deg);
		    top:10px;
			opacity: 1;
		    left:772px;
		}
	}

	/*webkit keyframes*/

	@-webkit-keyframes spin11 {
		0%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 1;
		}
		20%{
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 0;
		}
		40%{
		}
		60%{
			opacity:0;
		}
		80%{
			opacity:0;
		}
		100%{
			opacity:0;
		}

	}

	@-webkit-keyframes spin0 {
		0%{
		        -webkit-transform: rotate(10deg);
		        transform: rotate(10deg);
		        top:10px;
		        left:772px;
			opacity: 1;
		}
		20%{
		        -webkit-transform: rotate(-5deg);
			transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 1;
		}
		40%{
		        -webkit-transform: rotate(-5deg);
		        transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 0;
		}
		60%{
			opacity:0;
		}
		80%{
			opacity:0;
		}
		100%{
			opacity:0;
		}
	}
	@-webkit-keyframes spin1 {
		0% {
		        -webkit-transform: rotate(25deg);
			transform: rotate(25deg);
			top:25px;
			left:825px;
			opacity: 1;
		}
		20%{
		        -webkit-transform: rotate(10deg);
		        transform: rotate(10deg);
		        top:10px;
		        left:772px;
			opacity: 1;
		}
		40%{
		        -webkit-transform: rotate(-5deg);
		        transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 1;
		}
		60%{
		        -webkit-transform: rotate(-5deg);
		        transform: rotate(-5deg);
			top:;
			left:719px;
			opacity: 0;
		}
		80%{
			opacity:0;
		}
		100%{
			opacity:0;
		}
	}
	@-webkit-keyframes spin2 {
		0% {
			opacity:0;
		        -webkit-transform: rotate(25deg);
			transform: rotate(25deg);
		}
		20% {
		        -webkit-transform: rotate(25deg);
			transform: rotate(25deg);
			top:25px;
			left:825px;
			opacity: 1;
		}
		40%{
		    -webkit-transform: rotate(10deg);
		    transform: rotate(10deg);
		    top:10px;
		    opacity: 1;
		    left:772px;
		}
		60%{
		        -webkit-transform: rotate(-5deg);
		        transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 1;
		}
		80%{
		        -webkit-transform: rotate(-5deg);
		        transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 0;
		}
		100%{
			opacity:0;
		}
	}
	@-webkit-keyframes spin3 {
		0%{
			opacity:0;
		}
		20% {
			opacity:0;
		        -webkit-transform: rotate(25deg);
			transform: rotate(25deg);
		}
		40% {
		        -webkit-transform: rotate(25deg);
			transform: rotate(25deg);
			opacity: 1;
			top:25px;
			left:825px;
		}
		60%{
		        -webkit-transform: rotate(10deg);
		        transform: rotate(10deg);
		        top:10px;
		        left:772px;
			opacity: 1;
		}
		80%{
		        -webkit-transform: rotate(-5deg);
		        transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity: 1;
		}
		100%{
		        -webkit-transform: rotate(-5deg);
		        transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity:0;
		}
	}
	@-webkit-keyframes spin4 {
		0%{
			opacity:0;
		}
		20%{
			opacity:0;
		}
		40% {
			opacity:0;
		        -webkit-transform: rotate(25deg);
			transform: rotate(25deg);
		}
		60% {
		        -webkit-transform: rotate(25deg);
			transform: rotate(25deg);
			opacity:1;
			top:25px;
			left:825px;
		}
		80%{
		    -webkit-transform: rotate(10deg);
		    transform: rotate(10deg);
		    top:10px;
		    left:772px;
			opacity: 1;
		}
		100%{
		        -webkit-transform: rotate(-5deg);
		        transform: rotate(-5deg);
			top:6px;
			left:719px;
			opacity:1;
		}
	}
	@-webkit-keyframes spin5 {
		0%{
			opacity:0;
		}
		20%{
			opacity:0;
		}
		40%{
			opacity:0;
		}
		60% {
			opacity:0;
		        -webkit-transform: rotate(25deg);
			transform: rotate(25deg);
		}
		80% {
		        -webkit-transform: rotate(25deg);
			transform: rotate(25deg);
			opacity:1;
			top:25px;
			left:825px;
		}
		100%{
		    -webkit-transform: rotate(10deg);
		    transform: rotate(10deg);
		    top:10px;
		    left:772px;
			opacity: 1;
		}
	}
	#branding .fromStart {
		position:absolute;
		top:25px;
		left:825px;
		transform:rotate(25deg);

		opacity:0;
	}
	#branding .coverImg11{
		-webkit-animation-name: spin11;
		-webkit-animation-duration: 15s;
		-webkit-animation-iteration-count: infinite;

		animation-name: spin11;
	    	animation-duration: 15s;
	    	animation-iteration-count: infinite;

		border:0;
	}

	#branding .coverImg0{
		-webkit-animation-name: spin0;
		-webkit-animation-duration: 15s;
		-webkit-animation-iteration-count: infinite;

		animation-name: spin0;
   		animation-duration: 15s;
		animation-iteration-count: infinite;

	    border:0;
	}
	#branding .coverImg1{
		-webkit-animation-name: spin1;
		-webkit-animation-duration: 15s;
		-webkit-animation-iteration-count: infinite;

		animation-name: spin1;
	    animation-duration: 15s;
	    animation-iteration-count: infinite;

		border:0;
	}
	#branding .coverImg2{
		-webkit-animation-name: spin2;
		-webkit-animation-duration: 15s;
		-webkit-animation-iteration-count: infinite;

		animation-name: spin2;
	    	animation-duration: 15s;
	    	animation-iteration-count: infinite;

		border:0;
	}
	#branding .coverImg3{
		-webkit-animation-name: spin3;
		-webkit-animation-duration: 15s;
		-webkit-animation-iteration-count: infinite;

		animation-name: spin3;
	    animation-duration: 15s;
	    animation-iteration-count: infinite;

		border:0;
	}
	#branding .coverImg4{
		-webkit-animation-name: spin4;
		-webkit-animation-duration: 15s;
		-webkit-animation-iteration-count: infinite;

		animation-name: spin4;
	    animation-duration: 15s;
	    animation-iteration-count: infinite;

		border:0;
	}
	#branding .coverImg5{
		-webkit-animation-name: spin5;
		-webkit-animation-duration: 15s;
		-webkit-animation-iteration-count: infinite;

		animation-name: spin5;
	    	animation-duration: 15s;
	    	animation-iteration-count: infinite;

		border:0;
	}
	#branding #headImg {
		border:0;
	}