/*  

Theme Name: Waterpark

Theme URI: 

Description: This is my theme for a tutorial.

Version: 1.0

Author: Ashish sharma

Author URI: 



*/

body {

	color: #595959; 

	text-align: center;

	margin: 0;

	font-size:12px;

	font-family:"Trebuchet MS";

	background-color:#000000;

}

/* links */

a, a:visited {	

	color: #899B0D;

	background: inherit;

	text-decoration: none;	

}

a:hover {

	color: #ff6000;

	background: inherit;

	text-decoration: underline;	

}



/* headers */

h1, h2, h3 {

	color: #444;

}

h1 {

	font-size: 230%;	

	font-weight: normal;

	letter-spacing: -1px;

}

h2 {

	font-size: 180%;

	color: #88ac0b;

}

h3 {

	font-size: 150%;	

	font-weight: normal;	

}



h1, h2, h3, h4, p {

	padding: 10px;		

	margin: 0;

}

ul, ol {

	margin: 5px 20px;

	padding: 0 20px;

}

ul {

	list-style: none;

}

#wraper {

	position: relative;

	background: #000000;

	width: 900px;	

	margin: 0px auto 0 auto;

	text-align: left;

}

#header {

	position: relative;

	background: #fff url(images/header-bg.jpg) repeat-x;

	width: 870px;	

	height: 100px;	

	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: #111;

	text-transform: none;

	text-decoration: none;

	top: 22px;

	left: 20px;

	width: 560px;

}

#header p#slogan {

	position: absolute;

	margin: 0; padding: 0;

	font: normal 12px Georgia, "Times New Roman", Times, serif;

	text-transform: none;

	color: #5b4a29;

	top: 72px; left: 25px;		

}

#header-photo {

	clear: both;

	background: #fff;

	margin: 0px auto;

	padding: 0;		

	height:450px; 

	width: 900px;

	background-image:url(images/header-photo.jpg);

	background-repeat:no-repeat;

}

/* 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: 900px;		

	height: 45px;

	text-transform: uppercase;

	margin: 0 0 0 0px;

	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 3.291px;

	border-right: 1px solid #000000;

	border-left: 1px solid #000000;

	font: bold 12px/45px Arial, Century Gothic, "Trebuchet MS", Helvetica, Geneva, sans-serif;

	text-transform: uppercase;

         text-align:center;

	text-decoration: none;	

	letter-spacing: 1px;

	color: #fff;

         width:120px;

}

#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: #fff url(images/content-bg.jpg) repeat-y;

	clear: both;

	float: left;	

	width: 900px;	

	padding: 0; 			

	margin-left: 0px;	

	display: inline;

	border-top: 0px solid #fff;

	border-bottom: 0px solid #e5e5e5;

	border-left: 0px solid #fff;

	border-right: 0px solid #fff;

}

#main {

	float: left;

	width: 550px;

	padding: 15px 0 0 0; margin: 0 0 0 10px;

	display: inline;	

}

#main h2 {

         background-color:#bfbfbf;

	margin-top: 10px;

	padding: 5px 100px 5px 10px;

	font: normal 2.3em ;

	color: #37423e; 

	letter-spacing: -1px;	

	text-transform: none;

         font-family: "arial-bold", arial;

}

#main h2 a {

	color: #37423e; 

	text-decoration: none;	

}

.sidebar{

	float: right;

	width: 300px;

         min-height:500px;

	padding: 15px 10px 0 10px; margin-top: auto;margin-bottom:auto;

	background-color:#e0f1bf;

	}

.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;

	padding: 25px 0 0 0; margin-top: auto;margin-bottom:auto;		

}	

h3 {

	margin-top: 10px;

	padding: 5px 10px; 

	font: normal 14px ;	

	color: #899B0D; 

         font-family: "arial-bold", arial;			

}

h4 {

	margin-top: 0px;

	padding: 5px 10px; 

	font: normal 12px;	

	color: #1c1c1c; 

         font-family: arial, tahoma, helvetica;			

}

.sidemenu {

	text-align: left;

	margin: 7px 10px 8px 0px; padding: 0;

	text-decoration: none;		

	border-top: 1px solid #EBEBEB;

}

.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: 15px solid #fff;

	border-top: 1px solid #fff;

}

#footer-wrap a:hover {

	color: #000;	

}

#footer-bottom {

	clear: both;

	color: #666;	

	margin: 0 auto; 

	width: 870px;

	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%;

	}



#sub-focus{margin-top:2px;margin-bottom:2px;margin-left:auto;margin-right:auto;width:900px;height:220px;background-image: url(images/sub-focus-bkg.jpg); background-repeat:no-repeat;color:#000000;}

#sub-left{width:299px;height:220px;float:left;}

#sub-center{width:299px;height:220px;float:left;}

#sub-right{width:299px;height:220px;float:left;}

.left2{float:left; margin:5px 10px 0px 10px;}





#button1 a{display:block; width:133px;height:30px;float:right;background:url(http://www.everlastturf.com/images/landscape-turf-button.png);background-repeat:no-repeat;background-position: 0px 0px;}

#button1 a:hover{color:#ffffff;background-position:0 -30px;}





#button2 a{display:block; width:133px;height:30px;float:right;background:url(http://www.everlastturf.com/images/putting-turf-button.png);background-repeat:no-repeat;background-position: 0px 0px;}

#button2 a:hover{color:#ffffff;background-position:0 -30px;}





#button3 a{display:block; width:133px;height:30px;float:right;background:url(http://www.everlastturf.com/images/pet-turf-button.png);background-repeat:no-repeat;background-position: 0px 0px;}

#button3 a:hover{color:#ffffff;background-position:0 -30px;}



.alt{display:none;}



#footer-container{width:100%;height:150px;background-image: url(http://www.everlastturf.com/images/footer-bkg.jpg); background-repeat:repeat-x;}

#footer{width:900px;height:150px;margin-left:auto;margin-right:auto;}

.copy{font-family: Arial, Tahoma, Verdana, Helvetica; color: #88a198; font-size:12px;text-align:left;padding:10px 0px 0px 10px;}



.sub-head{margin-top: 10px; padding: 5px 10px; font: normal 14px ; color: #ffffff; font-family: "arial-bold", arial;background-color:#36413d;margin-left:10px;margin-right:10px;}