/**
* Stylesheet for Song City
*
* @media	screen, projection
* @copyright	Netlash <http://www.netlash.com>
* @author	Johan <johan@netlash.com>
*/

/**
* = Global browser reset (Eric Meyer's reset reloaded)
* ----------------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/**
* = Accessibility
* ----------------------------------------------------------
*/

:focus {
	outline: 1px dotted #808080;
}

abbr, acronym {
	cursor: help;
}

/**
* = Html and body declarations
* ----------------------------------------------------------
*/

body {
	color: #2B2B2B;
	background: #EFEADC url(/modules/core/layout/images/bodybg.png) repeat-x;
	font: 12px/1 Arial, serif;
	font-size: 62.5%;
}

/**
* = Site structure
* ----------------------------------------------------------
*/

#container {
	width: 960px;
}

#header {
	height: 99px;
	width: 960px;
	position: relative;
	background: #E4F5F5 url(/modules/core/layout/images/headerbg.png) repeat-x;
}

#content {
	width: 838px;
	padding: 0 0 0 122px;
}

/**
* = Blog
* ----------------------------------------------------------
*/

#blog, #contentholder {
	width: 800px;
}

#home #blog {
	padding: 16px 0 0 0;
	_padding: 20px 0 0 0;
}

#blogtop, #contenttop {
	height: 110px;
	padding: 30px 0 0 120px;
	background: transparent url(/modules/core/layout/images/papierbovenkant_contentpage.jpg) no-repeat 87px 9px;
}

#extranav #contenttop {
	background: transparent url(/modules/core/layout/images/papierbovenkant_contentpage.jpg) no-repeat 87px 8px;
}

#home #blogtop {
	background: transparent url(/modules/core/layout/images/papierbovenkant.png) no-repeat 4px 8px;
	_background: transparent url(/modules/core/layout/images/papierbovenkant.png) no-repeat 4px 5px;
}

#blogcontent, #contentcontent {
	background: transparent url(/modules/core/layout/images/papiermidden.png) repeat-y;
/*	_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/core/layout/images/papiermidden_norepeat.png',sizingMethod='crop');
*/	padding: 0 186px 0 120px;
	margin-top: -110px;
	width: 532px;
	min-height: 1270px;
	height: auto !important;
	height: 1270px;
}

#blogcontent {
	min-height: 870px;
	height: auto !important;
	height: 870px;
}

/*div.shift {
	position: relative;
	padding-left: 120px;
}*/

#content ul li {
	background: url(/modules/core/layout/images/liststyleitem.gif) no-repeat 4px 7px;
}

#blogbottom, #contentbottom {
	background: transparent url(/modules/core/layout/images/papieronderkant.png) no-repeat;
	_background: transparent;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/core/layout/images/papieronderkant.png',sizingMethod='crop');
	height: 53px;
	padding: 0 0 0 122px;
}

div.blogform {
	clear: both;
}

#blogbottom div.hr,
#contentbottom div.hr {
	width: 532px;
	position: relative;
	top: 15px;
}

#rss {
	font: 100 12px/21px Arial;
	float: right;
	padding: 0 0 4px 0;
	width: 200px;
}

#rss a {
	background: url(/modules/core/layout/images/rssicon.jpg) no-repeat top right;
	padding: 0 28px 0 0;
	display: block;
	float: right;
}

.blogpost {
	margin: 0 0 30px 0;
	clear: both;
}

p.meta {
	color: #838179;
	font: 100 11px/1.4 Arial;
	padding: 0 0 5px 0;
}

p.meta-tags {
	padding: 3px 0;
	font: 100 11px/1.4 Arial;
	color: #838179;
	border-top: 1px solid #E0DDD7;
}

/**
* = Blog-comments
* ----------------------------------------------------------
*/

div.blogcomments {
	padding: 20px 0 0 0;
}

ol.commentlist li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

ol.commentlist li.odd {
	background: #EBE9E4;
}

p.commentmetadata, p.commentmetadata a {
	color: #838179;
	font: 100 11px/1.4 Arial;
	padding: 0 0 5px 0;
}

/**
* = Sponsors
* ----------------------------------------------------------
*/

#sponsors {
	background: url(/modules/core/layout/images/sponsors2updated08.jpg) no-repeat;
	width: 160px;
	height: 1200px;
	position: absolute;
	left: 831px;
	top: 140px;
	z-index: 12;
}

#sponsors span, #skip {
	display: none;
}

#extranav #sponsors {
	background: transparent url(/modules/core/layout/images/sponsor3supdated08.jpg) no-repeat;
	position: absolute;
	top: 141px;
}

#home #sponsors {
	background: url(/modules/core/layout/images/sponsorsupdated08.jpg) no-repeat;
}

#sponsors ul {
	padding: 15px 0;
}
#sponsors ul li {
	padding: 0 19px;
	margin: 0;
}

#sponsors ul li a {
	display: block;
	width: 120px;
	text-indent: -9000px;
	overflow: hidden;
}

#sponsor-radio2 a {
	height: 114px;
}

#sponsor-walkman a {
	height: 95px;
}

#sponsor-ps3 a {
	height: 95px;
}

#sponsor-msi a {
	height: 75px;
}

#sponsor-bose a {
	height: 50px;
}

#sponsor-classic21 a {
	height: 122px;
}

#sponsor-citroen a {
	height: 110px;
}

#sponsor-stv a {
	height: 70px;
}

#sponsor-primo a {
	height: 88px;
}

#sponsor-netlash a {
	height: 68px;
}

#sponsor-kbc a {
	height: 90px;
}
#sponsor-drum a {
	height: 75px;
}
#sponsor-photoads a {
	height: 65px;
}
#sponsor-vaereman a {
	height: 65px;
}



/**
* = Footer
* ----------------------------------------------------------
*/

#footer {
	clear: both;
	color: #FFF;
	font: 100 12px Arial;
	height: 32px;
	margin: 20px 0 0 0;
	background: #30323B url(/modules/core/layout/images/footerbg.gif) repeat-x;
	width: 100%;
}

#footer ul {
	padding: 10px 0 10px 497px;
}

#footer li {
	padding: 0 8px;
	margin: 0;
	display: inline;
	background: none;
	border-right: 1px solid #ABABAB;
	line-height: 1;
}

#footer li a:link,
#footer li a:visited {
	color: #FFF;
}

#footer li a:hover,
#footer li a:active {
	color: #61ADF3;
}

#footer li.last {
	border: none;
}

/**
* = Main navigation (horizontal)
* ----------------------------------------------------------
*/

#navigation {
	height: 114px;
	background: #2B2D35 url(/modules/core/layout/images/topbg.png) repeat-x 0 0;
	width: 960px;
}

#navigation p {
	width: 367px;
	height: 21px;
	background: transparent url(/modules/core/layout/images/flandersinternationalsongwritersweek.png) no-repeat 0 0;
	text-indent: -5000px;
	position: absolute;
	top: 15px;
	left: 469px;
	padding: 0;
}

#navigation ol {
	position: absolute;
	top: 11px;
	left: 863px;
	padding: 1px;
	border: 1px solid #3d3f4a;
	height: 26px;
}

#navigation ol li {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation ol li.first {
	margin: 0 5px 0 0;
}

#navigation ol li a {
	padding: 2px 3px;
	display: block;
	float: left;
	color: #FFFFFF;
	border: 1px solid #2F313A;
}

#navigation ol li.selected a {
	background: #3d3f4a;
	text-decoration: none;
	font-weight: 700;
	border: 1px solid #3d3f4a;
}

#navigation ul {
	background: url(/modules/core/layout/images/navbg.png) no-repeat 0 61px;
	padding: 86px 0 0 242px;
	height: 28px;
	width: 718px;
	white-space: nowrap;
}

#navigation ul li {
	float: left;
	font: 700 13px/1 Arial, serif;
	margin: 0 6px 0 0;
	padding: 0 0 0 0;
}

#navigation ul li a:link,
#navigation ul li a:visited {
	color: #474747;
	padding: 4px 8px;
	display: block;
	text-decoration: underline;
}

#navigation ul li a:hover,
#navigation ul li a:active {
	color: #3388D7;
	padding: 4px 8px;
}

#navigation ul li.selected a:link,
#navigation ul li.selected a:visited,
#navigation ul li.selected a:hover,
#navigation ul li.selected a:active {
	color: #FFFFFF;
	background: #751728;
	border: 1px solid #F0BB6B;
	text-decoration: none;
	padding: 4px 8px;
}


/**
* = Extranav
* ----------------------------------------------------------
*/

#extranav #contentholder {
	padding: 0;
}

#extranav #subnavigation ul {
	padding: 9px 0 0 242px;
	height: 22px;
	width: 718px;
	white-space: nowrap;
}

#extranav #subnavigation ul li {
	float: left;
	font: 700 12px/13px Arial, serif;
	margin: 0 6px 0 0;
	padding: 0;
}

#subnavigation li a:link,
#subnavigation li a:visited {
	color: #FFF;
	padding: 4px 8px;
	display: block;
	text-decoration: underline;
}

#subnavigation li a:hover,
#subnavigation li a:active {
	color: #751728;
	padding: 4px 8px;
}

#subnavigation li.selected a:link,
#subnavigation li.selected a:visited,
#subnavigation li.selected a:hover,
#subnavigation li.selected a:active {
	color: #FFFFFF;
	background: #c78327;
	border: 1px solid #d69135;
	text-decoration: none;
	padding: 4px 8px;
}
/**
* = Artists
* ----------------------------------------------------------
*/


#artists {
	background: url(/modules/core/layout/images/banier-watis.jpg) no-repeat 0 0;
	position: absolute;
	top: 0; left: 32px;
	z-index: 11;
	margin: 0;
	padding: 0 0 128px 0;
}

#home #artists {
	background: url(/modules/core/layout/images/baniertest2.jpg) no-repeat 0 0;
}

#extranav #artists {
	background: url(/modules/core/layout/images/banier-subnav.jpg) no-repeat 0 0;
}

#artists h1 {
	background: url(/modules/core/layout/images/songcitylogo.gif) no-repeat 17px 28px;
	text-indent: -5000px;
	padding: 29px 18px 60px 18px;
	width: 156px;
	height: 156px;
}

#artists h1 a {
	width: 156px;
	height: 156px;
	overflow: hidden;
	display: block;
}

#artists span {
	width: 151px;
	height: 32px;
	display: block;
	text-indent: -5000px;
	padding: 0 10px 15px 10px;
}

.nl #artists span {
	background: url(/modules/core/layout/images/desongwriters.gif) no-repeat 20px 0;
}

.en #artists span {
	background: url(/modules/core/layout/images/songwriters_en.gif) no-repeat 20px 0;
}


#artists span a {
	display: block;
	overflow: hidden;
	width: 151px;
	height: 32px;
}

#artists ul {
	width: 164px;
}

#artists ul li {
	border-bottom: 1px dotted #95515D;
	margin: 0 0 0 20px;
	padding: 3px 0;
}

#artists ul li a {
	font: 100 12px/1 "Arial Black";
	color: #FFF;
	text-decoration: none;
}

#artists ul li a small {
	padding: 0 0 0 10px;
	font: 700 11px/1 Arial;
}

/**
* = Introduction
* ----------------------------------------------------------
*/

#introduction {
	min-height: 330px;
	height: auto !important;
	height: 330px;
	padding: 22px 0 0 242px;
	color: #FFF;
	position: relative;
}

#introduction a:link,
#introduction a:visited {
	color: #FFF;
}

#introduction a:hover,
#introduction a:active {
	color: #E9E2D3;
}

/**
* = Main navigation (horizontal)
* ----------------------------------------------------------
*/

object.polaroid, img.polaroid, div.polaroid {
	position: absolute;
	top: 69px;
	left: 567px;
}

* html embed.polaroid, img.polaroid {
	position: absolute;
	top: 69px;
	left: 567px;
}

#introduction p {
	width: 325px;
	padding: 0 0 10px 0;
	font: 100 12px/1.6 Arial;
}

#introduction ul {
	float: left;
	padding: 0;
}

#introduction ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -5000px;
}

#songschrijversweek {
	width: 179px;
	height: 49px;
}

.nl #songschrijversweek {
	background: url(/modules/core/layout/images/date1_nl.gif) no-repeat;
}
.en #songschrijversweek {
	background: url(/modules/core/layout/images/date1_en.gif) no-repeat;
}

#slotconcert {
	width: 140px;
	height: 49px;
}
.nl #slotconcert {
	background: url(/modules/core/layout/images/date2_nl.gif) no-repeat;
}
.en #slotconcert {
	background: url(/modules/core/layout/images/date2_en.gif) no-repeat;
}


/**
* = Links (algemeen)
* ----------------------------------------------------------
*/

a:link, a:visited {
	color: #3388D7;
}

a:hover, a:active {
	color: #61ADF3;
}

/**
* = Emphasis / strong
* ----------------------------------------------------------
*/

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/**
* = Headings / ul / ol / p / blockquote / div.hr
* ----------------------------------------------------------
*/

h1 {
	color: #377F7F;
	font: 700 17px/1 Helvetica, Arial;
	padding: 0 0 18px 0;
}

h2, #blogcontent h2 {
	font: 700 18px/1.05 Helvetica, Arial;
	color: #C13436;
	padding: 0 0 4px 0;
}

#blogcontent h2 {
	float: left;
}

/* Image replacement slogan op homepagina */
#introduction h2 {
	text-indent: -5000px;
	width: 386px;
	height: 64px;
	padding: 0 0 10px 0;
	margin: 0;
}

.nl #introduction h2 {
	background: url(/modules/core/layout/images/songcityis.gif) no-repeat;
}

.en #introduction h2 {
	background: url(/modules/core/layout/images/songcityis_en.gif) no-repeat;
}


h3 {
	font: 700 15px/1 Helvetica, Arial, serif;
	color: #564444;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #DED6CA;
	margin: 0 0 8px 0;
}

h3 span {
	font: 12px/1.083 Arial, serif;
}

.blogpost h3,
.blogpost h3 a:link,
.blogpost h3 a:visited {
	font: 700 15px/1.1 Arial;
	color: #30323b;
	padding: 0 0 1px;
	margin: 0;
	border: none;
	text-decoration: none;
}

.blogpost h3 a:hover,
.blogpost h3 a:active {
	color: #61ADF3;
}

h4 {
	font: 700 13px/1 Helvetica, Arial, serif;
	color: #731727;
	padding: 0 0 5px 0;
}

h4 span {
	font: 12px/1.083 Arial, serif;
}

p {
	font: 12px/1.7 Arial, serif;
	padding: 0 0 17px 0;
}

blockquote {
	padding: 0 25px;
}

blockquote p {
	font-style: italic;
}

ul, ol {
	padding: 0 0 17px 0;
}

.hr {
	height: 3px;
	background: url(/modules/core/layout/images/hrbg.gif) repeat-x 0 0;
	clear: both;
	border: none;
	padding: 0 0 20px 0;
	margin: 0;
}

span.archivelink {
	font: 700 12px Arial;
	padding: 4px 8px;
	margin: 0 0 10px 0;
	border: 1px dotted #D3CEC1;
	display: block;
	float: left
}

span.archivelink a:link,
span.archivelink a:visited {
	color: #6F6E78;
}

span.archivelink a:hover,
span.archivelink a:active {
	color: #8F8E98;
}

img.left {
	float: left;
	padding: 0 12px 12px 0;
}

img.right {
	float: right;
	padding: 0 0 12px 12px;
}

ul li {
	font-size: 12px;
	line-height: 1.7;
	background: url(/modules/core/layout/images/listitem.gif) no-repeat 0 4px;
	padding: 0 0 0 16px;
	margin: 0 0 0 20px;
}

ol li {
	font-size: 12px;
	line-height: 1.7;
	background: none;
	list-style-type: decimal;
	padding: 0;
	margin: 0 0 0 25px;
}

/**
* = Flash
* ----------------------------------------------------------
*/

.blogpost object {
	display: block;
	padding: 0 20px 20px 20px;
}

/**
 * = Pagination
 * ----------------------------------------------------------
 */

#content .pagination-wrap {
	width: 100%;
	overflow: hidden;
}

#content .pagination {
	float: left;
	position: relative;
	left: 50%;
}

#content .pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

#content .pagination li {
	float: left;
	list-style: none;
	background: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

#content .pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #CCC;
	min-width: 12px;
}

#content .pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

#content .pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

#content .pagination li a:link,
#content .pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #DDD;
	text-decoration: none;
	min-width: 12px;
}

#content li.ellipsis {
	margin: 0;
}

#content li.ellipsis span {
	color: black;
}

#content .pagination li a:hover,
#content .pagination li a:active {
	background: #FAF8F3;
	border: 1px solid #BBB;
	color: black;
}

/* Next page and previous page buttons */
#content .nextpage, #content .previouspage {
	font-size: 11px !important;
}

#content .pagination li.nextpage {
	margin-left: 10px;
}

#content .pagination li.previouspage {
	margin-right: 15px;
}


/**
* = Definition lists voor forms
* = Forms
* ----------------------------------------------------------
*/

label {
	font: 100 12px/1.4 Arial, sans-serif;
	color: #3388D7;
}

input, textarea {
	border: 1px solid #CCC;
	font: 100 12px/1.2 Arial, sans-serif;
	padding: 2px;
	color: #2B2B2B;
	margin-right: 3px;
}

textarea {
	height: 6em;
}

input.input-button {
	font: 100 12px Arial, sans-serif;
	background: #FAF8F3;
	padding: 2px 6px;
	border: 1px solid #CCC;
	width: auto;
}

span.form-error {
	color: red;
	display: block;
	padding: 2px 0 5px;
	font-size: 11px;
	font-weight: 700;
}
input {
	width: 18em;
}

textarea {
	width: 24em;

}

dl dd {
	padding: 0 0 8px 0;
}

dl dt span { color: #a91414;}

/**
* = Tables
* ----------------------------------------------------------
*/

table {
	width: 99%;
	font: 100 12px Arial, sans-serif;
}

caption {
	font: 10px Arial, sans-serif;
	padding: 0 0 1px 0;
	margin: 0 0 7px 0;
	border-bottom: 1px dotted #808080;
}

tr.odd {
	background: #D3F1F1;
}

tr.even {
	background: #EAFCFC;
}

th {
	padding: 7px 5px;
	text-align: left;
	background: #467272;
	color: #FFF;
	font-weight: 100;
}

td {
	padding: 5px;
}

/**
 * = Button
 * ----------------------------------------------------------
 */

p.button a:link,
p.button a:visited {
	display: block;
	float: right;
	padding: 3px 6px;
	border: 1px solid #EEE;
	background: #FAF8F3;
	text-decoration: none;
	font-weight: 700;
}

/**
 * = Newsletter subscribe
 * ----------------------------------------------------------
 */

input.input-radiobutton {
	width: auto;
}

input.input-submit {
	width: auto;
}

#newslettersubscribeform ul {
	padding: 0;
}

#newslettersubscribeform ul li {
	background: none;
	margin: 0;
	padding: 0;
}

/**
 * = Contest
 * ----------------------------------------------------------
 */

#contest {
	position: absolute;
	width: 129px;
	height: 137px;
	top: 700px;
	left: 61px;
}

/**
* = Clearfix
* ----------------------------------------------------------
* @see	http://www.positioniseverything.net/easyclearing.html
* @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
* @see http://www.stuffandnonsense.co.uk/archives/clearing_floats_without_structural_markup_in_ie7.html
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display:inline-block;
}