/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* ----------------------------------------------------
COLOR OPTION
------------------------------------------------------- */

/* blue */
#ultra-top-nav{background-color:#001520;}
/* #logo a{background:url(../images/apps4events_logo.png) center left no-repeat;} */
#header{background:url(../images/header-blue.png) left top repeat-x #001a2a}
#main_header{background:url(../images/header-container-blue.png) top left no-repeat;}
.number{background:#00273c} 
#main-menu li{border-color:#00293C; background-color:rgba(0,0,0,.15);}
#main-menu li:first-child{border-color:#00293C;}
#main-menu li:hover { background-color:rgba(0,0,0,.44)}
.sidebar_listing li a:hover, .sidebar_listing li.selected  a {color:#2B7394;}

#copyright{background:#001620;color:#ccefff}
#copyright p{color:#ccefff;}
#footer p{color:#ccefff;}
#footer{ background-color:#00293c;box-shadow:inset 0 1px 0 0 #00344c;-moz-box-shadow:inset 0 1px 0 0 #00344c;-webkit-box-shadow:inset 0 1px 0 0 #00344c;border-top:1px solid #001d2a;color:#ccefff;}

/* Flex slider */
div.flex-caption h2 { color:#2a7b95; }
div.flex-caption ul li { color:#2a7b95; }

/* ================================================== */

/* #Media Queries
================================================== */
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 640px) and (max-width: 767px) {
		#header{background:url(../images/header-container-blue.png) top left no-repeat , url(../images/header-blue.png) left top repeat-x #001a2a}
		#main_header{background:none;}
	}
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 639px) {
		#header{background:url(../images/header-container-blue.png) top left no-repeat , url(../images/header-blue.png) left top repeat-x #001a2a}
		#main_header{background:none;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#header{background:url(../images/header-container-blue.png) top left no-repeat #001a2a}
		#main_header{background:none;}
	}