/*
*	Setup
*/

body
{
    color: #333;
    background: #000 url('http://presents.3fm.nl/static/pinkpop09/img/background.jpg') 50% 0 repeat-x;
}

fieldset
{
    margin: 0;
    padding: 0;
}

/*
*	Headers
*/
    
h1
{
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_dark.jpg') repeat-x;
    color: #fff;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0;
}

h2
{
    color: #4c4c4c;
    font-size: 16pt;
    font-weight: normal;
}

h3
{
    font-size: 12pt;
    margin: 0 0 10px 0;
    padding: 0;
}

/*
*	Unique objects
*/
#insert-3fm {
    height: 175px;
    width: 470px;
}

#header_big
{
    background: url('http://presents.3fm.nl/static/img/presents-header-background.jpg') 100% 0 no-repeat;
}

#header_big, #header_small
{
    height: 232px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#header_big ul
{
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_light.jpg') repeat-x;
    width: 100%;	
    height: 60px;
    margin: 0;
}

#header_big li, #header_big li a
{
    float: left;
    margin: 0;
}

#header_big li
{
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 16pt;
    text-align: center;
}

#header_big li.spacer
{
    height: 60px;
    width: 2px;
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_light_spacer.jpg') no-repeat;
}

#header_big li a
{
    display: block;
    height: 60px;
    line-height: 60px;
    color: #595959;
    text-decoration: none;
}	

#header_big li a:hover, #header_big li a.selected
{
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_dark.jpg') repeat-x;
    color: #fff;
}

#header_big .menu_item_1 a
{
    width: 210px;
}

#header_big .menu_item_2 a
{
    width: 164px;
}

#header_big .menu_item_3 a
{
    width: 240px;
}

#header_big .menu_item_4 a
{
    width: 94px;
}

#header_big .menu_item_5 a
{
    width: 218px;
}	

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Set up the size of the list items and float left to place inline */
#header_big ul li {
	display:block;
	float:left;
	position:relative;
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
#header_big ul table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

/* Default link styling */
#header_big ul li.top a.top_link {
	display: block;
	float: left;
}

/* Style the list OR link hover. Depends on which browser is used */
#header_big ul a:hover {
	visibility:visible;
	cursor:pointer;
	position:relative;
}

#header_big ul li:hover {
	position:relative;
	z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
#header_big ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
}

/* Style the drop down sub level links */
#header_big ul :hover ul.sub {
	left:10px;
	top:60px;
	background: #fff;
	padding:0;
	white-space:nowrap;
	width:250px;
	height:auto;
}

#header_big ul :hover ul.sub li {
	display:block;
	float:left;
	height: 40px;
}

#header_big ul :hover ul.sub li a {
	display:block;
	float:left;
	height:40px;
	width:250px;
	line-height:40px;
	color:#000;
	padding:0;
	background: url('http://presents.3fm.nl/static/pinkpop09/img/row_light.jpg') repeat-x 0% 5%;
}

/* All this lot is for IE6, believe it or not, to style the fly outs */
#header_big ul :hover ul.sub li a:hover,
#header_big ul :hover ul.sub li a:hover ul li a:hover,
#header_big ul :hover ul.sub li a:hover ul li a:hover ul li a:hover,
#header_big ul :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
#header_big ul :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover {
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_dark.jpg') repeat-x 0% 5%;
    color: #fff;
}

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
#header_big ul :hover ul li:hover > a {
    background: url('http://presents.3fm.nl/static/pinkpop09/img/row_dark.jpg') repeat-x 0% 5%;
    color: #fff;
}

/*
*	General objects
*/

p.intro
{
    font-weight: bold;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.box
{
    background: #ebebeb url('http://presents.3fm.nl/static/pinkpop09/img/box_background.jpg') 100% 0 no-repeat;
    border: #000 1px solid;
    margin: 0 0 20px 0;
    clear: both;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.imageBox
{
    margin: 0 0 20px 0;
    clear: both;
}

.title, .footer
{
    font-size: 8pt;
}

.title
{
    height: 35px;
    line-height: 35px;
    padding: 5px 10px 0 10px;
}

.title h2
{
    margin: 0;
}

.content
{
    margin-top: 5px;
}

.footer
{
    background: #fff;
    color: #7e7e7e;
    font-weight: bold;
    text-align: right;
}

.stopper, .stopper h2
{
    color: #fff;
}

.stopper .footer
{
    background: 0;
}

/*
*	Floating
*/

.title .left, .footer .left
{
    width: 75%;
    text-align: left;
}

.title .right, .footer .right
{
    width: 25%;
    text-align: right;
}

/*
*	Links
*/

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

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

.title a, .footer a
{
    color: #7e7e7e;
    text-decoration: none;
}

.title a
{
    margin-right: 40px;
}

.title a:hover, .footer a:hover
{
    color: #333;
}

.stopper a:hover
{
    color: #fff;
}

table a
{
    text-decoration: none;
    color: #7e0001;
}

table a:hover
{
    color: #333;
}

h3 a
{
    text-decoration: none;
}

li.textbutton,
a.textbutton
{
	font-size: 10pt;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	padding: 8px;
	color: #666;
	background: #fff;
	border: #ccc 1px solid;
	text-decoration: none;
        cursor: pointer;
}
		
li.textbutton:hover,
a.textbutton:hover
{
	background: #e6e6e6;
}

/*
*	Tables
*/	

table
{
    width: 100%;
    margin: 0;
    padding: 0;
}

table td
{
    padding: 10px;
}

tr.even
{
    background: 0;
}

tr.odd td
{
    background: #f2f2f2;
}

tr.highlighted td
{
    background: #fff;
}

/*
*	Forms
*/	

input
{
    padding: 5px;
    margin: 0 0 5px 0;
    border: #cdcdcd 1px solid;
    font-size: 12pt;
}

#right input
{
    width: 265px;
}

#right input.button
{
    color: #fff;
}

input.button
{
    padding: 5px;
    width: 60px;
    margin: 0;
    margin-left: 5px;
    background: #333;
    color: #fff;
}

input.button_hover
{
    background: #4c4c4c;
}

#right input.button
{
    width: 60px;
}

/*
    Pagina navigatie
*/

.paging-numbers
{
    width: 400px;
}

.page-nav { font-size: 16pt; }
.page-nav { margin-bottom:10px; }
.page-nav .previous, .page-nav .next { width:85px; }
.page-nav .next { text-align:right;  }
.page-nav tr td { padding:0px; }
.page-nav ul { margin: 0px auto; text-align:center; list-style:none;  padding:0px; }
.page-nav ul li 
{ 
	float:left;
	line-height:32px; 
	text-align:center; 
	height:32px; 
	width:32px;  
	padding:0px;  
	display:block; 	
	margin:0 0 0 2px;
}
		
.page-nav ul li.active { background:#7e0001; color:#ffffff; }
.page-nav ul:after { content:"."; height:0px; visibility:hidden; clear:left; } 

/*
   Reacties
*/

.reactions .date, .reactions .author
{
    color: #7e7e7e;
}

.reactions .date
{
    text-align: right;
}

.post-reaction table tr td 
{ 
	padding:0px; 
	vertical-align:middle; 
	font-size:10pt; 
	font-weight:bold; 
}
		
.post-reaction table tr td span { display:block; font-size:8pt; font-weight:normal; }
.post-reaction table tr td span a { font-weight:bold; }
.post-reaction table tr td textarea.text { height:100px; }
.post-reaction table tr td.captcha-image { text-align:right; margin:0px; }  
.post-reaction table tr td.captcha-input { text-align:right; margin:0px; width:310px; } 
.post-reaction table tr td.captcha-input input.captcha { width:300px; }  
.post-reaction table tr td label.add-error { color:#7e0001; }
.post-reaction table tr td .text 
{ 
	width:425px; 
	margin:5px 0px 5px 10px; 
	height:20px;
}
		
.post-reaction table tr td.buttons { text-align:right; vertical-align:bottom; } 
.post-reaction input.button { width: auto; } 

/*
*	Modules
*/	

/*
*	Tools
*/	

.no-bottom-spacing
{
    margin-bottom: 0;
    padding-bottom: 0;
}

.padded
{
    padding: 5px 10px 5px 10px;
}

.divider-bottom
{
    border-bottom: #ccc 1px solid;
}

/*
.container_12
{
    background: #fff url(http://presents.3fm.nl/static/img/960/12_col.gif) repeat-y;
    margin-bottom: 20px;
}

.container_16
{
    background: #fff url(http://presents.3fm.nl/static/img/960/16_col.gif) repeat-y;
}
*/