/*******************/
/*   TOP NAV     */
/*******************/

#navbarcontainer { width:968px; margin:0; padding:0; float:left; height:48px; }
#navbar-left { background-image:url(../images/style1/navbar-left.png); background-repeat:no-repeat; width:6px; height:48px; float:left; }
#navbar-stretch { background-image:url(../images/style1/navbar-stretch.png); background-repeat:repeat-x; width:956px; height:48px; float:left; }
#navbar-right { background-image:url(../images/style1/navbar-right.png); background-repeat:no-repeat; width:6px; height:48px; float:right; }
#logo { float:left; height:30px; width:143px; margin:8px 0 0 6px; }
#logo a { margin:0; padding:0 0 0 35px; text-transform:lowercase; color:#FFF; font:bold 28px Arial, Helvetica, sans-serif; line-height:15px; letter-spacing:-1px; background: url(../images/logoicon.png) no-repeat 0 3px; }
#navigation { float:left; width:591px; height:48px; padding:0;}

/*vertical separator line*/
.navspacer { background-image:url(../images/style1/navspacer.png); background-repeat:no-repeat; height:28px; width:2px; margin:8px 15px 0 15px; float:left; }

/*class which cofon recognises*/
.navtext { font-weight:normal; text-transform:lowercase; }

/* Opera navigation padding fix (its 1 pixel out of place without this)*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{ head~body .navtext { padding-top:12px } }

#feeds { padding-left:22px; background-image:url(../images/feeds.png); background-repeat:no-repeat; background-position: 0 14px;}
	#feeds:hover { background-position: 0 -32px; }
#login { padding-left:18px; background-image:url(../images/style1/login.png); background-repeat:no-repeat; background-position: 0 14px; padding-right:0; }
	#login:hover { background-position: 0 -32px; }
	
	
	
/*******************/
/*   LOGIN POPUP   */
/*******************/

#loginbox-wrapper { width:500px; height:225px; background-image:url(../images/style1/loginbg.png); }
#loginbox-container { width:214px; height:185px; float:left; margin-left:18px; margin-top:18px; }
	#loginbox-container p { color:#819aa1; line-height:22px; text-align:justify; margin:0; padding:0; font-size:12px }
#loginbox-loginheader { width:214px; height:38px; float:left; margin:0 0 11px 0; background-color:#fff; background-image:url(../images/style1/memberslogin.png); }

#loginbox-register-container { width:199px; height:185px; float:left; margin-left:46px; margin-top:18px; }
	#loginbox-register-container p { color:#819aa1; line-height:22px; text-align:justify; margin:0; padding:0; font-size:12px }
#loginbox-registerheader { width:199px; height:38px; float:left; margin:0 0 11px 0; background-image:url(../images/style1/registration.png); background-repeat:no-repeat;}

/* Opera margin fix for text input spacing */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{ head~body #loginbox-loginheader { margin:0; } }

#forgotpassword { margin-top:9px; margin-left:11px; float:left; font-size:12px }

/*LOGIN POPUP BUTTONS*/
#loginbutton { background-image:url(../images/style1/login-button.png); background-repeat:no-repeat; width:61px; height:34px; float:left; }
	#loginbutton:hover { background-position:0 -34px; cursor:pointer; cursor:hand; border:0 }
#createaccountbutton { background-image:url(../images/createaccount-button.png); background-repeat:no-repeat; width:147px; height:34px; float:left; margin:0; padding:0; }
	#createaccountbutton:hover { background-position:0 -34px; cursor:pointer; border:0 }

/*******************/
/*   FEEDS POPUP   */
/*******************/

#feedsbox-wrapper { width:500px; height:130px; background-image:url(../images/style1/feedsbg.png); }
#feedsbox-container { width:464px; height:94px; float:left; margin-left:18px; margin-top:18px; }
#feedsbox-loginheader { width:214px; height:38px; float:left; margin:0 0 11px 0; background-color:#fff; background-image:url(../images/style1/feedstitle.png); }

/*FEEDS UNORDERED LIST*/
#feedslist { width:464px; float:left; list-style:none; margin:0; padding:0; }
	#feedslist li { height:40px; width:40px; float:left; margin-right:11px; }

/*FEEDS ICON STYLE*/
.feedsicon { width:40px; height:40px; float:left; display:block }
	.feedsicon:hover { background-position:0 -40px }

.feed-rss { background-image:url(../images/feeds/rss.png); }
.feed-twitter { background-image:url(../images/feeds/twitter.png); }
.feed-facebook { background-image:url(../images/feeds/facebook.png); }
.feed-flickr { background-image:url(../images/feeds/flickr.png); }
.feed-digg { background-image:url(../images/feeds/digg.png); }
.feed-del { background-image:url(../images/feeds/del.png); }
.feed-youtube { background-image:url(../images/feeds/youtube.png); }
.feed-yahoo { background-image:url(../images/feeds/yahoo.png); }
.feed-stumble { background-image:url(../images/feeds/stumble.png); }