/*
* WVU - Eberly College of Arts and Sciences - Wireframe Template
* Created by: Dustin B. Mazon
* 11/11/11

* Based off of 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
*/



/* Table of Content
==================================================

	#Site Styles
	#Homepage Styles
	#Backpage Styles
	#Blog Styles
	#Media Queries
	#Font-Face 
	#Wireframe Styles */



/* #Site Styles
================================================== */
    
    
    /* WVU Masthead */

    #wvu-masthead {
        width: 100%;
        background-color: #0062a9;
        height: 54px;
        font-size: 10px;
        line-height: 54px;
        overflow: hidden;
        background-image: url(http://slate.wvu.edu/themes/shared/webstandards/html5/images/masthead_bg.jpg);
        background-position: center top;
    }

    #wvu-masthead ul {
        float: right;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    #wvu-masthead ul li {
        float: left;
        font-size: 10px;
        line-height: 50px;
        background:  no-repeat right 7px;
        margin: 0 5px 0 0;
        padding: 0 14px 0 0;
    }
    
    #wvu-masthead ul li.last {
        background-image: none;
        padding-right: 0;
         margin-right: 0;
    }
    
    #wvu-masthead span {
        width: 203px;
        margin-top: 11px;
        background: url(http://slate.wvu.edu/themes/shared/webstandards/images/wvu_logo.png) no-repeat;
        text-indent: -9999em;
        float: left;
    }
    
    #wvu-masthead a, #masthead a:visited {
        color: #FFFFFF;
        text-decoration: none;
    }
    
    #wvu-masthead a:hover {
        text-decoration: underline;
    }
    
    
    /* Wrappers */
    
	#wrap-top {
		background: url(../img/paper-tile.jpg) repeat-x;
	}
	
	.top-paper { 
		background: url(../img/top-bg.png) repeat-x;
	}
	
	#wrap-top-bp {
		background: url(../img/top-bp-bg.png) #fff repeat-x;
	}
	
	.primary-nav { 
		background: url(../img/primary-nav-bg.gif) repeat-x;
	}
	
	#wrap-mural { 
		background: url(../img/mural-bg.jpg) 50% 0 no-repeat #1e2a33;
	}
	
	#wrap-feat {
		background: url(../img/feat-bg.jpg) #fff repeat-x;
		padding: 21px 0 15px;
	}
	
	#wrap-feed {
		background: url(../img/feed-bg.gif) #262e34 repeat-x;
		padding-top: 35px;
	}
	
	#wrap-footer {
        margin: 0;
        padding: 28px 21px;
        background: #161b20;
        color: #ddd;
    }
    
    
    /* Site Title */

	#site-title { 
		background: transparent url("../img/site-title-sprite1.png") no-repeat top left;
		display: block;
		height: 58px;
		margin: 28px 0 21px;
	}
	
	#site-title:hover { background-position: 0 -65px; }


    /* Site Utilities */

    .site-utility {
        color: #FFF;
        margin-top: 23px;
    }
    
    .site-utility p a, .site-utility p a:hover, .site-utility p a:hover {
        color: #FFF;
    }


	/* Utility Top Section */

    #utility-top p {
        margin: 0 0 7px 0;
        text-align: right;
    }
    
    #utility-top p a {
        display: inline-block;
        padding-left: 5px;
    }
    
    #utility-top p a:hover {
        text-decoration: underline;
    }
    
    
    #utility-top p a.small { 
        font-size: 1em;
    }
    
    #utility-top p a:hover.small { 
        font-size: 1em;
    }
    
    #utility-top p a.med { 
        font-size: 1.5em;
    }
    
    #utility-top p a:hover.med { 
        font-size: 1.5em;
    }
    
    #utility-top p a.large { 
        font-size: 2em;
    }
    
    #utility-top p a:hover.large { 
        font-size: 2em;
    }
    

	/* Search Bar  
	------------------------------------------- */  

    #searchbar {
        padding: .5em 0;
        text-align: right;
    }
    
    input.searchbar {  
        width: 60%;  
        height: 19px;
        outline: 0;  
        font: 1em;  
        display: inline;
    }  
    
    .search_button {
        width: 30%;
        margin: 0;
    }
    
    #searchbar label {
        display: inline;
    }

	.search-radio { color: #efefef; }


	/* Top Nav */  

    #top-nav { margin-top: 0px; }
    
    #top-nav ul {
        text-align: right;
        list-style-type: none;
    }
    
    #top-nav ul li {
        margin: 0px 2px 0;
        display: inline-block;
    }
    
    #top-nav ul li a {
        font-size: .9em;
		font-weight: normal;
        color: #FFF;
        -moz-border-radius: 25px;
	    -webkit-border-radius: 25px;
	    border-radius: 25px;
        padding: 3px 10px 5px;
        text-decoration: none;
        background: #5c6f7b; /* Old browsers */
		background: #5c6f7b -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #5c6f7b -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #5c6f7b -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #5c6f7b -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #5c6f7b -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #5c6f7b linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	    border: 1px solid #252d32;
	    border-top: 1px solid #39464f;
	    border-left: 1px solid #39464f;
	    text-shadow: 1px 1px rgba(0, 0, 0, .6);
    }
    
    #top-nav ul li a:hover, #top-nav ul li a:active, #top-nav ul li a:focus {
        text-decoration: underline;
        background: #455560; /* Old browsers */
		background: #455560 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #455560 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #455560 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #455560 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #455560 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #455560 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* W3C */
		text-shadow: 1px 1px rgba(0, 0, 0, .6);
    }


	/* Eberly Masthead */

	.eberly-bar{
			width:100%;
		    height: 35px;
	        font-size: 12px;
			background-image:url(../img/eberlybar-bg2.png);
			background-repeat:repeat-x;
			background-color:#14477b;
			}

	.eberly-bar a{
		text-decoration:none;
		color:#fff;
	}

	.eberly-bar a:hover{
		color:#d85527;
	}

	.eberly-link{
		float:right;
		padding-top:5px;
		}

	a.eberly-link{
		text-decoration:none;
		}

	#woodburn{
	background-image:url(../img/wb-ico2.png);
	height:35px;
	background-repeat:no-repeat;
	float:right;
	width:40px;
	}

	#woodburn span{
		display:none;
	}
	
    
    
    /* Primary Navigation */
    
    .nav-1 {  }
    
    ul.nav-1, ul.nav-1 * { margin:0; padding:0; }

    ul.nav-1 {
      position: relative;
      max-width: 100%;
      }
      
    ul.nav-1 li {
        cursor: pointer;
        float: left;
        text-align: center;
        list-style-type: none;
        font-weight: normal;
    }
    
    ul.nav-1 li ul {
        cursor: default;
        width: 100%;
        max-width: 100%;
        position: absolute;
        height: auto;
        top: 2.5em;
        background-position: 0 0 !important;
        left: -9000px;
    }
    
    ul.nav-1 li ul li {
        padding: 0;
        border: none;
        width: auto;
        max-width: none;
    }
    
    ul.nav-1 li a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        display: block;
        float: left;
        height: 2.4em;
        line-height: 2.7em;
    }
    
    ul.nav-1 li ul li a {
        position: relative !important; /* ie Mac */
        cursor: pointer !important;
        white-space: nowrap;
        line-height: 2em;
        height: 2em;
        font-weight: normal;
        color: #666;
        background-position: 0 50% !important;
    }

    ul.nav-1 li:hover a,
    ul.nav-1 li a:hover,
    ul.nav-1 li a:focus { color:#00457c; background:#eeb211; }
    
    ul.nav-1 li a:active { color:#00457c; background:#eeb211; }
    
    ul.nav-1 li:hover ul { left:0;z-index:10 }
    
    ul.nav-1 li ul { background:#ccc !important }
    
    ul.nav-1 li:hover ul li a { color:#444; }
    
    ul.nav-1 li:hover ul li a:hover { color:#000; background:#fff; }
    
    ul.nav-1 li:hover ul li a:active { color:#666; background:#fff; }
    
    ul.nav-1 li.current a { color:#666; background:#fff; cursor:default; font-weight:bold; }
    
    ul.nav-1 li.current ul { left:0;z-index:5 }
    
    ul.nav-1 li.current ul,
    ul.nav-1 li.current { background:#ccc !important }
    
    ul.nav-1 li.current ul li a { color:#444; background:#ccc; font-weight:normal; }
    
    ul.nav-1 li.current ul li a:hover { color:#000; }
    
    ul.nav-1 li ul li.current a,
    ul.nav-1 li ul li.current a:hover,
    ul.nav-1 li.current:hover ul li a:active { color:#666; background:#eeb211; }

    /* Primary Nav - Main */
    
    ul.main {
        height: 3.3em;
    }
    
    ul.main li {
      position: relative;
      top: 0;
      left: 0;
      display: inline;
    }
    
    ul.main li a {
        font-size: 1.15em;
        height: 2.8em;
        color: #e7edf4;
        border: 0;
        text-shadow: 0px 1px rgba(0, 0, 0, .2);
		font-weight: normal;
		padding: 0 1.15em;
    }
    
    ul.main li:hover a, ul.main li:active a, ul.main li a:focus {
        color: #edf4fa;
        background: #323d45;
        text-decoration: underline;
		border-bottom: none;
    }


    /* Secondary List */
    
    ul.nav li.secondary {
        float:right;
        color:#333;
        background:transparent !important;
    }
    
    ul.nav li.secondary span.status {
        float:left;
        padding:0 1em;
        line-height:2.5em;
        height:2.5em;
        font-size:0.9em;
    }
    
    ul.nav li.secondary span.status a {
        float:none;
        display:inline;
        padding:0;
        height:auto;
        line-height:auto;
        color:#cde;
        background:transparent;
    }
    
    ul.nav li.secondary span.status a:hover {
        color:#fff;
        background:transparent;
    }
    
    ul.nav li.secondary span.status span {
        text-transform:capitalize;
    }
    
    ul.nav li.secondary:hover a {
        color:#fff;
        background:#666;
    }
    
    ul.nav li.secondary:hover a:hover {
        background:#555;
    }
    
    ul.nav li.secondary:hover a:active { background:#444; }
    
    
    /* Features */

	.feat { padding-top: 7px; }

    .feat h2 { 
        font-size: 1.5em;
        padding: 0;
        font-weight: bold;
    }

    .feat h2 a, .feat h2 a:hover { 
        color: #14477b;
        text-decoration: none;
        border-bottom: 3px solid #eeb211;
    }

	.feat p a.button { margin-bottom: 0px; }
    
    
    /* Section: News, Events, FAQ */
    
    .sec { 
        margin-bottom: 14px;
    }
    
    .sec-title {
        width: 100%;
        height: 45px;
        display: block;
        margin: 0;
        padding: 18px 0 0 0;
    }
    
    .sec h2 {
        font-size: 1.5em;
        color: #fff;
        text-shadow: 1px 1px 2px #222;
        margin: 0;
        border: none;
        padding-left: 21px;
        float: left;
    }
    
    .sec h2 a, .sec h2 a:hover {
        font-weight: normal;
        color: #fff;
    }
    
    .sec h2 a { text-decoration: none; }
    
    .sec h2 a:hover, .sec h2 a:focus { text-decoration: underline; }
    
    .sec-rss {
        background: url(../img/rss-sm.png) no-repeat right; 
        float: right; 
        margin: 5px 10px 0 0;
        height: 20px;
    }
    
    a.sec-rss { 
        font-size: .73em;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        padding: 0 27px 0 0;
        text-shadow: 1px 1px rgba(0, 0, 0, .6);
    }
    
    a:hover.sec-rss { 
        color: #efefef;
        background: url(../img/rss-sm-hover.png) no-repeat right; 
        text-decoration: underline;
    }
    
    .sec p a {
        display: block;
        padding: 21px;
        font-weight: bold;
    }

    .sec p a:hover { background: #ebebeb; }
    
    .sec-news-title {
        background: url(http://slate.wvu.edu/themes/eberly_biology/img/sec-title-sprite.jpg) 0 0 #394249;
    }
    
    .sec-events-title {
        background: url(http://slate.wvu.edu/themes/eberly_biology/img/sec-title-sprite.jpg) 0 126px #394249;
    }
    
    .sec-other-title { 
        background: url(http://slate.wvu.edu/themes/eberly_biology/img/sec-title-sprite.jpg) 0 63px #394249;
    }
    
    .sec-content { 
        background: #f4f4f4;
    }
    
    .sec-content ul {
        list-style-type: none;
        margin: 0;
        
    }
    
    .sec-content ul li {
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #e3e2e2;
        border-top: 1px solid #fbfbfb;
    }
    
    .sec-content ul li a {
        font-weight: normal;
        color: #444;
        display: block;
        padding: 21px;
    }
    
    .sec-content ul li a:hover {
        background: #ebebeb;
    }
    
    .read-more {
        font-weight: bold;
        color: #005aa4;
        text-decoration: underline;
        text-align: right;
    }
    
    .read-more a { 
        display: block; 
        padding: 21px; 
    }

	.apply a {
	background:url(http://slate.wvu.edu/themes/grad_ed/images/apply_button.png) no-repeat 0 0;
	width:220px;
	height:60px;
	display:block;
	text-indent:-9999px;
	margin-top: 30px;
	}

	.apply a:hover {
		background-position: 0 -60px;
	}
	
	.grad-info a {
	background:url(http://slate.wvu.edu/themes/grad_ed/images/request_button.png) no-repeat 0 0;
	width:220px;
	height:60px;
	display:block;
	text-indent:-9999px;
	margin-top: 30px;
	}

	.grad-info a:hover {
		background-position: 0 -60px;
	}

	
	.grad-choose a {
	background:url(http://slate.wvu.edu/themes/eberly_homepage/img/select-a-program.png) no-repeat 0 0;
	width:220px;
	height:60px;
	display:block;
	text-indent:-9999px;
	margin-top: 30px;
	}

	.grad-choose a:hover {
		background-position: 0 -60px;
	}


	.info {
	background:url(http://slate.wvu.edu/themes/grad_ed/images/request_button.png) no-repeat 0 0;
	width:220px;
	height:60px;
	display:block;
	text-indent:-9999px;
	margin-bottom: 10px;
	}

	.info:hover {
		background-position: 0 -60px;
	}
    
    
    /* Footer */
    
    .contact { 
        padding-bottom: 14px;
        border-bottom: 1px solid #222;
    }

    .contact strong {
       color: #eee;
    }

    .contact a { 
        color: #eeb211;
    }
    
    .contact a:hover, contact a:focus { 
        color: #3399ff;
    }
    
    #credits p { 
        font-size: .8em;
    }
    
    #credits a { color: #bbb; }
    
    #credits a:hover, #credits a:focus { color: #eee; }

    #icons ul li a { display:block; background: ##3399ff; }
    
    #footer #icons ul,footer #icons ul { 
        list-style-type: none;
        float:right; 
    }
    
    #icons, #credits {
        padding: 28px 0;
    }
    
    #icons li { 
        float: right;
        height: 25px;
        width: 25px;
        margin-left: 1px;
        line-height: 25px;
        padding-left: 0;
        background: url(http://slate.wvu.edu/themes/shared/webstandards/html5/images/global_wvusprite_1.png) no-repeat top left;
        text-indent: -9999em;
        overflow: hidden;
    }
    
    #icons li#facebook { background-position: 0 -45px; }
    
    #icons li#foursquare { background-position: 0 -95px; }
    
    #icons li#give { background-position: 0 -145px; }
    
    #icons li#itunesu { background-position: 0 -195px; }
    
    #icons li#mix { background-position: 0 -245px; }
    
    #icons li#myaccess { background-position: 0 -295px; }
    
    #icons li#trak { background-position: 0 -345px; }
    
    #icons li#twitter { background-position: 0 -395px; }
    
    #icons li#wvualert { background-position: 0 -445px; }
    
    #icons li#youtube { background-position: 0 -495px; }
    
    #icons li#wvutoday { background-position: 0 -70px; }
    
    #icons ul { margin-left: 0px; }
    
    #site_info a { color: #fff; }
    
    #site_info a:hover { color: #000; }

    
    
/* #Homepage Styles
================================================== */

	.top-pad { padding-bottom: 14px; }

     /* Homepage Slideshow */

	.container .g-8.col.home-slideshow { width: 649px; }

    .home-slideshow { 
        margin-bottom: 1em;
        margin-top: 28px;
		border: 1px solid #fff;
		-webkit-box-shadow: 0 0 5px #000;
		-moz-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
    }
    
    
    /* Homepage Sidebar */
    
    .home-sidebar { 
        margin-top: 28px;
    }
    
    .home-sidebar h2 { 
        font-size: 1.286em;
        color: #444;
        border: none;
        margin: 0 0 7px;
    }

	.sidebar-feat p { margin: 0; }
    
    .sidebar-feat { margin-top: 22px; }
    
    /* Dropdown Menus */
    
    .dd-container {
        width: 100%;
        height: 63px;
        display: block;
        margin: 0 0 14px;
    }
    
    .dd-blue {
        background: url(http://slate.wvu.edu/themes/eberly_biology/img/dd-sprite.jpg) 0 0;
    }
    
    .dd-gold { 
        background: url(http://slate.wvu.edu/themes/eberly_biology/img/dd-sprite.jpg) 0 126px;
    }
    
    .dd-blue-grey {
        background: url(http://slate.wvu.edu/themes/eberly_biology/img/dd-sprite.jpg) 0 63px;
    }
    
    .dd { 
        float: left; 
        width: 301px; 
        height: 35px; 
        padding: 0 0 0 14px;
        margin-top: 14px;
    }
    
    .dd-btn {    
        background: url(../img/dd-btn-1.png) no-repeat; 
        width: 281px; 
        height: 28px; 
        float: left; 
        border: none; 
        position: absolute;
    }
    
    .dd-btn:hover { background-position: 0 -35px; }
    
    .dd-btn:active { background-position: 0 -70px; }
    
    a.dd-btn { 
        font-size: .95em; 
        color: #455560; 
        text-decoration: none;
    }
    
    a.dd-btn:focus { color: #d9541e; }
    
    a.dd-btn:hover, a.dd-btn:active { 
        text-decoration: underline; 
    }
    
    .dd-class-blue, .dd-class-gold, .dd-class-blue-grey { padding: 7px 0 0 7px; }
    
    .dd-menu {
        display: none;
        width: 258px;
        border: 1px solid #efefef;
        position: absolute;
        margin-top: 36px;
    }
    
    .dd-menu ul { 
		padding:0; 
		margin:0;  
		max-height: 400px;
		overflow-y: scroll;
	}
    
    .dd-menu ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #efefef;
    }
    
    .dd-menu ul li a {
        color: #455560; 
        text-decoration: none; 
        padding: 6px 6px 6px 12px; 
        display: block;
        background: bottom repeat-x #fff;
        font-size: .9em;
    }
    
    .dd-menu ul li a:hover {
        font-weight: bold;
        color: #334048;
        background-color: #eee;
        text-decoration: underline;
    }
    
    .btn-blue { z-index: 140; }
    
    .menu-blue { z-index:130; }
    
    .btn-gold { z-index:120; }
    
    .menu-gold { z-index:110; }
    
    .btn-blue-grey { z-index:100; }

    .menu-blue-grey { z-index:90; }
    
    
    /* Social Networks */
    
    #social { margin-top: 7px; }
    
    #social ul {
        float: left;
        list-style: none;
        margin-left: 0;
    }
    
    #social ul li {
       display: block;
		float: left;
		height: 47px;
		width: 153px;
		margin: 0 9px 0 0;
		padding: 0;
    }
    
    #social ul li.soc-last { margin-right: 0; }
    

/* #Backpage Styles
================================================== */

	.container.backpage ul.nav-1 { border-bottom: 0; }

	#content-bg { padding: 0 0 35px; }d

    #breadcrumb {
        float: left;
        width: 100%;
		background-color: rgba( 46, 57, 64, 0.4 );
		margin-top: 21px;
    }
    
    #breadcrumb p {
        font-size: .82em;
        color: #445058;
        margin: 0;
		padding: 21px 0 14px;
    }
    
    #breadcrumb p a {
        color: #728692;
        text-decoration: none;
		font-weight: normal;
    }
    
    #breadcrumb p a:hover, #breadcrumb p a:active {
        color: #445058;
        text-decoration: underline;
    }

    /* Secondary Navigation */
    
    ul.menu {
        list-style:none;
        border-top: 1px solid #dee0e2;
        margin: 42px 28px 28px 0;
    }
    
    ul.menu li {
        margin:0;
        padding: 0;
    }
    
    ul.menu li a {
        display: block;
        padding: 12px 14px;
        font-weight: bold;
        color: #3b4a54;
        border-bottom: 1px solid #dee0e2;
        text-decoration: none;
    }
    
    ul.menu li a:hover {
        color: #252e35;
        background: #f4f8fb;
        text-decoration: underline;
    }
    
    ul.menu li a:active {
        color: #252e35;
        background:#eaf1f6;
        text-decoration: underline;
    }
    
    ul.menu li a:focus {
        color: #fff;
        background: #455560;
        text-decoration: underline;
        text-shadow: 1px 1px rgba(0, 0, 0, .6);                     
    }
    
    #list-items ul ul {
        margin: 14px 0 0;
        padding-bottom: 14px;
        list-style-type: none;
        border-bottom: 1px solid #efefef;
        font-size: .95em
        
   }

    #list-items ul ul li a {
        padding: 7px 28px 7px 35px;
        font-weight: normal;
        border-bottom: none;
    }
    
    #list-items ul ul li a:hover {
        padding: 7px 28px 7px 35px;
        font-weight: normal;
        border-bottom: none;
    }
    
    #list-items ul ul li a:active {
        background: none;
        color: #1f272c;
    }
    
    #list-items ul ul {
        margin: 14px 0 0;
        padding-bottom: 14px;
        list-style-type: none;
        border-bottom: 1px solid #efefef;
        font-size: .95em
        
   }

    #list-items ul ul li a {
        padding: 7px 28px 7px 35px;
        font-weight: normal;
        border-bottom: none;
    }
    
    #list-items ul ul li a:hover {
        padding: 7px 28px 7px 35px;
        font-weight: normal;
        border-bottom: none;
    }
    
    #list-items ul ul li a:active {
        background: none;
        color: #1f272c;
    }
    
    /* Backpage Utility */
    
	#content { margin-top: 21px; }

    .print-icon  {
        height: 18px;
        float: right;
        background: url("../img/print-icon.gif") no-repeat 0 3px;
        padding: 0 0 0 22px;
        font-size: .85em;
        color: #444;
    }
    
    a.print-icon {
    
    }
    
    /* Backpage Sidebars */
    
    #sidebar { 
        float: right;
        background: #f8f8f8;
        padding: 14px;
        margin-bottom: 21px;
    }
    
    #sidebar img {
        margin-bottom: 7px;
    }
    
    #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { 
        margin-top: 0em;
        font-size: 1.2em;
    }

	/* Profile Styles */
	
	.profile h2 {
	font-size: 2em;
	border-bottom: #eeb211 solid 3px;
	}

	.profile img {
		margin: 0px 21px 21px 0;
	}
    
    

/* #Blog Styles
================================================== */
	
	#blog-content { }

	#blog-sidebar { background: #fbfbfb; padding: 21px; margin: 35px 0; }

	#blog-sidebar h2 {
    	border-bottom: 1px solid #444444;
    	color: #455560;
    	font-size: 1.3em;
	}
	
	#blog-sidebar a, #blog-sidebar p { font-size: .9em; }
	
	#blog-sidebar a, #blog-sidebar a:visited {
    	font-weight: normal;
		color: #455560;
	}

	.article-container { margin-top: 63px; }
	
	.article { margin: 0 0 42px 0; }
	
	.article h2 { margin-bottom: .2em; }

	.article h2 a { color: #14477B; text-decoration: none; }
	
	.article h2 a:hover { background: #f8f8f8; }

	.micro_text { display: inline-block; font-size: .85em; color: #455560; line-height: 18px; margin-bottom: 11px; }

	#comments h3 {  }

	#add_comment h3 {  }

	.comment { float: left; padding: 0 0 21px 35px; }

	.comment_info_bg {  
		height: 26px; 
		width: 495px; 
		float: right;
		background: #fff;
		color: #FFF; 
		padding: 10px 0 0 15px; 
	}

	.comment_number { height: 35px; width: 80px; float: left; text-align: center; font-size: 2em; }

	.comment_dtstamp { padding-left: 2px; }

	.comment_content { 
		background: #fff; 
		width: 480px; 
		float: right; 
		padding: 18px 15px 0 15px; 
	}

	.field {  }

	.info label {  }

	.comment_author { float: left; width: auto; margin: 0 10px 18px 0; }

	.comment_author input { border: 1px #C1C1C1 solid; height: 36px; padding: 0 15px; }

	.comment_email_address { float: left; width: 300px; margin: 0 0 18px 10px; }

	.comment_email_address input { border: 1px #C1C1C1 solid; height: 36px; padding: 0 15px; }

	.comment_body { float: left; width: 620px; margin: 0 0 18px 0; }

	.comment_body input { border: 1px #C1C1C1 solid; height: 36px; padding: 0 15px; }
	
	
	
	
/* Search Bar Styles
================================================== */

/* Search Results Styles - 12/26/11 - /AJ */
#gs_pagination { margin-left: 0; width: 100%; }
#gs_pagination li { list-style-type: none; display: inline; padding: 1px; }

#gs_links { font-size: .8em; width: 100%; margin-bottom: 10px; }

#search-nav-top, #gs_links, #gs_next_prev, #gs_sort, #search-results, #gs_pagination { float: left; }
#search-nav-top #gs_sort { margin-left: 150px; }
#search-results { width: 100%; }

/* Advanced Search Styles */

input[type="submit"] { cursor: pointer; }
#gs_upper_wrap, #gs_find, #search-mode label, #search-mode input, #search-mode select, #gs_find_details, #gs_return_results { float: left; }
#gs_upper_wrap { width: 100%; border: 1px solid #eaeaea; }
#gs_find, #gs_pg_specific { width: 97.8%; margin-bottom: 20px; padding: 10px; }
.gs_left { float: left; width: 30%; padding-bottom: 0; }
#search-mode label { margin: 6px 5px; }

/* Upper grey portion */
#gs_find { background-color: #eaeaea; }
#gs_find input { width: 30%; }
#gs_find label[for="gs_exact"], #gs_find label[for="gs_atleast"], #gs_find label[for="gs_without"] { clear: left; margin-left: 268px; }
#as_q { margin-left: 78px; }        /*** odd id and class name, verify and fix in source ***/
#gs_exact { margin-left: 69px; }
#gs_atleast { margin-left: 23px; }
#gs_without { margin-left: 90px; }

/* Language through Sort */
#gs_find_details { width: 100%; }
#gs_find_details select { margin-top: 5px; }
#gs_find_details .gs_left, label[for="gs_sort"] { clear: left; padding-left: 10px; }
#gs_find_details .gs_left { width: 29%; }
#gs_find_details label[for="gs_domain"] { color: #999; margin-top: 0; }
#gs_domain { margin-left: 4px; width: 34%; }
#gs_find_details label[for="gs_sort"] { margin-left: 2px; margin-right: 233px; }
#gs_find_details label[for="gs_results_limit"] { clear: left; margin-left: 275px; margin-top: 20px; }
#gs_find_details #gs_results_limit { margin-top: 20px; }
#gs_return_results { margin-top: 4px; }

/* Submit Search button */
#gs_adv_search { clear: left; width: 30%; margin: 0; }

/* Page Specific Search */
#gs_pg_specific { clear: both; float: left; margin-top: 30px; border: 1px solid #eaeaea; }
#gs_inbound_links { width: 30%; margin-right: 10px; }

.clear-desktop-tablet { 
	clear: both;
  	display: block;
  	overflow: hidden;
  	visibility: hidden;
  	width: 0;
  	height: 0;
	margin: 0;
}


/* #Media Queries
================================================== */

	/* Smaller than standard 1007 (devices and browsers) */
	@media only screen and (max-width: 1007px) {
	
		
		#site-title { 
			background: transparent url("../img/site-title-sprite1.png") no-repeat top left;
			display: block;
			height: 58px;
			margin: 28px 0 21px;
		}
	
		#site-title:hover { background-position: 0 -65px; }
		
        /* Top Navigation */
        
        #top-nav ul { margin-left: 0px;}
        
        #top-nav ul li { padding-left: 0px; }
        
        #top-nav ul li a { font-size: .85em; }
        
        /* Primary Navigation */
        
        ul.main li {  }
        
        ul.main li a { font-size: .98em; }
        
        ul.main { height: 2.72em; }
        
	
    }/*_*/


	/* Tablet Portrait size to standard 1007 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1006px) {

        /* Search Bar */
	    
        input[type="submit"] {
            padding: 7px 10px;
            font-weight: normal;
            letter-spacing: 1px;
            font-size: .9em;
        }

		/* Home Slideshow */
		
		.container .g-8.col.home-slideshow { width: 489px; }
        
        /* Home Sidebar */
        
        .home-sidebar h2 { 
            display: none;
        }
        
        .dd { width: 220px; }
    
        .dd-btn { width: 201px; }
        
        a.dd-btn { background-position: -28px -140px; }
        
        .dd-btn:hover { background-position: -28px -175px; }
    
        .dd-btn:active { background-position: -28px -210px; }
        
        .dd-menu { width: 178px; }
        
        .dd-blue { margin-bottom: 21px; }

		.sidebar-feat { margin: 14px 0 0; }

        #social ul li {
            height: 49px;
            width: 73px;
        }
		
		/* Hidden Content for Tablet */
		
		.hidden-tablet { 
            position: absolute;
            left: -10000px;
            top: auto;
            width: 1px;
            height: 1px;
            overflow: hidden;
        }

 
        
    }/*_*/

	/* All Mobile Sizes Smaller that 767px (devices and browser) */
	@media only screen and (max-width: 767px) {
	    
		/* Primary Navigation */ 
		
		.primary-nav { 
			background: none;
		}
		
		.container.backpage { padding-bottom: 21px; }
		
		ul.nav-1 {
		  	border-bottom: none;
	    }
        
        ul.main { text-align: center; width: 100%; }
        
        ul.main li { margin: 2px 7px 7px 0; }
        
        ul.main li a { 
            color: #fff;
            float: none; 
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            padding: 5px 14px;
            text-decoration: none;
            background: #0059A3; /* Old browsers */
            background: #0059A3 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
            background: #0059A3 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
            background: #0059A3 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
            background: #0059A3 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
            background: #0059A3 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
            background: #0059A3 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* W3C */
            border: 1px solid #003764;
            border-top: 1px solid #003f73;
            border-left: 1px solid #003f73;
            font-weight: normal;
            text-shadow: 1px 1px rgba(0, 0, 0, .6);
            letter-spacing: 1px;
        }
        
        ul.main li:hover a, ul.main li:active a, ul.main li a:focus {
            color: #333;
            border-bottom: none;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            padding: 5px 14px;
            text-decoration: none;
            background: #eeb211; /* Old browsers */
            background: #eeb211 -moz-linear-gradient(top, rgba(255,255,255,.1) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
            background: #eeb211 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
            background: #eeb211 -webkit-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
            background: #eeb211 -o-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
            background: #eeb211 -ms-linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
            background: #eeb211 linear-gradient(top, rgba(255,255,255,.1) 0%,rgba(0,0,0,.3) 100%); /* W3C */
            border: 1px solid #c08e08;
	        border-top: 1px solid #cf9906;
	        border-left: 1px solid #cf9906;
            text-shadow: 0px 0px rgba(0, 0, 0, .6);
        }

		#wrap-mural { 
			background: url(../img/mural-bg.jpg) 50% 0 no-repeat #1e2a33;
		}
        
		/* Home Slideshow */
		
		.container .g-8.col.home-slideshow { width: 100%; }

        /* Backpage - Sidebar */
        
        #sidebar { 
            background: none;
            padding: 0 0 14px 0 ;
            margin-bottom: 21px;
        }
        
        /* Footer */
        
         #icons li { float: left; }

		/* Clearing for Mobile */
		
		.clear-mobile { 
			clear: both;
	      	display: block;
	      	overflow: hidden;
	      	visibility: hidden;
	      	width: 0;
	      	height: 0;
		}
		
		.clear-desktop-tablet { 
			clear: none;
	      	display: inherit;
	      	overflow: visible;
	      	visibility: visible;
	      	width: auto;
	      	height: auto;
		}
		
		h3.clear-desktop-tablet { margin: 2em 0 1em; }
        
		
		/* Eberly Masthead */

				.eberly-bar{
					float:left;
					margin-bottom:20px;
					}
				.eberly-link{float:left}
				#woodburn{float:left}
		
        
        
	}/*_*/



	


	/* Mobile Landscape Size (480px) to Tablet Portrait (767px) (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
	    /* Search Bar */
		
		.site-utility { margin-top: 14px; }
		
        input.searchbar { width: 63%; }	

		#searchbar { padding: 0; margin: 0; }
        
         /* Home Sidebar */
        
        .dd { width: 406px; }
    
        .dd-btn { width: 386px; background-position: -28px -280px; }
        
        .dd-menu { width: 363px; }
        
        .dd-btn:hover { background-position: -28px -315px; }
    
        .dd-btn:active { background-position: -28px -350px; }
        
        #social ul li {
        height: 90px;
        width: 135px;
    }
        
    
    }/*_*/
    
	/* Mobile Portrait Size to Mobile Landscape Size - Less than 480px width (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		/* Site Title */

	
	    /* Search Bar */
	
		.site-utility { margin-top: 14px; }
	
        input.searchbar { width: 63%; }

		#searchbar { padding: 0; margin: 0; }
        
	
	}/*_*/


/* #Font-Face
================================================== */

    /* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

    /*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
    */

/* Right and Left buttons */

.right {
	float:right;
	margin-bottom:5px;
	display:block;
}

.left {
	float:left;
	margin-bottom:5px;
	display:block;
}