/* Mobile version of OIT Flex theme */

@import url(../../twentyeleven/style.css);
@import url(http://fonts.googleapis.com/css?family=News+Cycle|Oswald);

/* =Structure
----------------------------------------------- */
body {
	padding: 0 auto;
}
#page {
	margin: 0em auto;
	max-width:96%; 
	margin:0 2%;
}

/* Banner Image */
#branding img {width:40% !important;}

#branding .banner-height img, #branding img.banner {display: none;}

#branding {border-top: none !important;}

#site-title {padding-top:10px;}
#site-description {margin-bottom:10px;}

/* Content */
#main {padding: 0px;}
#primary #content {margin: 0px 10px !important;}

/* Mobile Menu */
#menu-icon {
	display: hidden;
	width: 28px;
	height: 38px;
	background:url(../images/mobile-menu-icon.png) center;
	background-repeat:no-repeat;
}

#access, #access ul, #access ul ul {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin:0;
	border-bottom:none !important;
}

#access ul ul {display: none !important;}

nav ul, nav:active ul, nav:active ul ul  { 
	display: none;
	position: relative;
	width: 100%;
}

nav li {
	margin:0 auto;
	text-align: left;
	width: 100%;
	margin: 0;
	color:#fff;
}
nav li a {color:#000 !important;}

nav:hover ul {
	display: block;
}

/* Widgets */

.widget-title {
	font-size: 1.1em;
	font-weight:bold;
	line-height:1.1em;
	margin-bottom:8px;
}
.widget ul {
	padding:4px 8px;
	list-style-type:none;
}

/* =Footer
----------------------------------------------- */
#supplementary {
	border: none;
	background-color:#c00;
	padding: 0.925em 2.6%;
	overflow: hidden;
	font-size:0.85em;
} 

#supplementary aside ul a {font-weight:normal;}


/* RSS footer widget */
#supplementary aside.widget_rss {text-align:left;}

#supplementary .widget, #supplementary .widget-title  {
	border:none; background:none; 
}
#supplementary div {text-align:center;color:#fff;}
#supplementary div a {color:#fff;}

/* =Slider 
----------------------------------------------*/
#player {display:none;}
/*
#player {width:100%; height:200px;}
#player ul.tabsList {position:absolute; top:16px; left:4px; float:left;}
#player .media.crop {width:100%; height:200px}
#player .media .caption {position:absolute; left:0px; top:100px; height:100px; width:100%;}
*/