/**
 * The default CSS stylesheet used for all templates.
 *
 * @package AutoIndex
 * @author Justin Hagstrom <JustinHagstrom@yahoo.com>
 * @version 1.0.2 (February 05, 2004)
 *
 * @copyright Copyright (C) 2002-2004 Justin Hagstrom
 * @license http://www.gnu.org/licenses/gpl.html GNU General Public License (GPL)
 *
 * @link http://autoindex.sourceforge.net
 */

/* Body */
body 
{
	font-family: verdana, lucidia, sans-serif;
	font-size: 13px;
	background-color: #FFF;
	margin: 0;
}
autoindex_body html
{
	font-family: verdana, lucidia, sans-serif;
	font-size: 13px;
	background-color: #FFF;
	margin: 0;
}

/* Images */
.autoindex_body img
{
	border: none;
}

/* Tables */
.autoindex_table
{
	width: 100%;
	border: none;
	border-spacing: 2px;
}
.light_row
{
	background-color: #fcfdfd;
	font-size: 13px;
}
.dark_row
{
	background-color: #e4f6fb;
	font-size: 13px;
}
.autoindex_td
{
	font-size: 13px;
	font-family: verdana, lucidia, sans-serif;
	vertical-align: top;
	border: 1px solid #d8e2f1;
	padding: 0px;
	text-align: left;
	white-space: nowrap;
}
.autoindex_td_right
{
	font-size: 13px;
	font-family: verdana, lucidia, sans-serif;
	vertical-align: top;
	border: 1px solid #d8e2f1;
	padding: 0px;
	text-align: right;
	white-space: nowrap;
}
.autoindex_th
{
	font-size: 16px;
	background-color: #0388c3;
	color: #fff;
	border: 1px solid #0388c3;
	padding: 0px;
}

a.autoindex_th:link, a.autoindex_th:visited, a.autoindex_th:hover 
{
	color: #fff;
	text-decoration: none;
}

/* Links */
.plain_link
{
	color: #000000;
	text-decoration: none;
}
.autoindex_a:link
{
	color: #0000FF;
	text-decoration: none;
}
.autoindex_a:visited, .autoindex_a:active, .autoindex_a:hover
{
	color: #00008F;
	text-decoration: none;
}
.light_row:hover, .dark_row:hover
{
	background-color: #FFFFA8;
}

/* Buttons */
.button
{
	color: #707070;
	background-color: #F2F6FC;
	font-family: sans-serif;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	cursor: pointer;
	border: none;
	padding: 3px 10px 3px 10px;
}

/* Misc. */
.paragraph
{
	background: #F2F6FC;
	font-size: 13px;
	color: #000020;
}
.autoindex_hr
{
	color: #000020;
	background-color: #000020;
	border: none;
	width: 75%;
	height: 1px;
}
.autoindex_small
{
	font-size: 10px;
}


#content
{
	position: relative;
	top: -100px;
	color: #0386c2;
}

#wrapper
{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#content-archives
{
	position: relative;
	top: -80px;
	color: #000;
}

#header
{
	background-color: #181818;
	background: url('header-top-full.jpg');
	border-bottom: 1px solid #0386c2;
	border-top: 1px solid #0386c2;
	z-index: 100;
	height: 79px;
}


#logo
{
	background: url('logo.png');
	position: relative;
	top: -95px;
	height: 52px;
	width: 325px;
}

#network-links
{
	position: relative;
	top: -100px;
	left: 30px;
	font-size: 10px;
	color: #c8c9c9;
}

#network-links a{
	color: #fff;
	text-decoration: none;
}

#network-bar
{
	height: 24px;
	background: #fff url('nav_bg.png');
}

#nav
{
	position: relative;
	background:url('header-opacity.png');
	top: 50px;
	z-index: 200;
	width: 100%;
	height: 30px;
}

#nav-archives
{
	position: relative;
	background:url('header-opacity.png');
	top: 35px;
	z-index: 200;
	width: 100%;
	height: 30px;
}

#external
{
	width: 100%;
    min-width: 950px;
    height: 38px;
    z-index: 100;
    position: absolute;
	background: #fff url('http://archives.darenet.org/templates/default/back.gif') repeat-x;
	border-bottom: 1px solid #666;
}

.welcome-box
{
	border-top: 1px #e5f2f8 solid;
	border-left: 1px #e5f2f8 solid;
	border-right: 1px #e5f2f8 solid;
	border-bottom: 1px #e5f2f8 solid;
	height: 225px;
}

.welcome-box-content
{
	position: relative;
	top: -190px;
	margin: 0 15px;
	width: 600px;
	color: #000000;
}

.faq-box
{
	border-top: 1px #e5f2f8 solid;
	border-left: 1px #e5f2f8 solid;
	border-right: 1px #e5f2f8 solid;
	border-bottom: 1px #e5f2f8 solid;
}

.faq-box-content
{
	margin: 15px;
	color: #000000;
}

#archives
{
	margin-left: 665px;
	margin-top: 0px;
}

#footer
{
	float: right;
	font-size: 10px;
	color: #d0d0d0;
}

#tb-header
{
  position: relative;
}

#fb-share
{
	float: right;
	font-size: 10px;
	color: #d0d0d0;
}

#navbar{
position: relative;
top: -96px;
left: 50px;
font-size:11px;
color:#3b5d14;
font-weight:bold;
padding:6px;
overflow:auto;
height:1%;
clear:both;
z-index: 300;
}
#navbar a{
color:#fff;
text-decoration:none;
margin:0 5px;
padding-right:10px;
height:23px;
line-height:23px;
display:block;
float:left;
}
#navbar a span{
height:23px;
display:block;
padding-left:10px;
}


.news-box
{
	border-top: 1px #e5f2f8 solid;
	border-left: 1px #e5f2f8 solid;
	border-right: 1px #e5f2f8 solid;
	border-bottom: 1px #e5f2f8 solid;
}

.news-box-content
{
	color: #000000;
	margin: 15px;
}

#news-posting
{
margin-bottom: 35px;
}
.news-thread
{
	font-weight: bold;
	border-bottom: 1px #e9e9e9 solid;
}
.news-thread a:link, .news-thread a:visited, .news-comments a:link, .news-comments a:visited
{
	color: #1e81c7;
	text-decoration: none;
}
.news-post
{
	margin-top: 15px;
	font-size: 12px;
}
.news-poster
{
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
	color: #b8b8b8;
}
.news-poster a:link, .news-poster a:visited
{
	color: #b8b8b8;
}
.news-comments
{
	font-weight: normal;
	font-size: 10px;
	margin-top: 15px;
	float: right;
}
.comment-icon
{
}

#demo-header
{
	position: relative;
	background:#fff url(bg2.gif);
	background-repeat:repeat-x;
	height: 455px;	
}

#demo-nav
{
	position: relative;
	/* left: 350px; */
	float: right;
	right: 250px;
	top: -45px;
	z-index: 100;
}

#demo-nav ul
{
	list-style-type: none; 
	padding-right: 16px;
}

#demo-nav ul li
{
	float: left; 
	display: inline; 
	padding-right: 15px;	
}

#demo-nav ul li a strong 
{
	float: left;
	text-decoration: none;
}

#demo-nav ul li a 
{
	color: #fff; 
	padding-right: 0; 
	height: 32px;
	text-decoration: none;
}

#demo-nav ul li a strong 
{
	padding: 7px 12px; 
	display: block;
	text-decoration: none;
}

#demo-nav ul li a:hover strong,
#demo-nav ul li a.active strong 
{
	text-decoration: none; 
	background-color: #59b; 
	/* background-color: rgba(0,0,0,0.6); */
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
}

#demo-nav ul li a.active strong
{
	background-color: rgba(0,0,0,0.2);
	text-decoration: none; 
}

#demo-nav ul li a:hover span,
#demo-nav ul li a:hover 
{
	text-decoration: none;
}

#demo-feature
{
}

#demo-logo
{
	background: url('logo.png');
	position: relative;
	top: 10px;
	height: 52px;
	width: 325px;	
}

#demo-wrapper
{
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#demo-content
{
	position: relative;
	width: 850px;
	top: -180px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -100px;
}

.contentheader
{
	font-size: 22px;
	font-weight: bold;
	color: #074380;
}

.dcontent
{
	position: relative;
	top: 5px;
	width: 600px;
	padding-left: 5px;
}

.ps
{
	color: #074380;
	font-size: 14px;
}

#demo-footer
{
	height: 100px;
   	position: relative;
   	background-color: #666666;
}

#demo-feature
{

}

#demo-feature1
{
	position: relative;
	top: 50px;
	float: left;
	right: -100px;
	font-weight: bold;
	font-size: 18px;
	color: #fff;	
}

#demo-network
{
	position: absolute;
	top: 30px;
	right:0;
}

/* dropdowns: general */
a.dropdown { background: #114b78; padding: 4px 6px 6px; text-decoration: none; font-weight: bold; font-size: 9px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a.dropdown:hover { background: #59b; }
a.dropdown { position: relative; margin-left: 3px; }
a.dropdown span { background-image: url(toggle_down_light.png); background-repeat: no-repeat; background-position: 100% 50%; padding: 4px 16px 6px 0; }
a.dropdown img 
{
	vertical-align: middle;
}
.al
{
	position:relative;
	top: -2px;
	vertical-align: middle;
}
a.dropdown.dropdown-active { color:#fff; background-color:#cc0000; }
a.dropdown.dropdown-active span { background:url(toggle_up_dark.png) 100% 50% no-repeat; }
.dropdown-menu	{ background:#cc0000; padding:7px 12px; position:absolute; top:16px; right:0; display:none; z-index:5000; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
	.dropdown-menu p { font-size:11px; }
.dropdown-menu a:link, .dropdown-menu a:visited	{ font-weight:bold; color:#fff; text-decoration:none; line-height:1.7em; }
.dropdown-menu a:active, .dropdown-menu a:hover { color:#000; }

			* html .dropdown-menu { top:28px; }
			*+ html .dropdown-menu { top:28px; }

/* dropdowns: specific */
#menu1			{ float:left; margin-right:20px; }
	#dropdown1	{ width:160px; }
	#dropdown1 a	{ display:block; }
#menu2			{ float:left; }
	#dropdown2	{ width:150px; font-size:11px; }
.relative		{ position:relative; }