/* 
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  { color: #555; font: 14px century gothic,Helvetica,Arial,Sans-serif; line-height: 1.5; }

h1, h2, h3, h4, h5, h6  { margin: 0; color: #555; font-family: century gothic,"Lucida Grande", Helvetica, Arial, Sans-serif; }
h1  {font-size: 20px;} h2  {font-size: 18px;} h3  {font-size: 16px;} h4  {font-size: 14px;} h5  {font-size: 12px;} h6  {font-size: 10px;}

#navigation  { height: 38px; width: 886px; padding: 0 20px; margin-bottom: 20px; font-size: 13px; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-serif; text-transform: uppercase; border: 1px solid #fff; background: #fff url(images/navtile.jpg) repeat-x left top; }

#navigation .search  { float: right; margin: 0; width:215px; }
#navigation .search #searchform  { margin: 7px 0 0 0; }
#navigation .search input#s  { float: left; width: 176px; padding: 6px 0 6px 10px; background: url(images/searchinput.png) no-repeat left top; border: none; color:#777; }
#navigation .search input.submit  { float: right; padding: 6px 0 0 8px; }

#nav  { float: left; width: 650px; height: 36px; }
#nav, #nav ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
#nav a  { display:block; z-index:100; padding:0 10px; line-height:28px; color: #999; line-height: 38px; }
#nav a:hover, #nav .current_page_item a  { color: #333; text-decoration: none; }
#nav li  { float:left; width: auto; margin: 0 14px 0 0; }


#nav li ul li a  { width:170px; line-height:30px; font-size:10px; color:#555; }


#footer  { margin-top: 5px; font-size: 14px; padding: 20px 0 20px 0; }
#footer a:hover { text-decoration:underline; }
#footer h3  { margin: 0 0 5px 0; font-size:14px; color:#EDEDED;  }


.post  { margin: 0 0 30px 0; padding: 0 0 25px 0; background: none; border-bottom: 1px solid #eee; }

.post .title, .page .title  { position:relative; margin: 0 0 10px 0; line-height: 25px; font-size: 20px; }
.post .title a:link, .post .title a:visited  { color: #294696; text-shadow: 1px 1px 0 #fff; }
.page .title  { margin: 0 0 20px 0; }