/* ---------------------------------
	Eeprom.biz CSS
*/
body {
	margin:0 auto;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #213365 url(img/back.jpg) top repeat-x;
	text-align: center;
	color: #fff;
}
/* --- TYPOGRAPHY --------------------------------------- */
p { font-size: 12px; }
a { color: #eee; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 {}
h6 {}

/* --- GENERAL --------------------------------------- */
.inside { width: 960px; }

br.clear { 
	height: 1px;
	clear: both;
	visibility: hidden;
}

/* --- LAYOUT ---------------------------------------- */
#wrapper {
	width:960px;
	margin:0 auto;
}
#header {
	height: 120px;
	background: url(img/header-back.jpg) top center no-repeat;
}
#content {
	clear: both;
	margin:0;
	padding: 32px 8px 32px;
	background: transparent;
}

#col-left {
	float: left;
	width: 70%;
}
#col-right {
	float: right;
	width: 26%;
}

#footer {
	clear: both;
	background: url(img/footer-back.jpg) top repeat-x;
	border-top: 1px solid #878c9c;
	text-align: center;
}
#footer .content {
	width: 960px;	
	margin: 0 auto;
	padding: 24px 12px;
	text-align: center;
	color: #afbfed;
	font-size: 12px;
}

#logo {
	padding: 16px 0 0 0;
	float: left;
}
#logo h1 {
	margin: 0;
	padding: 0;
	background: url(img/logo.gif) top left no-repeat;
	width: 315px;
	height: 85px;
	text-indent: -999999px;
}

/* --- SEARCH ------------------------------------------------- */
#searchbox {
	float: right;
	margin: 24px 0 0 0;
}
#searchbox form {
	margin:0; padding: 0;
}
#searchbox label {
	padding: 8px;
	float: left;
	text-align: left;
	color: #afbfed;
}
#searchbox label b {
	font-size: 16px;
	color: #ecd32d;
}
#searchbox input.textbox {
	margin: 0;
}
#searchbox .col1 {
	float: left; 
	margin: 0px 2px 0px 0px; 
	padding: 10px 8px 0 46px;
	width: 235px; 
	text-align: left;
	background: url(img/search-ico.gif) center left no-repeat;
}
#searchbox .col2 {
	display: block; 
	float: left; 
	margin: 0px;
	padding: 8px; 
}
#searchbox .col3 {
	display: block;
	float: left;
	margin-top: 4px;
}

/* --- ABOUT ---------------------------------------*/
#about {
	margin: 0;
	padding: 0;
}
#about p { text-align: left; }
#about p img { display: block; margin: 0 12px 8px 0; }


/* --- NAVIGATION ---------------------------------------*/

ul#nav {
	margin:0;
	padding:0;
	list-style-type: none;
	height: 32px;
}
ul#nav li {
	float: left;
		border-right: 1px solid #b39a24;
}
ul#nav li a {
	padding: 0 8px; 
	margin: 0 4px;
	font-size: 14px;
	font-weight: bold;
	color: #213365;
	text-decoration: none;
	line-height:32px;

}
ul#nav li a:hover {
	text-decoration: underline;
}

/* --- BOX ---------------------------------------*/
.thinbox {
	margin:0 2% 4% 0;
	padding:0;	
	background: #051234;
	border: 1px solid #000;
	text-align: left;
}
.thinbox .header {
	background: #fff url(img/box-header-lt-gray.jpg) top repeat-x;
	padding: 4px 16px;
	text-align: left;
}
.thinbox .header h2 { color: #F10102; font-size: 16px; margin:4px 0; padding:0; }
.thinbox .content {
	padding: 12px 12px;
	background: url(img/box-content-gray.jpg) top right no-repeat;
	text-align: left;
}
.thinbox .content a { letter-spacing: 0.05em; }


.box {
	margin:0 2% 4% 0;
	padding:0;
	border: 1px solid #666;
	border-bottom-width: 8px;
	background: #343434;
}
.box .header {
	background: url(img/box-header-gray.jpg) top repeat-x;
	padding: 8px 16px;
	text-align: left;
}
.box .content {
	padding: 12px 16px;
	background: url(img/box-content-gray.jpg) top right no-repeat;
	text-align: left;
}
.box .content.centered { text-align: center; }
.box .content a img { 
	border:0;
	margin: 0 auto 8px auto;
}

.box h1, .box h2, .box h3, .box h4 { margin:0; padding:0; }

.box.blue { border-color: #41558c; background-color: #192750; }
.box.blue .header { background-image: url(img/box-header-blue.jpg); }
.box.blue .content { background-image: url(img/box-content-blue.jpg); }

/* --- REP (file listing) --------------------------------------------- */
ul#rep { }
ul#rep li { 
	margin: 0 0 8px 0;
}
ul#rep li a {
	font-size: 14px;
}


#folder-list ul { 
	list-style-type: square; 
}
#folder-list ul.collapsed {
	display: none;
}

/* --- FOLDER LINKS --------------------------------- */
#folder-links {
	margin: 0;
	padding: 0;
}
#folder-links p {
	margin: 0;
	padding: 0;
}
#folder-links h2 {
	margin: 0 0 8px 0;
	padding: 0 0 12px 0;
	border-bottom: 2px solid #9AA6CC;
}
#folder-links h3 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 16px 0;
}
#folder-links a.box {
	float: left;
	display: block;
	padding: 8px;
	margin: 8px;
	background: #333;
	border: 2px solid #eee;
	color: #eee;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-decoration: none;
}
#folder-links a.box:hover {
	background: #eee;
	color: #000;
}
#folder-links a.box.file {
	background: #5C70AB;
}
#folder-links a.box.file:hover {
	background: #1B284B;
	color: #fff;
}
#folder-links img {
	margin: 0 12px 0 0;
}

/* --- DATASHEET --------------------------------- */
.datasheet td {
	font-size: 14px;
}
.datasheet h3 {
	margin: 8px 0 12px;
	padding: 4px 0;
	border-bottom: 1px solid #999;
}