/*
Theme Name: Waterpark
Theme URI: 
Description: This is my theme for a tutorial.
Version: 1.0
Author: Ashish sharma
Author URI: 

*/
body {
    color: #666666; 
    text-align: center;
    margin: 0 0 50px 0;
    font-size:12px;
    font-family:"Trebuchet MS";
    background-color:#0D0D0D;

}
/* links */
a, a:visited {  
    color: #EBEBEB;
    background: inherit;
    text-decoration: none;  
}
a:hover {
    color: #d96966;
    background: inherit;
    text-decoration: underline; 
}

/* headers */
h1, h2, h3 {
    color: #fff;
}
h1 {
    font-size: 230%;    
    font-weight: normal;
    letter-spacing: -1px;
}
h2 {
    font-size: 180%;
    color: #fff;
}
h3 {
    font-size: 200%;
    font: "Times New Roman";

}

h1, h2, h3, p {
    padding: 10px;      
    margin: 0;
}
ul, ol {
    margin: 5px 20px;
    padding: 0 20px;
}
ul {
    list-style: none;
}
#wraper {
    position: relative;
    background: #181818;
    width: 900px;   
    margin: 0 auto;
    text-align: left;
}
#header {
    position: relative;
    background: #0D0D0D url(images/header.jpg) repeat-x;
    width: 896px;   
    height: 266px;  
    padding: 0; 
    margin: 0px auto;
}
#header h1#logo-text a {
    position: absolute;
    margin: 0;
    padding: 0;
    font: normal 42px Georgia, "Times New Roman", Times, serif;
    letter-spacing: -1.5px;
    color: #C0C0C0;
    text-transform: none;
    text-decoration: none;
    top: 2px;
    left: 10px;
    width: 560px;
}
#header p#slogan {
    position: absolute;
    margin: 0;
    padding: 0;
    font: normal 12px Georgia, "Times New Roman", Times, serif;
    text-transform: none;
    color: #EBEBEB;
    top: 45px;
    left: 15px;
}
#header-links {
	position: absolute;
	right: 10px;
	top: 45px;
	width: 400px;
	height: 25px;
	text-align: right;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
    color: #EBEBEB;
}
#header-links a {
	color: EBEBEB;
}
#header-photo {
position: absolute;
    clear: both;
    top: 57px;
    padding: 0;
    height: 203px;
    width: 896px;
    
}
/* Navigation */
#nav {
    clear: both;    
    margin: 0; padding: 0;      
    height: 45px;   
}
#nav ul {
    float: left;
    list-style: none;
    background: url(images/nav.jpg) repeat-x;   
    width: 896px;       
    height: 45px;
    text-transform: uppercase;
    margin: 0 0 0 2px;
    padding: 0; 
    display: inline;
}
#nav ul li {
    display: inline;
    margin: 0; padding: 0;
}
#nav ul li a {
    display: block;
    float: left;
    width: auto;
    margin: 0;
    padding: 0 14px;
    border-right: 1px solid #899D00;
    border-left: 1px solid #A7D101;
    font: bold 14px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
    text-transform: uppercase;
    text-decoration: none;  
    letter-spacing: 1px;
    color: #fff;
}
#nav ul li a:hover, #nav ul li a:active {
    background: url(images/nav-hover.jpg) repeat-x; 
}
#nav ul li#current a {  
    background: url(images/nav-current.jpg) repeat-x;   
}
#content-wrap {
    position: relative;
    background: #181818;
    clear: both;
    float: left;    
    width: 896px;   
    padding: 0;             
    margin-left: 2px;   
    display: inline;
    border-top: 5px solid #181818;
    border-bottom: 5px solid #181818;

}
#main {
   position: relative;
    float:right;
    width: 611px;
    height: 319px;
    background: #181818 url('images/stage.jpg') no-repeat left top;
    padding: 0;
    margin: 0;
    display: inline;
    overflow: hidden;

}
#main .inner {
    position: relative;
    margin-top: 55px;
}
#mainbutton a {
    float: left;
    width: 203px;
    height: 65px;
    background-image: url('images/button.jpg');
    padding-right: 1px;
}
#mainbutton a:hover {
    background-image: url('images/buttonover.jpg');
}
#mainbutton2 a {
    float: left;
    width: 203px;
    height: 65px;
    background-image: url('images/button.jpg');
    padding-right: 1px;
}
#mainbutton2 a:hover {
    background-image: url('images/buttonover.jpg');
}
#mainbutton3 a {
    float: left;
    width: 203px;
    height: 65px;
    background-image: url('images/button.jpg');
}
#mainbutton3 a:hover {
    background-image: url('images/buttonover.jpg');
}
.nomouse1 a
{
    width: 203px;
    height: 65px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-image: url('images/knop.png');
}
.nomouse2 a
{
    width: 203px;
    height: 65px;
    position: absolute;
    top: 0px;
    left: 204px;
    z-index: 1;
    background-image: url('images/knop.png');
}
.nomouse3 a
{
    width: 203px;
    height: 65px;
    position: absolute;
    top: 0px;
    left: 408px;
    z-index: 1;
    background-image: url('images/knop.png');
}



.mouse1
{
    visibility: hidden;
    color: white;
    width: 611px;
    height: 319px;
    font-size: 10px;
    top: 0px;
    left: 0px;
    background-image: url('images/stagel.jpg');
    
}
.mouse2
{
    visibility: hidden;
    color: white;
    width: 611px;
    height: 319px;
    font-size: 10px;
    top: 0px;
    left: 0px;  background-image: url('images/stagem.jpg');
    
}
.mouse3
{
    visibility: hidden;
    color: white;
    width: 611px;
    height: 319px;
    font-size: 10px;
    top: 0px;
    left: 0px;  background-image: url('images/stager.jpg');
    
}


#toverdiv1
{
    width: 611px;
    height: 319px;
    position: absolute;
    
}
#toverdiv2
{
    width: 611px;
    height: 319px;
    position: absolute;
}
#toverdiv3
{
    width: 611px;
    height: 319px;
    position: absolute;
}

#main h2 {
    margin-top: 10px;
    padding-bottom: 3px;
    font: normal 2.3em ;
    color: #895F30; 
    letter-spacing: -1px;   
    text-transform: none;
}
#main h2 a {
    color: #895F30; 
    text-decoration: none;  
}
#main a {
    color: #c0c0c0; 
    text-decoration: none; 
    padding-left: 5px; 
    padding-right: 5px;
}
#main a:hover {
	color: #d96966;
}

.sidebar{
    float: right;
    width: 285px;
    height: 319px;
    background: #131212 url(images/left_bg.jpg) repeat-x;

    margin: 0;
    overflow: hidden;
}
.sidebar p {
	font-size: 14px;
	color: #C0C0C0;
	font-family: "Times New Roman";
}
.sidebar a {
	font-size: 14px;
	color: #fff;
	font-family: "Times New Roman";
	float: right;
	background: none;
	padding-right: 10px;
}
.sidebar h3 {
	font-size: 28px;
	color: #C0C0C0;
	font-family: "Times New Roman";
	font-weight: bold;
}


.post{
    padding:10px 0 10px 0;
    }
.post h2{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    }
.entry{
    line-height:18px;
    }
p.postmetadata{
    border-top:1px solid #ccc;
    margin:10px 0 0 0;
    }
.navigation{
    padding:10px 0 0 0;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    }
/* Sidebar */   
#sidebar {
    float: right;
    width: 280px;
    height: 319px;
    padding: 25px 0 0 0; margin: 0;     
}   
h3 {
    margin-top: 10px;
    padding: 5px 10px;
    font: normal 2em "Times New Roman";
    color: #C0C0C0;

}
.sidemenu {
    text-align: left;
    margin: 7px 10px 8px 0px; padding: 0;
    text-decoration: none;      

}
.sidemenu li {
    list-style: none;
    border-bottom: 1px solid #EBEBEB;
    padding: 5px 0 5px 5px;
    margin: 0 2px;      
}
* html body #sidebar ul.sidemenu li {
    height: 1%;
}
.sidemenu li a {
    text-decoration: none;  
    background-image: none; 
    color: #895F30;         
}
.sidemenu li a:hover {  
    color: #1773BC; 
}
.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
.sidemenu ul li { border: none; }
#footer-wrap {
    clear: both;
    width: 900px;
    font-size: 95%; 
    text-align: left;
    border-bottom: 1px solid #181818;
    border-top: 1px solid #181818;
}
#footer-wrap a:hover {
    color: #000;    
}
#footer-bottom {
    clear: both;
    color: #666;    
    margin: 0 auto; 
    width: 896px;
    padding: 5px 0 0 0;
    text-align: center; 
}
#footer-bottom  a {
    color: #976834;
}
/* postmeta */
.postmeta { 
    padding: 5px; margin: 20px 10px 15px 10px;  
    font-size: 95%; 
    color: #99997D;
    border: 1px solid #EAE7DB;
    background: #FAFAE7;
}
.postmeta .date{ margin: 0 10px 0 5px;  }
.postmeta a.comments { margin: 0 10px 0 5px;    }
.postmeta a.readmore { margin: 0 10px 0 5px;    }

.post-info { font-size: .95em;  padding-top: 0; margin-left: 5px;   }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
table#wp-calendar{
    width:100%;
    }
    
#tray {


    border: 1px solid #181818;
    margin-left: 0px;
}
#tray .contentbox {
    float: left;
    width: 893px;
    color: #CFCFCF;
}
#tray .redbox {
    float: left;
    width: 893px;
    height: 279px;
    min-height: 279px;
    background: #800000 url(images/showbalk.jpg);

    color: #CFCFCF;
}
#tray .first {
    margin-left: 3px;
}
#tray p {
    margin-top: 1em;
    margin-bottom: 1.4em;
    padding-left: 2px;
}



#category-4 {
	background-position: left top;
	margin: 0 auto;
	background-image: url('images/les-miserables.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#category-4 h1 {
	font-size: xx-large;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
#category-4 p {
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	color: #EAE7DB;
}
#category-music {
	position: relative;
	margin: 0 auto;
	background-image: url('images/podium.jpg');
	text-align: right;
	padding-right: 10px;
	overflow: hidden;
}
#category-music p {
	color: orange;
}
#category-musicblok {
	position: absolute;
	width: 300px;
	height: 350px;
	top: 50px;
	right: 10px;
}