/* 
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.

*/

body{
	background: url(images/bgr.gif) #8a9700 repeat;
	color: #000000;
        font-weight:normal;
	font: .85em "Arial", Trebuchet MS, Helvetica;
	padding: 0 0 20px;
	line-height: 1.8em;
}

a{
	color: #000000;
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
        input,select,textarea;
        color: #000000;
}

input,select,textarea{
	border: #000000 1px solid;
	font-size: 12px;
	padding: 2px
}

li{
	list-style: none;
}

h2{
	color: #000000;
	font-size: 1.5em;
	letter-spacing: 1px;
        font-weight:normal;
	margin: 0px 2em;
        text-decoration: none;
        text-transform: capitalize;       
}

h2 a{
	color: #000000;
	text-decoration: none;
        font-weight:normal;
        margin: 0px 2em;
        text-decoration: none;
        text-transform: capitalize;  
}


h3{
	color: #000000;
	font-size: 1.7em;
        letter-spacing: 1px;
        line-height: 14px;
        font-weight: normal;
	margin: 0 0 .5em 0em;
        text-decoration: none;     
}

h3 a{
	color: #000000;
	text-decoration: underline;
        margin: 0px 1em;
        text-transform: capitalize;  
         
}

h4{
	color: #000000;
	font-size: 12px;
	margin: 0 0 1em;
}


/*=== Header ===*/

#header{
	height:210px;
	position:relative;
}

/*=== Page Nav ( alternative with dropdowns) == */

#nav1 {
	font-size:16px;
	font-weight: bold;
	height: 4px;
	letter-spacing: 1px;
	float:right;	
	margin:70px 0px 0px;
	text-transform:uppercase;
}

#nav1 li a{
	color: #000000;
	padding: 0 0 0 12px;
	text-decoration: none
        letter-spacing: 1px;
}

#nav1 li a:hover,
#nav1 li.active a, 
#nav1 li.current_page_item a{
	background: url(images/btn-rounded.gif) no-repeat left;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}

#nav1 li.active a span,
#nav1 li.current_page_item a span,
#nav1 li a:hover span{
background: url(images/btn-rounded.gif) no-repeat right; 
}


/* Style drop down list */

#nav1 li ul {
	position: absolute;
	left: -999em;
	width: 180px;
	font-weight:normal;
	letter-spacing:1px;
	text-transform:none;
}

#nav1 li ul li {
	border: 1px solid #000000;
	border-width:0px 1px 1px;
	background: #FFF;
	float: none;
 	
}

#nav1 li.current_page_item ul li a{
	background: #FFF;
}

#nav1 li ul li a {
	line-height: 30px;
	font-size: 12px;
	color: #000000;
      	width: 153px;
}

#nav1 li ul li ul li a {
	border-width:0 1px 1px 0px;
}
#nav1 li ul ul {
	margin: -31px 0 0 163px;
}

#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {
	left: -999em;
}


#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {
	left: auto;
}


#rightcol .widget .textwidget ul { margin:0; padding:0; }

/*=== All Columns ===*/

#columns{
	height: 1%;
	padding: 0 0 10px
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	margin: 20px 0 0;
	width: 320px
}
#rightcol h3{
	color: #FFFFFF;
	font-size: 1em;
	height: 2em;
	margin-top:20px;
        font-weight:bold;
}
#rightcol h3 span{
	background: #000000;
	display: block;
	float: left;
	line-height: 2em;
	padding: 0 10px;
}
#rightcol .widget ul, #rightcol .textwidget {
	background: #d8e15c;
	height: 1%;
	margin: 7px 0 2em;
        padding: 7px 14px 7px 7px;
}

/*=== Sub Columns ===*/

.col1{
	float: left;
	width: 115px;
	margin:0 0 1em;	
}
.col1 a{
	color: #d8e15c;
	text-decoration: underline
}
.col2{
	float: right;
	width: 425px
}
.col3{
	float: left;
	padding: 0 35px 0 0;
	width: 273px
}
.col3.last, .col6.last{
	padding: 0
}
.col3.nav2, .col6.nav2{
	background: none;
	padding: 0
}
.col3 h2{
	color: #d8e15c;
	margin: 0 0 .5em
}
.col3 p{
	padding: 0
}
.col4{
	float: left;
	width: 335px
}
.col5{
	float: right;
	width: 415px
}
.col5 img{
	border: 10px solid #f6f5ed;
}
.col6{
	float: left;
	padding: 0 20px 20px 0;
	width: 300px
}
* html .col6{
	width: 290px;
}

/*- Box1 - (Main Inside box styles)*/

.box{
	color: #000000;
        font-weight:normal;
	font: 1em "Arial", Trebuchet MS, Helvetica;
	padding: 0px 0 0px;
	line-height:1.8em;margin: 12px 0 1em;
	width: 620px
}

.box .top{
	background: url(images/box-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden       
}

.box .bot{
	background: url(images/box-bot.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden       
}

.box .spacer{
	background:none repeat scroll 0 0 #FFFFFF !important;
        min-height: 610px;
	padding: 15px 30px
        letter-spacing: 1px;   
}

.box .small{
	color: #121212;
	font-size: 11px;
        letter-spacing: 1px;
        line-height: 14px;
        font-weight: normal;
	margin: 0em 30px 0em 30px;
        text-decoration: none;     
}

/*(NOTE - Edit page title color here)*/
.box h2{
	color: #d92e07;
        font-weight:normal;
	font: 30px "Arial", Trebuchet MS, Helvetica;
	padding: 0 0 0px;
	line-height:27px;
        margin: 30px 0 25px;
        letter-spacing: 1px;
        text-decoration: none;
        text-align: center;
}

.box h2 a{
	color: #d92e07;
        text-decoration: none;
        font-weight:normal;
}
.box a:hover{
        color: #d92e07;
	 text-decoration: none;
}

.box h3{
	color: #BC1B13;
	font-size: 1.7em;
        letter-spacing: 1px;
        line-height: 37px;
        font-weight: normal;
	margin: 0 0 .5em 0em;
        text-decoration: none;     
}

.box h3 a{
	color: #BC1B13;
	text-decoration: underline;
        margin: 0px 1em;
        text-transform: capitalize;  
         
}


.box h3{
	color: #BC1B13;
	font-size: 1.7em;
        letter-spacing: 1px;
        line-height: 37px;
        font-weight: normal;
	margin: 0 0 .5em 0em;
        text-decoration: none;     
}

.box h4{
	color: #BC1B13;
	text-decoration: none;     
         
}
/*- Box2 -*/
.box2{
	margin: 20px 0 1em;
	width: 311px
}
.box2 .top,.box2 .bot{
	background: url(images/box2-topORIG.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box2 .bot{
	background: url(images/box2-botORIG.gif) no-repeat top
}
.box2 .spacer{
	background: #000000;
	height: 1%;
	padding: 10px 20px
}
 

/*- Box3 -*/
        .box3{
	margin: 0 0 1em;
	width: 425px
}
.box3 .top,.box3 .bot{
	background: url(images/box3-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box3 .bot{
	background: url(images/box3-bot.gif) no-repeat top
}
.box3 .spcr{
	background: #f0eee1;
	height: 1%;
	padding: 0 20px;
	min-height:100px;
}
.box3 p{
	padding: 0
}

/*- Box4 - (Long box above slider) */

.box4{
	margin: 0 0 0px;
	width: 940px
}
.box4 .top,.box4 .bot{
	background: url(images/) no-repeat top;
	clear: both;
	height: 0px;
	overflow: hidden
}
.box4 .bot{
	background: url(images/) no-repeat top
}

.box4 .spacer{
	background: #;
	height: 0%;
	padding: 0px 0px
}

/*- Box5 - ( Slider box styles)*/
.box5{
	margin: 0 0 40px;
	width: 940px
}
.box5 .top{
	clear: both;
	height: 0px;
	overflow: hidden
}
.box5 .bot{
	background: url(images/box5-bot.gif) no-repeat top;
        height: 10px;
}
.box5 .spacer{
        background:none repeat scroll 0 0 #FFFFFF !important;
      	height: 340px;
	padding: 15px 20px;
}

.box5 .post img {
	border:0;
        margin-top: 14px;
        margin-bottom: 20px;
}


/*- Box6 - (Footer box styles) */
.box6{
	color: #FFFFFF;
        margin: 0 0 20px;
	width: 940px
}
.box6 .top,.box6 .bot{
	background: url(images/box6-top.gif) no-repeat top;
	clear: both;
	height: 10px;
	overflow: hidden
}
.box6 .bot{
	background: url(images/box6-bot2.gif) no-repeat top
}
.box6 .spacer{
	background: #000000;
	height: 1%;
	padding: 10px 25px
}
#footer .box6 .spacer{
	padding: 0px 25px
}

/*- Wrapper -*/

.wrapper{
	float: left;
	padding: 0 0 0 20px;
}
/*- Date -*/
.date{
	color: #d8e15c;
	margin: -15px 0 10px;
	position: relative
}
/*=== Styling Forms ===*/

/*- Search -*/
#search{
	
}
#search input.keyword{

}
	
/*- Form1 Setup -*/
.form1 div{
	margin: 0 0 15px
}
.form1 label{
	padding: 7px 0 0 15px
}

/* Form1 Textarea */

.form1 textarea{
	height: 165px;
	overflow: auto;
	width: 550px
}

/*=== Link Buttons ===*/
.btn-cat {
	margin: 1em 0 1.5em;
}
.btn-continue{
	margin: 0 0 2em;
}
.btn-general{
	background: #a4b92e;
	padding: 5px 10px;
	color: #ffffff;	
}
.btn-general a { 
	color: #ffffff;
}
.btn-continue a{
	background: url(images/ico-more2.gif) no-repeat left;
	padding: 0 0 0 20px
}
.btn-arr a{
	background: #bdbbac;
	color: #ffffff;
	line-height: 25px;
	padding: 5px 10px
}
.btn-arr2{
	float: left;
	padding: 130px 0 0;
	width: 27px
}

/*=== Pics, Ads etc. ===*/
.ads{
	margin: 0 0 10px
}
.ads img{
	margin: 0 8px 5px 0;
}
/*=== Footer ===*/
#footer a{
	color: #d8e15c;
	text-decoration: underline
}
#footer img{
	position: relative;
	vertical-align:middle
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
img.centered{
display: block;
margin-left: auto;
margin-right: auto;
border:5px solid #f6f5ed;
}

img.alignright{
padding: 4px;
margin: 3px 0 2px 10px;
display: inline;
}

img.alignleft{
padding: 4px;
margin: 3px 10px 2px 0;
display: inline;
}

.alignleft{
float: left;
}

.alignright{
float: right;
}

/*=== Posts ===*/

.post img {	
	border:0px solid #FFFFFF;
}
.post ul, .post ol{
	padding: 0 0 1.2em 2em;
}
.post ul li{
	color: #d8e15c;
	background: url(images/ico-bullet.gif) no-repeat left top;
	padding: 0 0 0 20px;
}
.post ol li{
	list-style-type:decimal;
	margin: 0 0 0 20px;
}	
.post li a:hover{
	color: #FFFFFF;
	text-decoration: none
}

.post blockquote {
	font-family: "Arial", Times, serif; color:#000000;
	background:#FFFFFF url(images/ico-quote.gif) no-repeat 10px 10px;
	border-top:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;	
	width:80%; height:auto;
	margin:0 0 15px 10px; padding:15px 25px 0px 55px;
	display:block;
}

/*=== Comments ===*/

#comments .box3 p { padding-bottom:10px; }
#respond { margin: 1em 0 0; }

/*=== Widget styling ===*/

.widget #recentcomments li{
	background: url(images/hl-dot.gif) repeat-x bottom;
	padding: .5em 0
}
.widget #recentcomments li a{
	background:none;
	color: #d8e15c;
	text-decoration:none;
}
.widget #recentcomments li a:hover{
	color: #a4b92e;
	text-decoration: underline;
}

.quote {
	background:url(images/ico-quote.gif) no-repeat top left;
	margin:9px 0 0;
	width:37px;
	height:29px;
}
.flickr_badge_image img{
	margin: 0 3px 8px;
	padding: 0 7px 5px 0;
	float:left;
}
.flickr img{
	vertical-align:middle;
	margin:6px 0 8px;	
}
.subscribe img{
	vertical-align:middle;
	margin:6px 0 8px;	
}

/*=== Slider ===*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 796px;
height: 340px; /*Height should enough to fit largest content's height*/
}

.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: 10px; /*margin around each panel*/
width: 796px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*=== THREADED COMMENTS == */

ol.commentlist li.threaded .box3 { width:auto; margin:0px; }
ol.commentlist li.threaded .col1 { width:90px; }
ol.commentlist li.threaded .box3 .spcr { padding:10px 15px 0; margin:0; }
ol.commentlist li.threaded .children { margin-left:20px; }
ol.commentlist li.threaded .col2 { float:none; width:auto; margin-left:115px; }

/* Fixes 2.0 */
#nav1 li ul li.cat-item a { color:#555; }