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

*/



h1, h2, h3, h4, h5, h6  { margin: 0; font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #333; }
h1  {font-size: 30px;} h2  {font-size: 25px;} h3  {font-size: 20px;} h4  {font-size: 18px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

div#featured.home {height: 475px;}
#featured.home .featured-image { width:490px; padding:40px 0 0; margin-left: -7px; margin-bottom:-60px; position:relative; }
#featured.home .featured-content { width:450px; padding:60px 0 0; }
#featured.home h2 { font-size:38px; padding:20px 0 30px; line-height:42px;}
#featured.home p { font-size:20px; color:#fff; line-height:25px; }

/* align icon underneath twitter icon */
#mini-features { margin-left: 36px;}
#mini-features .block { width: 422px; }
#mini-features h3 { line-height: 32px; margin-bottom: -5px; } /* center headline on icons */
#navigation{font-size:10px; text-transform:upper;}

#nav li:hover, #nav li.current_page_item { background: #f5f5f5; }
#nav a  { display:block; z-index:100; padding:0px 10px; line-height:30px; font-size:14px; color:#777; text-decoration:none; text-transform:uppercase; font-weight:bold; text-shadow:none;}
ul#nav li a:hover { color:#444; }
#nav li.current_page_item a { color:#444; }
ul#nav li.sfHov	er ul li a { color:#444; font-weight:normal;}
ul#nav li.sfHover a { color:#444; }
#nav li.page_item a { padding: 10px 10px 8px 10px; line-height: 14px;} /* better vertical centering of text */
#nav li.page_item { margin-left: 1px;} /* put some space between button */

#nav li ul li { border-bottom: 0px;}
#nav li ul li a { display: block; margin-left: 5px !important; background: transparent url(images/ico-bullet.png) no-repeat scroll 2px 12px; }


#contactform {	margin: 15px 0 0 0;  }
#contactform input.txt  {  color:#666; background: #fcfcfc; width: 235px; margin: 0 5px 10px 0; padding: 7px 10px; border: 3px solid #e2e2e2; }
#contactform  textarea  { color:#666; background: #fcfcfc; width: 65%!important; padding: 7px 10px; border: 3px solid #e2e2e2; }
#contactform  text { color:#666; background: #fcfcfc; width: 35%!important; padding: 7px 10px; border: 3px solid #e2e2e2; }

#contactform input.txt,
#contactform textarea {-moz-border-radius:10px; -webkit-border-radius:10px;}


input, textarea, submit { font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;  font-size: 14px; }
#contactform #submit  { margin: 15px 0 0 0; background:#f0f0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 25px 4px 15px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#contactform #submit:hover  { background:#666; url(images/ico-bullet.png) no-repeat 90% 50%; color:#fff; cursor:pointer; }

#featured.home p { text-shadow:none;}

/* Breadcrumb tweaks */
#twitter_update_list li>a { color: #ccc; margin-left: 10px;}
#breadcrumb div.fl { color: #444; } 
#breadcrumb div.fl strong {color: #73797E;}
#breadcrumb div.fl a:first-child { margin-left: 6px;}

/* Breadcrumb tweak on portfolio page */
#breadcrumb div.fl span.port-cat a { margin-left: 0px; line-height: 14px; padding: 2px 6px 0px 6px; font-size: 14px;}

/* Adjusted the caret next to the links in the bottom footer area */
.widget ul li { background:transparent url(images/ico-bullet.png) no-repeat scroll left 5px; }
#footer #footer-widgets li { padding-left: 10px;}