/* CSS Document */
body{
	/*background: #A6C7E6 url(images/bg-page.gif) repeat left top;*/
	
  
  background: no-repeat -webkit-linear-gradient(#069, orange); /* For Safari 5.1 to 6.0 */
  background: no-repeat -o-linear-gradient(#069, orange); /* For Opera 11.1 to 12.0 */
  background: no-repeat -moz-linear-gradient(#069, orange); /* For Firefox 3.6 to 15 */
  background: no-repeat linear-gradient(#069, orange); /* Standard syntax */
background-color:orange;

	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	
}
#backgroundpic
{
background: no-repeat center center fixed;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;

width:100%;
height:100%;
position:fixed;
z-index:-1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";       /* IE 8 */
filter: alpha(opacity=65);  /* IE 5-7 */
-moz-opacity: 0.65;          /* Netscape */
-khtml-opacity: 0.65;        /* Safari 1.x */
opacity: 0.65;               /* Good browsers */
}

#body-inner{
	/*background: url(images/body-inner.jpg) repeat-x left 120px;*/
	margin:0px;
	padding:0px;
	width: 100%;
	height: 100%;
}

#wrapper{
	width:960px;
	margin:0 auto;
	padding-top: 30px;

	

}

#toppic
{

  background: no-repeat -webkit-linear-gradient(white, #069); /* For Safari 5.1 to 6.0 */
  background: no-repeat -o-linear-gradient(white, #069); /* For Opera 11.1 to 12.0 */
  background: no-repeat -moz-linear-gradient(white, #069); /* For Firefox 3.6 to 15 */
  background: no-repeat linear-gradient(white, #069); /* Standard syntax */


width:100%;
height:102px;
position:absolute;
z-index:-1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";       /* IE 8 */
filter: alpha(opacity=20);  /* IE 5-7 */
-moz-opacity: 0.2;          /* Netscape */
-khtml-opacity: 0.2;        /* Safari 1.x */
opacity: 0.2;               /* Good browsers */
}

/* logo */

#logo{
	float:left;
	clear:none;
	z-index: 2;
	font-size:26px;
	font-weight:bold;
	/*color:#78461E;*/
	color:white;
	margin-bottom:25px;
}

#logo a{	
	color:white;
}

/* search */

#search{
	width: 960px;
	width:600px;
	float:right;
	z-index: 9800000;
}
#search form {
	padding: 0;
	margin:0;
	border: 1px solid #fff;
	height: 35px;
	float: right;
}
#search-txt{
	float:left;
	clear:none;
	padding-left:10px;
	padding-top:8px;
	font-weight: bold;
	color: #fff;
	font-size: 18px;
}

#search-box{
	float:left;
	clear:none;
	margin-left:5px;
	margin-top:0;
	width:533px;
	height:27px;
	
}

#search-box input{
	margin-top:5px;
	width:375px;
	height:23px;
	border:0px;
	background-color: #fff;
	color: #78461E;
	font-weight:bold;
}

#go-btn{
	float:left;
	clear:none;
	margin-top:3px;
	margin-left:10px;
	padding-right: 3px;
}

/* menu */

#menu{
	width: 960px;
	background-color:#006699;
	//background-color:#78461E;


	height:25px;
	top: 95px;
	zoom:1;
}

#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu ul li{
	float:left;
	height:25px;
	line-height: 25px;
	padding: 0;
	margin: 0;
}

ul li a{
	color:#000000;
}

#menu ul li a{
	display:block;
	text-decoration:none;
	font-size: 13px;
	text-align:center;
	cursor:pointer;
	height:25px;
	color: #fff;
	line-height: 25px;
	padding: 0px 20px 0px 30px;
	background: url(images/nav-back.gif) no-repeat 3px center;
	font-weight: bold;
	float: left;
}

#menu ul li a:hover, li.selected a{
	color:#fff;
	height:25px;
	background-color: #660;
}

/* banner */

#banner{
	background:  url(images/header-bg.png) top center no-repeat;
	width: 961px;
	height: 208px;
	padding-top:10px;
	margin-top: 20px;
	padding-left: 20px;
	margin-left: -13px;
}

#banner span div.txt {
	float: right;
	width: 470px;
	padding-right: 10px;
}

#banner img {
}

#banner_white{
	background-color: #FFFFFF;
	width:981px;
	padding: 10px 0 0 3px;
	margin-top:10px;
    margin-left:17px;
}

/* categories */

#side-content{
	float:left;
	clear:none;
	background: #fff url(images/col-back.jpg) no-repeat 1px 1px;
	width: 175px;
	margin-top:5px;
	margin-left:0;
	padding:20px;
	border: 1px solid #996;
}
.categories ul {
	margin: 10px 0 20px 0;
	list-style-type: none;
	padding: 0;
}
.categories ul li{
	color:#000000;
	padding: 2px 0px;
	line-height:120%;
}

.categories ul li a{
	text-decoration:none;
	color:#000000;
}

.categories ul li a:hover{
-moz-opacity:.50; 
filter:alpha(opacity=50); 
opacity:.50;
}

/* Entries */

#main-content{
	float: right;
	clear:none;
	width: 695px;
	margin-top:5px;
	border:1px solid #996;
	background: #fff url(images/col-back.jpg) no-repeat 1px 1px;
	padding: 20px 0 20px 20px;
}

.wide{
  width: 1000px;
}


#main-content p {
	padding-right: 20px;
}

#main-content div.h-divider {
	margin-right: 20px;
	
}
#main-content p a {
	color: #069;
}
.title{
	font-size:18px;
	color:#069;
}

h1{
    font-size:18px;
	color:#069;
}
h1.header {
	clear: right;
	float: right;
	color: #fff;
	margin: 0 0 0;
	position: absolute;
	width: 960px;
	display: block;
	text-align: right;
	top: 10px;
	z-index: 1;
}
h2{
	color:#069;
    margin: 0;
	font-size: 18px;
}

h4{
    color:#069;
    margin-bottom: 10px;
    margin-top: 0;
    width: 100%;
}
.wfixed h4 a {
	text-decoration: none;
	margin-top: 0;
}

.right{
  float:right;
}

.ten{
  margin-top:0;
}


.wfixed{
  width: 310px;
  height: 200px;
  margin-right: 10px;
  margin-bottom:10px;
}

#white{
color: #fff;
}
.hardness{
  float: right;
  color: #fff;
  padding-left:5px;
  padding-right:5px;
  background-color: #cc9;
}

#banner  a {
	color: #069;
}
.Family{
  background-color: #66CC33;
  background-color:rgba(102,204,51,0.5);
  font-weight:bold;
  padding-left:5px;
}

.Active{
  background-color: #FF9933;
  background-color:rgba(255,153,51,0.5);
  font-weight:bold;
  pad
ding-left:5px;
}

.Scenic{
  background-color: #004499;
  background-color:rgba(0,68,153,0.5);
  font-weight:bold;
  padding-left:5px;
}

.Long{
  background-color: #CC0000;
  background-color:rgba(204,0,0,0.5);
  font-weight:bold;
  padding-left:5px; 
}

.Night{
  background-color: #000000;
  background-color:rgba(0,0,0,0.5);
  font-weight:bold;
  padding-left:5px;
  color:white;
}

.Rainy{
  background-color: grey;
  background-color:rgba(255,153,51,0.5);
  font-weight:bold;
  padding-left:5px;
  color:white;
}


.wfixed a{
  color:#069;
}


.h-divider{
	border-top:1px dotted #cc9;
	margin-top:5px;
	margin-bottom:20px;
	
}

.photo{
	float:left;
	clear:none;
	border:1px solid #cc9;
    padding: 8px;
	background: #fff no-repeat 1px bottom;
-webkit-box-shadow: 0 5px 10px rgb(90,90,90);
-moz-box-shadow: 0 5px 10px rgb(90,90,90);
box-shadow: 0 5px 10px rgb(90,90,90);
	margin-left: 1px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.txt{
	float:left;
	clear:none;
	margin-left:15px;
	margin-right: 15px;
}

.comments{
	float:left;
	clear:none;
	background:url(images/comments.png) center left no-repeat;
	width:160px;
	height:20px;
	margin-top:15px;
	margin-left:248px;
	padding-left:40px;
}

.comments a{
	color:#8a8888;
}

.more-btn{
	float:right;
	clear:none;
	margin-top:10px;
}

/* footer */

#footer-bg{
	background:#d1d1d1;
	margin-top:30px;
}

#footer{
	padding:15px 0 10px 480px;
	background-color:black;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";       /* IE 8 */
	filter: alpha(opacity=30);  /* IE 5-7 */
	-moz-opacity: 0.30;          /* Netscape */
	-khtml-opacity: 0.30;        /* Safari 1.x */
	opacity: 0.30;               /* Good browsers */
	font-size:12px;
	color:white;
	clear: both;	
}

#footer a{
  color: white;
}


.commenta_page_active {
  background-color: #006699;
  color: #ffffff;
  padding-left:3px;
  padding-right:3px;
  font-weight: bold;
  text-decoration: none;
}

h3 a{
  color:#006699;
}

#side_bar h3{
  color:#006699;
  font-size:16px;
  margin:0px;
}

#side_bar a{
  color:#006699;
  font-size:14px;
  text-decoration:none;
}

a{text-decoration:none;color:#069}
h3{text-decoration:none;}

#side_bar a img{
  margin-right:5px;
}

.main_categories{
  float:left;
  width:75px;
  width:270px;
  padding:20px;
}

.active
{
  //border-right: 10px #999966 solid;
  //border-left: 10px #999966 solid;
  background:url(images/icon_arrow.png) left no-repeat;
  
}

.subtitle{
	font-size:10px;
	color:#069;
}

.inpt2{
    width: 100%;
    min-height:25px;
    font-size:22px;
    color:#006699
}