/*
	master.css
	Biip.no

	Created by Jesper Thøgersen on 2010-02-10.
	Copyright 2010 Biip.no AS. All rights reserved.
*/



/* Imports
--------------------------------------------------*/

	@import url(toolbox.css);



/* Clearfix
--------------------------------------------------*/

	.CF:after,.clearfix:after{ content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0; }
	*:first-child+html .CF,*:first-child+html .clearfix{display:inline-block;}
	html[xmlns] .CF,html[xmlns] .clearfix{display:block;}
	* html .CF,* html .clearfix{height:1%;}	



/* Tags
--------------------------------------------------*/

	body { font: 12px "lucida grande", tahoma, arial, sans-serif; margin: 0; padding: 1px 0; }
	
	a { text-decoration: none; }
	a img { border: none; }
	a:hover { text-decoration: underline; }
	
	h1, h2, h3, h4, h5, h6 { margin: 0; }
	

/* Framework
--------------------------------------------------*/
		

	/* ###### Site Wrappers ###### */
		
		#site-wrap { margin: 0 auto 0; position: relative; width: 1004px; }
		#site-wrap-ad { margin: 12px 0; min-height: 1px; text-align: center; }
		#site-wrap-inner { position: relative; top: 0; left: -6px; width: 1019px; }
	
	
	/* ###### Site Header ###### */
	
		.site-header { height: 58px; padding: 0 8px; position: relative; z-index: 50; }
		
		.site-logo { margin: 0; position: absolute; top: 6px; z-index: 100; }
		.site-logo > a { display: block; text-indent: -9000px; width: 91px; height: 53px; outline: none; }
		.site-logo > .site-logo-notifier > a { position: absolute; top: -15px; left: 75px; }
		.site-logo > .site-logo-notifier > a:hover { text-decoration: none; }
		
		/* Site Menu */	
		.site-menu { background-position: -520px top; font-size: 14px; position: absolute; top: 0; left: 8px; width: 1004px; max-width: 1004px; height: 58px; }
		.site-menu ul { position: absolute; left: 100px; }
		.site-menu ul > li { font-weight: bold; margin-top: -2px; padding: 0; position: relative; }
		.site-menu ul > li > a { background-position: left top; cursor: pointer; text-decoration: none; margin-left: -5px; padding-left: 15px; }
		.site-menu ul > li > a:focus { outline: none; }
		.site-menu ul > li > a > span { background-position: right top; cursor: pointer; display: block; height: 61px; line-height: 63px; margin-right: -5px; padding-right: 15px; }
		
		.site-menu .site-menu-notifier { display: block; }
		.site-menu .site-menu-notifier .UINotifyBubble { position: absolute; top: -7px; right: 10px; }
		.site-menu .site-menu-notifier .UINotifyBubble:hover { text-decoration: none; }
		
		/* Site Account */
		.site-account { position: absolute; top: 0; right: 8px; width: 425px; }
		.site-account .site-account-image { float: right; margin-left: 6px; }
		.site-account .site-account-welcometext { text-align: right; line-height: 16px; }
		.site-account .site-account-logout { font-size: 10px; }
		.site-account .site-account-menu { float: right; margin: 4px 0 0; }
		.site-account .site-account-menu > .UIHorizontalMenu > li { padding-right: 0; padding-left: 3px; }
		.site-account .site-account-menu > .UIHorizontalMenu > li > .UILinkButton,
		.site-account .site-account-menu > .UIHorizontalMenu > li > .UIDropdownItem > .UILinkButton { box-shadow: 0px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2); }
	
	
	/* ###### Site Body ###### */
	
		.site-body { padding: 0 6px 0 4px; }
		.site-body-bottom { height: 6px; }
		
		
		/* Body Content */
		.body-content { float: left; padding-top: 5px; width: 827px; }
		.body-content-inner { min-height: 650px; padding: 1px 2px; }
		.body-content-bottom { height: 6px; }
		
		
		/* Body Sidebar */
		.body-sidebar { float: right; position: relative; width: 180px; }
		.body-sidebar #sidebar-ad { position: relative; }
		.body-sidebar ul { list-style: none; margin-left: 2px; padding-left: 0px; text-indent; line-height:18px; }
		
		
		/* Body Footer */
		.body-footer { clear: both; line-height: 140%; padding: 1px 0; text-align: center; width: 824px; }
		.body-footer p { margin: 10px 0; }
		.body-footer .footer-copy { font-size: 10px; }
		.body-footer .footer-visit { font-size: 9px; }
		.body-footer .footer-links { font-size: 11px; }
		.body-footer .footer-links a { font-weight: bold; }



/* Modules
--------------------------------------------------*/

	/* ###### Sidebar Shout ###### */

		.sidebar-shout { margin-left: -2px; overflow: hidden; padding-top: 4px; width: 184px; }
		.sidebar-shout-inner { font-size: 14px; font-weight: bold; padding: 6px 10px; position: relative; }
		.sidebar-shout-bottom { min-height: 60px; position: relative; }
		.sidebar-shout .shout-addlink { font-size: 9px; position: relative; top: 4px; right: -1px; text-align: right; }
		.sidebar-shout .shout-addlink a:hover { text-decoration: none; }
		.sidebar-shout .shout-userpic { position: absolute; top: 10px; left: 6px; }
		.sidebar-shout .shout-userpic img { width: 42px; height: 42px; }
		.sidebar-shout .shout-userinfo { position: absolute; top: 13px; left: 58px; width: 120px; }
		.sidebar-shout .shout-userinfo .UIUserAlias { display: block; }
		.sidebar-shout textarea { margin-bottom: 4px; }
	
	
	/* ###### Sitemap ###### */
	
		.sitemap { border-top: 1px solid #eee; margin: 10px 0; padding: 0 10px; }
		.sitemap .sitemap-row { float: left; width: 100%; }
		.sitemap .sitemap-col { float: left; width: 24.5% }
		.sitemap .sitemap-block { border-left: 1px solid #eee; font-size: 11px; line-height: 150%; padding: 10px; }
		.sitemap .sitemap-col:first-child .sitemap-block { border: none; }
		.sitemap .sitemap-title { color: #3B809C; font-size: 14px; font-weight: bold; display: block; margin-bottom: 4px; }
		.sitemap .sitemap-col ol { list-style: none; margin: 0; padding: 0; }
		.sitemap .sitemap-col li { display: block; padding: 2px 0; }
		.sitemap .sitemap-col a {}
	
	
	/* ###### Meerkat AD ###### */
	
		#meerkat-wrap { background: url(../gfx/meerkat/meerkat-bg.png); position: relative; text-align: center; }
		.meerkat a img { border: none; }
		.meerkat-close { background: url(../gfx/meerkat/meerkat-close.png); font-size: 10px; display: block; position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; }
		.meerkat-dontshow { color: #fff; font-size: 10px; position: absolute; bottom: 10px; right: 10px; text-decoration: none; }
		.meerkat-dontshow:hover { text-decoration: underline; }
	
	
	/* ###### Video Ad ###### */
		
		#videoAd { background: url(../gfx/videoplayer/overlay.png); position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
		#videoAd-inner { background: #000; margin: 120px auto 0; position: relative; padding: 0px; width: 987px; height: 546px; -moz-box-shadow: black 0 0 20px; -webkit-box-shadow: black 0 0 20px; box-shadow: black 0 0 20px; }
		#videoAd-close { background: url(../gfx/videoplayer/close.png); cursor: pointer; position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; z-index: 1000; }
		#videoAd-title { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; position: absolute; top: 0px; left: 0px; color: #fff; background: #000; padding: 10px; }
		#videoAd-title a { color: #fff; }
		
		#overlayAd { background: url(../gfx/videoplayer/overlay.png); position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
		#overlayAd-inner { background: #000; margin: 120px auto 0; position: relative; padding: 0px; width: 800px; height: 600px; -moz-box-shadow: black 0 0 20px; -webkit-box-shadow: black 0 0 20px; box-shadow: black 0 0 20px; }
		#overlayAd-close { background: url(../gfx/videoplayer/close.png); cursor: pointer; position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; z-index: 1000; }
		#overlayAd-title { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; position: absolute; top: 0px; left: 0px; color: #fff; background: #000; padding: 10px; }
		#overlayAd-title a { color: #fff; }



/* Develop
--------------------------------------------------*/

	html.dev a[rel=nofollow] { border: 1px solid #ff0000 !important; color: #ff0000 !important; }