/*	Project:	Hotell Maritim c/o CustomPublish AS
	Author:		Paul Castle (paul@mindresin.co.uk)
	Revision:	11 - 11 - 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: #E5E9ED url(/getfile.php/1046717.1497.quqacavctf/background.jpg) top left repeat-x; }
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; }
.rounded5 						{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.rounded10 						{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.list_reset						{ margin: 0; padding: 0; list-style: none; }
hr							{ clear: both; }
/**
*	03.	Template Layout & Element Structure
*
*		03.a	Layout & Positioning
**/
#page	 						{ position: relative; width: 995px; margin: 0 auto; text-align: left; }
	#page .c_shadow_l				{ background: transparent url(/getfile.php/1046718.1497.vvqcsscvwq/c_shadow_l.png) top left repeat-y; }
	#page .c_shadow_r				{ background: transparent url(/getfile.php/1046719.1497.wtcrfbcfcw/c_shadow_r.png) top right repeat-y; }
	#page .c_onionpadd				{ margin: 0 10px; padding: 0 10px; background: #FCF8DB; }
#header							{ position: relative; height: 200px; }
	.admlink					{ position: absolute; right: 0; }
	#header .header_graphic				{ position: relative; width: 100%; height: 139px; margin: 170px 0 10px; background: transparent url(/getfile.php/1251404.1497.adbqcwvaxr/header-lys.png) top center no-repeat; float: left; display: inline; }
	#header ul.header_contact			{ position: absolute; right: 0; top: 10px; margin: 0; padding: 0; list-style-type: none; padding: 15px 10px 15px 0; }
	#header ul.header_contact li			{ font: normal normal 16px/1 "Myriad Pro", Verdana, Tahoma, sans-serif; color: #0F2754; text-align: right; margin: 4px 0; }
	#header ul.header_contact li a			{ color: #0F2754; text-decoration: underline; }
	#header ul.header_contact li a:hover,
	#header ul.header_contact li a:focus		{ color: #691C1E; }
	#header ul.header_contact li.strong		{ font-size: 18px; font-weight: bold; }
#content						{ min-height: 500px; height: auto !important; height: 500px; }
	#sidebar					{ width: 245px; float: left; display: inline; }
	#main						{ width: 700px; margin: 0; float: right; display: inline; font-size: 14px; }
#footer							{ margin: 0 auto; clear: both; padding: 25px 0 0; background: url(/getfile.php/1046720.1497.dxxppxyusb/footer.jpg) top center no-repeat; }
/**
*		03.b	Navigation
*
*		03.b.1	Top Navigation
**/
ul#topnav						{ position: absolute; right: 10px; bottom: 8px; margin: 0; padding: 0; list-style-type: none; }
ul#topnav li						{ display: inline; float: left; }
ul#topnav li a						{ display: block; font-size: 14px; font-weight: bold; color: #FCF8DB; padding: 8px; margin: 0 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
ul#topnav li a:hover, ul#topnav li a:focus		{ background-color: #0A1936; color: #FCF8DB; }
ul#topnav li a.itemselected,
ul#topnav li a.itemselected:hover,
ul#topnav li a.itemselected:focus			{ background-color: #691C1E; }
/**
*		03.b.2	Side Navigation
**/
ul#sidenav						{ margin: 0; padding: 0; list-style-type: none; }
ul#sidenav li						{  }
ul#sidenav li a						{ font-size: 12px; color: #FCF8DB; display: block; padding: 2px 0; }
ul#sidenav li a:hover, ul#sidenav li a:focus		{ color: #FCF8DB; }
ul#sidenav li ul.submenu				{ padding-left: 20px; }
ul#sidenav li ul.submenu li a				{ font-size: 12px; }
/**
*		03.c	Sidebar Elements
**/
.sidebar_item						{ margin: 0 0 15px; padding: 10px; color: #FCF8DB; font-size: 12px;
							-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.sidebar_item.blueblock					{ background: #09162F url(/getfile.php/1046716.1497.xbbwptppre/blue_tile.jpg); }
.sidebar_item.redblock					{ background: #401113 url(/getfile.php/1046715.1497.etvvdxavap/red_tile.jpg); }
.sidebar_item h2					{ margin: 0 0 5px 0; font: normal bold 18px/1 "Myriad Pro", Verdana, Tahoma, sans-serif; }
/**
*		03.d	Company Logotype
**/
a#logotype						{ position: absolute; top: 20px; left: 0; z-index: 50; display: block; width: 248px; height: 280px; text-indent: -999em; 
							background: transparent url(/getfile.php/1104136.1497.xdqrqvbryc/logotype-lofi.gif) center 30px no-repeat; outline: 0; }
a#logotype span.maritim_type				{ display: block; width: 100%; height: 78px; position: absolute; top: 160px; 
							background: transparent url(/getfile.php/1251336.1497.uxtwebfrqx/hotellmaritim.gif) center center no-repeat; }
a#logotype span.seventy_degrees				{ display: block; width: 100%; height: 16px; position: absolute; bottom: 7px;
							background: transparent url(/getfile.php/1046714.1497.ycebrpsqvr/seventy_degrees.gif) center center no-repeat; }
/**
*		03.e	Adminbar & Page Tools
**/
#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
**/
.pagelogo_container					{  }
img.pagelogo						{ width: 100%; display: block; margin: 0 auto; }
/**
*	04.	Article Listing & View Styling
**/
.author							{ font-size: 10px; color: #333; }
.basic							{  }
.block							{  }
.byline							{ margin: 0px; padding: 0px; }
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; }
.date							{ font-size: 8px; color: #333; }
.feedback						{ font-size: 10px; color: #333; }
.headline			 			{  }
.headlineview				 		{  }
.ingress						{  }
.ingressview						{ padding-bottom: 10px; font-size: 1.1em; color: #000;  }
.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 							{ font-size: 20px; line-height: 1; margin: 0 0 15px; color: #09162F; font-weight: bold; }
h2 							{ font-size: 18px; margin-bottom: 0.75em; }
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; }
/**
*	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
**/
.browserIE						{  }
	.browserIE6					{  }
	.browserIE7					{  }
	.browserIE8					{  }
.browserFF						{  }
.browserSafari						{  }
.browserOpera						{  }
}
/**  @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 **/