/**
 * stylesheet.module.content.css
 * Clubbyclub module Content stylesheet
 *
 * Works with: FF, IE6, IE7, Safari, Opera
 *
 * SOME RULES IF YOU EDIT THIS STYLESHEET:
 * #1		Try to keep it working for FF, IE6, IE7, Safari and Opera
 * #2		Try to use as less CSS hacks as possible! If you need to apply hacks, first try other ways of styling! The need to apply a lot of hacks is mostly caused by bad styling!
 * #3		Do not mix id's and classnames! id's should be unique names to elements, classnames to style!
 * #4		Keep things tidy
 * #5		Give the sheet a logical order
 * #6		Do not change the standard properties of items! (Like giving all divs a display : inline :S)
 */

/* HOME */
div.moduleContentHome
{
	margin-left				: 15px;
	margin-right			: 15px;
}

div.moduleContentHome div.leftColumn
{
	float					: left;	
	width					: 48%;
	
	padding-right			: 20px;	
	border-right			: 1px solid #42ABCE;
}

div.moduleContentHome div.rightColumn
{
	float 					: right;
	width					: 48%;
}

div.moduleContentHome div.content
{
    clear                   : both;
    width                   : 100%;
    position                : relative;
    top                     : 20px;
    text-align              : center;
    font-size               : 14px;
    font-weight             : bold;

    margin-left             : auto;
    margin-right            : auto;
}

div.moduleContentHome div.photos
{
	clear					: both;
	
	position				: relative;
	top						: 20px;
	margin-left 			: 1px;
	margin-bottom			: 30px;	
}

div.moduleContentHome div.photos span
{
	margin-right			: 16px;
    _margin-right           : 8px;
}

div.moduleContentHome div.press
{
	height					: 90px;
	margin-top				: 10px;
	margin-bottom			: 10px;
	
	font-size				: 10px;
}

*:first-child+html div.press
{
	margin-top				: 0px;
	height					: 120px;
}

div.moduleContentHome div.press span.wrap
{
	display					: block;
	float					: left;
	width					: 180px;
	height					: 80px;
}

div.moduleContentHome div.press span.ieFix
{
	_width					: 0; 
	_height					: 100%; 
	_display				: inline-block;
	_vertical-align			: bottom;
}

*:first-child+html div.moduleContentHome div.press span.ieFix
{
	width					: 0; 
	height					: 100%; 
	display					: inline-block;
	vertical-align			: bottom;
}

div.moduleContentHome div.press span.image
{
	display					: table-cell;

	width					: 200px;
	height					: 60px;
	vertical-align			: bottom;
}

div.moduleContentHome div.press span img
{
	vertical-align			: bottom;
}

/* FAQ */
a.dark_u
{
	text-decoration			: underline;
}

a.dark_u:hover
{
	color					: #FF9900;
}

a.dark_u:active
{
	color					: #FF9900;
}

div.faqdiv
{
	display					: none;
	width					: 920px;
	clear 					: both;
}

div.faq
{
	width					: 920px;
	padding					: 5px;
}

/* PRESS */
div.pressPhotos 
{
	width					: 928px;
}

div.pressPhotos span.photo
{
	display					: block;
	float					: left;
	width					: 48%;
	height					: 230px;
	text-align				: center;
}

/* MEDIA */
div.moduleContentMedia
{
	width					: 911px;	
	margin-left				: 15px;
	margin-right			: 15px;
}

div.moduleContentMedia div.media
{
	margin-bottom			: 15px;
}

div.moduleContentMedia div.article
{
	border					: 1px solid #000000;
	padding					: 10px;
}