/* @override http://media.cq.com/pub/lib/rc-wrapper.css */

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
    background-color: #f6f6f6;
	padding: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Base styles and structure
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}



/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	display: block;
	clear: both;
    *zoom: 1;
}


/* ==========================================================================
   Content area
   ========================================================================== */

#RCwhiteBox {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-color: white;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #fff;
		
	padding: 0;
	margin-top: 5px;
}


#contentArea {
	padding: 10px 20px 20px;
}


/* Leaderboard
----------------------------------------------------------------------------------------------------*/
#leaderboard {
	background: #363d41;
	height: 90px;
	padding: 3px;
	display: block;
	min-width: 960px;
}

/* adenn */
#leaderboard .ad {
	padding: 0;
	border: none;
	margin: 0 auto;
}

div.ad.center {
	text-align: center;
	margin: 0 auto;
}


/* Header 
----------------------------------------------------------------------------------------------------*/

#RCheaderWrapper {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: url('http://media.cq.com/pub/lib/images/RCheader-bg.gif') no-repeat scroll 50% -5px transparent;
/*	height: 167px;*/
}

#RCheader {
	text-align: center;
	padding: 15px 0 0;
}


#logo-text { 
	background: url('http://media.cq.com/pub/lib/images/RCheader-logo.png') no-repeat scroll center top transparent; 
	color: transparent; 
	display: block; 
	font: 0pt/0 a; 
	height: 75px; 
	margin: 0 auto; 
	text-shadow: none;
}

#RCtagline p {
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 8px;
	color: #242424;
	margin-bottom: 8px;
	text-shadow: 0 1px 1px #ffffff;
}



/* Navigation bar 
----------------------------------------------------------------------------------------------------*/


#RCheaderWrapper .navigation {
	width: 925px;
	height: 38px;
	padding: 0;
	color: white;
	margin: 0 auto 10px;
	position: relative;
	display: block;
	clear: both;
	*zoom: 1;
	background-color: #222;
}

#RCheaderWrapper .navigation:before,
#RCheaderWrapper .navigation:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

#RCheaderWrapper .navigation:after {
    clear: both;
}


#RCheaderWrapper .navigation ul {
	margin: 0;
	padding: 0;
}

#RCheaderWrapper .navigation ul li {
	list-style: none;
	display:inline-block;
	float:left;
	border-right: 1px solid #636363;
}

#RCheaderWrapper .navigation ul li:hover {
	background: #363636;
}

#RCheaderWrapper .navigation ul li a {
	vertical-align: middle;
	height: 38px;
	text-align: center;
	color: #fff;
	font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-rendering: optimizeLegibility;
	line-height: 38px;
	text-decoration: none;
	cursor: pointer;
	margin-right: 0;
	margin-left: 0;
	text-transform: uppercase;
	padding: 0 15px;
	display: block;
}

#RCheaderWrapper .navigation ul li a#navigationTopicA {
	background-color: #940011;
}

#RCheaderWrapper .navigation ul li a#navigationTopicA:hover {
	background: #a50618;
}

/* Search Box 
----------------------------------------------------------------------------------------------------*/
form.nav-search {
	padding-top: 7px; padding-right: 8px;
	right: 0;
	width: 200px;
	float: right;
	text-align: right;
	position: relative;
}

form.nav-search input {
	position: relative;
	top: 0;
	right: 0;
}

form.nav-search input#rc-nav-search.textfield {
	padding: 5px 4px 4px; 
	height: 13px; 
	width: 150px;
	font: 12px Helvetica, Arial, sans-serif;
	margin-right: 2px;
	border: none;
	border-radius: none;
	position: absolute;
	top: 8px;
	right: 35px;
}

form.nav-search input.goBtn {
	position: absolute;
	top: 8px;
	right: 8px;
}

/* Footer
----------------------------------------------------------------------------------------------------*/
#wrapperFooter {
	background: #F8F8F8; 
	border-top: 1px dotted #7c7c7c;
	margin: 0 auto; 
	height: 122px;
	width: 920px;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 15px 20px 2px;
	font: 12px/1.5 Helvetica, Arial, sans-serif;
}

#wrapperFooter .logo {	
	text-align: center;
	width: 170px;
	float: left;
	margin-left: 10px;
}

#wrapperFooter .logo img {
	margin-top: 5px;
}

#wrapperFooter .links {
	border-left: 1px solid #dbdbdb;
	margin-left: 10px;
	margin-right: 0px;
	float: left;	
}

#wrapperFooter .copyright {
	color: #888787;
}

#wrapperFooter .copyright p {
	padding: 0;
	margin: 0 0 0 30px;
}

#wrapperFooter ul {
	padding: 0;
	margin-left: 30px;
	margin-right: 20px;
	float: left;
	display: inline;
	color: #231f20;
	list-style-type: none;
}

#wrapperFooter ul.bold {
	font-weight: bold;
}
#wrapperFooter ul a {
	color: #231f20;
	text-decoration: none; 	
	
}

#wrapperFooter ul a:hover {
	text-decoration: underline;	
}