/*
Theme Name:     Washington Spirit Theme
Theme URI:      none
Description:    CMS Theme of Washington Spirit
Author:         Sam Bishop
Author URI:     http://www.connectedwebsolutions.com
Template:       cms
Version:        0.1.0
*/

/* blue #191970 */
/* red  #BE1E2D */

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

html { background: #ccc; }

body { background:#ccc; border-top:4px solid #BE1E2D; }

#wrapper { background:#fff; border-top:none; border-bottom: none; border-left: 1px solid #999; border-radius: 1px solid #999; padding-top: 0; }

#content { padding:.5em; background:#fff; width:55.5%; }

a:link, a:visited { color:#BE1E2D; }

a:hover, a:active { color:#900; }

.entry-title, .page-title { color:#C30000; }


a.header-link { display:block; max-width:auto; width:auto; float:left; margin:1em 0 0 .5em; }
a.header-link img { max-height: none; }
 
#branding { min-height:230px; } 
 
 #main-nav { background-color:#BE1E2D; /* border-bottom:1px solid #930202; */ }
 
 .sidebar .widget { background:#e3e3e3; }

.sidebar .widgettitle { color:#fff; background:#191970; }

.flexslider {
	border-color: #BE1E2D;
    min-height:295px;
}

#site-header { margin-bottom: 0; max-height:230px; }

.sidebar #searchform {
	clear:both;
	overflow: hidden;
	width:94%;
	margin:0 auto;
}

.sidebar #searchform #s {
	width:calc(100% - 62px) !important;
	float:left;
	border:1px solid #ccc;
	border-right:0;
	height:35px;
	text-indent: 10px;
	padding:0;
}

.sidebar #searchform #searchsubmit {
	width:60px;
	float:left;
	border:0;
	height:37px;
	font-size:12px;
	line-height:38px;
	background:#8e0309;
	color:white;
}
   
   #main-nav ul {
	   background-color: #e2e2e2; 
	/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D2D2D2), to(#F5F5F5)); 
	/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #F5F5F5, #D2D2D2); 
	/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #F5F5F5, #D2D2D2); 
	/* IE 10 */ background: -moz-linear-gradient(center top , #F5F5F5, #D2D2D2) repeat scroll 0 0 transparent;
	/* Opera 11.10+ */ background: -o-linear-gradient(top, #F5F5F5, #D2D2D2);
   }
   
   #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, #main-nav li:hover > ul a:hover { 
   background-color: #EB0000; 
	/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C10101), to(#EB0000)); 
	/* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #EB0000, #C10101); 
	/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #EB0000, #C10101); 
	/* IE 10 */ background: -moz-linear-gradient(center top , #EB0000, #C10101) repeat scroll 0 0 transparent;
	/* Opera 11.10+ */ background: -o-linear-gradient(top, #EB0000, #C10101);
	
	color:#fff;
   }
   
   #main-nav li.current-post-ancestor, #main-nav li.current-category-ancestor, #main-nav li.current-menu-ancestor,  #main-nav .current_page_parent, #main-nav .current_page_ancestor { background:url(images/nav-current-bg.png) repeat-x; background-color:#000; color:#fff !important; }
   
   #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, #main-nav li:hover > ul a:hover {
	color: #333 !important;
}
   
   #main-nav li:hover > ul a:hover { color:#fff !important; }
   
   #main-nav .current_page_item li a, #main-nav .current-menu-item li a { color:#333 !important; }
   
   #main-nav li a { font-size:17px; padding:3px 18px; }
   
   .sidebar {width:19.25% !important; }
   .sidebar a { color:#333; text-decoration:underline; }
   .sidebar a:hover { color:#191970; text-decoration:none;  }
   
   .sidebar p { color:#333; }
   
   #right-sidebar, #left-sidebar { padding:0; color:#fff; }
   
   #social-header li { float:none !important; }
   
   #wp-calendar { width:100%; }
    #wp-calendar td { color:#999; }
	 #wp-calendar td a { color:#aaa; }
	 
	 #header-sponsors {float:right; margin:1em; }
/* 	  #header-sponsors a img { width:100%; } */

#header-sponsors a {
	display: block;
}
	  
	   #members-of li { float:left; width:33%; }
	    #members-of li img, #social-footer li img { width:98%; }
		
	   #social-footer li { float:left; width:25%; }
		
  #site-footer h3 { text-align:center; }
  #site-footer {
	  background: #191970;
  }
  
  
  #home-content1 { width:48%; float:left; }
  #home-content2 { width:48%; float:right; }
  
  
   /* slider new */
   
   .flex-direction-nav {
	  bottom:-32px;
	  right:0;
	  position:absolute; 
	   }
	   .flex-direction-nav li {
		   float:left; 
		   }
		   .flex-direction-nav li a {
			position:relative;
			background:url(images/arrows.png) no-repeat 0 0;   
            border: 0 none;
			display: block;
			height: 20px;
			text-indent: -9999px;
			width: 20px;
			z-index: 11;
		   }
		   
		   .flex-direction-nav li a.prev { background-position:5px 6px; left:0; }
		   .flex-direction-nav li a.next { background-position:-32px 6px; right:0; }
		   
		   .flex-direction-nav li a:hover {
			   background-color: #EEEEEE;
               border-radius: 2px 2px 2px 2px;
		   }
		   
		 .flex-control-nav {
			position:absolute;
			bottom:-39px;
			left:0; 
			width:auto;
		 }
		 
		 .flex-control-nav li { margin:0; }
		 
		 .flex-control-nav li a {
		 	background:url(images/bullets.png) no-repeat 0 0;
		 }
		 
		 .flex-control-nav li a.active, .flex-control-nav li a:hover {
		 	background-position:0 -18px;
			cursor:pointer;
		 }

   .thumb .attachment-persons-headshot { width:75px; }
   
   .teams tbody td { vertical-align: middle; font-size:12px; }
   
  

   @media screen and (min-width: 900px) and (max-width: 1050px) 
{
	
	#main-nav li a { font-size:15px; padding:3px 14px; }
	
}


@media screen and (min-width: 780px) and (max-width: 899px) 
{
	#content { width:66%; margin-left:0; }
	#right-sidebar { width:28% !important; }
	#left-sidebar { width:100% !important; }
	#main-nav li a { font-size:13px; padding:3px 10px; }
	#header-sponsors { width:65%; float:left; clear:both; position:relative; margin-left:35%; }
	/* #header-sponsors a { float:left; } */
	 #header-sponsors p { color:#fff; font-size:.9em; text-align:left; float:left;  margin:1em 1em 0 0; }
	 
	 a.header-link { width:95% !important; max-width:100% !important; }
	  #header-sponsors a img { width:60% !important; }
	  
 #social-header {
	border: medium none;
    float: right;
    margin: 2px 0 0;
    width: auto;
    position: absolute;
    top:0;
    right:0;
    
	  }
	  
	  #header-sponsors {
		  position: absolute;
		  right: 2.5%;
		  top:6px;
		  clear:none;
		  margin: 0;
		  width: auto;float:none;
	  }
	  
	/*   #branding { min-height:200px; }  */
    .flexslider {
        min-height:275px;
    }
	  

}


/* MEDIUM SIZE
---------------------------------------*/
@media screen and (max-width: 780px) {
	
	
	#wrapper {
		max-width: 622px;
		margin-top: 0;
	}
	
	#content { width:100%; margin:0; }
	.sidebar { width:100% !important; }
	
	#header-sponsors { display: none;}
	#header-sponsors a { float:left; }
	 #header-sponsors p { color:#fff; font-size:.9em; text-align:left; float:left; margin:1em 1em 0 0; }
	 
	 a.header-link { width:95% !important; max-width:100% !important; }
	  #header-sponsors a img { width:60% !important; }
	  
	   #social-header { display: none; }
	   
	   #branding { min-height:200px; } 
	
        .flexslider {
        min-height:310px;
        }
}



/* SMALLER SIZE
---------------------------------------*/
@media screen and (max-width: 600px) {
	
	#wrapper {
		max-width: 522px;
		margin-top: 0;
	}
	
	.post-thumb img { width:98%; }
	
	#home-content1, #home-content2 { width:100%; clear:both; }
	
	#social-header {
			display: none;
	}
	
	#header-sponsors {
		display: none;
	}
	
	#site-header {
		background-size: cover;
	}
	
	
	#branding { min-height:180px; } 
	
	.flexslider {
        min-height:240px;
    }
}


/* MOBILE SIZE
---------------------------------------*/
	

@media screen and (max-width: 480px) {
	
	#wrapper {
		width:92%;
		margin-top: 0;
	}
	
	#site-header {
		background-repeat: no-repeat;
		background-size: cover;
		max-height: 120px !important;
	}
	
	#branding { min-height:150px; } 
    
    
    .flexslider {
        min-height:225px;
    }
	
	
	
}