/* Generic */ 

body.mobile { 
	background-color: #F0F1F5;
	background-image: none;
}  

/* Heading styles */  

body.mobile h1.top { margin: 3px 0 10px 0; } 

body.mobile h1.main-title-purple,
body.mobile h1.main-title-blue,
body.mobile h1.main-title-orange {
	height: 20px;
	text-align: left;
	color: #fff;
	overflow: hidden;
	position: relative;
	font-size: 1.5em;
	line-height: 1.25em;
	font-weight: bolder;
	padding: 0;
	/* margin: 10px 0 0 0; */
	margin: 0;
	text-transform: uppercase;
}

body.mobile h1.main-title-blue { background-color: #5c99ba; }

body.mobile h1.main-title-orange { background-color: #facb4d; }

body.mobile h1.main-title-purple span,
body.mobile h1.main-title-blue span,
body.mobile h1.main-title-orange span {
	position: absolute;
	bottom: 0;
	left: 5px;
} 

  

/* @group header */   

body.mobile #header { 
	height: 100px;
	margin: 0  0px 0 0;
	background-color: #2a516e; 
}

body.mobile #header-inner { 
	margin: 0;
	overflow: visible !important;
	width: 100%; 
	height: 100px;
	background: #51237d url('http://insidemc.montgomerycollege.edu/images/header-background-mobile-purple.jpg')  scroll repeat-x 0 top;
  	position: relative; 
}
 

body.mobile #header-inner .header-title  {
 	margin:  0 ;
	position: absolute;
	top: 4px;
	left: 0px;  
	width: 310px;
	height: 66px;
} 


 
/* Header Search */     

body.mobile  .header-search {
	float: left;
	position: relative;   
 	width: auto;
	height: 20px;
	padding: 3px 5px 7px 0;
	margin: 0 0 0 5px;  
	 
} 

body.mobile  .header-search .header-search-inner {  
	border: 1px solid #b3bcc1;
	background-color: #fff;
 	margin: 0px 0px 5px 0px;
	height: 23px; 
	padding: 0 !important;
 	width: 207px !important; 
	float:left;   
}  


body.mobile  .header-search .header-search-inner  .input-submit {  
	border: 0 none; 
	overflow: hidden; 
	background: transparent url('http://insidemc.montgomerycollege.edu/images/search-button-small-black.jpg') no-repeat 0 0;
	height: 21px !important; 
	width: 26px !important;
	cursor: pointer;
	position: absolute;
	top: 8px;
	left: 183px; 
	z-index: 10;
} 

body.mobile  .header-search input {
	-webkit-appearance: none;
	border: none;  
}  

body.mobile  .header-search .header-search-inner  .input-text,
body.mobile  .header-search .header-search-inner .jqTransformSafari .jqTransformInputInner div input { /* base safari fixes */ 
	border: none;
	background: none;
 	padding: 0px;
	margin: 0px;
	height: 18px;  
 	width: 165px !important;
	font-size: 13px !important;
 	font-weight: bold;
	color: #5C5E61; 
	font-family: Arial, Helvetica, sans-serif; 
	 
}

body.mobile .header-search .header-search-inner .jqTransformSafari .jqTransformInputInner div input { /* additional safari fixes */ 
	background-color: none;
	position: absolute;
	top: -7px;
	left: -1px;
	-webkit-appearance: none;
	border: none;  
}  


/* search fixes if the form tag is used on search fields */ 
body.mobile  .header-search .header-search-inner .jqTransformInputWrapper {
	background: none !important;
	border: none !important;
	width: 181px !important;
}

body.mobile  .header-search .header-search-inner .jqTransformInputInner {
	background: none !important;
	padding: 0px;
	margin: 0px;
} 

body.mobile  .header-search .header-search-inner button.jqTransformButton span  { background: none; }

body.mobile  .header-search .header-search-inner button.jqTransformButton span span  { background: none; } 
 

/*  Navigation */  
  
body.mobile #mainmenu { 
	top: 70px;
	width: 100%;
	padding-top: 0px; 
}

body.mobile #mainmenu div.float-right { 
	float: right;
	margin-right: 0px;
	/* width: 78px; */
	width: 40px; /* prevents the search button from getting cut off on the iphone */
}

body.mobile #mainmenu div.float-left,
body.mobile .story-nav div.float-left { 
	 float: left;
	 margin-left: 3px;
}

body.mobile #mainmenu h3,
body.mobile  div#back-issues h3,
body.mobile  div#search h3   { 
 	font-size: 1.5em;
	display: inline;
    font-family: Arial,Helvetica,sans-serif; 
 	 margin-left: 3px;
	font-weight: normal;
	line-height: 1.8em; 
}


body.mobile  div#back-issues h3,
body.mobile  div#search h3   { 
 	font-size: 1.3em; 
	line-height: 2.2em;
	margin-top: 3px;  
}

body.mobile  div#back-issues,
body.mobile  div#search   {  
	display: none; 
} 

body.mobile  div.back-issues-inner,
body.mobile  div.search-inner   { 
 	height: 31px;
	overflow: hidden;
	width: 100%;
	background: #e5e9ec;
	padding: 0px;
	display:block; 
}

body.mobile  div.search-inner div.button-sub, body.mobile  div.back-issues-inner div.button-sub { float: left; }
 
body.mobile #mainmenu h3 a,
body.mobile div#back-issues h3 a,
body.mobile div#search h3 a  { 
 	text-decoration: none;
	color: #fff; 
} 

body.mobile #mainmenu h3  img   { 
 	padding: 0;
	margin: 0;
	position: relative;
	top: 4px;
} 


/* Previous next story navigation styles area */ 
body.mobile .story-nav {
	height: 15px;
	margin: 6px 0 5px 0;  
	position: relative;
}

body.mobile .story-nav div.float-right { 
	float: right;
	margin-right: 0px;
	/* width: 90px; */
} 

body.mobile .story-nav div.float-left { 
	margin-left: 0px; 
}

body.mobile .story-nav h3    { 
 	font-size: 1.2em;
	display: inline;
    font-family: Arial,Helvetica,sans-serif; 
 	 margin: 0px 1px;
	font-weight: normal; 
} 

body.mobile .story-nav a.story-nav-text    {
 	position: relative;
	top: -3px;   
}

body.mobile .story-nav h3  img   { 
 	padding-bottom: 0.25em;
    padding-left: .55em;
    padding-right: .55em;
    padding-top: 0.2em;
	margin: 0; 
} 

body.mobile .story-nav .button { 
    text-decoration: none; 
    display: inline-block;
    text-align: center;
    color: #fff;
	padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
    text-decoration: none;         

    box-shadow: 0 0 .0em rgba(0,0,0,0);
    -moz-box-shadow: 0 0 .0em rgba(0,0,0,0.0);
    -webkit-box-shadow: 0 0 .0em rgba(0,0,0,0.0);
	
	-moz-border-radius: 0em;
    border-radius: 0em; 
}

/* @END */    


/* @group Main Content */ 
 
body.mobile .container-main {  margin: 0; width: 100% !important; }   
 
body.mobile .container-content {
	margin: 0;
	padding: 0;
	width: 100%;
	
	min-height: 400px;
	background: #fff url(none) repeat-y 0 0;
	/* border: 1px solid red; */ 
}  
 
body.mobile .content-inner-mobile {  
	padding: 10px 5px 10px 5px;
	margin: 0;  
}   
 
 
/* Category area */   

body.mobile div.posts div.category-images { 
	 max-width: 60px;
	 /*  height: 35px;  
	 padding: 0 10px 10px 0;*/
	  padding: 0 10px 0 0;
	 margin: 0; 
	 float: left;
	/* overflow: hidden; */
} 

body.mobile div.posts img   { 
	 max-width: 60px; 
	 padding: 0;
	 margin: 0; 
}   

body.mobile div.posts {  width: 100%; }


/* Details mobile area */ 

body.mobile .column-details  h1.sub-title-gray {
	text-align: left; 
	font: 1.5em Georgia, "Times New Roman", Times, serif  normal;  
	padding: 4px; 
	height: auto; 
} 

body.mobile .column-details  ol li { margin-top: 2px; }  
 
body.mobile .column-details div.posts p { margin: 1.25em 0; }

body.mobile .column-details div.posts  { margin-bottom: 0px !important; }

body.mobile .column-details div.posts .posts-title { margin-bottom: 0px !important;  } 

body.mobile div.details-image {  
	max-width: 150px;
	margin: 0px 10px 5px 0;
	overflow: hidden;
}   
 
body.mobile div.details-image img  {  
	max-width: 150px;
 	margin: 0;
	padding: 0;
} 

/* @END */
.nomargin  {  margin: 0 !important; }  


/* @group footer */

body.mobile .footer  {
	/* background: #38739a url('http://insidemc.montgomerycollege.edu/images/footer-backgound-gray.jpg') repeat-x 0 top;  */
	min-height: 105px;
	text-align: left; 
	width: 100%; /* same width and margin-left as the content-inner class */
	margin: 0 !important;
	padding: 0 !important;
	posiiton: relative;  
}

.footer .nav { 
	line-height: 2em;
	padding-right: 15px;
	margin-top: 0;  
}   

body.mobile  .footer  .footer-inner {  padding: 10px; } 

body.mobile .footer strong  {
	font-weight: bold;
	font-size: 1.325em;
	line-height: 1.2em; 
}

body.mobile .footer strong a  {  color: #52247f; } 

body.mobile ul.nav-montgomery  { margin-top: 15px !important; margin-bottom: 0px !important; }    
 

/* Social media icons in footer */  
body.mobile .footer-bottom { 
	height: 50px;
	margin: 0px 0 0px 0px;
	text-align: left;
}
	
body.mobile .footer-bottom-inner { 
	height:37px;
	position: relative;
	text-align: left;
	background-color: #585A5B;
}

body.mobile .footer-bottom-inner .socialmedia-container {
	margin:0;
	height: 50px;
	width: auto;
	position: absolute;
	top: 12px;
	left: 10px;
	z-index: 15;
} 

body.mobile .footer-bottom-inner .follow-us { 
	margin:0;
	border: 0; 
	position: absolute;
	top: 7px;
	left: 10px;
	z-index: 5;    
}

body.mobile  ul.social  { margin: 0  0 5px; }  

body.mobile  ul.social li  {
	background: transparent none;
	float: left;
	margin-right: 5px;
	margin-bottom:0px;
	padding: 0; 
}   

/* @END */

/* CS3 button styles for mobile only */
.button { 
    text-decoration: none;
    /*font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;
	padding-bottom: 0.25em;
    padding-left: .45em;
    padding-right: .45em;
    padding-top: 0.125em;
    text-align: center;
    text-decoration: none;  
            

    /* text-shadow: 0 1px 0 rgba(0,0,0,0.4); */

    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
	-moz-border-radius: .3em;
    border-radius: .3em; 
}
 

.button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active {
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

.blue {
    background: #226184;
    background: -webkit-gradient(linear, left top, left bottom, from(#609dbc), to(#226184) );
    background: -moz-linear-gradient(-90deg, #609dbc, #226184);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#609dbc', endColorstr='#226184');
}

.blue:hover {
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4a88a8), to(#1c4e6c) );
    background: -moz-linear-gradient(-90deg, #4a88a8, #1c4e6c);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4a88a8', endColorstr='#1c4e6c');
}

.blue:active {  background: #489FC4; }

.black {  
    background: #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(#3b3c3f), to(#000000) );
    background: -moz-linear-gradient(-90deg, #3b3c3f, #000000);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3b3c3f', endColorstr='#000000');
}

.black:hover { 
    background: #121212;
    background: -webkit-gradient(linear, left top, left bottom, from(#57585a), to(#121212) );
    background: -moz-linear-gradient(-90deg, #57585a, #121212);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#57585a', endColorstr='#121212');
}
 
.black:active { background: #489FC4; }   
/* @END */