/*
* Skeleton V1.1
* Copyright 2012, Gubler Orchids
* www.gublers.com
* 5/09/2012
*/

/* Basic Body Styles */	
	
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }

body {color:#4E383D; font:13px/19px Helvetica, Sans-serif; overflow-y:scroll;}

.bg.white {background:#96B5A6;}

a, a:visited { color: #812702; }
a:hover { color: #812702; }

h1, h2, h3, h4, h5, h6 {margin-bottom:19px;}

h1 {font-size:26px; line-height:38px; font-weight:bold;}
h2 {font-size:23px; line-height:38px; font-weight:bold;}
h3 {font-size:19px; line-height:19px; font-weight:bold;}
h4 {font-size:17px; line-height:19px;}
h5 {font-size:15px; line-height:19px;}
h6 {font-size:13px; line-height:19px; font-weight:bold;}

small {font-size:85%}


/* Forms */

input[type="text"], input[type="password"] {margin:0; border:1px solid #aaa; height:19px; line-height:19px; padding:2px 5px;}
.search-submit {height:19px; width:30px; }
	
/* Header */

header {padding-top:50px}
nav a {margin-right:10px;}


.add-item li {float:left}
.add-item label {margin-left:10px}

.width10, .width20, .width30, .width40, .width50, .width60, .width70, .width80, .width90 {padding:0;}

	.width10 {width:10%}
	.width20 {width:20%}
	.width30 {width:30%}
	.width40 {width:40%}
	.width50 {width:50%}
	.width60 {width:60%}
	.width70 {width:70%}
	.width80 {width:80%}
	.width90 {width:90%}

.login table {width:100%; }
.login label {width:90%; padding-right:10%; display:block; text-align:right;line-height:21px; font-weight:bold;}
.login {margin-top:20px;padding:20px 0 30px; background:#fff4db;}
.login input[type="text"], .login input[type="password"] {width:80%; margin-bottom:10px;}


.resources table {border:1px solid #000;}

.resources {margin-top:20px;text-align:center}
	.resources thead tr {background:#028147; color:#fff; border-bottom:1px solid #000; width:700px;}
thead {width:100%;}
.resources th, .resources th span {height:30px; line-height:30px; font-weight:bold}
.resources td {height:25px; line-height:25px;}
.resources tbody tr:nth-child(2n) {background:#fff4db}
.resources tbody tr:hover {background:#ffe3a3}

.data-item {}
.data-type {}
.data-size {}
.data-date {}
.data-link {}

.add-item {float:right;margin-top:10px;}

header h1.ir {background-image:url(../images/logo.png); height:101px; width:200px;}
header h1.ir.centered {width:100%; background-position:center top}

footer {padding:20px 0; text-align:center}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
header h1.ir {width:100%; background-position:center top}
.resources span {display:none}
.add-item {float:none;clear:both}
.add-item li {float:none; margin-bottom:10px}
.add-item label {width:150px;display:block; margin-left:0;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}


@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* Helper Classes */	

.right {float:right}
.left {float:left}
.inline li {display:inline}


.center-text {text-align:center;}
.left-text {text-align:left;}
.right-text {text-align:right;}


/* Image replacement */	
.ir {display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat;}