/*
	Theme Name: Grijs
	Theme URI: http://www.tiforotterdam.nl
	Description: The official TIFO Rotterdam theme
	Version: 1.0
	Author: @
	Author URI: http://www.frfc1908.nl
	Tags: green, feyenoord, tifo, sfeer, custom-made
	
		TIFO Rotterdam
		This theme was created for custom use by the TIFO-Rotterdam
		team website. All the 020 jews who are reading this can
		suck my balls!
	
		The CSS, XHTML and design is released under GPL:
		http://www.opensource.org/licenses/gpl-license.php
*/

/* Begin Typography & Colors */
html,
body {
	height: 100%;
}

html {
	background: #737373 url('images/background.gif');
}

body {
	font-size: 0.8em; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	background: url('images/topbackground.gif');
	background-repeat: repeat-x;
	color: #000000;
	text-align: center;
	}

#page {
	text-align: left;
	}
	
#footerbackground {
	background: url('images/skyline-background.gif');
	background-repeat: repeat-x;
	}
	
#topbackground {
	background: url('images/topbackground.gif');
	background-repeat: repeat-x;
}

#headerimg 	{
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
	}

#content {
	font-size: 1em;
	background-color: #CCCCCC;
	}
	
div#domecontainer_main {
	width: 650px;
	float: left;
}

div#domecontainer_wide {
	width: 977px;
}

div#domecontainer_sidebar {
	width: 326px;
	float: left;
}

div.main_wrapper {
	clear: both;
	overflow: hidden;
}

.widecolumn .entry p {
	font-size: 1.05em;
	}
	
.widecolumn .entry p,
.narrowcolumn .entry p {
	margin: 0;
	margin-bottom: 1em;
	display: block;
}

.narrowcolumn .entry, .widecolumn .entry { 
	padding-top: 3px;
	font-size: 0.9em;
	line-height: 1.6em;
	}
	
.widecolumn .entry {
	padding-top: 3px;
	margin-bottom: -10px;
}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}

.thread-even {
	background-color: white;
}

.depth-1 {
	border: 1px solid #ddd;
}

.even, .alt {
	border: 1px solid #9F9F9F;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 1.5em;
	}
	
small a,
small a:visited {
	color: #000000;
	text-decoration: none;
}

small a:hover,
small a:active {
	color: #333333;
	text-decoration: underline;
}

h1, h2, h3 {
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 1.4em;
	}
	
div.sidebar h1 {
	font-size: 1.6em;
}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

.sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #990000;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, .sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a {
	color: #990000;
	}
	
.entry p a:hover,
.entry p a:active {
	text-decoration: underline;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.sidebar {
	font-size: 0.9em;
	font-family: Arial, Verdana, Sans-Serif;
	}
	
div.sidebarcontainer {
	padding: 8px 10px 10px;
}

.sidebar div.tifokalender {
	background-image: url('images/sbc_bg-2.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height: 120px;
}

div.kalendertext {
	text-align: center;
	height: 110px;
}

div.kalendertext p.vs {
	font-size: 2.5em;
	font-weight: bold;
	padding-bottom: 15px;
	padding-top: 40px;
}

div.kalendertext p {
	margin: 0;
	padding: 0;
}

div.kalenderimages {
	margin-top: -106px;
	width: 279px;
	position: absolute;
	z-index: 2;
}

div.kalenderimages div.left {
	float: left;
}

div.kalenderimages div.right {
	float: right;
}

.sidebar div.headlines {
	background-image: url('images/sbc_bg-1.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
}

.sidebar div.archive {
	background-image: url('images/sbc_bg-4.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	min-height: 150px;
}

.sidebar div.archive ul,
.sidebar div.archive ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.archive div.montharchive {
	float: left;
	width: 40%;
	padding-left: 5px;
	margin-bottom: 10px;
}

div.archive div.categoriesarchive {
	float: left;
	padding-left: 15px;
	width: 52%;
}

.sidebar ul ul li, .sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #000000;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}
	
h2 a:hover, h3 a:hover,
h2 a:active, h3 a:active,
h2 a:visited, h3 a:visited {
 	color: #990000;
	text-decoration: none;
}

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

a:hover {
	color: #333333;
	text-decoration: underline;
	}
	
div.footernavigation a {
	font-weight: bold;
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	}

#page {
	margin: 0 auto -160px;
	padding: 0;
	z-index: 2;
	width: 980px;
	position: relative;
	min-height: 100%;
	height: auto !important;
	}
	
#domecontainer_main {
	clear: none;
}

#domecontainer_sidebar {
	clear: none;
	margin: 0;
	padding: 0;
	_margin-right: -10px;
}

#footerpush,
#footerbackground {
	height: 160px;
}

#footerpush {
	clear: both;
}
	
#topbackground {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}

#footerbackground {
	width: 100%;
	z-index: 2;
	margin: 0 auto;
	position: relative;
}

#footerbackground img {
	margin: auto;
}

#topmenu {
	width: 100%;
	height: 48px;
}

#topmenu ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
}

#topmenu ul li {
	display: block;
	float: left;
	height: 48px;
	overflow: hidden;
}

#topmenu ul li a,
#topmenu ul li a:visited {
	display: block;
	margin-top: 0;
}

#topmenu ul li a.active,
#topmenu ul li a:hover,
#topmenu ul li a:active {
	margin-top: -48px;
}

#header {
	width: 100%;
	}

#headerimg {
	margin: 0;
	height: 178px;
	width: 100%;
	}

.narrowcolumn {
	padding-left: 11px;
	padding-right: 11px;
	margin: 0;
	overflow: hidden;
	}

.widecolumn {
	padding-left: 11px;
	padding-right: 11px;
	margin: 0;
	overflow: hidden;
	}
	
.posthead {
	margin-bottom: 5px;
}
	
.posthead-image {
	float: left;
	margin-left: -8px;
	margin-top: 5px;
	position: absolute;
	z-index: 2;
}

.posthead-text {
	padding-left: 38px;
}

.post {
	margin: 0;
	padding-bottom: 10px;
	text-align: left;
	overflow: hidden;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	padding-left: 9px;
	padding-bottom: 40px;
	padding-right: 9px;
	height: 30px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 0;
	}
	
h5.floatright,
span.floatright {
	float: right;
	color: #FFFFFF;
	margin: 0;
	line-height: 3em;
}

span.floatright h5 {
	margin: 0;
}

h5.floatright {
	padding-top: 20px;
	line-height: 0.9em;
	font-size: 0.9em;
	color: #000000;
}

span.floatright a,
span.floatright a:visited {
	color: #FFFFFF;
	margin: 0;
	line-height: 3em;
}

span.floatright a:hover,
span.floatright a:active {
	color: #E8E8E8;
}

span.bewerken {
	margin-top: -25px;
	margin-right: 8px;
}

#footer p img {
	float: left;
	margin-left: -9px;
	margin-top: -9px;
}

div.tiforss {
	float: right;
	position: relative;
	z-index: 2;
	margin-right: 1px;
	margin-top: -26px;
}

#friendholder {
	padding: 11px;
	padding-bottom: 0;
	overflow: hidden;
}

#friendholder a {
	float: left;
	display: block;
	
}
	
	a.friend_magicfx,
	a.friend_magicfx:visited {
		width: 215px;
		height: 45px;
		margin-left: 12%;
		clear: left;
		background: url('images/Friend_MagicFX.gif');
		margin-bottom: 0.5em;
	}
	
	a.friend_magicfx:hover,
	a.friend_magicfx:active {
		background-position: 0 -45px;
	}

	a.friend_frfc,
	a.friend_frfc:visited {
		width: 115px;
		height: 48px;
		clear: left;
		margin-top: 10px;
		background: url('images/Friend_FRFC.gif');
	}
	
	a.friend_frfc:hover,
	a.friend_frfc:active {
		background-position: 0 -48px;
	}


	a.friend_fsv,
	a.friend_fsv:visited {
		width: 162px;
		height: 101px;
		margin-top: 6px;
		margin-left: 6px;
		margin-bottom: 10px;
		background: url('images/Friend_FSV.gif');
	}
	
	a.friend_fsv:hover,
	a.friend_fsv:active {
		background-position: 0 -101px;
	}
	
	a.friend_frleven,
	a.friend_frleven:visited {
		width: 261px;
		height: 44px;
		background: url('images/Friend_FRLeven.gif');
	}
	
	a.friend_frleven:hover,
	a.friend_frleven:active {
		background-position: 0 -44px;
	}
	
	#friendholder a.friend_ego,
	#friendholder a.friend_ego:visited {
		width: 146px;
		height: 62px;
		float: right;
		margin-right: 10px;
		margin-top: 5px;
		background: url('images/Friend_Ego2.gif');
	}
	
	#friendholder a.friend_ego:hover,
	#friendholder a.friend_ego:active {
		background-position: 0 -62px;
	}
	
	a.friend_ea,
	a.friend_ea:visited {
		width: 99px;
		height: 115px;
		background: url('images/Friend_EA.gif');
	}

	a.friend_ea:hover,
	a.friend_ea:active {
		background-position: 0 -115px;
	}

/* End Structure */



/*	Begin Headers */
h1 {
	padding: 0;
	margin: 0;
	}

h2 {
	margin: 0;
	padding-top: 10px;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

.sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	padding-right: 0;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	padding-left: 0;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, .sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.sidebar ul, .sidebar ul ol {
	margin: 0;
	padding: 0;
	}

.sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

.sidebar ul p, .sidebar ul select {
	margin: 5px 0 8px;
	}

.sidebar ul ul, .sidebar ul ol {
	margin: 5px 0 0 10px;
	}

.sidebar ul ul ul, .sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, .sidebar ul ol li {
	list-style: decimal outside;
	}

.sidebar ul ul li, .sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	padding: 5px 3px;
	padding-bottom: 10px;
	text-align: center;
	}
	
#searchform label {
	display: none;
}

#searchform #s {
	background-color: #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	width: 300px;
}

.sidebar #searchform #s {
	width: 200px;
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #9F9F9F;
	}

div.contactform input#contactsubmit,
#searchsubmit {
	background: transparent url('images/buttons.gif') no-repeat scroll 0 0;
	background-repeat: repeat-x;
	padding: 1px;
	border: 0;
	width: 63px;
	height: 24px;
	font-weight: bold;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 250px;
	padding: 2px;
	margin-right: 5px;
	background-color: #FFFFFF;
	border: 1px solid #9F9F9F;
	}

#commentform {
	overflow: hidden;
	}
	
#commentform textarea {
	width: 100%;
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #9F9F9F;
	}

#respond {
	padding-bottom: 15px;
}
	
#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
	
#commentform #submit {
	background: transparent url('images/buttons.gif') no-repeat scroll 0 0;
	background-repeat: repeat-x;
	border: 0 none;
	height: 30px;
	margin: 0;
	margin-right: -6px;
	padding: 0;
	width: 145px;
	color: #000000;
	font-weight: bold;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 10px 0 10px;
	padding: 5px 5px 10px 10px;
	padding-bottom: 0;
	list-style: none;
	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 0;
	padding: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
.sidebar {
	padding: 0;
	margin: 0;
	}

.sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	height: 25px;
	text-align: center;
	padding-top: 20px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 17px;
	color: #2F2F2F;
	margin: 0;
}
/* End captions */


/* Start special shadow containers */

div.row_main div.rowcontent {
	padding: 0;
}

div.row_top div.rowcontent {
	background-color: transparent;
	height: 32px;
	padding-left: 12px;
	padding-top: 15px;
}

div.row_foot div.rowcontent {
	background-color: transparent;
	height: 15px;
}

div.row_top div.rowelement_left {
	background: transparent url('images/container_top-map.png') no-repeat scroll left 0;
}

div.row_top div.rowelement_center {
	background: transparent url('images/container_top-map.png') repeat-x scroll 0 -47px;
	margin-left: 14px;
	margin-right: 14px;
}

div.row_top div.rowelement_right {
	background: transparent url('images/container_top-map.png') no-repeat scroll right -94px;
}

div.row_main div.rowelement_left {
	background: transparent url('images/container_middle-map.png') repeat-y scroll 0 0;
}

div.row_main div.rowelement_right {
	background: transparent url('images/container_middle-map.png') repeat-y scroll right 0;
}

div.row_main div.rowelement_center {
	background-color: #CCCCCC;
	margin-left: 14px;
	margin-right: 14px;
}

div.row_foot div.rowelement_left {
	background: transparent url('images/container_bottom-map.png') no-repeat scroll left 0;
}

div.row_foot div.rowelement_center {
	background: transparent url('images/container_bottom-map.png') repeat-x scroll 0 -15px;
	margin-left: 14px;
	margin-right: 14px;
}

div.row_foot div.rowelement_right {
	background: transparent url('images/container_bottom-map.png') no-repeat scroll right -30px;
}

div.sidebar.themeselector {
	background: transparent url('images/selector.png') no-repeat;
	height: 73px;
	padding: 9px;
	margin-top: -6px;
}

div.themeselector ul {
	display: block;
	width: 100%;
}

div.themeselector ul li {
	display: block;
	float: left;
	width: 24.5%;
	text-align: center;
	font-weight: bold;
}

div.themeselector ul li.active {
	padding-top: 57px;
}

div.themeselector ul li a,
div.themeselector ul li a:visited {
	color: #666666;
	display: block;
	padding-top: 57px;
}

div.themeselector ul li a:hover,
div.themeselector ul li a:active {
	text-decoration: underline;
	color: #000000;
}

div.paddingpage {
	padding-top: 10px;
}

div#footer h5.floatright {
	padding-right: 0.5em;
}


/* Contactformulier css styling */

div.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
}

div.contactform div.contactleft {
	width: 13%;
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

div.contactform div.contactright {
	width: 84%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

div.contactform div.contacterror {
	border: 1px solid #ff0000;
}

div.contactform input,
div.contactform textarea {
	background-color: #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
}

div.contactform textarea {
	width: 99%;
}

div.contactform input#contactsubmit {
	width: auto;
	float: right;
	margin-top: -1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

div.contactform p.red {
	color: #990000;
	padding-left: 16%;
}

p.green {
	color: #009900;
}

p.normal {
	font-weight: normal;
}

td.newsdate {
	padding-right: 5px;
	width: 37px;
}


/* "Ze schijnen daar als bakens in de verte, de Duizend lampen van het Feyenoord stadion,
	vier reuzen, elk een goliath... als de hoeders van de stad... symbolen voor het hele
	Legioen! Ja, ze roepen jou... en mij daar in de verte! De echo die je waar ter wereld
	horen kan! Die klank wordt overal gehoord, de klank van Feyenoord! De stem van de ware
	kampioen!
	
	Feeeeeeeeeyeeeeeeeenoord, Feeeeeeeeeyeeeeeeeeeeenoord! Niets is sterker dan dat ene woord!
	Feeeeeeeeeeeeyeeeeeeeeeeeeeenooooooooordddddddd! Mijn Feeeeeeeyeeenoord!" */