/* Department and Research Center Design Patterns */

/*  --------------------------------------------------
    :: Block grids
    
    These are 2-up, 3-up, 4-up and 5-up ULs, suited
    for repeating blocks of content. Add 'mobile' to
    them to switch them just like the layout grid
    (one item per line) on phones
    
    For IE7/8 compatibility block-grid items need to be
    the same height. You can optionally uncomment the
    lines below to support arbitrary height, but know
    that IE7/8 do not support :nth-child.
    -------------------------------------------------- */
    
    .block-grid { display: block; overflow: hidden; }
    .block-grid>li { display: block; height: auto; float: left; }
    
    .block-grid.two-up { margin-left: -4% }
    .block-grid.two-up>li { margin-left: 4%; width: 46%; margin-bottom: 4%;}
/*  .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
    
    .block-grid.three-up { margin-left: -2% }
    .block-grid.three-up>li { margin-left: 2%; width: 31.3%; margin-bottom: 2%;}
/*  .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
    
    .block-grid.four-up { margin-left: -2% }
    .block-grid.four-up>li { margin-left: 2%; width: 23%; margin-bottom: 2%;}
/*  .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
    
    .block-grid.five-up { margin-left: -1.5% }
    .block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; margin-bottom: 1.5%;}
/*  .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */

ul.block-grid.tight {margin-bottom:-18px;}

/* --------------------------------------------------
    :: Block Grids
    -------------------------------------------------- */   
    
    @media only screen and (max-width: 767px){
        .block-grid.mobile { margin-left: 0; }
        .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
    }

.block-grid a img {border:1px solid #ccc;}
.block-grid a img:hover {border:1px solid #00A6FC;}

/*  --------------------------------------------------
    :: Lists
    -------------------------------------------------- */
    ul, ol { margin-bottom: 18px; }
    ul { list-style: none outside; }
    ol { list-style: decimal; }
    ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
    ul.square { list-style: square outside; }
    ul.circle { list-style: circle outside; }
    ul.disc { list-style: disc outside; }
    li { margin-bottom: 12px; }
    ul.large li { line-height: 21px; }
	
	
/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px -9px; padding-top: 4px; }
dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 10px; }
dl.sub-nav dt { color: #999; font-weight: normal; }
dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
dl.sub-nav dd.active a { font-weight: bold; background: #2ba6cb; color: #fff; padding: 3px 9px; cursor: default; }
dl.sub-nav dt {line-height:14px;font-size:100%;}

/* Breadcrumbs ---------------------- */
ul.breadcrumbs { display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; }
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 12px;}
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before { content: "/"; color: #aaa; }
ul.breadcrumbs li:first-child:before { content: " "; }
ul.breadcrumbs li.current a { cursor: default; color: #333; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
ul.breadcrumbs li.unavailable a { color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }
	
	/*  --------------------------------------------------
    Buttons
    -------------------------------------------------- */

    .button {
        background: #00a6fc;
        display: inline-block;
        text-align: center;
        padding: 9px 34px 11px;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        font-size: 13px; font-size: 1.3rem;
        line-height: 1;
        font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
        position: relative;
        cursor: pointer;
        border: none;
        outline: none;
        margin: 0;
    }
a.button {color:white;text-decoration:none;}

    
    /* Don't use native buttons on iOS */
    input[type=submit].button, button.button { -webkit-appearance: none; }
    
    /* Hide inner focus effect in Firefox */
    button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: none;
    }
    
    .button.nice { 
        background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -31px;
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
        text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
        background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -31px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
        background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -31px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
        border: 1px solid #0593dc;
        -webkit-transition: background-color .15s ease-in-out;
        -moz-transition: background-color .15s ease-in-out;
        -o-transition: background-color .15s ease-in-out;
    }

    .button.radius {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    .button.round {
        -moz-border-radius: 1000px;
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
    }

    .button.full-width {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

    .button.left-align {
        text-align: left;
        text-indent: 12px;
    }
    
    /* Sizes ---------- */
    .tiny.button            { font-size: 10px; padding: 6px 14px 8px; width: auto; }
    .small.button           { font-size: 11px; padding: 8px 20px 10px; width: auto; }
    .medium.button          { font-size: 13px; width: auto; }
    .large.button           { font-size: 18px; padding: 11px 48px 13px; width: auto; }

    /* Nice Sizes ---------- */
    .nice.tiny.button       { background-position: 0 -37px; }
    .nice.small.button      { background-position: 0 -34px; }
    .nice.large.button      { background-position: 0 -30px; }

    /* Colors ---------- */
    .blue.button            { background-color: #00a6fc; }
    .red.button             { background-color: #e91c21; }
    .white.button           { background-color: #e9e9e9; color: #333; }
    .black.button           { background-color: #141414; }
    .green.button           { background-color: #5b8737; }
    
    /* Nice Colors ---------- */
    .nice.blue.button       { border: 1px solid #0593dc; }
    .nice.red.button        { border: 1px solid #b90b0b; }
    .nice.white.button      { border: 1px solid #cacaca; text-shadow: none !important; }
    .nice.black.button      { border: 1px solid #000; }
    .nice.green.button      { border: 1px solid #4a6b2d; }
    
    /* Hovers ---------- */
    .button:hover, .button:focus                { background-color: #0192dd; color: #fff; }
    .blue.button:hover, .blue.button:focus      { background-color: #0192dd; }
    .red.button:hover, .red.button:focus        { background-color: #d01217; }
    .white.button:hover, .white.button:focus    { background-color: #dadada; color: #333; }
    .black.button:hover, .black.button:focus    { background-color: #000; }
    .green.button:hover, .green.button:focus    { background-color: #699c40; }  

    /* Hovers ---------- */
    .nice.button:active     { 
        -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
        box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
    }
    
    /* Disabled ---------- */
    .button.disabled, .button[disabled] { opacity: 0.6; cursor: default; }
    
    /* Correct FF button padding */
    @-moz-document url-prefix("http://") {
        input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner { border: 0; padding: 0; }
        input[type=submit].tiny.button      { padding: 5px 14px 7px; }
        input[type=submit].small.button     { padding: 7px 20px 8px; }
        input[type=submit].medium.button    { padding: 8px 34px 9px; }
        input[type=submit].large.button     { padding: 9px 48px 10px; }
    }

/*    --------------------------------------------------
    Labels
    -------------------------------------------------- */

	.label { padding: 0 4px 2px; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1;  white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #00a6fc; }
	.label.radius { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
	.label.round { padding: 1px 7px 2px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
	
	/* Colors ---------- */
	.blue.label				{ background-color: #00a6fc; }
	.red.label				{ background-color: #e91c21; }
	.green.label			{ background-color: #7fae00; }
	.white.label			{ background-color: #e9e9e9; color: #333; }
	.black.label			{ background-color: #141414; }


/* Faculty List */
.facdiv {float:none;width:100%;margin:20px 0;height:auto;padding;0px;border-bottom:1px dotted #666;}


@media all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape) {

/* Narrow Layout */

/*-- two up grid--*/
    .block-grid.flex-eight-up, .block-grid.flex-six-up { margin-left: -4% }
    .block-grid.flex-eight-up>li, .block-grid.flex-six-up>li { margin-left: 4%; width: 46%; margin-bottom: 4%;}
/* .block-grid.flex-eight-up>li:nth-child(2n+1) {clear: left;} */

/* Show image of top item */
.views-row-1 .feature-top {display:block;}

/* Faculty List Grid */
.facdiv {height:200px;border:none;}
.facimg{display:block;float:left;height:160px;width:90px;padding:2%;overflow:hidden;margin-right:20px;}
.facimg img {height:160px;}
.facdiv{
background:#efefef;background:-moz-linear-gradient(top,#fff 0,#f4f4f4 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f4f4f4));background:-o-linear-gradient(top,#fff 0,#f4f4f4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F4F4F4',GradientType=0);box-shadow:0 2px 5px rgba(0,0,0,0.15);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.15);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.25);margin:0 0 20px 0}
}



@media all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)
{
/* Normal View */

/*-- three up grid--*/
    .block-grid.flex-six-up { margin-left: -2% }
    .block-grid.flex-six-up>li { margin-left: 2%; width: 31.3%; margin-bottom: 2%;}
/*  .block-grid.flex-six-up>li:nth-child(3n+1) {clear: left;} */

/*-- four up grid--*/
    .block-grid.flex-eight-up { margin-left: -2% }
    .block-grid.flex-eight-up>li { margin-left: 2%; width: 23%; margin-bottom: 2%;}
 /*.block-grid.flex-eight-up>li:nth-child(4n+1) {clear: left;} */

/* Faculty List Two-Up */
.facdiv  { display: block; height: auto; float: left;overflow:hidden; padding:10px;border:none;}
.facimg img {height:160px;}
.facinfo h4, .facinfo li {margin:6px;}
.facimg {display:block;}
.facimg {float:left;height:160px;padding:2%;overflow:hidden;width:100px;margin-right:20px;}
.facdiv {margin-left: 0%; width: 47%; margin-bottom: 0%;height:180px;}


}