/* MOBILE STYLESHEET */

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

.container_16,
	.container_12,
	.container_16 .grid_12,
	.container_16 .grid_11,
	.container_16 .grid_10,
	.container_16 .grid_9,
	.container_16 .grid_8,
	.container_16 .grid_7,
	.container_16 .grid_6,
	.container_16 .grid_5,
	.container_16 .grid_4,
	.container_16 .grid_3,
	.container_16 .grid_2,
	.container_16 .grid_1,
	.container_12 .grid_12,
	.container_12 .grid_11,
	.container_12 .grid_10,
	.container_12 .grid_9,
	.container_12 .grid_8,
	.container_12 .grid_7,
	.container_12 .grid_6,
	.container_12 .grid_5,
	.container_12 .grid_4,
	.container_12 .grid_3,
	.container_12 .grid_2,
	.container_12 .grid_1 {
		width:300px;
		max-width:300px;
		float:none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	
	}
	
	.container_12 { padding-left:10px !important; }
	
	a.comments { display:none !important; }
	
	/*header */
	
	#header-container {
	    position:absolute !important;
	}
	
	#header-container .wrapper h1 {
        margin:0 !important;
        padding:0;
    }
	#searchform { display:none; }
	
	#top_nav {
        margin-top:10px;
        clear:both;
        display:none;
    }

    #top_nav li {
        display:block !important;
        font-size:22px !important;
        font-weight:bold;
        width:300px !important;
        padding:8px 0;
    }

    #top_nav li a {
    }
    
    #search-box-container { display:none !important; }
    
    #mobile-nav-trigger {
    display:block !important;
    }

    #top_nav li a:hover { color:#faa430; }
	
	#top_nav li:hover ul { display:none !important; }
	
	#top_nav li:hover div { display:none !important; }
	
	#main {
        margin-top:50px !important;
    }
    
    #page {
        margin-left:-10px;
    }
	
	#main, #archive {
	    margin-left:0px;
	}
	
	/*featured story */
	.featured-story { height:auto !important; }
	
	.featured-story h1 {
	    position:relative !important;
	    padding:0px !important;
	    background:none !important;
	    color:#333332;
	    width:280px !important;
	}
	.featured-story h1 a {
	    font-size:24px !important;
	    line-height:26px !important;
	    color:#333332 !important;
	}
	
	.secondary a img { display:none; }
	
	.secondary h2 {
	    margin-bottom:10px;
	    font-size:18px !important;
	    line-height:22px !important;
	}
	
	/* move sidebar down */
	.sidebar {
	    margin-top:40px;
	    display:block;
	}
	
	/* kill carousel container */
	#carousel-container { display:none; }
	#related-container { display:none; }
	
	/* top stories */
	.top-story img {
	    float:none; margin-bottom:10px;width:300px;
	}
	.top-story {
	    height:auto !important;
	    min-height:200px;
	    display:block;
	}
	
	.top-stories .all-stories-link {
		margin-bottom:30px;
		margin-top:-10px;
		position:relative !important;
		
	}	
	.top-stories .all-stories-link>a {
		color:#F05423;
		font-size:13px;
		font-weight:700;
	}
	
	/* archive stories */
	.archive-post img {
	    float:none; margin-bottom:10px;max-width:300px;height:auto;
	}
	.archive-post {
	    height:auto !important;
	    min-height:200px;
	    display:block;
	}
	.archive-post p {
	    padding-bottom:0px !important;
	}
	
	/*twitter stream*/
	.twitter-stream { width:300px !important; }
	
	/*footer*/
	#footer-container {
	    height:auto !important;
	    min-height:220px;
	    min-width:320px !important;
	    width:100%;
	    padding: 10px 0 30px !important;
	}
	#footer-badge { display:none; }
	#footer-container .divsep { margin-top:20px; }

    .job-tools {
        position: absolute;
        right: 0px;
        top: -20px !important;
    }

    .wpjb-form div select {
        width:auto !important;
    }
    
    .wpjb-form div input[type="text"], .wpjb-form div input[type="password"] {
        width: auto !important;
    }
    
    .wpjb-field .wp-editor-wrap {
        width:280px;
        overflow:hidden;
    }
    
    #wp-job_description-wrap {
        width:280px !important;
        overflow:hidden;
    }



    /* ARTICLE */
    
    .article-header img {
        width:280px;
        margin-left:0px !important;
        height:auto;
    }
    
    .article-body {
        padding-top:20px !important;
    }
    
    /*kill pullquote*/
    .pullquote {
        display:none !important;
    }
    
    .article-meta {
        display:none !important;
    }
    
    .article h1 {
        margin-bottom:10px !important;
    }
    
    .mobile-article-byline { display: block !important;font-size:12px; margin-bottom:20px; }
    .mobile-article-datestamp { display: block !important; font-size:12px;padding-bottom:4px; }
    .mobile-article-byline a { font-weight:bold; }
    
    .wp-caption {
    	max-width:280px !important;
    	width: auto !important;
    }
    
    p.wp-caption-text {
        color: #666666;
        font-family: Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 16px;
        margin: 0;
        padding: 10px 0;
        max-width:300px !important;
    }

    .article p img, .article div img {
        max-width:100%;
        height:auto;
    }

    img.size-full {
        max-width:300px !important;
        height:auto;
    }
    
    img.size-large {
        max-width:300px !important;
        height:auto;
    }
    
    img.size-medium {
        max-width:300px !important;
        height:auto;
    }
    
    img.size-small {
        max-width:300px !important;
        height:auto;
    }
    
    .alignright {
		float:right;
		padding-left:10px;
		margin-right: 0px !important;
	}
    
    
    #submit-comments { display:none !important; }
    
    
    #mobile-subnav-trigger {
        width:290px;
        height:auto;
        background-color:#ededeb;
        display:block !important;
        margin: -30px 0 20px -20px;
        padding:10px 20px;
        text-transform:uppercase;
    }
    
    #mobile-subnav-trigger span {
        width:15px;
        height:15px;
        float:right;
        background:url('../img/arrows-dark.png') top left no-repeat;
    }
    .mobile-subnav { display:none; }

    /* Force table to not be like tables anymore */
	table.annual-workshop, .annual-workshop thead, .annual-workshop tbody, .annual-workshop th, .annual-workshop td, .annual-workshop tr { 
		display: block; 
	}
	
	table.annual-workshop {padding-bottom:30px;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.annual-workshop thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.annual-workshop tr { border: 2px solid #ccc; }
	
	.annual-workshop td { 
		/* Behave  like a "row" */
		border: none;
		 
		position: relative;
		
		padding:3px 0 3px 40% !important;
	}
	
	.annual-workshop td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		
		left: 6px;
		width: 45%;
		padding:3px 10px 3px 0px !important;
		white-space: nowrap;
		font-weight:bold;
	}
	
	/*
	Label the data
	*/
	.annual-workshop td:nth-of-type(1):before { content: "Year"; }
	.annual-workshop td:nth-of-type(2):before { content: "Dates"; }
	.annual-workshop td:nth-of-type(3):before { content: "Location"; }
	.annual-workshop td:nth-of-type(4):before { content: "Attendance"; }
	.annual-workshop td:nth-of-type(5):before { content: "Coordinator"; }
}





}