/* 
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.

*/

/* 1.1 Defaults */

body  { font: 14px/20px Arial,Helvetica,Sans-serif; color: #424242; background: #fff }

h1, h2, h3, h4, h5, h6  { margin: 0; color: #222; }
h1  {font-size: 22px; } h2  {font-size: 22px;} h3  {font-size: 18px;} h4  {font-size: 16px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p {margin: 0; }

hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }

input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}


/* 2.1 Containers & Columns */
#wrapper  { background: #fff no-repeat center top; }

.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 940px; margin: 0 auto; }

/* 2.2 Navigation */
.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; }
.nav a  { position:relative; display:block; z-index:100; }
.nav li  { float:left; width: auto; }

#top-nav  { position: relative; z-index: 9999; font-size: 12px; background: #fff; }
#top-nav a  { line-height: 22px; color: #939497; border-right: 1px solid #fff; padding: 5px 10px; }
#top-nav a:hover, #top-nav li.current_page_item a, #top-nav li.current_page_parent a  { color: #666; }
#top-nav li ul  { background: #666; border: none; }
#top-nav li ul li  { background: none; border-top: 1px solid #414141; }
#top-nav li ul li a  { line-height: 18px; background: none; border: none; }
#top-nav li a.sf-with-ul { padding-right: 20px; }
#top-nav li ul li a.sf-with-ul { padding:5px 10px; }

#main-nav  { position: relative; z-index:9998; font: bold 15px Helvetica, Arial, sans-serif; border: 1px solid #dee3e7; margin-bottom: 40px; background: #fff url(images/bg-mainnav.png) repeat-x left bottom; }
#main-nav li  { border-right: 1px solid #dee3e7; }
#main-nav a  { padding: 5px 20px 2px; line-height: 30px; color:#555; border-bottom: 4px solid #cacaca; }
#main-nav a:hover, #main-nav li.current_page_item a, #main-nav li.current_page_parent a  { border-bottom-color: #dc3e29; color: #000; text-decoration: none; }
#main-nav a:hover, #main-nav li.current-cat a, #main-nav li.current-cat a  { border-bottom-color: #dc3e29; color: #000; text-decoration: none; }

#main-nav li ul  { background: #FFF; border: 1px solid #dbdbdb; border-width:1px 1px 0; }
#main-nav li ul li  { background:#eee; border-top:1px solid #fff; }
#main-nav li ul li a  { padding: 0 10px; font-size: 12px; border-bottom: 1px solid #dbdbdb; }
#main-nav li ul li a:hover  { border-color: #dbdbdb; background: #dbdbdb; }

/* 2.4 Featured Slider */
#loopedSlider { position:relative; z-index: 999; width:100%; margin: 0 0 20px 0; }
#loopedSlider .container { overflow:hidden; position:relative; }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div.slide { position:absolute; top:0; width: 620px; display:none; }
#loopedSlider .slide-content  { position: absolute; bottom: 0; left: 0; padding: 15px 40px 15px 15px; color: #fff; background: rgba(0,0,0,0.5); }
#loopedSlider .slide-content h2  { margin: 0 0 10px 0; font-size: 26px; text-transform: lowercase;}
#loopedSlider .slide-content h2 a  { color: #fff; text-transform: lowercase;}
#loopedSlider .slide-content p  { line-height: 16px; text-transform: lowercase;}
#loopedSlider .nav-buttons  { z-index: 9999; position: absolute; right: 15px; bottom: 8px; }



/* 2.5 Recent Posts */
#recent-posts  { margin: 0 -20px 10px 0; }
#recent-posts h3  { margin: 0 0 20px 0; }
#recent-posts .post  { position: relative; float: left; width: 300px; height: 185px; margin: 0 20px 20px 0; background: #d4d4d4 }
#recent-posts .post .heading  { width: 270px; padding: 15px; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.5); }
#recent-posts .post .heading h2  { font-size: 15px; text-transform: lowercase; }
#recent-posts .post .heading h2 a  { color: #fff; }
#recent-posts .meta  { font-size: 11px; text-transform: case; color: #fff; }
#recent-posts .meta a  { font-weight: bold; }


/* 2.6 Older Posts */
#older-posts  { margin: 0 -20px 30px 0; }
#older-posts h3  { margin: 0 0 20px 0; text-transform: lowercase;}
#older-posts .older-item  { float: left; width: 300px; margin: 0 20px -2px 0; padding: 10px 0; border-top: 1px solid #dfdfdf; }
#older-posts .older-item img  { float: left; margin: 0 10px 0 0; }
#older-posts .older-item .info  {  }
#older-posts .older-item .info span  { display: block; }
#older-posts .older-item .info .meta-old  { color: #6f6f6f; margin: 0 0 3px 0; font-size: 11px; line-height: 12px; }
#older-posts .older-item .info .title-old  { font-weight: bold; font-size: 18px; line-height: 16px; text-transform: lowercase;}
#older-posts .older-item .info .title-old a  { color: #424242; text-transform: lowercase;}
#older-posts .older-item .info .title-old a:hover  { color: #000; text-decoration: none; text-transform: lowercase;}

/* 3.2 Images */
.entry img, img.thumbnail { padding: 5px; background:#FFF;  }
img.wp-smiley  { padding: 0; border: none; background: transparent; }

.alignleft  { float: left; height: auto; margin: 5px 15px 20px 0; }
.alignright  { float: right; height: auto; margin: 5px 0 20px 15px; }
.aligncenter  { text-align: center; margin-bottom:20px;}
img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border:0; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }



