/* THEWEBLIST.net Version 2 - (Original 2010)  */

/* STRUCTURE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	font: 62.5% Verdana, Arial, sans-serif; 
	background: #F2F2F2 url(../img/head-bg.png) top center repeat-x;
	color: #282929;
	text-align: center; 
}

#wrapper { 
	width: 940px; 
	margin: 0 auto; 
	text-align: left;
}

#header, #feedarea, #notice, #mid, #footer { 
	float: left; 
	width: 100%; 
}

#header-inner, #mid-inner, #footer-inner { 
	width: 950px; 
	margin: 0 auto; 
	text-align: left;
	position:relative;
	z-index: 26;
}

#feedarea-inner, #notice-inner { 
	width: 942px; 
	margin: 0 auto; 
	text-align: left;
	padding-top: 15px;
}


.clear {
	position: relative;
	width: 942px;
	float: left;
}

#footer {
	float: left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #B0B0B0;
	margin:0 auto;
}

#footer a {
	color: #282929;
	text-decoration:none;
}

#footer a:hover {
	color: #00A0C6;
	text-decoration:underline;
}


/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-inner{
	height: 90px;
}

h1 { 
	position: relative; 
	float: left; 
	display: inline; 
	width: 300px; 
	height: 80px; 
	margin-right: 250px; 
	overflow: hidden; 
}

h1 span { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	background: url("../img/head-logo.png") no-repeat 0 0; 
}

h1 a { 
	display: block; 
	font-size: 2.2em; 
	font-weight: bold; 
	text-align: left; 
	text-decoration: none; 
	color: #00A0C6; 
	text-indent: -9999px;
}

.tog {
	display: inline;
}

#buttons {
	float: left; 
	margin-top: 27px;
	margin-right: 26px;
}

#buttons span {display:none;}

#buttons a {background-image:url('../img/head-buttons.png'); margin-right: 2px;}

#buttons a.customize {background-position:0px 0px; height:23px; width:78px; display:inline-block; }
#buttons a:hover.customize {background-position:144px 0px}
#buttons a.customize-active {background-position:144px 0px; height:23px; width:78px; display:inline-block;}

#buttons a.twitter {background-position:-84px 0px; height:23px; width:27px; display:inline-block;}
#buttons a:hover.twitter {background-position:-228px 0px;}

#buttons a.rss {background-position:-117px 0px; height:23px; width:27px; display:inline-block; }
#buttons a:hover.rss {background-position:-261px 0px;}

#search {
float: right;
}

	#searchform-header {
		margin:25px 0px 0px 0; padding:0px 0 0 0;
		width:215px; height:auto;
		background: url(../img/head-searchbox.png) no-repeat center left;
		float:left;
	}
	
	#searchform-header #s {
			margin:6px 0 0 8px; padding:0;
			width:160px; height:auto;
			border:0;
			background:none;
			float:left;
			font-size:1.2em; color:#888;
	}
		
	#searchform-header #go {
			float:right;
			padding-top: 1px;
			margin:0;
	}

	
/* FEEDS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.feed {
	width: 300px;
	background-color: transparent;
	float: left;
	padding-left: 7px;
	padding-right: 7px;
}

.feed a { text-decoration: none; }

.items li A:visited {
	background-color: #F2F2F2;
	color: #C8C8C8;
}

.items li A:hover {
	background-color: #00A0C6;
	color: #FFFFFF;
	z-index:25;
}

.items li A {
	position:relative;
	z-index:24;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #F2F2F2;
	color: #505050;
	font-size: 1.1em;
	text-decoration: none;
	display: block;
	padding: 3px 2px 3px 2px;
	vertical-align: middle;
	border-top: solid 1px #C8C8C8;
}

.items li a:hover span.h {
	font-size: inherit;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	display:block;
	position:absolute;
	padding: 6px;
	top:50px; left:25px; width:260px;
	border:2px solid #999999;
	background: #042b34 url(../img/hovbox.png) top center repeat-x;
	color: #FFFFFF;
	text-align: left;
}

.items li a:hover span.h img.thumb {
	float: right;
	margin-left: 6px;
	border: 1px solid #ccc;
}

.items li a:hover span.h b {
	color: #66c1d7;
	font-size: inherit;
}

.items li a span.h {
	display: none;
}

/* MEDIA FEEDS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.flickr {
	width: 614px;
	background-color: transparent;
	float: left;
	padding-left: 7px;
	padding-right: 7px;
}

.flicitems li {
	float: left;
	padding: 2px;
	margin-right: 2px;
	color: #FFFFFF;
}

.flicitems li a {
	display: block;
	width: 79px;
	height: 79px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #333333;
	background-color: #E7E7E7;
	border: 1px solid #CACACA;
	text-decoration: none;
	text-align: center;
	position:relative;
	z-index:24;
}

.flicitems li a:hover {
	color: #FFFFFF;
	background-color: #00A0C6;
	border: 1px solid #CACACA;
	z-index:25;
}

.flicitems li a img {
padding-top: 2px;
}

.flicitems li a:hover span.h {
	font-size: inherit;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	display:block;
	position:absolute;
	padding: 5px;
	top:87px; left:15px; width:185px;
	border:2px solid #999999;
	background: #042b34 url(../img/hovbox.png) top center repeat-x;
	color: #FFFFFF;
	text-align: left;
}

.flicitems li a:hover span.h img.thumb {
	float: right;
	margin-left: 6px;
	border: 1px solid #ccc;
}

.flicitems li a:hover span.h b {
	color: #66c1d7;
	font-size: inherit;
}

.flicitems li a span.h {
	display: none;
	font-size: inherit;
}

.videos {
	width: 614px;
	background-color: transparent;
	float: left;
	padding-left: 7px;
	padding-right: 7px;
}

.viditems li {
	float: left;
	padding: 3px;
	margin-right: 12px;
	color: #FFFFFF;
	
}

.viditems li a {
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
	display: block;
	width: 125px;
	height: 145px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #E7E7E7;
	border: 1px solid #CACACA;
	text-decoration: none;
	text-align: center;
}

.viditems li a:hover {
	color: #FFFFFF;
	background-color: #00A0C6;
	border: 1px solid #CACACA;
}

.viditems li a img {
	margin-bottom: 2px;
	border: 1px solid #606060;
}

.youtube {
	background: #fff;
}

.youtube a {
	color: #333;
	display: block;
	text-align: right;
}

/* FEED TITLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

h3 {
    margin:0; padding:0;
    position:relative;
    width:300px; height:17px;
    overflow:hidden;
	margin-bottom: 10px;
	margin-left: 2px;
}

h3 span {
    display:block;
    position:absolute; left:0; top:0; z-index:1;
    width:300px; height:17px;
    margin:0; padding:0;
}

h3 a { color: #F2F2F2; }

#f-digg h3 span { background: url(../img/ftitlel/digg.png) 0 0 no-repeat; }
#f-delicious h3 span { background: url(../img/ftitlel/del.png) 0 0 no-repeat; }
#f-gnews h3 span { background: url(../img/ftitlel/gnews.png) 0 0 no-repeat; }
#f-ybuzz h3 span { background: url(../img/ftitlel/ybuzz.png) 0 0 no-repeat; }
#f-reddit h3 span { background: url(../img/ftitlel/reddit.png) 0 0 no-repeat; }
#f-wired h3 span { background: url(../img/ftitlel/wired.png) 0 0 no-repeat; }
#f-meta h3 span { background: url(../img/ftitlel/meta.png) 0 0 no-repeat; }
#f-newsvine h3 span { background: url(../img/ftitlel/newsvine.png) 0 0 no-repeat; }
#f-nytimes h3 span { background: url(../img/ftitlel/nytimes.png) 0 0 no-repeat; }
#f-lifeh h3 span { background: url(../img/ftitlel/lifeh.png) 0 0 no-repeat; }
#f-boing h3 span { background: url(../img/ftitlel/boing.png) 0 0 no-repeat; }
#f-slashdot h3 span { background: url(../img/ftitlel/slashdot.png) 0 0 no-repeat; }
#f-mixx h3 span { background: url(../img/ftitlel/mixx.png) 0 0 no-repeat; }
#f-nowpublic h3 span { background: url(../img/ftitlel/nowpublic.png) 0 0 no-repeat; }
#f-mashable h3 span { background: url(../img/ftitlel/mashable.png) 0 0 no-repeat; }
#f-techc h3 span { background: url(../img/ftitlel/techc.png) 0 0 no-repeat; }
#f-reg h3 span { background: url(../img/ftitlel/reg.png) 0 0 no-repeat; }
#f-dzone h3 span { background: url(../img/ftitlel/dzone.png) 0 0 no-repeat; }

#m-flickr h3 span { background: url(../img/ftitlel/flickr.png) 0 0 no-repeat; }
#m-youtube h3 span { background: url(../img/ftitlel/youtube.png) 0 0 no-repeat; }
#m-popscreen h3 span { background: url(../img/ftitlel/pops.png) 0 0 no-repeat; }

/* OTHER HOMEPAGE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#edition-o{
	float: right;
	height: 30px;
	padding: 0;
	margin: 0;
}


.ainfo{
	width: 300px;
	background-color: transparent;
	float: left;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 30px;
}

.dropdown {
	text-align:left;
	display:none;
	float: left;
	width:380px;
	height: 300px;
	padding: 10px;
	position:absolute; top: 60px; left: 550px;
	background: #042b34 url(../img/hovbox.png) repeat-x top center;
}

/* GENERAL TEXT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#notice-inner p { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	color: #6C6C6C;
	padding-left: 7px;
	float: left;
}

#notice-inner p a {
	color: #6C6C6C;
	text-decoration: none;
}

#notice-inner p a:hover {
	color: #0095B9;
	border-bottom: 1px solid #0095B9;
}


/* OTHER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */