/* -- HACKS -- */
:focus {-moz-outline-style: none;} /* hack mozilla not to display the dotted border for links */

/* --- PAGE STRUCTURE --- 
main settings for changing sizes of boxes (also check at each section for changing width of elements within the bounding box accordingly!)*/
#mainTable {width:960px;}
#topBanner {width:960px; height:123px; display:block; border-bottom:1px solid #C0C3C9;position:relative;background:url(../home/i/tmpl/top-banner-960-new.gif) no-repeat #F0F0F0;}
#topBanner .webby { position:absolute; top:0px; left:750px; width:81px; height:70px;
	background:url(../home/i/tmpl/webbytop.gif) no-repeat; }
#searchBox {position:absolute; top:8px; left:793px; width:155px;}
#themesDiv {width:451px;padding:10px 0 10px 10px;overflow:visible}
#topRightColumn {width:185px;height:auto;overflow:visible}
#unBoundWrapper {width:473px;border: 1px #A7A7A7 solid; border-top:none; margin-left:0px;}
#pulpit {width:226px;}		
#events {width:188px;}

/*important general classes*/
.noBorderBox {margin:10px 5px;}	
.sideAd {width:129px; margin:10px 5px 5px 5px; background-color:#FFF;}
.sideAdContainer {width:129px; margin-bottom:7px;}
.frameworkBorderLeft {border-left:0px #A7A7A7 solid; }
.frameworkBorderRight {border-right:0px #A7A7A7 solid;}
.leftBorder {border-left:0px #A7A7A7 solid;}
.boxMargin {margin:10px 5px 5px 5px;}
.borderBoxGray {margin:5px;border: 1px #A7A7A7 solid;}
.borderBoxGrayMiddle {margin:10px 5px;border: 1px #A7A7A7 solid;}

/*affects bottom section*/
#bottomTable .hdr {height:5px; display:block; background:#A7A7A7;}
#bottomTable .content {padding:10px;}
#bottomTable h3 {font-size:12px; font-weight:bold;}
#bottomTable a {font-size:11px;}	

/* adjustments */
.clearFloats {clear:both; line-height:1px; font-size:1px;}
.bottom5 {margin-bottom:5px;}
.top5 {margin-top:5px;}


/* --- PAGE DESIGN --- */
body { margin:0; background:url(../uimages/bgfade-984.gif) 50% 0 repeat-y #F0F0F0}
h4 {margin:0;}
h3 {margin:0;}
td {vertical-align:top;} 
p {margin:3px 0; font:12px Georgia, "Times New Roman", Times, serif; color:#444;}

a {font:12px/13px trebuchet ms, Georgia, "Times New Roman", Times, serif; color:#226C99; text-decoration:none;}

a:hover {text-decoration:underline;}
a img {border:0;}
a.mini, div.mini a { font:12px/13px "trebuchet ms"; display:block; padding-left:8px; background:url(../uimages/04/bullet-gray.gif) no-repeat 0 50% }

div.doubleLine {margin-bottom:10px; padding-bottom:10px; border-bottom:3px double #727272;}
div.dotLine {height:1px; line-height:0; font-size:0; margin:16px 0; background:url(../uimages/dotted-horiz-line.gif) 0 0 repeat-x;}

a.articleIcon, a.audioIcon { font:11px/13px "trebuchet ms"; display:block; padding:1px 0 1px 17px }
a.articleIcon { background:url(../uimages/bullets/article-icon.gif) no-repeat 0 50% }
img.audioIcon { vertical-align:middle; padding-left:3px }
a.audioIcon { background:url(../uimages/bullets/audio-icon.gif) no-repeat 0 50% }


/* --- SECTIONS --- */
/* New Header Fonts*/
.boxHeader {font:normal 45px Georgia; margin:0.8em 0; color:#000000;}

/*#enxLogo { position:absolute; top:65px; left:860px }
#enxLogo a { text-indent:-2000em; display:block; width:100px; height:30px }*/


#namechange { position:absolute; top:75px; left:310px }
#namechange a { text-indent:-2000em; display:block; width:110px; height:20px }



/* ---------- nav -------- */
#nav {position:absolute; top:122px; left:20px; width:950px }
	#nav a {float:left; display:block; text-indent:-2000px; height:26px}
	#nav a:hover {background-position:0 -26px;}
	a#themes {background:url(../home/i/nav/theme-pages.gif) no-repeat; width:95px}
	a#magazine {background:url(../home/i/nav/magazine.gif) no-repeat; width:77px}
	a#audio-video {background:url(../home/i/nav/audio-video.gif) no-repeat; width:95px}
	a#live-events {background:url(../home/i/nav/live-events.gif) no-repeat; width:77px}
	a#store {background:url(../home/i/nav/store.gif) no-repeat; width:42px}
	a#donate {background:url(../home/i/nav/donate.gif) no-repeat; width:54px}
	a#direct {background:url(../home/i/nav/direct.gif) no-repeat; width:66px}
#navnew {position:absolute; top:98px; left:0px; width:960px; height:25px; background:url(../home/i/nav/nav-bg.gif); font-color:#FFF}
#navnew a {color:#FFF; margin-left:5px; margin-right:5px;}
.ie #navnew {position:absolute; vertical-align: bottom; top:98px; left:0px; width:960px; height:25px; background:url(../home/i/nav/nav-bg.gif); font-color:#FFF}






#shortcutsnew {float:right; margin:0px 20px 0 0; display:inline;}

#shortcuts {float:right; margin:10px 20px 0 0; display:inline}
	a#about {background:url(../home/i/nav/about.gif) no-repeat; width:60px; height:12px}
	a:hover#about {background-position:0 -14px;}

	a#jobs {background:url(../home/i/nav/jobs3.gif) no-repeat; width:31px; height:12px; margin-left:2px;}
	a:hover#jobs {background-position:0 -13px;}

	a#support {background:url(../home/i/nav/support.gif) no-repeat; width:74px; height:14px}
	a:hover#support {background-position:0 -14px;}
	a#contact {background:url(../home/i/nav/contact.gif) no-repeat; width:43px; height:11px}
	a:hover#contact {background-position:0 -13px;}

#searchBox input#textArea {width:100px; height:16px; font:10px verdana; }
#searchBox input#searchButton {position:relative; top:2px; }		

/* ---------- webby07 -------- */

#webby07 h3 { font:20px/24px georgia; color:#424242; margin:0 0 0.4em }
#webby07 p, #webby07 a { font:13px georgia }

/* ---------- themes -------- */
#themesDiv h3 { font:bold 14px/21px georgia; color:#6e6e6e }
#themesDiv h3 b { color:#111; text-transform:uppercase; font-size:13px }
#themesDiv a {display:block; width:72px; margin:10px 12px 0 0;}
#themesDiv a.themeLast {margin-right:0}
#themesDiv a img { border:3px solid #ccc }
#themesDiv a p {font:normal 11px/12px georgia; color:#444; margin-top:10px;}
#themesDiv a:hover {color:#7E7E7E; text-decoration:underline;}
#themesDiv a:hover img { border:3px solid #2B6394 }
#themesDiv a.viewAll { float:right; margin:9px 0 0; width:200px; padding:0;text-align:right; font:bold 12px georgia; }
#themesBot {height:8px; width:100%; display:block; background:#2B6394;margin:0;padding:0}

#themesSuperwide #themesDiv {width:650px; padding-left:30px}
#themesSuperwide #themesBot {width:650px; margin-left:10px}
#themesDiv a {width:75px}

/* unbound at the top */
#themesDiv td .lineBox { background:url(../home/i/tmpl/unbound-head-line.gif) top right no-repeat; }
#themesDiv a.unbTopFeature {margin-right:4px}
#themesDiv .nameBar { /* margin:4px 4px */ width:86px; padding:4px }
.ie6 #themesDiv .nameBar { /* width:78px  */ }
#themesDiv .nameBar a { margin:0 }
#themesDiv .nameBar, #themesDiv .nameBar a { font:normal 11px/12px verdana; color:#444; }
#themesDiv .nameBar a img { border:none; margin-left:4px }
#themesDiv .nameBar a:hover img { border:none }
#themesDiv a.unbTopFeature img.boxed { border:3px solid #ccc; margin:0 }
#themesDiv a.unbTopFeature:hover img.boxed { border:3px solid #2B6394 }
#themesDiv td {background-color:none}
#themeImg img { margin-right:5px; margin-bottom:16px}

/* ---------- email signup homepage-------- */
#signupBoxHome { padding:0px 0px 0px }
#signupBoxHome h2 { margin-bottom:8px }
#signupBoxHome form { display:block; margin:0px 0 }
#signupBoxHome input#email { width:90px; font:11px verdana; color:#666 }
#signupBoxHome input#go { font:bold 11px verdana }
#signupBoxHome p.thanks { padding:4px; background-color:#fff }
#signupBoxHome a { color:#0870b0 }
#signupBoxHome #privPop { display:none; 
					margin-top:8px; padding:4px 8px;
					background-color:#fff;  }
#signupBox #privPop p { font-size:10px; color:#666 }


/* ---------- email signup -------- */
#signupBox { background-color:#f0f0f0; padding:4px 11px 8px }
#signupBox h2 { margin-bottom:8px }
#signupBox form { display:block; margin:4px 0 }
#signupBox input#email { width:90px; font:11px verdana; color:#666 }
#signupBox input#go { font:bold 11px verdana }
#signupBox p.thanks { padding:4px; background-color:#fff }
#signupBox a { color:#0870b0 }
#signupBox #privPop { display:none; 
					margin-top:8px; padding:4px 8px;
					background-color:#fff;  }
#signupBox #privPop p { font-size:10px; color:#666 }



/* form validation */
#signupBox .lblErr {color: #DB4300 }
#signupBox .errMsg {color: #222; display:none; font:11px verdana; margin:2px 0; padding:4px 8px; background-color:#fff; }





#featureImage {margin-bottom:10px;}


/* ---------- unbound -------- */
#tdUnbound { background:#FFF} 




#unbound {padding:0px; }
#unbound a {text-decoration:none;}
#unbound a:hover {text-decoration:underline;}
#unbound .featured { float:left; margin:10px 10px 0 0 ; padding-top:0px; }
#unbound .photos { float:left; margin:5px 5px 0 0; display:inline}
#unbound .featured img { margin-bottom:8px }


#unbound .featured .right {margin:8px 0 10px;}
#unbound .featured h2 {font:12px georgia; text-decoration:none; margin-bottom:3px}
#unbound .featured h3 {font:16px georgia; text-decoration:none; margin-bottom:3px}
#unbound .featured h3 a {font:18px georgia; text-decoration:none;}


#unbound .featured h4 {margin:0px 0 10px; font-size:14px; font-weight:normal; text-decoration:none;}
#unbound .featured h3 a:hover, #unbound .featured h4 a:hover {text-decoration:underline;}
/* #unbound .featured p { font-size:13px; line-height:17px } */
#unbound .line {margin:12px 0 0 42px; background:#A7A7A7; height:1px; width:400px; display:block;}

/*#unbound .extra {float:left; margin-top:30px; display:inline;}


#unbound .extraBox {}
	#unbound .extraBox img {float:left; margin:5px 10px 0 0;}
	#unbound .extraBox .right {padding-bottom:10px;}
	#unbound .extraBox h3 {font:bold 12px georgia;}

a#ubLink {float:right; margin-top:5px; font:bold 12px georgia; text-decoration:none;}
a:hover#ubLink {text-decoration:underline;}

/* ---------- pulpit -------- */
#pulpit h3 { margin-bottom:10px }
#pulpit h4 { font-size:13px; font-weight:normal; color:#777; margin-bottom:15px  }
#pulpit p { margin: 0.5em 0 1em }


/* ---------- events -------- */
#events .eventBlock { margin-bottom:8px;  }
	.eventBlock .miniPhoto { float:left }
	.eventBlock .miniCopy {	float:left; margin-left:7px; display:inline; width:120px; padding:0 }
	.eventBlock .miniCopy p { margin:0 0 0.6em; padding:0 }
#events .line {margin:12px 0; background:#ccc; height:1px; width:100%; display:block;}		
		

/* ---------- most popular -------- */
#mostPopular {width:175px; margin-left:2.5px;}
.ie #mostPopular {width:183px; margin-left:2px;}

#mostPopular h3 {border:1px solid #A7A7A7; border-bottom:none; margin:0; padding:5px 5px 5px 5px; background:#FFF;}

#topTabs {width:174px; height:29px; display:block; background-color:#FFF; border-right:1px solid #A7A7A7}
.ie #topTabs {width:183px; height:29px; display:block; background-color:#FFF; border-right:1px solid #A7A7A7}

#topTabs .on {z-index:300; color:#000; background-position:right -29px; cursor:default; text-decoration:none;}
#topTabs a {
	position:relative;
	padding:7px 5px 8px 5px;
	border-left:1px solid #A7A7A7;
	display:block;float:left;
	font-size:11px; color:#777; 
	background: #FFF url(../home/i/tmpl/tab-bg.gif) top right no-repeat;
	}
	a#popAVTab {z-index:300; }

	/*a#popArticlesTab {z-index:200; left:-4px;}*/
	/*a#popPeopleTab {z-index:100; left:-7px;}*/

	a#popArticlesTab {z-index:200;}
	a#popPeopleTab {z-index:100;}
	#popPeopleContent,#popArticlesContent {display:none;}
	
#popularContent {clear:both; padding:5px 10px 10px 10px; border:1px solid #A7A7A7; border-top:0 }
#popularContent ol { margin:0; padding:0 5px 0 15px; font:10px gerogia; color:#266C94; padding-top:10px  }
#popularContent li { margin:5px 0; padding:0; }
#popularContent ol a {font-size:11px; text-decoration:none;}
#popularContent ol a:hover {text-decoration:underline;}	
	

/* ---------------------------------- */
/* --- footer--- */		
#footer {clear:both; padding:10px 0 20px 0; text-align:center; border-top:1px solid #C0C3C9; background:#FFF url(../home/i/tmpl/footer-bg.gif) 0 -50px repeat-x;}
#footer {color:#666;}
#footer .footerCopyright { color:#aaa; font-size:9px; margin:20px 0 }
.footerCol { text-align:left; padding:0 12px; }
#footer h6 { font:italic 14px "georgia"; margin:0.8em 0; color:#505050 }
.footerCol a { font-size:11px }


/* ---New MAGAZINE AD --- */
#newMagazineAd wrap {padding:8px 8px 8px 10px; display:block; border:1px solid #ccc; background:#FEFBE1;}


#newMagazineAd p.offer {text-decoration:underline; width:104px }
/* #newMagazineAd a {font-family: Georgia, Arial ,Helvetica; font-size:11px; color:#226C99; font-size:11px;} */

/* ---New Pic Box --- */
#picBox p {font-family:Georgia, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; margin:0px 0pt 0pt 0pt;}



#intlAd2 {background-color:#FFF; padding:10px 5px 3px;}
	#intlAd a { display:block; background: no-repeat; padding-left:18px; color:#444444; font-family:"verdana"; font-size:9px; margin-bottom:7px }
	#intlAd a.fr { background-image:url(../home04i/flag-fr.gif) }
	#intlAd a.de { background-image:url(../home04i/flag-de.gif) }
	#intlAd a.ru { background-image:url(../home04i/flag-ru.gif) }
	#intlAd a.nl { background-image:url(../home04i/flag-nl.gif) }

