* {margin: 0; padding: 0;}
body { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: url(/images/backgroud-lighter_100x100px.jpg) left repeat #eae5e1; }
img { border: none; }
a { color: #000; text-decoration: none; }
a:hover { color: #777; text-decoration: none; }
#main { margin: 0 auto; width: 970px; min-height: 680px; background: #eae5e1; }

#network34 { background: url(/images/27x1px.jpg) top repeat-x #000; color: #fff; font-family: Arial, Helvetica; font-size: 12px; }
#network34inside {width: 960px; margin: 0 auto; }
#network34 ul { margin-left: 80px; list-style: none; padding: 0 0 0 20px; height: 27px; }
#network34 ul li {float: left; display: inline; padding: 4px 10px 0 10px; background: url(/images/s_1x15px_02.png) right bottom no-repeat;}
#network34 a {color: #fff; text-decoration: none;}
#network34 a:hover {color: #ddd;}

.indexfriends ul { text-align: left; list-style: none; font-size: 19px; font-weight: bold; padding-left: 15px;}
.indexfriends ul li {float: left; display: inline; margin: 0 0 5px 0; padding-left: 20px; width: 280px; line-height: 1em; }
.indexfriends ol {  text-align: left; list-style: none; font-size: 19px; font-weight: bold; float: left; display: inline; width: 310px; }
.indexfriends ol li { list-style: none; margin: 0 0 5px 0; line-height: 1em; padding-left: 20px;}

.bookmarkus { text-align: center; font-size: 55px; font-weight: bold; width:900px; margin: 5px auto 5px auto; }

.tipsy { padding: 5px; font-size: 14px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

.likes{
    display: inline;
    float: left;
    width: 300px;
}

#overlay { background: url(/images/upp-ic.png) top repeat-x; }

#header { width: 960px; height: 110px; padding: 5px; margin: auto; } /* 90 je slika */
#header .ttl { height: 110px; width: 215px; float: left;  } /* head deo, logo */
#header .ttl img { margin: 18px auto; } /* samo slika */
#header .ttl h2 { color: #c61c00; font-size: 28px; padding-top: 10px; text-indent: 10px;}
.bannertop { float: right; display: inline; margin: 10px auto;  }
#wrapper {
	float: left; display: inline;
	width: 100%;
	background: #eae5e1;
}

/* START OLD FOR MAININDEX */

#mainindex { margin: 0 auto; width: 980px; background: url(/images/indexhead.jpg) center top no-repeat; }
#headindex { height: 190px; margin-bottom: 20px;}
#headindex .inner { width: 480px; margin-left: 440px; padding-top: 22px; }
#headindex h3 { color: #fff; font-size: 18px; margin-bottom: 20px; text-indent: 70px;}
#headindex p { font-size: 14px; }


#choice { margin: 0 auto; width: 960px; height: 440px; }
.niches { position: relative; float: left; display: inline; width: 180px; height: 440px; margin-left: 10px;}
.over { position: absolute; z-index: 100; with: 180px; height: 440px; top: 0; left: 0; }
.over a img { width: 180px; height: 440px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.over a:hover img { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }


/* END OLD FOR MAININDEX */

/* START CUSTOM XXX */

.searchthumbs li a img { position: relative; margin: auto; border: solid 1px #462b00; width: 180px; height: 135px; display: block; }

.thumbsindex180, .indextube, .indexstars, .searchthumbs, .indexreview, .aff, .indextags, .indexpm, .indexfriends, .users, .toplist, .wmbox, .wmboxw { list-style: none; margin: 10px; }
.thumbsindex180 li { position: relative; float: left; display: inline; width: 190px; height: 145px;  }
.thumbsindex180 li a img { position: relative; margin: auto; border: solid 1px #fff; width: 180px; height: 135px; display: block;}


.thumbsindex180 li a:hover img { position: relative; margin: auto; border: solid 1px #000; width: 180px; height: 135px; display: block; }



.thumbsindex180 a .overlayinfo {
	display:none;
}

.thumbsindex180 a .overlaydata {
	display:none;
}

.thumbsindex180 a:hover .overlayinfo {

	z-index: 1;
	background: rgb(0,0,0);
        color:#fff;
	display: block; 
	position: relative;
	top: -26px;
	width: 176px;
	padding: 0 2px 2px 2px;
	height: 24px;
	margin: auto;
    	line-height: 12px;
        font-family: 'tahoma';
        text-align:center;
	font-weight:bold;
        font-size:10px;  
        opacity:0.8; /* transparency */  
        filter:alpha(opacity=80); /* IE transparency */  
	overflow: hidden;

}


.thumbsindex180 a:hover .overlaydata {

	z-index: 1;
	background: rgb(0,0,0);
    color:#fff;
	display: block; 
	position: relative;
	top: -162px;
	width: 176px;
	padding: 0 2px 0 2px;
	height: 12px;
	margin: auto;
    line-height: 10px;
    font-family: 'tahoma';
    text-align:left;
	font-weight:bold;
    font-size:10px;  
    opacity:0.8; /* transparency */  
    filter:alpha(opacity=80); /* IE transparency */  
	overflow: hidden;

}

.thumbsindex180 a:hover .overlaydata span {
    float:right;
	text-align:right;
}


.thumbsindex180 .overlayspice {

	z-index: 1;
	background: #000;
    color:#fff;
	display: block; 
	position: relative;
	top: -26px;
	width: 176px;
	padding: 0 2px 2px 2px;
	height: 23px;
	margin: auto;
    	line-height: 12px;
        font-family: 'tahoma';
        text-align:center;
		font-weight:bold;
        font-size:10px;  
        opacity:0.8; /* transparency */  
        filter:alpha(opacity=80); /* IE transparency */  
	overflow: hidden;

}

/* END CUSTOM XXX */







#footer { clear: left; width: 970px; margin: 0 auto 0 auto; padding: 10px 0 20px 0; text-align: center; background:  #eae5e1; border-right: solid 0px #ffffff;  border-left: solid 0px #ffffff; }

#content .inside { padding: 8px 0 0 0; }
#rightside .frms, #leftside .frms { }
.topper {display: hidden;}
.ender {display: hidden;}


.headbkm { position: absolute; z-index: 3; top: 20px; left: 818px; width: 119px; }

#navbar { color: #ffffff; line-height:29px; min-height: 31px; height: 31px; width: 970px; margin: 0 auto; background: url(/images/main-bar_31x1px.png) top repeat-x; border-right: solid 3px #ffffff;  border-left: solid 3px #ffffff; }

#pad {height:140px;}
#navbar .content { width:970px; margin: auto;}
#navbar ul { line-width:970px; padding: 0; margin:0; list-style:none; height:31px; width: 750px; position:relative; z-index:500; font-family: Trebuchet MS, arial, verdana, sans-serif; }
#navbar ul li {float:left; padding-right: 2px; background: url(/images/s_main-bar_2x31px.png) right bottom no-repeat; }
#navbar ul li a { text-transform: uppercase; color: #ffffff; display:block; float:left; height:29px; text-decoration:none; font-size:13px; font-weight:bold; padding:0 5px 0 5px; }
#navbar ul table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Style the list OR link hover. Depends on which browser is used */

#navbar ul li a:hover {z-index:200; position:relative; color:#ff5a5a; background-color:#ffa091;}
#navbar ul li:hover {position:relative; z-index:200;}

#navbar ul li:hover > a {color:#ff5a5a; background:#ffa091;}
#navbar ul li:hover > a.sub {color:#ff5a5a; background-color:#ffa091;}

#navbar ul li.selected a {color:#fff; background:#ff5a5b;}

#navbar ul :hover ul {left:0; top:29px; width:220px; background:#ffa091;}

/* keep the 'next' level invisible by placing it off screen. */
#navbar ul ul, 
#navbar ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#navbar ul :hover ul :hover ul {left:220px; top:-1px; background:#ffa091; white-space:nowrap; width:100px; z-index:200; height:auto;}

#navbar ul :hover ul li {margin:0; }
#navbar ul :hover ul li a {width:220px; padding:0; text-indent:10px; background:#ffa091; color:#fff; height:29px; line-height:29px; font-size: 13px;}

#navbar ul :hover ul :hover {background-color:#ff5a5b; color:#fff;}


#navbar div.srch {float: right; display: inline; width: 200px; height: 31px;}
#navbar div.srch form {border: none; display: block; width: 210px; padding-top: 5px; }
#navbar div.srch form input {float: left; display: inline; margin-left: 10px; }
#searchinput { border: 1px solid #000; background-color: #fff; width: 100px; font-size: 16px;}

.subtitles { display:block; position: relative; width: 970px; height: 22px; }
.subtitles h3 { float: left; width: 300px; display: inline; overflow: hidden; padding: 0 10px 0 14px; font-size: 17px; color: #777; font-weight:bold; }
.subtitles h4 { text-align: center; float: left; display: inline; width: 300px; overflow: hidden; padding: 0 10px 0 10px; font-size: 17px; color: #777; font-weight:bold; }
.subtitles .sel { text-decoration: underline; color: #080; text-transform: uppercase; }
.subtitles a { text-decoration: none; }
.subtitles a:hover { text-decoration: underline; font-size: 17px; color: #777; font-weight:bold; }
.subtitles span {float: right; display: inline; padding: 0 14px 0 10px; width: 300px; text-align: right; font-size: 17px; color: #777; font-weight:bold; }

.subtitlesnews { display:block; position: relative; width: 650px; }
.subtitlesnews h3 { width: 400px; overflow: hidden; padding: 0 14px 0 14px; font-size: 17px; color: #000; font-weight:bold; }
.subtitlesnews a { text-decoration: none; }
.subtitlesnews a:hover { text-decoration: none; font-size: 17px; color: #777; font-weight:bold; }
.subtitlesnews span { position: absolute; right: 14px; top: 0; width: 400px; text-align: right; font-size: 17px; color: #000; font-weight:bold; }


ul.docs { list-style: none; margin-left: 14px; font-size: 12px; }
ul.docs a { font-size: 20px; color: #080; }
ul.docs a:hover { text-decoration: underline; }
ul.docs a:visited { color: #040; }
ul.docs img { display: inline-block; margin-left: 10px; margin-bottom: -1px;}

#rightside h3, #leftside h3 {
	width: 300px;
	text-align: left;
	text-indent: 12px;
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	clear: both;
	margin-bottom: 10px;
	height: 31px;
	line-height:29px;
	color: #000;
	background: url(/images/main-bar_31x1px.png) top repeat-x;
	font-size:13px;
	font-weight:bold;
	text-transform: uppercase;
}

#container { margin-left: 0;}
.thumbs, #flvindex, .tagsindex, .stars, .clearboth, .vidslist {
	margin: 0 auto;
	padding-top: 4px;
}
div.sides {
	width: 235px;
	margin: 0 auto;
	padding-top: 4px;
}

.thumbs a, p.vert a {
	border: none;
}
.thumbs a:hover img {
	border: none;
}

div.central {
	width: 500px;
	margin: 0 auto;
}

p.pages {
	margin: 10px auto 3px auto;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}
p.pages .sel { text-decoration: underline; color: #080; text-transform: uppercase; font-weight: bold; }

p.pages a {
	font-size: 19px;
	color: #000;
	text-decoration: none;
}
p.pages span {
	font-weight: bold;
	margin: auto 3px;
	text-transform: uppercase;
}
p.pages :hover {
	color: #777;
	text-decoration: underline;
}

p.pages img { margin-bottom: -2px; }
p.result {
	font-size: 11px;
	text-align: center;
	color: #333;
}
p.vert {
	
	margin-left: 14px;
}
p.vert a img {
	width: 100px;
	height: 100px;
	display: block;
	float: left;
	margin: 0 3px 3px 0;
	padding: 0;
	border: solid 1px #111;
}

.clearboth {
	clear: both;
	position: relative;
}
.cleartn {clear: both; height: 0; font-size: 1px; line-height: 0px;}
.cleared:after, #main:after, .layhor ul.vidslist li:after, .layblog ul.vidslist li:after, ul.archiv:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
li.cleared:after {
	margin-bottom: 10px;
}
.cleared, .layblog ul.vidslist li {
	display: inline-block;
}
li.cleared {
	display: inline-block;
	margin-bottom: 10px;
}
/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
* html li.cleared {height: 1%; margin-top: 20px; }
.cleared {display: block;}
li.cleared {display: block; margin-top: 20px;}
/* End hide from IE-mac */

ul.archiv { list-style: none; text-align: center; margin: 10px auto 10px auto; font-weight: bold; }
ul.archiv li { float: left; display: inline; width: 48px; height: 25px; margin-left: 2px; line-height: 24px;}
ul.archiv li a { display: block; height: 100%; border: solid 1px #36f3222; }

.layhor ul.vidslist, .layver ul.vidslist { list-style: none; margin: 0; font-size: 12px; clear: both; }
.layhor ul.vidslist li { list-style: none; margin: 0 0 10px 10px;padding: 0; float: left; width: 138px; height: 147px; display: inline; position: relative; background-color: #fffde4; border: solid 1px #eac06f; }
.layhor ul.vidslist li img { display: block; margin: 5px auto 0 auto; padding: 0 5px 0 5px; width: 128px; height: 96px; }
.layhor .vidslist .vidlistdesc { margin: 1px auto; text-align: center; font-size: 11px; height: 13px; overflow: hidden; color: #623c26; }
.inside .layhor .vidslist .vidlistviews, .inside .layhor .vidslist .vidlistlength { font-size: 10px; text-align: center; }

ul.indextube { margin-bottom: 5px; margin-top: 5px; }
ul.indextube li { list-style: none; position: relative; margin: 0 0 10px 0; height: 149px; padding: 0; background-color: #f4f2ed; }
ul.indextube li a img { float: left; display: inline; margin: 0 auto 0 0; width: 180px; height: 135px; background: url(/images/field.png) no-repeat right bottom; padding: 7px 7px 7px 7px; }
ul.indextube li .vidlisttitle { margin: 2px auto 4px 195px; font-size: 16px; font-weight: bold; height: 1.4em; overflow: hidden; padding-top: 8px; padding-left: 10px; }
ul.indextube li .vidlistdesc { margin: 3px auto 5px 195px; font-size: 14px; color: #414042; height: 50px; overflow: hidden; padding-left: 10px;}
ul.indextube li .vidlistviews { margin: 0 auto 5px 195px; font-size: 12px; float: none; display: block; text-align: right; text-indent: 0; padding-right: 7px; color: #666;}
ul.indextube li .vidlistlength { margin: 0 auto 2px 195px; font-size: 12px; float: none; display: block; text-align: left; text-indent: 0; padding-right: 0; color: #7d7151;}
ul.indextube li .tags { position: absolute; width: 440px; bottom: 2px; right: 0; font-size: 12px; float: none; display: block; text-align: right; text-indent: 0; padding-right: 3px; vertical-align: bottom;}
ul.indextube li .tags a { text-decoration: underline; display: inline-block; margin-right: 3px;}

ul.newstube li { background: url(/images/polje-status.png) no-repeat left top; list-style: none; position: relative; margin: 0 0 10px 0; height: 100px; padding: 0;  }
ul.newstube li .newslisttitle { color: #414042; height: 2.4em; word-wrap: break-word; margin: 2px auto 4px 3px; font-size: 16px; font-weight: bold; overflow: hidden; padding-top: 10px; padding-left: 10px; }
ul.newstube li .newslisttitle a { color: #3b5998; }
ul.newstube li .newslisttitle a:hover { color: #233660; }
ul.newstube li .newslistdesc { margin: 3px auto 0px 3px; font-size: 14px; color: #111111; height: 20px; overflow: hidden; padding-left: 10px;}
ul.newstube li .newslistviews { margin: 0 auto 0px 3px; font-size: 12px; float: none; display: block; text-align: right; text-indent: 0; padding-right: 7px; color: #111111; vertical-align: bottom; }


.inlinead { margin: 0 0 10px 0; height: 135px; padding: 5px; overflow: hidden; }
.inlinead .adsrc img { float: left; display: inline; margin-right: 10px; width: 180px; height: 135px; }
.inlinead .adsrc { }

ul.indexhor { margin: 0 0 5px -2px; list-style: none; }
ul.indexhor li { float: left; display: inline; width: 124px; height: 122px; margin: 0 0 4px 4px; padding-top: 4px; }
ul.indexhor li a img { display: block; margin: 0 auto; width: 120px; height: 90px; border: none; }
ul.indexhor li .vidlisttitle { text-align: center; font-size: 13px; width: 124px; overflow: hidden; height: 1.2em;}
ul.indexhor li .vidlistdesc { display: none; }
ul.indexhor li .vidlistviews { text-align: center; font-size: 10px;}
ul.indexhor li .vidlistlength { text-align: center; font-size: 10px; }

ul.indexhor li .newslisttitle { text-align: center; font-size: 13px; width: 124px; overflow: hidden; height: 1.2em;}
ul.indexhor li .newslistdesc { display: none; }
ul.indexhor li .newslistlength { text-align: center; font-size: 10px; }


.layblog ul.vidslist li { width: 100%; list-style: none; margin: 0 0 10px 0; padding: 0; background-color: #fffde4; border: solid 1px #eac06f; }
.layblog ul.vidslist li img { display: block; margin: 5px auto 0 auto; padding: 0 5px 0 5px; }
.layblog .vidslist .vidlistdesc { margin: 1px auto 4px auto; text-align: center; font-size: 12px; color: #623c26; }
.inside .layblog .vidslist .vidlistviews { float: right; display: inline; width: 120px; margin-top: 0; margin-bottom: 0; font-size: 10px; padding-right: 5px; text-align: right; height: 15px;}
.inside .layblog .vidslist .vidlistlength { float: left; display: inline; width: 120px; text-indent: 5px; margin-top: 0; margin-bottom: 0; font-size: 10px; height: 15px;}
.inside .layblog .vidslist .vidlisttitle { text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 3px; color: #623c26; }

.bottomnav { height: 125px; margin-left: -8px;}
.bottomnav div { float: left; display: inline; width: 205px; margin-left: 10px; }

.subsites { list-style: none; height: 100px; margin: auto;}
.subsites li { margin-left: 3px; float: left; padding-right:3px;  display: inline; width: 186px; text-align: center; font-weight: bold;}
.subsites img { margin: auto;  }
.centered {
	text-align: center;
}

#player {
	margin: 3px auto;
	text-align: center;
}

.addcomment {
	margin-left: 20px;
}



.centl { width: 500px; float: left; display: inline; }
.centr { width: 80px; float: right; display: inline; }

.naavi { background: url(/images/background-opis_1x200px.png) top repeat #fff;  }

.flv { width: 640px; color: #111; font-size: 15px; margin: 10px; word-wrap: break-word; }
.flv a { text-decoration: underline;}
.flv .vidsdesc { margin: 3px auto 5px 0; padding: 2px 0; font-size: 16px; font-weight: bold; color: #196e8c; margin-bottom: 15px; padding-left: 7px; }
.flv .vidlistviews, .flv .vidlistlength, .flv .vidlistposter, .flv .vidstags { font-size: 12px; font-weight: bold; margin-bottom: 4px; padding-left: 7px;}
.flv .vidstags { line-height: 140%; }
.flv .vidstags a { font-weight: normal; text-decoration: underline; margin-right: 5px;}
.flv .vidstags a:hover { text-decoration: none; }
.flv .vidsdesc span, .flv .vidlistviews span, .flv .vidlistlength span, .flv .vidlistposter span, .flv .vidstags span { display: inline-block; width: 70px; color: #ff5a5a;}

.flv p { line-height: 1.4em; margin-bottom: 6px;}
.flv ul li { margin-left: 20px; margin-bottom: 6px;}

.flv .vidsshare { font-size: 12px; font-weight: bold; height: 18px; }
.flv .vidsshare span { float: left; width: 70px; font-weight: bold; color: #875a45;}
.flv .vidsshare ul { list-style: none; height: 16px; float: left; display: inline;}
.flv .vidsshare ul li { float: left; display: inline; margin-right: 10px; margin-left: 0; margin-bottom: 0;}

.flv .vidlistrat { height: 18px;}
.flv .vidlistrat span { float: left; width: 70px; font-weight: bold; color: #875a45;}

.vertlist { list-style: none; width: 610px; }
.vertlist li { list-style: none; height: 128px; clear: both; margin-bottom: 7px; border-bottom: 1px dashed #ccc; }
.vertlist li img { display: block; float: left; width: 160px; height: 120px; margin: 0 5px 0 5px; }
.vertlist .vidlistdesc { font-size: 16px; font-weight: bold; }
.vertlist .vidlistviews { width: 150px; }
.vertlist .vidlistlength { width: 150px; }

ul.gals { list-style: none; height: 65px; margin-bottom: 5px; padding-left: 2px; }
ul.gals li { float: left; display: inline; margin-left: 5px; }

.logbox { margin-left: 15px;padding-top: 6px;}
.logbox ul { list-style: none; padding-left: 5px; padding-right: 10px;}
.logbox ul li { margin-bottom: 3px; }
.logboxerr { font-size: 14px; font-weight: bold; color: #e50000; padding-top: 6px; text-indent: 20px;}

.uploadpic { margin-bottom: 5px; padding-left: 6px;}
.uploadpic form { margin: 0; width: 700px; display: block;}
.red, .grn { font-size: 14px; font-weight: bold; text-indent: 10px; margin-bottom: 5px; }
.red { color: #e50000; }
.grn { color: #32b100; }

#rightside ul, #content ul.refs, #leftside ul.refs { list-style: none; text-align: left; padding-bottom: 10px;}
#rightside ul li, #content ul.refs li, #leftside ul.refs li { text-align: left; padding-left: 10px; height: 1.5em;}
#rightside ul li a, #content ul.refs li a, #leftside ul.refs li a { font-weight: bold; }
#rightside ul.refs span, #leftside ul.refs span { display: inline-block; width: 250px; height: 1.3em; overflow: hidden; font-weight: bold; padding-left: 0; margin-left: 0;}

#rightside p { margin-bottom: 3px; }

/* #rightside { float: right; background: #f00; display: inline; } */

.prevnex { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.prevnex .prev { float: left; display: inline; width: 100px; margin-left: 20px; }
.prevnex .next { float: right; display: inline; width: 100px; text-align: right; margin-right: 30px;}

.sharebox { width: 600px; margin: 0 auto 15px auto; padding-top: 15px;}
.sharebox .share1 { position: relative; height: 160px;}
.sharebox .sharebutton { position: absolute; top: 20px; right: 15px; z-index: 5; width: 80px; text-align: center; }
.sharebox p { width: 330px; margin-left: 160px; padding-top: 20px; font-size: 16px; font-weight: bold;}


#network { clear: both; z-index: 2; min-width: 970px; padding-top: 15px; background: url(/images/1x500px_background.png); color: #fff; }
#network ul { list-style: none; margin: 0 auto 0 auto; width: 940px; }
#network ul li { float: left; display: inline; width: 218px; margin: 0 0 0 15px; }
#network ul li ul { margin: 0 0 0 0; width: 100%; padding-bottom: 30px;}
#network ul li ul li { float: none; display: block; width: 210px; margin-bottom: 6px; background: url(/images/white-arrow_6x10px.png) 0px 3px no-repeat; padding-left: 12px;}
#network a { color: #ddd; font-size: 14px; letter-spacing: -1px;}
#network a:hover { color: #fff; text-decoration: underline; }
#network h4 { text-transform: uppercase; margin-left: 14px; font-size: 16px; font-weight: bold; margin-bottom: 12px; letter-spacing: -1px; border-bottom: 1px dotted #aaa; color: #fff;}

.fbook { width: 298px; border: 1px solid #cccccc; background-color: #f7f7f7; padding: 10px auto 10px auto; text-align: center; margin-bottom: 10px;}
fb:login-button {margin-top: 10px; margin-bottom: 10px;}




#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
z-index:1;
}