@import url('css/colors.css');



* {
  margin: 0;
  padding: 0;
}
html body {
  margin: 0;
  padding: 0;
  font-family: Helvetica;
  font-size: 12px;
  text-align: center;
  background:#fff;
}
#mainwrap {
  text-align: left;
  margin: 0 auto;
  width: 960px;
}
#header {

}
ul#nav {
  width: 960px;
  height: 32px;
  background: #d1d1d1;
  float: left;
}



ul#nav li {
  display: inline;
}
ul#nav li a {
  float: left;
  display: block;
  padding: 8px 15px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  border-right: px solid #333333;
}
#nav li.current_page_item a, ul#nav li a:hover {
  color: #fff;
  background: #adadad;
  padding: 8px;
}




.rss, .rsscomments  {
  float: right;
  background: url(images/rss.png) no-repeat;
  padding-left: 20px;
  padding-top: 0;
  margin-left: 15px;
  position: relative;
  top: -23px;
  left: -10px;
}

.rss a:link, .rsscomments a:link {
  color: #fff;
  position: relative;
  top: -4px;
}


#hlogo {
  clear: both;
  background: url(images/header.jpg) repeat-x;
  height: 85px;
}
.logo {
  background: url(images/logo.jpg) no-repeat;
  width: 283px;
  height: 82px;
  float: left;
}
/*CONTENT LAYOUT*/
#contentwrap {
  float: left;
  width: 458px;
  background: #fff;
color: #000;
  border-right: 1px solid #000;
}
.inside {
  padding: 10px;
}
.inside2 {
  padding: 0 10px;
}


#sidebar, #sidebar2 {
  float: left;
  width: 250px;
  background: #d1d1d1;
}
#sidebar {
    border-right: 1px solid #000;

}


#sidebar2 {
  background: #ffffff;
  margin-top: -10px;
}
.side-widget h3 {
  color: #000;
  border-bottom: 1px solid #000;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.side-widget {
  margin-bottom: 10px;
}


#sidebar ul li, #sidebar2 ul li {
  list-style: none;
  line-height: 30px;
  text-transform: uppercase;
  border-bottom: 1px solid #e8e8e8;
  font-size: 10px;
  font-weight: bold;
}
#sidebar ul li:hover, li.sfhover {
  background: url(images/sidebar.jpg) no-repeat;
}
#sidebar ul li:hover a, #sidebar a:hover {
  color: #000;
}

#sidebar2 ul li:hover, li.sfhover {
  background: url(images/sidebar2.jpg) no-repeat;
}
#sidebar2 ul li:hover a, #sidebar2 a:hover {
  color: #000;
}



/* GLOBAL LINK STYLE */
a:link, a:visited {
  color:  #000;
  text-decoration: none;
}
a:hover {
    color: #736b56;
}
#sidebar ul li a{
     color: #fff;
}
#sidebar2 ul li a{
     color: #000;
}


/* wp post */
h2  {
  padding-bottom: 2px;
  margin-bottom: 5px;
}
h2 a:link {
  color: #000;
}



a.more-link {
  color: #9e917b;
  text-transform: uppercase;
  font-size: 10px;
  height: 50px;
}
#sidebar2 .widget h3 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #e1dad0;
  background: #ededed;
  padding: 5px;
}


 #footer {
    margin: 0 auto;
    clear: both;
    width: 960px;
    padding: 10px;
  }
  .authorsig {
    float: left;
    font-weight: bold;
    margin-left: 10px;
  }
   #des {
    text-decoration: underline;
    font-weight: bold;
    color: #000;
  }
  .spo {
    float: right;
    font-weight: bold;
    text-decoration: none;
    margin-right: 5px;
    color: #ccc;
  }
  #sp {
    color: #ccc;
  }


  .post {
    margin-bottom: 60px;

  }
#calendar_wrap {
  margin-left: 50px;
}
caption {
  background: #EEEAE1;
  border: 1px solid #fff;
}
.co {
  float: right;
  font-size: 16px;
  font-weight: bold;
  background: url(images/icons.gif) no-repeat;
  height: 17px;
}
.co a:link {
  color: #000;
  margin-left: 13px;
  position: relative;
  top: -2px;
}


.entry img {
  border: 1px solid #E8E8E8;
  padding: 4px;
  float: left;
  margin-right: 6px;
}

.post-date {
	font:normal 11px Tahoma, Verdana;
	color:#000;
}

.post-categories, .post-author, .post-date { margin-left: 3px; }

.pbg {
  background: #f0f0f0;
  border-top: 1px solid #ccc;
  margin-bottom: 8px;
  padding: 3px 0;

}


.post-categories a:link {
  color: #000;
}


.co {
  background-position: 0 -100px;
  padding: 8px 22px;
  float: right;
  background-color: #fff;
}


/* SLIDER */
#imageslide {
  margin-top: 25px;
  margin-bottom: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid black;
}
#slide-next-nav {
  margin-left: -7px;
  margin-top: 30px;
  border: 0;
}
#slide-prev-nav {
  margin-top: 30px;
  margin-left: -15px;
  border: 0;
}




#mygallery {
	background-color:#fff;
}
#mygallery img {
  border: 0;
}


.stepcarousel{
position:relative; /*leave this value alone*/
overflow:scroll; /*leave this value alone*/
width:900px; /*Width of Carousel Viewer itself*/
height:224px; /*Height should enough to fit largest content's height*/
margin:0 auto;
}

.stepcarousel .belt{
position:absolute; /*leave this value alone*/
left:0;
top:0;
}

.stepcarousel .panel{
float:left; /*leave this value alone*/
overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:9px ; /*margin around each panel*/
width:270px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:200px;
background-color:#FFFFFF;
padding:8px;
margin-left: 9px;
border: 1px solid black;
}

.stepcarousel .panel img{
float:left; /*leave this value alone*/
margin:0; /*margin around each panel*/
padding:0;
}

.stepcarousel .panel span {
	font-size:15px;
	line-height:38px;
}

.stepcarousel .panel a { color:#000000; }

.stepcarousel .panel a:hover { color:#7C7C7C; }