/* ############################################
	USERAGENTS.ORG stylesheet
	general styles for entire site
   ############################################ */
   
/* --------------------------------------------
		MAIN DIVs
   -------------------------------------------- */
   
#container {
	position:relative;
	margin:0 auto;
	background: #FFFFFF;
}

#header {
	background-color:#636958;
	width:100%;
}

#content {
	background: #FFFFFF;
	float:right;
	min-height:400px;
}

#content, #nav, #footer, #stats-blocker {
	border-left:5px solid #474B3F;
	border-right:5px solid #474B3F;
}

/* ----- */
* html #imente-network-badge { position:absolute !important; }
#imente-network-badge {
	border:0;
	float:none;
	top:0px; right:0px;
	margin:0px; padding:0px;
	position:fixed !important;
	z-index:10000;
}
#imente-network-badge img { border:0; }
/* ----- */

/* --------------------------------------------
		FOOTER
   -------------------------------------------- */

#footer {
	clear:both;
	background:  url(../img/footer-back.gif) repeat-x top left #CA4B00;
	min-height:27px;
	font-size:0.7em;
}

#footer div {
	text-align:center;
	font-size:0.9em;
	padding-top:7px;
	padding-bottom:7px;
	color: #FFFFFF;
}

#footer a { color: #FFFFFF; }


#endfooter {
	background:  url(../img/footer-back2.gif) repeat-x top left;
	height:50px;
	margin:0 auto;
}


/* --------------------------------------------
		STATS BLOCK
   -------------------------------------------- */

#stats-block { 
	font-size:0.7em;
	clear:both;
	background: url(../img/footerstat-back.gif) top right no-repeat #EFEFEF;
	margin:0;
}

#stats { padding:5px 10px; }

#stats-blocker { padding:20px 0 0; }

#stats-blocker #stats-block { background-position:right top; }

#stats .useragent { font-family:'Courier New', Courier, monospace;margin-top:5px; }
#stats .title { font-weight:bold; }

#stats .browser,#stats .os,#stats .action {
	float:left;
	height:20px;
	margin-top:5px;
}
#stats .os { margin-left:15px; }
#stats .action {
	float:right;
	height:20px;
	margin:3px 0 0 0;
}

/* --------------------------------------------
		WBKILL BLOCK
   -------------------------------------------- */
   
#wbkill-block { 
	clear:both;
	border:3px groove #AA0000;
	margin:0;
}

#wbkill-block a { color:#D70000; font-weight:bold; }

#wbkill-block .content {
	text-align:center;
	padding:10px 5px;
	font-size:0.8em;
	background-color:#FF8080;
}

#wbkill-block .title {
	font-family:arial,tahoma,serif;
	letter-spacing:-1px;
	color:#D70000;
	font-size:1.4em;
	font-weight:bold;
}

/* --------------------------------------------
		LOGO
   -------------------------------------------- */
   
#logo {
	background:  url(../img/logo-top-3.gif) repeat-x bottom left;
	height:86px;
	width:100%;
}
#logo1 {
	background:  url(../img/logo-top-4.gif) no-repeat top left;
	height:86px;
	width:100%;
	float:left;
	clear:left;
}
#logo2 {
	background:  url(../img/logo-top-2.gif) no-repeat bottom right;
	height:86px;
	width:100%;
	float:right;
	clear:right;
}
#logo2 a { display:block; width:100%; height:86px; }
#logoadd {
	background:  url(../img/logo-top-1.gif) no-repeat top left;
	position:absolute;
	left:-78px;
	top:0;
	width:78px;
	height:119px;
}

#logo span { display:none; }


/* --------------------------------------------
		TOP TITLE BAR
   -------------------------------------------- */

#bar-title {
	height:50px;
	background:  url(../img/top-title-back.gif) top right no-repeat #333333;
	width:100%;
	float:left;
	clear:both;
}


/* --------------------------------------------
		TOP MENU BAR
   -------------------------------------------- */
   
#custom { float:right; padding:3px 5px 1px 0; }
   
#nav {
	background: url(../img/menu-back.gif) bottom left repeat-x #5E9328;
}

#nav ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

#nav ul li { display:block;float:left; }

#nav ul li a {
	display:block;
	background:  url(../img/menu-div.gif) no-repeat bottom right;
	padding:0.7em 1em 0.6em 1em;
	padding-bottom:7px;
	color: #FFF;
	font-size:10px;
	text-decoration: none;
}

#nav ul li a:hover {
	color: #FFF;
	background-color:#629B28;
}

#nav ul li a.navselected {
	color:#FFF;
	background: url(../img/menu-div-sel.gif) no-repeat top right #333;
	padding-bottom:10px;
}
#nav ul li a.navselected:hover {
	background-color:#444;
}


/* --------------------------------------------
		LATERAL BAR
   -------------------------------------------- */

#bar-lateral {
	text-align:justify;
	width:188px;
	float:right;
	padding:15px 0px 15px 0;
	margin:0;
	font-size:0.7em;
}
html>body #bar-lateral {
	padding-right:5px;
}

.bar-lateral-title {
	background:  url(../img/bar-back.gif) top left repeat-x #4A6583;
	width:193px;
}

.bar-lateral-title p {
	padding:4px 3px 3px 6px;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:3px solid #364A61;
}

#bar-lateral dt {
	font-weight:bold;
	text-align:left;
	padding-left: 20px;
	background: url(../img/bl.gif) top left no-repeat;
}

#bar-lateral dd {
	text-align:left;
	margin-bottom:5px;
	margin-left: 20px;
	font-size:0.9em;
}


/* --------------------------------------------
		MAIN CONTENT
   -------------------------------------------- */

#bar-main {
	text-align:justify;
	background: #FFFFFF;
	float:left;
	font-size:0.75em;
}

#bar-main .content {
	padding:5px 0 15px 20px;
}

.link-more { text-align:right;font-style:italic;font-size:0.9em; }


/* --------------------------------------------
		PSEUDO CLASSES
   -------------------------------------------- */

.aligncenter { text-align:center; }
.alignleft { text-align:left; }
.alignright { text-align:right; }

/* --------------------------------------------
		TABLES TAGS
   -------------------------------------------- */

table { width:100%;margin:0;padding:0;border:0;border-collapse:collapse; }
.thead { margin:0;padding:3px;border:0;font-weight:bold; background:  url(../img/bar-back.gif) top left repeat-x #4A6583; color:#FFFFFF; }
tr { margin:0;padding:0;border:0; }
td { margin:0;padding:3px;border-bottom:1px solid #BBBBBB; }

.littletable { font-size:0.9em; }

/* --------------------------------------------
		PAGING
   -------------------------------------------- */
   
.paging { margin:10px 0 30px;border:1px solid #BBB; padding:5px; background-color:#F0F0F0; }
.paging .nav { float:right; margin:-3px 0 0;}
.paging .inf { margin:1px 0 2px;  }

   
/* --------------------------------------------
		STANDARD TAGS
   -------------------------------------------- */

a { color:#40659B; }
a:hover { color:#F07200; }
.a-focus { color:#F07200; font-weight:bold; }
.a-normal { color:#333333; }

#content a[rel='db']:after {
	background: #fff url(../img/link-db.gif) no-repeat 3px 1px;
	border: 1px solid #fff;
	content: " ";
	margin: 0 -1px 0 1px;
	padding: 0px 12px 1px 1px;
	text-indent: -9999px;
}

#content a[href^='http://']:not([class='nolink']):not([class='baloon']):not([href^='http://localhost']):after {
	background: #fff url(../img/link-external.gif) no-repeat 3px 1px;
	border: 1px solid #fff;
	content: " ";
	margin: 0 -1px 0 1px;
	padding: 0px 12px 1px 1px;
	text-indent: -9999px;
}
#content a[href^='http://']:not([class='nolink']):not([class='baloon']):not([href^='http://localhost']):hover:after  {
	background-position: 3px -49px;
}

.clear { clear:both; font-size:0; font-family:''; text-align:left;}
* html .buttons .clear { clear:none; }
.none { display:none; }

img { border:0; }

body {
	background-color:#636958;
	margin:0;
	font-family:Verdana;
}

p { line-height: 150%; color:#333333; }

h1 {
	display:none;
}

h2 {
	font-weight:normal;
	font-size:1.5em;
	color:#C7C7C7;
	padding:10px 0 0 15px;
	margin:0;
	letter-spacing:-2px;
}

h2 a { text-decoration:none; color:#C7C7C7; }
h2 a:hover { text-decoration:underline; color:#D7D7D7; }

h3 {
	font-family:Arial;
	letter-spacing:-1px;
	font-weight:bold;
	font-size:1.6em;
	margin-bottom:10px;
	color:#40659B;
	border-bottom:2px solid #BBBBBB;
}

h3 > img {
	margin:-7px 5px 0 0;
	float:left;
}

h4 {
	font-family:Arial;
	letter-spacing:-1px;
	font-size:1.2em;
	font-weight:bold;
	margin:30px 0 10px;
	color:#F07200;
	border-bottom:1px solid #BBBBBB;
}

h5 {
	font-family:Arial;
	letter-spacing:-1px;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	color:#F07200;
	border-bottom:1px solid #BBBBBB;
}

h6 {
	font-family:Arial;
	letter-spacing:-1px;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	color:#F07200;
}

hr {
	height:2px;
	border:none;
	background-color:#DDDDDD;
}

/* --------------------------------------------
		WBSTAT
   -------------------------------------------- */
   
img.wbstat-icon {
	margin:-3px 0 -6px 0;
	border:1px solid #888;
	width:20px;height:20px;
	background-color:#FFF;
}

img.wbstat-flag {
	margin:0 0 -2px 0;
	border:1px solid #666;
}

img.little-icon {
	margin-bottom:-3px;
}

/* --------------------------------------------
		VARIOUS TAGS
   -------------------------------------------- */
   
.text-little {
	font-size:0.9em;
}
.mono {
	font-family:Courier New;
	font-size:0.9em;
}
.emp {
	color:#C40000;
}

.iconlink img, img.icon {
	margin:4px 0 -4px;
}

.emptytable {
	font-size:1.5em;
	text-align:center;
	padding:30px 0;
	font-family:arial,tahoma,serif;
	letter-spacing:-1px;
	border:1px solid #BBB;
	background-color:#FCFCFC;
}

.code {
	font-size:0.9em;
	font-family:'Courier New', Courier, monospace;
}

table.legend td { padding:5px; }
table.legend td.t { width:150px; text-align:right; font-weight:bold;
					font-size:0.9em; vertical-align:top; padding-right:10px; }
table.legend td.h { text-align:center; font-weight:bold;
					font-size:0.9em; color:#40659B; padding-top:20px; }
table.legend td.cc { font-size:0.9em; }

.bar-feed { text-align:left; margin:10px 0; }

.infobox { 
	margin:20px 0;
	padding:10px;
	background-color:#EEE;
	border:2px solid #733;
	text-align:center;
	font-style:italic;
}

.infobox img { margin-bottom:-1px; }