/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

#mainCol{
	float:left;
	width:650px;
	margin-right: 20px;
}

#sidebar {
	float: right;
	width: 250px;
        margin-right: 0px;
}

#midCol{
	float:left;
	width:1px;
	list-style-type: none;
	padding: 0px;
}

#tertCol{
	float:left;
	width:10px;
	margin-left: 20px;
}

.post {
	margin-bottom: 20px;
	float: left;
	width: 650px;
}

.myBox {
	margin-top: 10px;
	margin-bottom: 0px;
    /*margin: 0.25in auto;*/
	padding: 5px;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.myBox p {
  padding:0;
  margin:1ex 0;
}

/* 2.7 Featured Slider (Front Page)  */

#featured { width: 222px; padding: 19px 19px 0 19px; float: left; }
#featured_btm {
	height: 20px;
	width: 220px;
	float: left;
	margin-bottom: 20px;
}
#featured h2 { margin-bottom: 20px; float:left }
#featured .slider-container { float: left; position: relative; height: 134px; width: 200px; overflow: hidden; color: #111; background: #fff; border:1px solid #cdc9ca; margin-bottom:0px  }
#featured .slider-container .slide{ position: absolute; top:0px; z-index: 0;height: 134px; width: 200px; overflow: hidden; background: #fff;}
#featured .slider-container .slide-1 { display : block; left:0px; top:0px; z-index: 1;}
#featured .slider-container .slide a {display: block; color: #fff;  }
#featured .slider-container .slide img {  display: block; position: absolute; top:0px; left: 0px; border: none; }
#featured .slider-container .slide-content { position: absolute; top: 267px; left: 0; height: 700px; width: 190px; background: #2a2a2a; padding: 10px;z-index: 999; text-align:center }
#featured .slider-container .slide-content h3 { color: #fff; font-weight: normal; font-style: italic; }
#featured .slider-container .slider-left, #featured .slider-container .slider-right {position: absolute; cursor: pointer; height: 30px; width: 30px; z-index: 999; display: block; color: white; }

#featured .slider-container .slider-left { left: 5px;  bottom: 10px; top:auto; background: url('images/arrow_prev.gif') no-repeat center bottom;   }
* html #featured .slider-container .slider-left { background: url('images/arrow_prev.gif') no-repeat center left; }

#featured .slider-container .slider-right{right: 5px; bottom: 10px; top:auto; background: url('images/arrow_next.gif') no-repeat center bottom;}
* html #featured .slider-container .slider-right { background: url('images/arrow_next.gif') no-repeat center right; }

#featured .slider-pag{ float: right; position: relative;}

#featured .slider-pag span{ float: left; display: block; background: red; height: 20px; width: 20px; margin: 0; background: url(images/dot.gif) center center no-repeat; position: relative; cursor: pointer;}
#featured .slider-pag .thumbnail {display: none;border:1px solid #ccc; padding: 5px; background: #fff; position: absolute; top:-45px; left: -90px ;z-index: 999;}



/* 2.8 About Module (Front Page)  */

.about {
	width: 200px;
	padding: 20px 20px 0 20px;
}

.about h2 {
	margin-bottom: 10px;
}

.about p {
	line-height: 22px;
}

.about .about_image {
	float: right;
	width: 60px;
	margin: 0 0 20px 20px;
	padding:5px;
}

.about_btm {
	height: 20px;
	width: 220px;
	margin-bottom: 20px;
}
.red_link{
}
a.red_link:link, a.red_link:visited, a.red_link:active	
{ 
	border-bottom: #990033; border-width: 0px 0px 1px 0px; border-style: none none dotted none; text-decoration: none;
}		  
a.red_link:hover	
{ 
	border-style: none none none none; text-decoration: none;
}