/*
Theme Name: UFIT News
Theme URI: http://ufl.edu/
Description: UFIT News - Based on WP-Skeleton-Theme
Author: UF Web Services
Author URI: http://ufl.edu/
Version: 0.1
*/
 
@import url("stylesheets/style.css");

/* #Universal
================================================== */ 

		body {background: #e6e6e6 url(images/bg.png) top repeat-x;}

		.column, .columns { margin: 0; }
		.row { margin-bottom: 0; }
		.container { background:#fff; clear:none;}
		.footer {padding-top:0;}
		.side-header { margin-left: 100px; font-size: 1em; line-height: 1em; margin-bottom: 4px; color: #181818; font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; }

		a, a:visited {color: #00558d;}
		a:focus, select:focus { outline: -webkit-focus-ring-color auto 5px; }
		h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited {text-decoration: none; color: #181818;}

		sup{font-size:xx-small; vertical-align:super;} 
		sub{font-size:xx-small; vertical-align:sub;} 

		ul.menu, ol.menu {margin-bottom: 0;}

		.left {float:left;}
		.right {float:right;}
		
		#accessibility a { color: #ecf0f1; padding: 8px; position: absolute; right: 0; top: -50px; -webkit-transition: top .5s ease-out; transition: top .5s ease-out; z-index: 100; }
		#accessibility a:focus { color: #ecf0f1; position: absolute; top: 0px; -webkit-transition: top .1s ease-in; transition: top .1s ease-in;
}	

/* #Header
================================================== */        
        .header {height:100%; border-bottom:  0; margin-bottom: 0; clear: none; margin-top: 0; background:none;}

        .menu { padding:0; margin: 0;}
        .menu ul{ float: none; margin: 0 auto;}
        .menu li { float:left; margin:0; padding: 0; height:36px;}
		
		.primary-menu { margin:0 auto; padding-bottom:2px; background-color: #00558d; height:72px;}
		.primary-menu ul.menu {}
		.primary-menu .menu a { display:inline-block; width: 106px; height:36px; padding:0; text-align:center; line-height: 30px; background: url(images/bg-primary-nav-sprite.png) no-repeat; text-decoration:none; }
		.primary-menu .menu a:hover { background: url(images/bg-primary-nav-sprite.png) center center no-repeat;}
		.primary-menu .menu a span{ display: inline-block; vertical-align: middle; font-size:10px; font-weight: bold; color: #fff; line-height:10px; *line-height: 1.2em; padding:0 5px; margin-top:3px\9; *margin-top:5px; }
		
		.primary-menu .menu a[title~='All'] {width:48px;}
		.primary-menu .menu a[title~='Education'], .primary-menu .menu a[title~='Research'], .primary-menu .menu a[title~='Security'] {width:90px;}
		.primary-menu .menu .current-menu-item  a { background-position: bottom; }
		
		.primary-menu .menu a[title~='All'] span, .primary-menu .menu a[title~='Web'] span {*margin-top:10px;}
		
		.home .identity, .home .primary-menu { background-color: #00558d; } /* Home */
		.category-education .identity, .category-education .primary-menu { background-color: #005b68; } /* Education & Outreach */
		.category-research .identity, .category-research .primary-menu { background-color: #9a2b19; } /* Research Computing */ 
		.category-security .identity, .category-security .primary-menu { background-color: #c20214; } /* Security & Compliance */
		.category-web-services .identity, .category-web-services .primary-menu { background-color: #00763f; } /* Web Services */
		.category-systems .identity, .category-systems .primary-menu { background-color: #0071b1; } /* Systems Administration */
		.category-infrastructure .identity, .category-infrastructure .primary-menu { background-color: #750f46; } /* Shared Infrastructure */
		
		.home .primary-menu .menu a[title~='All'],
		.article-slider .primary-menu .menu a[title~='All'],
		.category-education .primary-menu .menu a[title~='Education'],
		.category-research .primary-menu .menu a[title~='Research'],  
		.category-security .primary-menu .menu a[title~='Security'], 
		.category-web-services .primary-menu .menu a[title~='Web'], 
		.category-systems .primary-menu .menu a[title~='Systems'], 
		.category-infrastructure .primary-menu .menu a[title~='Infrastructure'] { background-position: bottom;}
		
		.identity {padding:13px 5px; background: #00558d url(images/bg-id.png) top repeat-x; color:#fff;}
		.identity  li a { display:inline-block; background: url(images/bg-id.png) top; color:#fff; text-decoration:none; line-height:34px; font-size:75%; -moz-border-radius: 17px; border-radius: 17px; padding:0;}
		.identity  li a span { margin: 0 11px;}
		.identity  li a:hover { background-color: #000;}
		
		.utility-menu {margin-left:134px;}
		.utility-menu ul.menu {float:right; padding:43px 5px 0 0; width:160px;}
		.utility-menu .menu a { display:inline-block; width: 32px; height:0; padding:0; padding-top:32px; overflow:hidden; margin:0 0 7px 7px; background: url(images/icon-buttons-sprite.png) no-repeat; -moz-border-radius: 0px; border-radius: 0px; }
		.utility-menu .menu a[title~='UFIT'] { background-position: -32px 0px; }
		.utility-menu .menu a[title~='Facebook'] { background-position: -64px 0px; }
		.utility-menu .menu a[title~='Twitter'] { background-position: -96px 0px; }

		.logo {padding-left:25px; float:left; }
		
		.featured-articles li, .featured-articles ul { background: #F0F0F0; margin-bottom:0;}
		.featured-articles a{text-decoration:none;}
		.featured-article:hover { background: none; }
		.featured-article {padding:15px; border-bottom:1px solid #ccc; *padding-top:0;}
		.featured-article img {float:left; margin: 0 5px; border: solid 1px #fff; box-shadow: 1px 1px 5px #333; background:#fff;}
		.featured-article h3, .featured-article p { margin-left:100px;}
		.featured-article h3 { font-size: 1em; line-height:1em; margin-bottom:4px;}
		.featured-article p { font-size: .7em; line-height:normal; margin-bottom:0; color:#666; font-weight:normal;}
		.featured-article span { display:block; font-size: 90%; margin-bottom:5px; color:#BB4902;}
		
		.toggle {display: none;}
		.featured-navigation {background: #ddd url(images/bg-id.png) center repeat-x; }
		.featured-navigation ul,.featured-navigation li {background:none;}
		.featured-navigation  a, .featured-navigation  a:visited {padding: 0 10px; font-size:10px; line-height:24px; color: #333; display:block;}
		
		.institutional {background: #f26522 url(images/bg.png) top repeat-x; height:40px; width:100%;}
		.ufit-logo {margin: 12px 0 0 38px;}
		.m-page-hdr {display:block;}
		
		.m-page-hdr.identity, .footer.identity {padding:8px 0; height:34px;}
		.footer.identity  li {list-style: none; padding: 0; float: left; width: auto; margin:0 0 0 15px;}
		.footer.identity .submit-article span {padding-left:16px; background:url(images/plus.gif) 0 2px no-repeat;}
	    .footer.identity .feedback-button span {padding-left:16px; background:url(images/comment.gif) 0 2px no-repeat;}
		.m-page-hdr.identity  li {list-style: none; padding: 0; float: right; width: auto; margin:0 15px 0 0;}
		.m-page-hdr.identity  li.back-button {float: left; margin:0 0 0 15px; display:none;}
		.m-page-hdr.identity  li.rss-button a {background: none; -moz-border-radius: 0; border-radius: 0; margin-top:3px; *margin-top:9px;}
		.m-page-hdr.identity .back-button span {padding-left:16px; background:url(images/arrow_57.gif) 0 2px no-repeat;}
		.m-page-hdr.identity .archive-button span {padding-left:16px; background:url(images/list.gif) 0 2px no-repeat;}

		.archive-list-header { margin-bottom: 7px; font-size: 1em; line-height: 1.1em; color: #00558D!important; font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; }
		.archive-header { font-size: 1.25em; line-height: 1.1em; margin-bottom: 15px; color: #181818; font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; }

/* #Footer
================================================== */ 

		.uf-footer {background-color: white; color: #444; padding: 14px; margin: 0; /*border-top: 1px dotted #999;*/ border-bottom: 1px solid #CCC;}
		.uf-footer .ufwordmark {float: right; margin: 3px 10px 0 0;}
		.uf-footer p {font-size: 70%; line-height: 1.4em; margin: 0 0 0 15px;}
		a[href^="mailto"] {background: transparent url(images/icon_mailto.gif) right center no-repeat;padding-right: 18px;}
		
		
/* #Content
================================================== */ 
		
		.main { margin:40px 40px; }
		.main p {font-size:.85em; line-height:1.75em;}
		.main ul { font-size: .85em; list-style: none; }
		.main ol { counter-reset: li; font-size: .85em; list-style: none; }
		.main li { counter-increment: li; margin-bottom: 10px; line-height: 1.75em; }
		.main ol li::before { color: rgb(0, 0, 255); content: "." counter(li); direction: rtl; display: inline-block; font-weight: bold; margin-left: -1.5em; margin-right: 0.5em; text-align: right; width: 1em; }
		.main ul li::before { color: rgb(0, 0, 255); content: "•"; display: inline-block; font-weight: bold; width: 1em; }
		.main h1 { font-size: 1.75em; line-height:1.1em; margin-bottom:5px;}
		.main h2 { font-size: 1.25em; line-height:1.1em; margin-bottom:15px;}
		.main span { display:inline; }
		.main em, .main strong { color: rgb(0, 0, 255); }

		.meta {font-size: .8em; line-height: 1.2em; padding:12px 20px 15px 15px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ddd; background:#efefef; display:inline-block; margin: 15px 0 20px;}
		.meta p {margin-bottom:0px;}
		.meta p.comment-link {margin-bottom:10px; font-size:.9em;}
		
		.page-template-default .meta {display:none;}
		p.post-date { font-size:.7em; margin: 0 0 15px 1px; color:#757575;}
		
		#nav-below {margin-top:10px;}
		#nav-below hr {display:none;}
		#nav-below a { display:inline-block; color:#666; text-decoration:none; line-height:30px; font-size:70%; -moz-border-radius: 15px; border-radius: 15px; padding:0 15px; border: 1px solid #ddd; height:30px;}
		#nav-below a:hover { background-color: #efefef; color:#666;}

		.feature-image {float:right; margin:0 0 10px 15px; text-align:center; max-width:300px;}
		.feature-image img {max-width:100%; height:auto; border: solid 2px white;}
		
		
/* #Archives
================================================== */ 
		
		.search-form-bar { padding:7px 9px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ddd; background:#efefef; display:inline-block; margin: 0; *width:280px;}
		.search-form-bar input[type="text"] {margin:0; padding:5px; width:180px;}
		.search-form-bar input[type="image"] {margin-left:7px;}
		.search-form-bar label {margin-right:7px; line-height:27px; color:#666;}
		
		.archive-list {margin-bottom:20px; border-bottom:1px solid #ddd;}
		.archive-list a {text-decoration:none;}
		.archive-list a:hover h2 {text-decoration:underline;}
		.archive-list h2 {margin-bottom:7px; font-size: 1em; color: #00558D!important;}
		.archive-list p {margin-bottom:10px; font-size:.75em!important; color:#444!important;}
		.archive .page-title, .search h1, .error404 h1 {font-size:.9em; padding-bottom:30px; color:#757575;}
		.archive nav span, .search h1 span, .error404 h1 span {color:#CA4F02;}
		.archive .page-title a, .archive .page-title a:visited {color:#757575; text-decoration: underline;}
		.archive .page-title a:hover {color:#444; text-decoration: underline;}
		

/* #Comments
================================================== */ 
		
		label, legend { display: inline; font-weight: normal; line-height: normal;}

		.comments h2, .comments h3 {font-size:1.3em; line-height:1.5em;}
		ol.commentlist {margin-left:0px;}
		ol.commentlist li.comment {list-style: none; margin: 0; padding: 10px 0; position: relative; border-top: 1px dashed #CCC; background: none;}

		.comment-avatar {float:left;}
		.comment-body { margin-left:45px;}
		.comment-meta  a {font-size:75%; color:#a9a9a9; text-decoration:none;}
		.comment-meta  a:hover {color:#666; text-decoration:underline;}
		.comment-author {font-size:.85em; font-weight:bold;}	
		.commentlist p {margin:10px 0;}
		a.comment-reply-link, a.comment-reply-login {display:inline-block; background: #ECEEF5; height:16px; line-height:16px; color:#3B5998; text-decoration:none; font-size: 11px !important; padding: 0 8px; margin-bottom:15px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #CAD4E7;}
		a.comment-reply-link:hover, a.comment-reply-login:hover {border-color:#9dacce;}
		
		p.form-allowed-tags {font-size:12px; color:#a9a9a9; width:75%;}

		.single p.comment-link, p.comment-link {display:none;}
		
		
/* #Article-Slider
================================================== */ 

		.sliderwrapper{
		position: relative; /*leave as is*/
		overflow: hidden; /*leave as is*/
		border: none;
		width: 100%; /*width of featured content slider*/
		height: 775px;
		}

		.sliderwrapper .contentdiv{
		visibility: hidden; /*leave as is*/
		position: absolute; /*leave as is*/
		left: 0;  /*leave as is*/
		top: 0;  /*leave as is*/
		padding-right: 0;
		background: white;
		width: 100%; /*width of content DIVs within slider.*/
		height: 100%;
		filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		}
		
		#paginate-slider1 {display:none;}
		
		.sliderwrapper .contentdiv .feature-image {margin-right:10px;}

		
/* #Base 960 Grid
================================================== */
		.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0;}
		.container .one-third.column                { width: 320px; }
		.container .two-thirds.column               { width: 640px; }
	
/* #Tablet (Portrait)
================================================== */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; margin-top:0;}
		.container .column, .container.columns { margin: 0; }
        .container .one-third.column                { width: 320px; }
        .container .two-thirds.column               { width: 448px; }
		
		.identity  li a { font-weight:bold;}
		.feature-image {float:none; margin: 0 0 20px 0; width:100%; max-width:100%;}
		
		.institutional {margin-top:0px;}
		
		.sliderwrapper{ height: 1000px;}

	}
/*  #Mobile (Portrait
================================================== */
    @media only screen and (max-width: 767px) {
        .container { width: 100%; min-width:320px; margin-top:0;}
        .container .one-third.column,
        .container .two-thirds.column  { width: 100%; min-width:320px;}
		.nav {margin-top:0;}
		
		.main p {font-size:.95em; line-height:1.5em;}
		.identity  li a { font-weight:bold;}
		
		.home .content, .page-template-recent_loop-php .content {display:none;}
		.single .nav, .page .nav, .archive .nav, .search .nav {display:none;}
		.page-template-recent_loop-php .nav {display:inline;}
		.home .m-page-hdr, .page-template-recent_loop-php .m-page-hdr  {display:none;}
		.home .institutional, .page-template-recent_loop-php .institutional {display:none;}
		
		.institutional {height:28px; background:none; background-color:#000;}
		.ufit-logo {margin: 9px 0 0 12px; display:inline;}
		img.ufit-logo {width:160px;}
		
		.m-page-hdr.identity  li.back-button {float: left; margin:0 0 0 15px; display:inline-block;}
		.m-page-hdr.identity li.rss-button {display:none;}
		
		.main { margin:20px; }
		
		.identity {padding:5px;}
		.logo {width:65px; margin:0; padding:0 20px; border:none;}
		.logo img{width:100%;}
		.utility-menu ul.menu {padding: 0; margin:18px 15px 0 0;}
			
		.toggle {display:inline!important;}
		.featured-navigation {display: none;}
		.featured-article p { line-height:1.1em;}

		.uf-footer {background-color: #000; color: #999; border-bottom: none;}
		.uf-footer .ufwordmark {display:none;}
		.uf-footer p {font-size: 70%; line-height: 1.4em; margin: 0;}
		.uf-footer a {color:#fff; text-decoration: none;}
		.uf-footer span {display:none;}
		
		.feature-image {float:none; margin:0 0 10px 0; width:100%;}
		.feature-image img {max-width:95%;} 
		
		.sliderwrapper{ height: 1000px;}
		[class*=" postid-"] .featured-articles {display: none}

    }
/* #Mobile (Landscape)
================================================== */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 100%; min-width: 480px}
        .container .one-third.column,
        .container .two-thirds.column { width: 100%; min-width: 480px;} 
		
		.primary-menu {height:36px;}
		.primary-menu .menu a { width: 75px;}
		.primary-menu .menu a[title~='Education'], .primary-menu .menu a[title~='Research'], .primary-menu .menu a[title~='Security'], .primary-menu .menu a[title~='Systems'] {width:75px;}
		.primary-menu .menu a[title~='All'] {width:30px;}
		.primary-menu .menu a span{ font-size:9px; line-height: 9px;}
		
		.feature-image {float:right; margin:0 0 5px 10px; width:200px;}
		[class*=" postid-"] .featured-articles {display: none}

    }
/* Table Styles */
	table {margin-bottom:30px; overflow:visible; -moz-box-shadow: 3px 3px 5px #ccc; -webkit-box-shadow: 3px 3px 5px #ccc; box-shadow: 3px 3px 5px #ccc;}
	caption {background:#ffffff; padding:0; line-height:2em; font-weight: bold; overflow:hidden; text-align:left;}
	caption span  {display: inline-block; padding: 7px 15px; margin: 0; background: #6377B2; color: white; font-size: 100%; line-height: 1.4em; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow: 3px 3px 5px #ccc; -webkit-box-shadow: 3px 3px 5px #CCC; box-shadow: 3px 3px 5px #CCC;}
	tbody, thead { border: 2px solid #F2F6FC;}
	thead {border-bottom: none;}
	th, tbody td {background:#ffffff;padding:12px;font-size:90%;}
	th, thead th {text-align:left;font-weight:bold;padding:12px;border-bottom: 2px solid #FF963A; background:#ffffff; padding-top:10px; padding-bottom:10px; font-size:90%;}
	td ul {margin:15px 5px 15px 0; padding-left:0;}
	tbody tr:nth-child(even) td {background:#F2F6FC;}
	tbody tr.even td {background:#F2F6FC;}