/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

/* Insure that dropdowns appear on desktop size */
@media only screen and (min-width: 770px) {

#navigation li:hover > ul,
#navigation li li:hover > ul,
#navigation li li li:hover > ul {
	 display:block !important;
}

#navigation ul:first-child {
	display:block !important;
}
}

/* ============================= */
/* ! Layout for ipad version     */
/* ============================= */


@media only screen and (max-width: 715px) {
	
/* body ------------------------------------------------------*/	

body {  
	-webkit-text-size-adjust: none;  
	}

/* rows ------------------------------------------------------*/
	
.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
	
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
	width: auto !important;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
.twocol-one, .threecol-one, .threecol-two, .fourcol-one, .fourcol-two, .fourcol-three, .fivecol-one, .fivecol-two, .fivecol-three, .fivecol-four, .sixcol-one, .sixcol-two, .sixcol-three, .sixcol-four, .sixcol-five {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
}

/* header ------------------------------------------------------*/

	/* Insure that dropdowns appear on desktop size */	
#header-right, #header-left {
	float:none;	
	width: auto;
	overflow: hidden;
}

#header {
		padding: 0;
	}
	
#header p {text-align:center !important;}


/* logo ------------------------------------------------------*/
	
.logo {
		float: none;
		margin:0 auto;
		display: block;
	}
	
/* navigation ------------------------------------------------------*/
	
#navigation {
    clear: both;
	float:left;
	width:100%;
	 margin: 0;
  }
  
#navigation .nav {
    float: none;
  }
  
#navigation ul,
#navigation li {
		float:none;
		max-width:100%;
	
}
	
#navigation li a {
		padding-right:20%;
		padding-left:5%;
		width: 75%;
}

#navigation li li  a {
	padding-left:10%;
	width: 70%;
	padding-top:15px;
	padding-bottom:15px;
	font-size: 1em;
	line-height: 1.25em;
font-size: 1em;
	line-height: 1.25em;
}
	
#navigation li li li a {
	padding-left:15%;
	width: 65%;
	}
	
#navigation li li li li a {
	padding-left:20%;
	width: 60%; 
	}

    
#navigation li ul {
	display: none;
    
	position: relative;
    border: none!important;
  
	width: 100%;
	left: 0 !important;
	top: 0 !important;
}
  
#navigation li ul li {
  }
    
#navigation li ul a:hover {
    text-decoration: none;  
  }
  
#navigation li:hover, #navigation li.hover {
  position: relative;
	}
	  
#navigation ul {
		display: none; 
		padding: 0;
} 

#navigation ul ul {
		background:none;
	}

		
#navigation li ul ul {
		margin:0 !important;
	}
			
#navigation li:hover > ul,
#navigation li li:hover > ul,
#navigation li li li:hover > ul {
		display:none;
	}

#header-right #navigation {
	margin-bottom:15px;
}


/* navigation toggle ------------------------------------------------------*/	

	#navigation .nav-toggle {
		display:block;
		font-weight:bold;
		line-height: 3em;
		border-bottom: #5F5F5F 1px solid;
		padding: 0;
		width: 100%;
		text-transform: uppercase;
}

.nav-toggle .arrow {
	background: transparent url(../images/nav-toggle-arrow.png) no-repeat center top;
	width: 10px;
	height: 12px;
	display: inline-block;
}



/* drop down arrows ------------------------------------------------------*/

.drop-down-toggle { 
	position:absolute;
 	top: 7px !important;
	right:16px!important;
 	display: block;
	width:30px !important;
	height:30px !important;
 	border-radius: 18px;
	background:#333;
	background:-moz-linear-gradient(#333,#444);
	background:-webkit-linear-gradient(#333,#444);
	background:-o-linear-gradient(#333,#444);
	background:-ms-linear-gradient(#333,#444);
	background:linear-gradient(#333,#444);
	border:#aaa 3px solid;
}


.drop-down-arrow {
	display:block;
	width:0;
	height:0;
	margin:13px 0 0 10px !important;
	border-top:5px solid #aaa;
	border-left:transparent 5px solid;
	border-right:transparent 5px solid;
}

#navigation .nav-toggle {
		display:block;
		font-weight:bold;
		line-height: 3em;
		border-bottom: #555 1px solid;
		padding: 0;
		width: 100%;
		text-transform: uppercase;
		
		color: #fff;
} 

/* tabs ------------------------------------------------------*/

ul#serinfo {
	width: 90%;
	}
	
	
/* sidebar ------------------------------------------------------*/

#sidebar { }
	
	
/* blog carousel ------------------------------------------------------*/	
#blog-carousel .flex-direction-nav li .flex-prev {
left: -16px;
}

#blog-carousel .flex-direction-nav li .flex-next {
right: -16px;	
}
  


/* medpost ------------------------------------------------------*/

ul.medpost li img {
	border:none;
	display:block;
	margin:10px auto 20px auto;
	clear:both;
	float:none;
	padding:0}


/* footer  ------------------------------------------------------*/	

#footer .widget {
padding-bottom: 25px;
}

	
/* credits ------------------------------------------------------*/
	
#site-by,#copyright {
	text-align: center;
	}


}


/* ============================= */
/* ! Layout for iphone version   */
/* ============================= */

@media only screen and (max-width: 500px) {
	
.entry .wp-caption.alignright, .entry  .wp-caption.alignleft, .entry  .wp-caption.alignnone, .entry  img.alignright, .entry img.alignleft, .entry img.alignnone, .entry img.aligncenter, #core .medpost .entry .wp-post-image {
	float:none !important;
	margin:0 auto 15px auto !important;
	display: block;
	}


body .flex-direction-nav li	 {display:block !important;}

} 

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
	
	/*@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#container a {
		background-image: url('../img/logo2@2x.png');
	}*/

	}
}

/*}