/*	Project:	Audiograf c/o CustomPublish AS
	Author:		Paul Castle (paul@mindresin.co.uk)
	Revision:	11 - 08 - 2009

	Notes:
	Text editor tabsize = 8 spaces.
	Section 07 (Browser Fixes) Relies on jquery.browserdetect.js
	Keep fixed styles at the end to guarantee overrides.

	Table Of Contents:

	@MEDIA SCREEN, TV, PROJECTION
		Initial Browser Settings				01.
		Styling Utilities					02.
		Template Layout & Element Structure			03.
			|_ Layout & Positioning				03.a
			|_ Navigation					03.b
				|_ Top Nav				03.b.1
				|_ Side Nav				03.b.2
				|_ Other Nav				03.b.3	
			|_ Sidebar Elements				03.c
			|_ Company Logotype				03.d
			|_ Adminbar & Page tools			03.e
			|_ Search Forms					03.f
			|_ Banner Locations				03.g
			|_ Pagelogo & Page Description			03.h
		Article List/View Styling				04.
			|_ Article List					04.a
			|_ Article View					04.b
			|_ Forum					04.c
		Typography						05
		Functionality & Features				06.
			|_ Calendar Style				06.a
			|_ Sitemap Style				06.b
			|_ Tag Cloud					06.c
		Browser Specific Fixes					07
	@MEDIA PRINT
	@MEDIA HANDHELD
*/


/**  @MEDIA - SCREEN,TV,PROJECTION Stylesheet **/
@media screen,tv,projection {
/**
	01.	Initial Browser Settings
**/
body							{ height: 100%; margin: 0; padding: 0; text-align: center; background: #D5D5D5 url(/getfile.php/976838.840.erqeebdufv/background.jpg) center center repeat-y; }
table							{ border-collapse: collapse; border-spacing: 0; }
fieldset,img						{ border: 0; }
a:link, a:visited					{ text-decoration: none; }
a:hover, a:focus					{ text-decoration: underline; }
/**
	02.	Styling Utilities
**/
.clear, .clearfix					{ clear: both; }
.hidden, .hide						{ visibility: hidden; }
.norender						{ display: none; }
.left							{ float: left; }
.right 							{ float: right; }
.list_reset						{ margin: 0; padding: 0; list-style: none; }
hr							{ clear: both; }
/**
*	03.	Template Layout & Element Structure
*
*		03.a	Layout & Positioning
**/
#background_header					{ background: transparent url(/getfile.php/976839.840.uxtyqwwqvy/background_header.jpg) 0 98px repeat-x; }
#page	 						{ position: relative; width: 960px; margin: 0 auto; text-align: left; }
	#header						{ position: relative; height: 189px; }
	.layout_top					{ background: #FFF url(/getfile.php/976826.840.ysbxetrwsc/layout_t.gif) top left repeat-x; zoom: 100%; }
	.layout_right					{ background: transparent url(/getfile.php/976845.840.bcryyfbfvs/layout_r.gif) top right repeat-y; zoom: 100%; }
	.layout_bottom					{ background: transparent url(/getfile.php/976841.840.swxxwwbdev/layout_b.gif) bottom left repeat-x; zoom: 100%; }
	.layout_left					{ background: transparent url(/getfile.php/976844.840.sacwawarwv/layout_l.gif) top left repeat-y; zoom: 100%; }
	.layout_topleft					{ background: transparent url(/getfile.php/976827.840.dwwefcbbqq/layout_tl.gif) top left no-repeat; zoom: 100%; }
	.layout_topright				{ background: transparent url(/getfile.php/976829.840.ypwudcuure/layout_tr.gif) top right no-repeat; zoom: 100%; }
	.layout_bottomleft				{ background: transparent url(/getfile.php/976842.840.fpqbwbwqdc/layout_bl.gif) bottom left no-repeat; zoom: 100%; }
	.layout_bottomright				{ background: transparent url(/getfile.php/976843.840.tuyqvfrfre/layout_br.gif) bottom right no-repeat; zoom: 100%; }
	#content					{ font-size: 12px; }
		#sidebar				{ position: relative; width: 220px; margin: 0 10px 20px 10px ; float: left; display: inline;
							min-height: 500px; height: auto !important; height: 500px; background: transparent url(/getfile.php/976833.840.dfcuysqaua/sidebar_shadow.jpg) right 56px no-repeat; }
		#main					{ width: 720px; margin: 10px 0 20px; float: left; display: inline; }
			.main_sidebar_header_container	{ position: relative; height: 66px;
							background: transparent url(/getfile.php/976832.840.tvevpvpcar/main_sidebar_header.gif) bottom left repeat-x; }
			span.main_sidebar_header	{ display: block; padding: 30px 0 40px 30px; margin: 0 0 0 -10px;
							font: normal bold 16px "Myriad Pro",Arial,Verdana,sans-serif; color: #FFF;
							background: transparent url(/getfile.php/976828.840.vxryttxwpa/layout_tl_on.gif) top left no-repeat; }
	#footer						{ margin: 0 auto; text-align: center; padding-bottom: 10px; border-top: 1px dashed #CDCDCD; }
/**
*		03.b	Navigation
*
*		03.b.1	Top Navigation
**/
ul#topnav						{ position: absolute; margin: 0; padding: 0; list-style-type: none; right: 10px; bottom: 54px; }
ul#topnav li						{ display: inline; }
ul#topnav li a						{ float: left; text-decoration: none; padding: 0 0 0 6px; margin: 0 0 0 10px; }
ul#topnav li a span					{ float: left; display: block; padding: 2px 12px 0 6px; height: 30px; cursor: pointer;
							font: normal bold 15px/1.6 "Myriad Pro",Arial,Verdana,sans-serif; text-transform: capitalize; color: #CCC; }
ul#topnav li a:hover span, ul#topnav li a:focus span	{ color: #FFF; text-decorat,ion: underline; }
ul#topnav li a.itemselected				{ background: transparent url(/getfile.php/976836.840.aessqqstpc/topnav_left2.gif) left top no-repeat; }
ul#topnav li a.itemselected span			{ background: transparent url(/getfile.php/976837.840.pwsyxrrwax/topnav_right.gif) right top no-repeat; color: #FFF; }
/**
*		03.b.2	Side Navigation
**/
ul#sidenav						{ margin: 0; padding: 0; list-style-type: none; }
ul#sidenav li						{ display: inline; }
ul#sidenav li a						{ font: bold 14px "Myriad Pro", Verdana, sans-serif; color: #253D6B; display: block; margin: 0; padding: 2px 5px 2px 15px; text-decoration: none; 
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #FFF; }
ul#sidenav li a:hover, ul#sidenav li a:focus		{ text-decoration: none; background: #EEE; border: 1px solid #B5171B; }
ul#sidenav li a.itemselected				{ color: #FFF; background: #B5171B; }
ul#sidenav li ul					{ padding-left: 18px; margin: 0; list-style-type: square; list-style-position: outside; color: #B5171B; }
ul#sidenav li ul.submenu li a				{ font-size: 11px; }
/**
*		03.c	Sidebar Elements
**/
.sidebar_item						{ padding: 0 20px 0 10px; }
.sidebar_item h2					{ color: #253D6B; font-size: 14px; padding-bottom: 4px; background: transparent url(/getfile.php/976840.840.fubxubwcre/header_underline.gif) bottom left no-repeat; }
.sidebar_item h2 a					{ color: #253D6B; }
.sidebar_item .sidebar_innerpadding			{ background: #F5F5F5; margin: 2px 0; padding: 3px; border: 1px dashed #DFDFDF; }
/*	sidebar art list */
.sidebar_listing					{ margin: 0; padding: 0; list-style-type: none; font-size: 11px; }
.sidebar_listing li					{ background: #F5F5F5; margin: 2px 0; padding: 3px; border: 1px dashed #DFDFDF; }
.sidebar_listing li.sidebar_listing_morelink		{ text-align: right; }
.sidebar_listing li a					{ padding: 3px; display: block; color: #253D6B; }
.sidebar_listing li a:hover,
.sidebar_listing li a:focus				{ color: #B5171B; }
/*	sidebar audiografen */
a.audiografen						{ color: #B5171B; }
.audiografen_text					{ width: 80px; margin: 0 5px 0 5px; float: left; }
.audiografen_image			{ float: right; }
div.audiografen img { float: right; width: 86px; border: 2px solid #2D3553; }

/*	sidebar newsletter */
form.newsletter						{  }
form.newsletter label.newsletter_label			{ display: block; font-size: 10px; }
form.newsletter input.newsletter_input			{ width: 100%; margin: 3px 0; padding: 2px; }
form.newsletter input.submitbutton			{ float: right; margin-right: -5px; }
form.newsletter input.example				{ color: #AAA; font-style: italic; }
/*	sidebar bli medlem */
.blimedlem .sidebar_innerpadding			{ padding: 5px; }
.blimedlem a						{ float: right; color: #253D6B; padding-bottom: 10px; }
/**
*		03.d	Company Logotype
**/
a.logotype_main						{ display: block; float: left; position: relative; left: 10px; top: 10px; }
a.logotype_main:hover, a.logotype_main:focus		{ opacity: .5; }
div.header_info						{ float: right; margin: 10px 10px 0 0; }
div.header_info ul					{ float: right; margin: 8px 10px 0 0 ; padding: 0; list-style-type: none; font-size: 11px; }
div.header_info ul li					{ text-align: right; color: #3d668f; margin: 0 0 2px 0; }
div.header_info ul li.slogan				{ font-weight: bold; font-style: italic; font-size: 12px; }
a.logotype_sub						{ display: block; float: right; }
a.logotype_sub:hover, a.logotype_sub:focus		{ opacity: .5; }
/**
*		03.e	Adminbar & Page Tools
**/
.adminbar_header					{ position: absolute; right: 10px; bottom: -4px; background: #fff; border: 2px solid #3d668f; padding: 2px; }
.adminbar_header p					{ font-size: 10px; font-weight: bold; }
#tools							{ list-style-type: none; }
#tools li						{ background-position: center left; background-repeat: no-repeat; }
#tools li#tips						{  }
#tools li#printable					{  }
/**
*		03.f	Search Forms
**/
#searchform						{ position: absolute; bottom: 30px; right: 20px; width: 200px; height: 20px; }
#searchform .searchinput				{ width: 129px; padding: 2px; margin: 0; border: 0; 
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#searchform .searchinput:focus				{ background: #EDECCD; }
#searchform .searchsubmit				{ background: #EDECCD; border: 1px solid #E7D559; color: #503E1A; font-weight: bold; 
							-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#searchform .searchsubmit:hover,
#searchform .searchsubmit:focus				{ background: #E7D559; }
/**
*		03.g	Banner Locations
**/
.bannerlocation						{ clear: both; text-align: center; }
.bannerlocation img					{ border-width: 0px; }
/**
*		03.h	Page Logo & Page Description
**/
#feature_article					{ display: none; }
.catid_36515 #feature_article				{ display: block; position: relative; float: left; width: 700px; top: 20px; left: 0px; margin-bottom: 15px; color: #FFF;
							border: 1px solid #29314D; }
#feature_article .feature_content			{ position: absolute; width: 300px; height: 251px; top: 0; left: 90px; background: #000; z-index: 20; 
							background: transparent url(/getfile.php/978457.840.patarvqfrp/feature_opacity.png) top left repeat; _background: #000; }
#feature_article h1 a					{ color: #FFF; }
#feature_article .feature_link 				{ position: absolute; right: 10px; bottom: 10px; }
#feature_article .feature_link a			{ color: #FFF; font-size: 10px; }
#feature_article .feature_padd				{ padding: 5px 10px; }
#feature_article .cornerimg				{ position: absolute; width: 10px; height: 10px; background-image: url(/getfile.php/978422.840.xwrsuqpsqf/feature_corner.gif); font-size: 1px; zoom: 100%; z-index: 20; }
#feature_article .tl					{ background-position: top left; top: -1px; left: -1px; }
#feature_article .tr					{ background-position: top right; top: -1px; right: -1px; }
#feature_article .bl					{ background-position: bottom left; bottom: -1px; left: -1px; }
#feature_article .br					{ background-position: bottom right; bottom: -1px; right: -1px; }
#feature_article .feature_payload			{ position: relative; width: 700px; height: 250px; top: 0; left: 0; z-index: 1; overflow: hidden; }
#feature_article .feature_payload a			{ display: block; position: relative; left: 0; top: 0; }
#feature_article .feature_payload a img			{ position: absolute; left: 0; top: -40px; }
/**
*	04.	Article Listing & View Styling
**/
/*	Listing	*/
#listing						{ width: 515px; float: left; display: inline; }
#article_sidebar					{ width: 200px; float: right; display: inline; margin: 10px 5px 0 0px; }
.listing_block						{ position: relative; width: 100%; margin: 10px 0 20px; padding-bottom: 20px; border-bottom: 1px dashed #DDD; min-height: 150px; height: auto !important; height: 150px; }
h1.articlelist_headline					{ font: normal bold 16px/1 Arial,Verdana,sans-serif; margin: 5px 0 10px 0; padding: 0; }
h1.articlelist_headline a				{ color: #A20608; }
.articlelist_listingpic					{ float: left; width: 160px; margin: 0 10px 10px 0; display: inline; }
.articlelist_ingress					{ float: left; width: 320px; margin: 0; display: inline; }
.articlelist_listingpic img				{ border: 2px solid #FFF; outline: 2px solid #A20608; }
.articlelist_link 					{ position: absolute; bottom: 5px; right: 0; }
.articlelist_link a					{ color: #A20608; }
.pagebar a						{ padding: 5px; color: #FFF; background: #454b61; margin: 5px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pagebar a:hover, .pagebar a:focus			{ background-color: #A20608; }
.pagebar .next						{ float: right; }
.pagebar .prev						{ float: left; }
.listing_block.nopic .articlelist_listingpic		{ display: none; }
.listing_block.nopic .articlelist_ingress		{ width: 100%; }
/*	View	*/
#view							{ width: 515px; float: left; display: inline; }
#view .view_byline					{ font-size: 10px; color: #888; padding-bottom: 10px; }
#view .view_ingress					{ margin: 0 0 15px 0; }
#view .view_ingress img					{ margin: 0 15px 15px 0; border: 2px solid #FFF; outline: 2px solid #A20608; }

/*	General	*/
.admlink						{ text-align: right; font-size: 9px; }
.admlink a						{ color: #3D668F; }
.basic							{  }
.block							{  }
.byline							{ font-size: 10px; color: #888; padding-bottom: 10px; }
p.copyright						{ padding-top: 10px; font-size: 11px; color: #999; }
p.custompublish						{ font-size: 11px; color: #999; }
p.custompublish a					{ font-size: 11px; color: #C60; }
p.custompublish a:hover, p.custompublish a:focus	{ color: #630; text-decoration: underline; }
.feedback						{ font-size: 10px; color: #333; }
.headline			 			{  }
.headlineview				 		{  }
.ingress						{  }
.ingressview						{  }
.link 							{  }
#pagedescription					{  }
.subheadline				 		{  }
/**
*	05.	Typography
**/
body 							{ font-size: 100%; color: #222; font-family: Verdana, Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 					{ font-family: "Myriad Pro",Arial, Tahoma, Verdana, sans-serif; }
h1 							{ color: #C2171B; display: block; font-size: 20px; line-height: 1; margin: 20px 0 15px; }
h2 							{ font-size: 16px; margin-bottom: 10px; }
h3 							{ font-size: 16px; line-height: 1; margin-bottom: 1em; }
h4 							{ font-size: 14px; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em;}
h5 							{ font-size: 12px; font-weight: bold; margin-bottom: 1.5em;}
h6 							{ font-size: 10px; font-weight: bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img 		{ margin: 0;}
p							{ margin: 0 0 15px;}
p img							{ float: left; margin: 15px 15px 15px 0; }
p img.right 						{ float: right; margin: 15px 0 15px 15px; }
a							{ color: #009; }
a:focus, a:hover					{ color: #000; }
blockquote 						{ margin: 15px; color: #666; font-style: italic; }
pre, code						{ margin: 15px 0; white-space: pre;}
pre, code, tt						{ font: 1em 'andale mono', 'lucida console', Fixedsys, monospace; line-height: 1.5; }
.highlight						{ background: #ff0; }
.subtext 	{ font-style: italic; color: #666666; }

/**
*	06.	Funcitonality & Features
*
*		06.a	Calendar
**/
.calender						{ padding: 5px; }
.calender .calmonthname					{ background: #E1E9F9; padding: 3px; border: 1px solid #BDD0EC; }
.calender .caldayname					{ background: #fff; }
.calender table						{ margin: 5px auto; padding: 0;  }
.calender .cell						{ margin-top: 10px; }
.calender th						{ background: #fff; border: 1px solid #BDD0EC; }
.calender td						{ background: #E1E9F9; border: 1px solid #BDD0EC; }
.calender .caltoday					{ font-weight: bold; background: #214388; color: #fff; }
.calender .caldayhasevent				{ font-weight: bold; text-decoration: underline; }
.calsaturday, .calsunday				{ cursor: pointer; color: #999; }
.icalendardayhead 					{ background-color: gray; }
.monthlycalendartable 					{ width: 100%;}
.calendardate						{ color: #333; font-size: 85%; }
/**
*		06.b	Sitemap
**/
#sitetree						{  }
a.sitetree:link						{  }
a.sitetree:visited					{  }
a.sitetree:hover, a.sitetree:focus			{  }
/**
*	07.	Browser Specific Fixes
**/
.browserIE6 .main_sidebar_header_container		{ top: -24px; left: 0; }
.browserIE6 span.main_sidebar_header			{ position: relative; top: 24px; left: -10px; margin: 0; }
.browserIE6 #main					{ margin: 30px 0 0 0; }
.browserIE6 #listing, .browserIE6 #view		{ width: 500px; margin: 0; overflow: hidden; display: inline; }
.browserIE6 #sidenav					{ position: relative; margin: 0; padding: 0; float: left; width: 100%; }
.browserIE6 #sidenav li					{ float: left; height: 1%; position: relative; }
.browserIE6 #sidenav li a				{ height: 1%; overflow: auto; }
.browserIE6 .sidebar_item				{ margin: 0 20px; padding: 0; }
}
/**  @MEDIA - PRINT Stylesheet **/
@media print {
body 							{ line-height: 1.5; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
							color: #000; background: none; font-size: 10pt; }
hr 							{ background: #ccc; color: #ccc; width: 100%; height: 2px; margin: 2em 0; padding: 0; border: none;}
h1, h2, h3, h4, h5, h6 					{ font-family: "Myriad Pro", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; }
code 							{ font: .9em "Courier New", Monaco, Courier, monospace; }
img 							{ float: left; margin: 1.5em 1.5em 1.5em 0; }
a img 							{ border: none; }
blockquote 						{ margin: 1.5em; padding: 1em; font-style: italic; font-size: .9em; }
.small 							{ font-size: .9em; }
.large 							{ font-size: 1.1em; }
.quiet 							{ color: #999; }
.hide 							{ display: none; }
a:link, a:visited 					{ background: transparent; font-weight: 700; text-decoration: underline; }
a:link:after, a:visited:after 				{ content:" (" attr(href) ") "; font-size:90%; }
}
/**  @MEDIA - HANDHELD Stylesheet **/