/*	Project:	Chair Of The Year c/o CustomPublish AS
	Author(s):	Paul Castle (paul@mindresin.co.uk)
	Revision:	13 - 04 - 2010

	Notes:
	Text editor tabsize = 8 spaces.

	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 Box Styling				04.a
			|_ Article List					04.b
			|_ Article View					04.c
			|_ Typical Article Settings			04.d
		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: #DFC89F url(http://img0.custompublish.com/getfile.php/1204189.520.ybyxsapqer/background_grain.jpg); }
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							{  }

/*
*	03.	Template Layout & Element Structure
*
*		03.a	Layout & Positioning
*/
#backgroundHeader					{ background: transparent url(http://img0.custompublish.com/getfile.php/1204191.520.xvxursrebw/background_header.jpg) top center no-repeat; zoom: 1; }
#backgroundTop						{ background: transparent url(http://img0.custompublish.com/getfile.php/1204190.520.rwfvwcaxbs/background_top.jpg) top center repeat-x; zoom: 1; }
#page	 						{ position: relative; width: 980px; margin: 0 auto 20px; text-align: left; }
#header							{ position: relative; height: 225px; }
#content						{ width: 100%; float: left; font-size: 14px; }
	#sidebar					{ position: relative; float: left; display: inline; width: 210px; margin: 10px 0 20px 35px; }
		#sidebar .padd				{ padding: 10px; }
	#main						{ float: right; display: inline; width: 710px; margin: 10px 0 0 0; }
		#main .padd				{ padding: 10px; }
#footer							{ clear: both; text-align: right; }
#purehelpsearch {
	float: left;
	margin-left: 45px;
}
/*
*		03.b	Navigation
*
*		03.b.1	Top Navigation
*/

ul#sponsors						{ position: absolute; right: 30px; top: 50px; margin: 0; padding: 0; list-style-type: none; }
ul#sponsors li						{ float: left; display: inline; }
ul#sponsors li a					{ margin: 0 0 0 15px; }

/*
*		03.b.2	Side Navigation
*/

ul#sidenav						{ margin: 65px 0 0 0; padding: 0; list-style-type: none; }
ul#sidenav li						{ _height: 1px; margin: 0 0 10px 0; }
ul#sidenav li a						{ font: normal normal 20px/1.5 Georgia, serif; letter-spacing: 1px; color: #634B2F; text-shadow: #F7F1DE 1px 1px 0;
							  display: block; padding: 2px 10px;  }
ul#sidenav li a:hover, ul#sidenav li a:focus		{ color: #000; text-shadow: #F7F1DE -1px -1px 0; }
ul#sidenav li ul.submenu				{ margin: 0; padding-left: 15px; list-style-type: none; }
ul#sidenav li ul.submenu li				{ margin: 0; }
ul#sidenav li ul.submenu li a				{ position: relative; padding: 6px 0 8px 15px; font: normal bold 14px Helvetica, "Helvetica neue", Verdana, Arial, sans-serif; 
							margin-right: -54px; background: url(http://img0.custompublish.com/getfile.php/1204184.520.ctfpftbuyx/sidenav_seperator.jpg) 30px bottom no-repeat; }
ul#sidenav li ul.submenu li a:hover,
ul#sidenav li ul.submenu li a:focus			{ background: url(http://img0.custompublish.com/getfile.php/1204192.520.attxvrvucb/highlight.jpg); }
ul#sidenav li ul.submenu li a span			{ position: absolute; display: block; width: 4px; height: 39px; right: 0; _right: -10px; top: -5px; margin: 0; }
ul#sidenav li ul.submenu li.itemselected a,
ul#sidenav li ul.submenu li.itemselected a:hover,
ul#sidenav li ul.submenu li.itemselected a:focus	{ background: #634B2F url(http://img0.custompublish.com/getfile.php/1204178.520.rqxxavtqat/itemSelected.jpg) left center no-repeat; color: #FFF; text-shadow: #1C150D 1px 1px 0; }
ul#sidenav li ul.submenu li.itemselected a span		{ background: url(http://img0.custompublish.com/getfile.php/1204179.520.evxcryetpr/itemSelectedCurl.jpg); _background: none; }

/*	Map Overlays	*/

/*Norge
ul#sidenav li.menu156592:hover 				{ margin-left: -100px; padding-left: 100px; background: url(http://img0.custompublish.com/getfile.php/1206290.520.rvpxsqsdfc/maps_norge.png) left 20px no-repeat; }
*/

/*
*		03.d	Company Logotype
*/
a#logotype						{ position: absolute; top: 40px; left: 0px; display: block; width: 295px; height: 119px; text-indent: -999em;
							background: url(http://img0.custompublish.com/getfile.php/1384194.520.vqsvcpbcce/COTY_logo_hvit_NY[1].png) top center no-repeat; _background: url(http://img0.custompublish.com/getfile.php/1204181.520.eysewpyetr/logotypeIE6.gif); outline: 0; }
#logotype:hover						{ opacity: 0.8; }

a#logoright {position: absolute; top: 38px; left: 450px; display: block; width: 230px; height: 90px; text-indent: -999em; background: url(http://img0.custompublish.com/getfile.php/2745920.520.xqrapxrdvc/woman.png) top center no-repeat; outline: 0;}
a#logoright:hover{ opacity: 0.8;}
/**
*		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: 0px; right: 5px; width: 230px; height: 31px; background: url(http://img0.custompublish.com/getfile.php/1204182.520.dffvvrxxve/searchBox.jpg) center center no-repeat; overflow: hidden; }
#searchform .searchinput				{ float: left; display: inline; width: 180px; padding: 5px 3px; margin: 2px 0 0 5px; border: 0; background: none; font: Georgia; }
#searchform .searchinput.example			{ font: normal italic 14px Georgia, serif; color: #9F9A7F; }
#searchform .searchinput:focus				{ background: url(http://img0.custompublish.com/getfile.php/1204192.520.attxvrvucb/highlight.jpg); outline: 0; }
#searchform .searchsubmit				{ float: right; display: inline; margin: 2px 6px 0 0; }
#searchform .searchsubmit:hover,
#searchform .searchsubmit:focus				{ margin: 3px 4px 0 0; }

/*
*		03.g	Banner Locations
*/

.bannerlocation						{ clear: both; text-align: center; }
.bannerlocation img					{ border-width: 0px; padding-bottom: 10px;}

/*
*		03.h	Page Logo & Page Description
*/
.pagelogo_container					{  }
img.pagelogo						{ width: 100%; display: block; margin: 0 auto; }

/*
*	04.	Article Listing & View Styling
*
*		04.a	Article Box Styling
*/
.articleBox						{ position: relative; margin: 0px auto; z-index: 1; margin-left: 12px; margin-bottom: 0.5em; }
.articleBox .articleBoxContent,
.articleBox .articleBoxTop,
.articleBox .articleBoxBottom,
.articleBox .articleBoxBottom div			{ background: transparent url(http://img0.custompublish.com/getfile.php/1204185.520.fyxabxycyr/articleBox.png) no-repeat top right; _background-image: url(http://img0.custompublish.com/getfile.php/1204186.520.cfcycvxcdd/articleBoxIE6.gif); }
.articleBox .articleBoxContent 				{ position: relative; zoom: 1; _overflow-y: hidden; padding: 15px 20px 0px 7px; }
.articleBox .articleBoxTop 				{ position: absolute; left: 0px; top: 0px; width: 12px; margin-left: -12px; height: 100%; _height: 1600px; background-position: top left; }
.articleBox .articleBoxBottom				{ position: relative; width: 100%; }
.articleBox .articleBoxBottom,
.articleBox .articleBoxBottom div			{ height: 22px; font-size: 1px; }
.articleBox .articleBoxBottom				{ background-position: bottom right; }
.articleBox .articleBoxBottom div			{ position: relative; width: 12px; margin-left: -12px; background-position: bottom left; }
.articleBox .articleBoxContent .inner			{ margin: 0; overflow: hidden; }
/*
*		04.b	Article List
*/

.articleList						{  }
.articleList .articleBox				{ width: 343px; float: left; display: inline; }
.articleList .articleBox .inner				{ height: 100px; }
.articleList .articleBox H1				{ font: normal normal 18px/1.5 Georgia, sans-serif; text-shadow: #EBE1C6 1px 1px 1px; margin: 0 0 10px; padding: 0; }
.articleList .articleBox H1 a				{ color: #634B2F; }
.articleList .articleBox H1 a:hover,
.articleList .articleBox H1 a:focus			{ color: #000; }
.articleList .articleBox .imageFrame			{ background: #DDC890; width: 100px; margin: 0; float: right; border-top: 2px solid #EDDCBA; border-left: 2px solid #EDDCBA; border-right: 2px solid #D1BA78; border-bottom: 2px solid #D1BA78; overflow: hidden; }
.articleList .articleBox img				{  }
.articleList .articleBox .ingress			{ padding: 0 10px; font: normal normal 12px/1.5 Helvetica, Verdana, sans-serif; }
.articleList .articleBox .readLink			{ text-align: right; margin: 10px 0; }
.articleList .articleBox .readLine a			{ color: #369; }
.articleList .articleBox .readLink a:hover,
.articleList .articleBox .readLink a:focus		{ color: #9CF; }
.pagebar						{ clear: both; float: right; margin: 0; }
.pagebar a						{ font: normal bold 12px/1.5 Verdana, sans-serif; text-shadow: #EBE1C6 1px 1px 1px; color: #634B2F; }

ul.articleControl					{ position: absolute; margin: 0; padding: 0; list-style-type: none; right: 20px; top: 20px; }
ul.articleControl li					{ float: left; display: inline; }
ul.articleControl li a					{ display: block; width: 26px; height: 19px; margin: 0 4px; text-indent: -999em; background: transparent url(http://img0.custompublish.com/getfile.php/1204187.520.tpxpudrvbe/articleControl.png) no-repeat; _background: url(http://img0.custompublish.com/getfile.php/1204188.520.dcxxsetrsv/articleControlIE6.gif) no-repeat; outline: 0; }
ul.articleControl li.forum a				{ width: 23px; background-position: 0 0; }
ul.articleControl li.forum a:hover,
ul.articleControl li.forum a:focus			{ background-position: 0 -19px; }
ul.articleControl li.twitter a				{ width: 16px; background-position: -29px 0; }
ul.articleControl li.twitter a:hover,
ul.articleControl li.twitter a:focus			{ background-position: -29px -19px; }
ul.articleControl li.facebook a				{ width: 11px; background-position: -53px 0; }
ul.articleControl li.facebook a:hover,
ul.articleControl li.facebook a:focus			{ background-position: -53px -19px; }
ul.articleControl li.rss a				{ width: 19px; background-position: -71px 0; }
ul.articleControl li.rss a:hover,
ul.articleControl li.rss a:focus			{ background-position: -71px -19px; }
ul.articleControl li.tips a				{ width: 21px; background-position: -97px 0; }
ul.articleControl li.tips a:hover,
ul.articleControl li.tips a:focus			{ background-position: -97px -19px; }
ul.articleControl li.print a				{ width: 21px; background-position: -126px 0; }
ul.articleControl li.print a:hover,
ul.articleControl li.print a:focus			{ background-position: -126px -19px; }
/*
*		04.c	Article View
*/

.articleView .articleBox				{ float: left; display: inline; zoom: 1; }
.articleView .articleBox .inner				{ width: 645px; padding: 10px; background: #ECE0BF; border: 3px solid #775D41; border-radius: 3px; }
.articleView .byline					{ font-size: 10px; margin: 0 0 10px 0; font-style: italic; }
.articleView .byline a.author				{ color: #996; }
.articleView .byline a.author:hover,
.articleView .byline a.author:focus			{  }
.articleView .byline .date				{  }
.articleView H1						{ font: normal normal 20px/1.5 Georgia, sans-serif; text-shadow: #EBE1C6 1px 1px 1px; color: #634B2F; margin: 0; padding: 0; }
.articleView H2						{ font: normal normal 16px/1.5 Georgia, sans-serif; text-shadow: #EBE1C6 1px 1px 1px; color: #634B2F; margin: 0 0 10px; padding: 0; }
.articleView img					{ float: right; margin: 0 0 5px 10px; border: 2px solid #775D41; border-radius: 3px; }
.articleView .ingress					{ line-height: 1.5; }
.articleView .body					{ line-height: 1.5; }

.articleView .breadcrumbPath				{ float: left; margin: 0 160px 10px 0; }
.articleView .breadcrumbPath a,
.articleView .breadcrumbPath span			{ float: left; }
.articleView .breadcrumbPath a				{ display: block; font: normal normal 20px/1.5 Georgia, sans-serif; text-shadow: #F7F1DE 1px 1px 0; color: #634B2F; margin: 0 5px 10px; padding: 0; }
.articleView .breadcrumbPath a:hover,
.articleView .breadcrumbPath a:focus			{ color: #000; }
.articleView .breadcrumbPath span.bullet		{ display: block; text-shadow: #F7F1DE 1px 2px 0; color: #B1AB8E; font-size: 13px; line-height: 2.5; }
/*
*		04.d	Typical Article Structure
*/

.basic							{  }
.copyright						{ padding: 10px; font-size: 11px; color: #634B2F; text-shadow: #F7F1DE 1px 1px 0; }
.copyright a						{ color: #634B2F; }
.copyright a:hover, .copyright a:focus			{ color: #000; }
.smallprint						{ padding: 0 10px; font-size: 11px; color: #634B2F; text-shadow: #F7F1DE 1px 1px 0; }
.smallprint a						{ color: #634B2F; }
.smallprint a:hover, .smallprint a:focus		{ color: #000; text-decoration: underline; }
.feedback						{ /*font-size: 10px;*/ color: #333; }
td.feedback {
	padding-bottom: 5px;
}
#pagedescription					{  }
.subheadline				 		{  }

/*
*	05.	Typography (may be overriden by list/view settings 04.a & 04.b)
*/

body 							{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 100%; color: #000; }
h1, h2, h3, h4, h5, h6 					{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; }
h1 							{ font-size: 22px; line-height: 1; color: red; font-weight: bold; }
h2 							{ font-size: 18px; line-height: 1; }
h3 							{ font-size: 16px; line-height: 1; margin-bottom: 10px; }
h4 							{ font-size: 14px; line-height: 1.25; margin-bottom: 10px; }
h5 							{ font-size: 12px; font-weight: bold; margin-bottom: 10px; }
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; line-height: 1.5; }
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; }
.sidenavheader{ font-family: Georgia, Serif; letter-spacing: 1px; color: #634B2F; text-shadow: #F7F1DE 1px 1px 0; }

/*
*	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 **/





/* responsive fixes */

input.mobmenu{
	position: absolute;
	left:-9999px;
}

.onlyformobile {display: none;}
.desktopversion {
    float: left;
    padding: 14px;
}
a.desktopversion:link {
    color: #006699;
    text-decoration: none;
}
a.desktopversion:visited, a.desktopversion:hover  {
    color: #4D6208;
    text-decoration: underline;
}
.mobileversion, .responsive .mobileversion {
	display: none;
}

@media screen and (max-width: 769px)  {
	#mobileversion {
		
	}
	a.mobileversion {
  		background: #006699;
  	 	color: #FFFFFF;
   	 	display: block;
   	 	padding: 5px;
   	 	text-decoration: none;
    	border:1px solid #819836;
		text-shadow: 0 1px 0 #4D6208;
		margin: 0 0 0 10px;
	}
	a.mobileversion:hover {
    	color: #000;
    	text-decoration: underline;
    	text-shadow: none;
	}
}