/*
 * Author:		Ronan Sprake [ronan.sprake@soak.co.uk]
 * Agency:		Soak Digital Ltd.
 * Client: 		5Day
 * Project: 		IDC website
 * Comment:		Base stylesheet

----------------------
Contents:

1. Font Sizing
2. Generic HTML styles
3. Parent layout styles
4. Content
5. Sub-content
6. Footer
7. Miscellaneous
8. Plugins

/*--------------------------------------------------------------------------
	Font Sizing
----------------------------------------------------------------------------*/

#page-container
{
	font-size:				0.75em;/* 16 x 0.75=12px */
}

h2
{
	font-size:				1.92em;/* 12 x 1.92=23px */
}

#footer .logo
{
	font-size:				1.167em;/* 12 x 1.167=14px */
}

#footer p
{
	font-size:				0.83em;/* 12 x 0.83=10px */
}


/*--------------------------------------------------------------------------
	Generic HTML styles
----------------------------------------------------------------------------*/

body
{
	background:				#D6E0D7 url(../images/bg-rpx-body.png) repeat-x 0 0;
}

h1,
h2,
h3
{
	font-weight:			normal;
}

h1
{
	line-height:			1em;
	margin:					0 0 3px 5px;
}

h2
{
	border-top:				1px solid #D6E0D6;
	color:					#CF1B21;
	font-weight:			bold;
	margin:					21px 0 16px;
	padding-top:			16px;
}

h2.first
{
	border-top:				none;
	margin-top:				0;
	padding-top:			0;
}

ol,
ul,
p
{
	line-height:			1.25em;
	margin:					0 0 10px 10px;
}

ol
{
	list-style-type:		decimal;
	padding-left:			25px;
}

strong
{
	font-weight:			bold;
}

h1 img
{
	display:				block;
}

em
{
	font-style:				normal;
}

p em
{
	color:					#CF1B21;
	font-weight:			bold;
}

a
{
	color:					#333;
	text-decoration:		none;
}

a:hover
{
	color:					#45530C;
	text-decoration:		underline;
}


/*--------------------------------------------------------------------------
	Parent layout styles
----------------------------------------------------------------------------*/

#page-container
{
	border-top:				7px solid #0F394F;
	color:					#333;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0 auto;
	padding:				16px 0 0;
	position:				relative;
	width:					918px;
}


/*--------------------------------------------------------------------------
	=content
----------------------------------------------------------------------------*/

#content
{
	background:				#FFF url(../images/bg-content.png) no-repeat 0 0;
	float:					left;
	margin:					0 10px 13px 0;
	min-height:				587px;
	padding:				31px 36px 19px;
	width:					535px;
}

#content p a,
#content li a
{
	font-weight:			bold;
	text-decoration:		underline;
}

#content p a:hover,
#content li a:hover
{
	text-decoration:		none;
}

#content ul,
#content p
{
	width:					460px;
}

#content ul ul
{
	margin:					3px 0;
}

#content ul li
{
	background:				url(../images/bg-li.png) no-repeat 0 4px;
	margin:					0 0 2px 8px;
	padding-left:			18px;
}

p.fiveday
{
	position:				absolute;
	right:					85px;
	top:					16px;
}

p.fiveday a
{
	background:				url(../images/bg-5day.png) no-repeat 0 0;
	display:				block;
	height:					72px;
	width:					152px;
}


/*--------------------------------------------------------------------------
	=sub-content
----------------------------------------------------------------------------*/

#sub-content
{
	background:				#FFF url(../images/bg-sub-content.png) no-repeat 0 0;
	float:					left;
	padding-top:			3px;
	width:					301px;
}

#sub-content img
{
	display:				block;
}

#sub-content ul
{
	background:				#FFF url(../images/bg-sub-content-div.png) repeat 0 0;
	margin:					0;
	overflow:				auto;
	padding:				4px 0 0 7px;
	width:					294px;
}

#sub-content li
{
	float:					left;
	margin:					0 7px 7px 0;
	position:				relative;
}

#sub-content li a:hover
{
	text-decoration:		none;
}

#sub-content .fiveday
{
	background:				#FFF url(/media/images/bg-sub-5day.jpg) no-repeat 0 0;
	height:					351px;
	width:					287px;
}


#sub-content .fiveday a
{
	background:				url(../images/btn-read-more.png) no-repeat 0 0;
	bottom:					12px;
	display:				block;
	height:					22px;
	right:					20px;
	margin:					0;
	position:				absolute;
	width:					95px;
}

#sub-content .fiveday a:hover
{
	background-position:	0 -22px;
}


/*--------------------------------------------------------------------------
	=footer
----------------------------------------------------------------------------*/

#footer
{
	background-color:		#0F394F;
	clear:					both;
	color:					#D6E0D7;
	min-height:				129px;
	padding:				28px 37px;
	position:				relative;
}

#footer,
#footer a
{
	color:					#CCD7DD;
}

#footer li.current a,
#footer a:hover
{
	color:					#627E8C;
	text-decoration:		none;
}

#footer .logo
{
	background:				url(../images/bg-footer-divider.png) no-repeat 100% 100%;
	float:					left;
	margin-bottom:			26px;
	padding-right:			10px;
}

#footer .logo img
{
	background:				url(../images/bg-footer-divider.png) no-repeat 100% 100%;
	margin-right:			10px;
	padding-right:			36px;
}

#footer li img
{
	left:					37px;
	position:				absolute;
	top:					29px;
}

#footer p
{
	clear:					left;
	font-weight:			bold;
	margin-left:			0;
}

#footer p em
{
	background:				url(../images/bg-footer-divider.png) no-repeat 100% 0;
	color:					#CCD7DD;
	margin-right:			1px;
	padding-right:			6px;
}

#footer .creds
{
	bottom:					81px;
	position:				absolute;
	right:					188px;
}


/*--------------------------------------------------------------------------
	Miscellaneous
----------------------------------------------------------------------------*/

.w3c,
.fiveday a em,
#sub-content li span
{
	display:				none!important;
}

.tmp:after
{
	clear:					both;
	content:				".";
	display:				block;
	font-size:				0;
	line-height:			0;
	overflow:				hidden;
	visibility:				hidden;
}


/*--------------------------------------------------------------------------
	sIFR
----------------------------------------------------------------------------*/

.sIFR-flash
{
	border:					0;
	margin:					0;
	outline:				none;
	padding:				0;
	visibility:				visible!important;
}

.sIFR-replaced,
.sIFR-ignore
{
	visibility:				visible!important;
}

.sIFR-alternate
{
	display:				block;
	height:					0;
	left:					0;
	overflow:				hidden;
	position:				absolute;
	top:					0;
	width:					0;
}

.sIFR-replaced div.sIFR-fixfocus
{
	float:					none;
	letter-spacing:			0px;
	margin:					0pt;
	overflow:				auto;
	padding:				0pt;
}

.sIFR-active h2
{
	line-height:			0.1;
	visibility:				hidden;
}