small { font-size: 83%; }
strong { font-weight: bold; }
body { font-family: tahoma, helvetica, arial, sans-serif; color: #445566;}
a { text-decoration: none; color: #3399FF;}
a:hover { text-decoration: underline; }
input,textarea { color: #445566; }
.fitem:focus, .fitem:hover { background-color: #F0FFE6; }

h1 { display: block; letter-spacing: -2px; font-size: 20pt; font-family: helvetica, arial; padding-bottom: 10px; color: #3399FF;}
h2 { display: block; font-size: 14pt; font-family: helvetica, arial; padding-bottom: 30px; color: #445566;}
h3 { display: block; font-size: 11pt; font-weight: bold; font-family: helvetica, arial; padding-bottom: 30px; color: #11D011;}
iframe { border: 0px; }


#nav a { margin-right: 20px; }
#nav { width: 100%; font-size: 24px; padding: 0px 0px 0px 0px; margin-bottom: 25px; border-bottom: 1px solid #cccccc; color: #667788;} 
#nav img { margin-right: 20px; }

#footer { margin-top: 20px; text-align: center;   font-family: helvatica, arial;}
#footer a { margin-left: 15px; }
.fitem { font-size: 14px; padding: 2px; margin-right: 10px; border: 1px solid #DFDFDF; }
.fitem-button { font-size: 14px; font-weight: bold; padding: 1px; }
.icontent { width: 398px; height: 300px; position: relative; border: 2px solid #dddddd;margin-top:10px; }
.shade { position: absolute; z-index: 1; background-image: url('http://www.webslug.info/images/checkerboard.png');  width: 100%; height: 100%; text-align: center; }

.load { display: none; padding: 3px 0px 3px 0px; margin-top: 110px; background: #ffffff; width: 230px; }
.load-complete { display: none; padding: 3px 3px 3px 3px; margin-top: 110px; background: #ffffff; width: 392px; overflow: hidden; border-top: 1px solid #3399FF; border-bottom: 1px solid #3399FF;}
.load-complete h3 { padding: 5px 0px 5px 0px; font-size: 14pt; font-family: helvetica, arial; color: #000000; font-weight: bold;}

#error h3 { font-size: 10pt; font-weight: bold; color: #f80101}
#error { padding-bottom: 20px; } 

.results-inner { width: 180px; text-align-center;margin: 0 auto; }
.results-inner img { margin: 5px 0px 5px 0px; border: 0px; border: 1px solid #cccccc;}

#winner { width: 50%; float: left; text-align: center; border-right: 1px solid #cccccc; margin-right: -1px; }
#winner strong {  color: #11d011; }

#loser { width: 50%; float: right; text-align: center; }
#loser strong { font-weight: bold; color: #d01111; }

.dtable { border: 1px solid #ddddef; padding: 10px;}
.dtable table { width: 100%; }

thead { font-weight: bold; }
td { padding-top: 2px; padding-bottom:3px; }


/*new header */

#nav2 {
color:#d6d7d8;
font-size:20px;
position:relative;
left: 50%;
float: left;
clear:left;
line-height: 2;
}


#nav-shadow { width:100%; background: transparent url(http://www.webslug.info/images/head-top-shadow.gif) repeat-x scroll 0%; height:10px; margin-bottom: 20px; }

#nav-wrapper { width:100%; background: transparent url(http://www.webslug.info/images/head-top-bottom.jpg) repeat-x scroll 0%; height:44px; position:relative; width:100%;float:left;}

#logo-mast { width:100%; background: transparent url(http://www.webslug.info/images/logo-bg.png) repeat-x scroll 0%; height:80px; text-align: center;   }

#logo-mast img { margin-left:10px; }


/*********NEW STUFF*************/

		#site-view-rank h1 { margin-bottom: 20px; }
		#tabs-container { margin-top: 10px; }
		#intro p { margin-top: 20px; }

		#site-pic { float: left; border 1px solid #dfdffd; padding: 3px 3px 3px 0px; margin: 5px 25px 5px 0px; }
		#site-details { margin-top: 15px;  padding-bottom: 0px;}
		#site-name { font-size: 26pt; letter-spacing: 1px;}

		ul.tabs { border-bottom: 1px solid #CCCCCC; height: 25px; list-style-image: none; list-style-position: outside; list-style-type: none; padding: 0px; }
		ul.tabs li { float: left; margin-right: 7px; text-align: center; height: 25px; list-style-type: none; margin-top: 0px; }
		ul.tabs li a {  display: block; height: 25px; padding: 0pt; width: 130px; font-weight: bold; line-height: 25px;}
		ul.tabs li a.active { color: #666666; height:25px; background-color: #DDDDDD; }

		.tab-content { padding: 6px; margin-top: 15px; padding-bottom: 26px;border-bottom: 1px solid #CCCCCC;}

		.chart {
			width: 400px;
			height: 300px;
			margin-bottom: 10px;
		}

		.yui-dt table {width: 100%;}

		.chart_title
		{
			display: block;
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 0.4em;
		}

		.chart-wrapper h2 { padding-left: 10px; }
		#chart1-wrapper { float: left;  margin-right: 20px; }
		#chart2-wrapper { float: left;  }

		#markup { text-align:center;}	
		ol { margin-left: 20px; list-style-type: decimal; color: #3399FF; }
		.faq h3 { margin-top: 20px; color:  #3399FF; padding-bottom: 0px;}
		.faq p { margin-top: 10px; margin-bottom: 5px; margin-top: 10px; }
		.sub-rank h3 { color:  #3399FF; padding-bottom: 15px;}

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("http://www.webslug.info/images/feed-icon-14x14.png") no-repeat 0 50%;
} 

.nav-items, .nav-items ul {
	margin: 0;
	list-style: none;
}

.nav-items a {
	display: block;
	color:#ffffff;
}


.nav-items li {
	float: left;
	width: 5.5em;
	text-align: left;	
}




ul.nav-items li div  {
	position: absolute;
	left: -999em;
}

.nav-items li:hover div {
	position: absolute;
	display: block;
}

.nav-items li:hover div, .nav-items li.sfhover div {
min-height: 0;
	left: auto;
	position:absolute;
}


.submenu {
min-height: 0;
	color: #030303;
	font-size: 12px;
	text-align: left;
	padding-top:5px;
}



.submenlist { 	background: #e9e9e9 url(/images/nav-submenu-drop-bg.gif) repeat-x scroll center top;  
 padding: 5px 10px 5px 10px; margin-top: 10px; border: 2px solid #b9b9b9;min-height: 0;}

.submenlist li   { float: none; display: block; width: auto; padding: 0px 5px 0px 5px; }

.submenlist a   { color: #3399FF; }

#left-page { font-weight: bold; float:left; text-align:center; }
#right-page { float: right; text-align: center; font-weight: bold;}