/*
Theme Name: Rhythm Experience
Theme URI: http://www.rhythm-experience.nl/
Description: Custom theme for Rhythm Experience.nl, the ultimate percussion workshop
Version: 1.1
Author: Sander Hermsen
Author URI: http://www.sander-hermsen.nl/
*/


/* General Styles and Setup */

body  {
	color: #000000; 
	font-size: 11px;
	font-family: Verdana, Arial, Times, Helvetica;
	margin:0px;
	background: #000000;
	}
	
#wrapper {
	width: 1048px;
	margin: 0 auto;
	padding: 0px;
	background-color: black;
	}	

#main {
	width: 1024px;
	margin: auto;
	background-color: black;
	}

img, img a	{
	border:none;
	margin-right: 5px;
	}
	
ul	{
	list-style-type:none;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	}
	
li	{
	list-style-type:none;
	margin: 0px;
	}		

.clear {
	clear: both;
	}	

br, input, textarea {
	 color: black;
	 font-size: 11px;
	 font-family: Verdana, Arial, Times, Helvetica;
	}	

td {
	font-size: 12px;
	}

/* Typography */

h1 {
	color: green;
	font-size: 24px;
	line-height: 48px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica;
	}
	
h2 {
	color: black;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica;
	}

h3 {
	color: black;
	font-size: 11px;
	text-decoration: none;
	font-weight: regular;
	font-family: Verdana, Arial, Times, Helvetica;
	}

p {
	color: black;
	font-size: 12px;
	text-decoration: none;
	font-weight: regular;
	font-family: Verdana, Arial, Times, Helvetica;
	}


a:active {
	color: #009ee0;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica;
	}
	
a:link {
	color: #009ee0;
 	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica;
	}
	
a:visited {
	color: #009ee0;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica; 
	}
	
a:hover {
	color: green;
	text-decoration: underline;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica;	 
	}	
	
h2 a {	
	color: #009ee0;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica;
	}
	
h2 a:link {	
	color: #009ee0;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica;
	}	
	
h2 a:visited {	
	color: #009ee0;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica;
	}
	
h2 a:active {	
	color: #009ee0;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica;
	}

h2 a:hover {
	color: green;
 	text-decoration: none;
 	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica;
	}	
	
	
/* Header */

#header {
	position: relative;
	height: 200px;
	width: 1024px;
	margin: auto;
	padding: 0px;
	}
	
#header_top {
	/* background:url(img/randomheader/randomheader.php) no-repeat; */
	background:url(img/header_top.png) no-repeat;
	height: 296px;
	margin: 0px;
	padding: 0px;
	}

#header_bottom {
	background:url(img/header_bottom.gif) no-repeat;
	height: 55px;
	margin: 0px;
	padding: 0px;
	}	
	
	
/* Menu */	
	
#menubar {
	background:url(img/bg_main.gif) repeat-y;
	width:1024px;
	min-height: 24px;
	margin: 0px;
	padding: 0px;
	}
	
#menu {
	display: inline;
	padding-top: 4px;
	margin-left: 24px;
	color: white;
	}

#menuitem {
	display: inline;
	}
	
#menuitem li {
	display: inline;
	background: #009ee0;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica; 
	}	
	
#menuitem li a {
	color: white;
	text-transform:uppercase;
	text-decoration: none;
	padding: 5px 3px 3px 3px;
	display: inline;
	}

#menuitem li a:active {
	text-transform:uppercase;
	font-size: 16px;
	text-decoration: none;
	}
	
#menuitem li a:visited {
	text-transform:uppercase;
	text-decoration: none;
	}
	
#menuitem li a:hover {
	text-transform:uppercase;
	color: black;
	font-size: 16px;
	text-decoration: none; 
	}	
	
#submenu_workshops {
	padding-top: 4px;
	margin-left: 48px;
	color: white;
	}
	
#submenu {
	padding-top: 4px;
	margin-left: 48px;
	color: white;
	}	
	
#submenu_cursussen {
	padding-top: 4px;
	margin-left: 200px;
	color: white;
	}	

#submenuitem {
	display: inline;
	}
	
#submenuitem li {
	display: inline;
	background: green;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica; 
	}	
	
#submenuitem li a {
	color: white;
	text-transform:uppercase;
	text-decoration: none;
	padding: 5px 3px 3px 3px;
	display: inline;
	}

#submenuitem li a:active {
	text-transform:uppercase;
	font-size: 13px;
	text-decoration: none;
	}
	
#submenuitem li a:visited {
	text-transform:uppercase;
	text-decoration: none;
	}
	
#submenuitem li a:hover {
	text-transform:uppercase;
	color: black;
	font-size: 13px;
	text-decoration: none; 
	}		
		

/* Content */

#content {
	width: 900px;
	background:url(img/bg_main.png) repeat-y;
	/*background: white;*/
	min-height:260px;
	display: inline-block;
	}

#post {
	width: 540px;
	float: left;
	margin-left: 23px;
	}

img#intextleft {
	float:left;
	margin-right: 5px;
	}

img#intextright {
	float:right;
	margin-left: 5px;
	}


/* Sidebar */

#sidebar {
	float: right;
	display: inline-block;
	margin: 0 0px 12px 0;
	width: 300px;
	min-height:300px;
	}
	
#sidebar_top {
	background:url(img/sidebar_top.png) no-repeat;
	width: 277px;
	height: 55px;
	float:left;
	}
	
#sidebar_main {	
	margin: 0px;
	width: 273px;
	padding: 3px 0px 3px 3px;
	float:left;
	}

#sidebar_wrapper {
	width: 270px;
	margin-left: 3px;
	}
	
#sidebar a {
	font-size: 12px;
	color: white;
	margin-bottom: 5px;
	}

#sidebar a:hover {
	color: green;
	text-decoration: underline;
	font-size: 12px;
	margin-bottom: 5px;
	}	

#sidebar ul {
	font-size: 11px;
	}
	
#sidebar li {
	float:left;
	}
	
	
/* Widgets */
	
#widget {
	margin: 0px 0 15px 0px;
	display: inline-block;
	}
	
#widget_bottom {
	background:url(img/divider2.png) no-repeat;
	width: 270px;
	height: 9px;
	}	
	

.widgettitle {
	color: black;
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Times, Helvetica;
	text-align: left;
	}
	



/* Footer */

#footer {
	position: relative;
	height: 250px;
	background:url(img/footer.png) no-repeat;
	width: 1024px;
	margin: auto;
	margin-bottom: 0;
	padding: 0;
	}
	
#footertext {
	float:right;
	font-size: 0.75em;
	color: white;
	margin-top: 210px;
	margin-right:320px;
	}
	
#footer a:link, #footer a:visited {
	color: white;
}

#footer a:hover {
	text-decoration: underline;
}	


/* addtoany */

ul.addtoany_list {
display:inline;
float:left;
list-style-type:none;
margin:0px 30px 0px 0px;
padding:0 !important;
text-indent:0 !important;
}

ul.addtoany_list li {
border:0 none;
display:inline !important;
line-height:32px;
list-style-type:none;
margin:0 !important;
}

ul.addtoany_list li a {
padding:0 1px;
}