/*
Theme Name: Club-Maté
Theme URI: http://www.mellewynia.nl/
Description: 2011-11-21
Author: Melle Wynia
Version: 1.1
Tags: 
*/

body, h1, h2, h3, p, ul, li, blockquote {
	margin:0; padding:0;
}

hr {
	display:none;
}

body {
	background:#f3f3f3;
}




/* Header */

header {
	width:100%; height:304px;
	display:block;
	background:url(images/header_bg.jpg);
}

header nav {
	margin:0 auto;
	width:910px; height:304px;
	display:block;
	background:url(images/header-nav_bg.jpg);
}

header h1 a {
	margin:23px 0 0 77px;
	width:395px;
	position:absolute;
	background:url(images/club-mate_bg.png) no-repeat;
    -webkit-animation-name:h1; -webkit-animation-duration:100ms; -webkit-animation-direction:alternate; -webkit-animation-iteration-count:1;
}

header h1 a em {
	text-indent:-9999px;
	display:block;
}

@-webkit-keyframes h1 {

	    from {
			top:-500px;
	    }

		to {
			top:0px;
		}
	}

header h1 a {
	text-decoration:none;
}

header h1 span {
	top:53px; margin:0 0 0 45px;
	width:170px; height:170px;
	position:absolute; display:block;
	cursor:pointer;
	background:url(images/logo_bg.png);
}

header h1 span:hover {
    -webkit-animation-name:logo; -webkit-animation-duration:75ms; -webkit-animation-direction:alternate; -webkit-animation-iteration-count:2;

}

@-webkit-keyframes logo {

	    from {
			top:53px; 
	    }

		to {
			top:50px;
		}
	}




header ul {
	margin:110px 0 0 322px; padding:0;
	position:absolute;
	list-style:none;
	font:11px/16px Arial, sans-serif; text-transform:uppercase;
}

header ul li {
	margin:0 22px 0 0; padding:0;
	float:left;
}

header ul li a {
	display:block; overflow:hidden;
	color:#fff; text-decoration:none;
	-webkit-transition:color 100ms linear;
}

.current a, header ul li a:hover {
	color:#1a3882; 
}

header ul li span { 
	margin:0 0 5px 0;
	height:25px;
	display:block; cursor:pointer;
	text-indent:-999px;
}

.over span {
	width:87px;
	background:url(images/header-li_bg.png) no-repeat; background-position:0px 0px;
	-webkit-transition:background-position 150ms linear;
}

.current .over span, .over:hover span {
	background-position:0px -25px;
}

.nieuws span {
	width:119px;
	background:url(images/header-li_bg.png) no-repeat; background-position:-87px 0px;
	-webkit-transition:background-position 150ms linear;
}

.current .nieuws span, .nieuws:hover span {
	background-position:-87px -25px;
}

.mix span {
	width:66px;
	background:url(images/header-li_bg.png) no-repeat; background-position:-206px 0px;
	-webkit-transition:background-position 150ms linear;
}

.current .mix span, .mix:hover span {
	background-position:-206px -25px;
}

.submenu {
	margin:-2px 0 0 0;
	width:150px;
}

.submenu ul {
	margin:0;
}

.submenu li {
	margin:0; padding:0;
	float:none;
}

.submenu a {
	display:inline;
	text-decoration:underline;
}




/* Content */
section {
	padding:0 140px 0 322px; margin:-75px auto 0 auto;
	width:448px; min-height:650px; height:auto !important; height:650px;
	display:block;
	background:url(images/content-bottle-club-mate_bg.jpg) no-repeat 0px 38px;
	color:#191919; font:14px/23px Georgia, Times New Roman, serif;
}

section .meta {
	padding:15px 0 0 0;
	font:11px/16px Arial, sans-serif; text-transform:uppercase;
}

section img {
	padding:21px;
	border:1px solid #ede1e0;
	background:#f2f2f2;
}

section a, #twitter a.follow-link {
	padding:0 0 2px 0;
	background:url(images/content-a_bg.gif) repeat-x; background-position:right bottom;
	color:#d9261c; text-shadow:#f2f2f2 0px 1px 2px; text-decoration:none;
	-webkit-transition:background-position 150ms linear, color 150ms linear;
}

section a:hover, #twitter a.follow-link:hover {
	background-position:left bottom;
	color:#444;
}

#content h1 {
	padding:0 0 25px 0;
	clear:both;
	color:#1a3882; font:bold 14px/23px Arial, sans-serif; letter-spacing:0.1em; text-transform:uppercase;
}

#content h2 {
	padding:4px 0 12px 0;
	clear:both;
	color:#1a3882; font:bold 14px/23px Arial, sans-serif; letter-spacing:0.1em; text-transform:uppercase;
}

#content h3 {
	padding:0 0 8px 0;
	clear:both;
	color:#1a3882; font:bold 12px/23px Arial, sans-serif; letter-spacing:0.1em; text-transform:uppercase;
}

#content blockquote {
	padding:0 15px;
	font-style:italic;
}

#content p {
	padding:0 0 8px 0;
}

#content ul {
	padding:0 0 7px 0;
	list-style:none;
}

#content ul li {
	padding:0 0 7px 15px;
	background:url(images/content-ul-li_bg.gif) no-repeat 3px 6px;
}

#content table {
	margin:0 0 8px 0;
}

#content table th {
	padding:5px 0 3px 0;
	border-bottom:1px dashed #ddd;
	color:#1a3882; font:bold 12px/23px Arial, sans-serif; letter-spacing:0.1em; text-transform:uppercase; text-align:left;
}

#content table td {
	padding:5px 0 3px 0;
	border-bottom:1px dashed #ddd;
}

#identica {
	padding:0 0 15px 95px;
	background:url(images/identica_bg.gif) no-repeat;
}

#identica a.follow-link {
	margin:0 0 0 15px;
	color:#398dc7;
}

#identica em {
	color:#444; font-style:italic;
}

#identica small {
	padding:0 0 0 11px;
	font:11px/16px Arial, sans-serif; text-transform:uppercase;
}

#archief {
	padding:12px 0 7px 0;
	position:relative;
	font:11px/16px Arial, sans-serif; text-transform:uppercase;
}

#archief div {
	margin:-3px 0 0 200px;
	width:248px;
	position:absolute;
	text-align:right;
}

#archief select {
	cursor:pointer;
}





/* Footer */

footer {
	margin:-15px 0 0 0;
	height:206px;
	display:block;
	background:url(images/footer_bg.jpg);
	color:#1a3882; font:11px/16px Arial, sans-serif; text-shadow:#ef9e1c 0px 1px 0px;
}

footer div {
	padding:76px 140px 0 322px; margin:0 auto;
	width:448px; height:130px;
	background:url(images/footer-div_bg.jpg);
}

footer p, footer address {
	padding:0 0 15px 0;
	font-style:normal;
}

footer a {
	padding:5px 0 0 0;
	color:#1a3882;
	-webkit-transition:color 150ms linear;
}

footer a:hover {
	color:#444;
}

#melle {
	padding:5px 0 0 8px;
}

#wordpress {
	padding:5px 0 0 20px;
}