/* 
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:#d3e4d4 url(images/bg_pattern.gif) repeat-x center top;
font-family:"century gothic", lucida grande, verdana, sans serif;
}



/* Header */

#header {
	width: 100%;
	height: 220px;
	padding: 0px 0;
	clear: both;
	position: relative;
}

#header a { width:960px; height:220px; display:block; }
#header h1 { position:absolute; left:-999em; }


#pagenav li {
	float: left;
	line-height: 35px;
	padding: 0 5px 0 5px;
	zoom: 1;
	margin-top:-10px;
}

#pagenav li a:link, #pagenav li a:visited {
	color: #e2ede2;
}

#pagenav li a:link, #pagenav li a:visited {
	position: relative;
	width: 50%;
	padding: 14px 8px;
	text-decoration: none;
	z-index: 100;
	font-size:13px;
letter-spacing:.8px;
	font-weight:bold;
}

#pagenav li a:hover span.left, #pagenav li.current_page_item span.left  {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 5px;
	height: 43px;
	margin-left:-5px;
}

#pagenav li a:hover span.right, #pagenav li.current_page_item span.right  {
	display: block;
	position: absolute;
	right: 0;	
	bottom: 0;
	width: 5px;
	height: 43px;
	margin-right:-5px;
}

#pagenav li a:hover, #pagenav li.current_page_item a:link, #pagenav li.current_page_item a:visited  {
	background: url(images/pagenav_bg.png) repeat-x;
color:#fff;
<<border-bottom: dotted #cb552e 3px;
}


#pagenav li a:hover span.left, #pagenav li.current_page_item span.left  {
	background: url(images/xxtop-nav-left.png) no-repeat left bottom;
}
#pagenav li a:hover span.right, #pagenav li.current_page_item span.right  {
	background: url(images/xxtop-nav-right.png) no-repeat left bottom !important;
}
#pagenav li a:hover {
color: #fff;
}


#catnav a {
	display: block;
	line-height: 50px;
	padding: 0 10px;
	z-index: 100;
	color:#fff;
	font-size:13px;
letter-spacing:.8px;
text-decoration:none;
	font-weight:bold;
}

#catnav li:hover {
	background:#c2d5c2;
}

/* Search */

#search { position:absolute; right:20px; top:10px; width: 178px; height:32px; display:block; }
#search input { 
	background:url(images/bg-search.png) no-repeat; 
	border:0; 
	color:#666;
	padding: 8px 10px;
	width:157px;
}
/* Main Content (post) */

#content .post { padding:0 5px 15px 0; }
#content .post-title {	width: 100%; position: relative; }
#content .post-title h2, #content .post-title p.post-details, #content .post-title h3 { padding-right: 50px; }
#content h2 a, #content h3 a { color: #cc562f; text-decoration: none; }
#content h2 a:hover, #content h3 a:hover { color:#000;}
#content p.post-details { line-height: 18px; margin-top: -10px; position: relative; }
#content p.post-details a { text-decoration: underline; color:#9F9F9F; }
#content p.post-details a:hover { color:#555; }
#content p.post-details {
	color: #9F9F9F;
	font-size: 11px;
	padding: 0 0px 0px 1px
}

/* widget-slider */
#slider-top { background:url(images/bg-footer-top.png) no-repeat; width:960px; height:12px; font-size:1px }
#slider-bot { background:url(images/bg-footer-bot.png) no-repeat; width:960px; height:12px; }
#slider-block { background-color:#7a8e79; position:relative; min-height:300px; width:960px; overflow:hidden; }
.container { position:relative; height:137px; width:840px; overflow:hidden; margin:0 auto; }
.container div {  opacity:0; z-index:0; position:absolute; top:0; left:0; padding:0 20px; }
.container div div {  opacity:1; z-index: auto; position:static; padding:0px; }
#loopedSlider { position:relative; width:960px; margin:30px auto 0; }
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; }
#loopedSlider li#p { position:absolute; top:140px; left:30px; }
#loopedSlider li#n { position:absolute; top:140px; right:30px; }

.container ul.widget { float:left; width:245px; margin-right:30px; color:#eeeeee;}
.container ul.last { margin-right:0px; }
.container ul.widget h3 { font-family:Arial; color:#fff; font-size: 24px; font-weight:bold; margin:10px 0 0; }
.container ul.widget a { color:#fff; }
.container ul.widget li ul { padding:0; margin:0; }
.container ul.widget li ul li { padding:10px 0; background:url(images/footer-dot.png) repeat-x bottom; }




#content h3.info { font-size:28px; color: #64472d; padding:0 0 15px; }


#footer {
	width: 960px;
	margin: 10px auto 0;
	padding-bottom:30px;
	font-size: 10px;
	color: #777;
}


#footer a {
text-decoration:none;
color:#777;
}


#footer a:hover {
text-decoration:none;
color:#000;



 }