/*
Theme Name:   Naview
Theme URI:    http://www.naviewapp.com/
Description:  Naview theme by Volkside. A customised version of 960bc theme created by Troy Dean.
Version:      0.3
Author:       Volkside
Author URI:   http://www.volkside.com/
Template:     960bc
Tags:         naview, 960bc, child theme, customised
*/

/* use compressed 960bc */
@import url('stylesheets/960bc_packaged.css');
@import url('stylesheets/superfish.css');


/* 960bc overrides */

/* structural */
#page { margin: 0 auto; width: 1000px; background-color: white; } /* center page */
  #header { width: 960px; padding: 0 20px; background-color: white; padding-top: 30px; border-bottom: 1px solid #bbbbbb; height: 80px; }
    #content { min-height: 400px; padding-top: 20px; padding-bottom: 20px; }
  #footer { width: 960px; padding: 0 20px; background-color: #eeeeee; border-top: 1px solid #bbbbbb; color: #aaaaaa; font-size: 0.9em; text-align: center; }

  #footer .grid_12 { padding: 10px 0; }

h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 10px; }
h3 { font-size: 19px; }

/* general */
body { background-color: #eeeeee; color: black; }

.testimonial { border: 1px solid #bbbbbb; padding: 10px; }
.testimonial p { font-style: italic; }
textarea { font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif; }
.highlight { background-color: #ffffb0; }
.not_available { color: #888; }

/* typography */
body { font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, sans-serif; font-weight: normal; }

/* hyperlink colours */
a { color: #2d76c4; text-decoration: none; }
a:visited { color: #0040a0; }
a:focus, a:hover { text-decoration: underline;  }

/* miscellaneous */
.left { float: left; }
.right { float: right; }
.tip { color: #999; font-style: italic; font-weight: normal; margin-left: 5px; }
a.big { font-size: 1.4em; }

/* features page */
.page-template-features-php #content textarea { width: 300px; height: 100px; }

/* logos */
#naview-logo { float: left; margin-left: -5px; margin-top: -2px; }
#volkside-logo { float: right; margin-left: 15px; margin-right: -15px; margin-top: 16px; }
#volkside-logo a { background: url("images/volkside-logo.png") no-repeat scroll left top transparent;
  display: block; width: 147px; height: 45px; text-indent: -9000px; }
#volkside-logo a:hover { background:url("images/volkside-logo-light.png") no-repeat scroll left top transparent; }

/* tweaks */
ul { list-style: square; }
.entry ul { margin-top: -10px; }
.entry ol { margin-top: -10px; margin-bottom: 10px; padding-left: 15px; }
html>body .entry li { margin: 0 0 0 10px; }
#sidebar>ul>li { list-style: none; }
.entry h3 { margin-bottom: 15px; }

/* JP 24/10/2010 */
.twitter-timestamp abbr { color: #999999; border: none; font-style: italic; }
img.avatar { float: left; padding: 5px 10px 0 0; }
h2 a:hover, h3 a:hover { color: #333333; }
  
/* tables and plans */
tr, th, td { vertical-align: middle; }
th { text-align: right; }
tr.even td { background: #fafafa; }
tr.odd td { background: #eee; }
th, td { padding: 3px;}

#plans td h3 { margin: 0; }
#plans td {border-left: 4px solid white;}

/* homepage tweaks */
.home h1 { margin-bottom: 20px; margin-top: 20px; }
.home h2 { margin-bottom: 10px; margin-top: 20px; }
.home h3 { margin-bottom: 10px; margin-top: 0px; }
.home .button { margin-right: 10px; }
h1 a, h1 a:link, h1 a:hover, h1 a:focus, h1 a:visited { color: black; text-decoration: none; }
h3 a, h3 a:link, h3 a:hover, h3 a:focus, h3 a:visited { color: black; }
h3 { margin-bottom: 10px; margin-top: 20px; }

/* primary navigation */
.menu {	float: right; }
.menu { margin-top:35px; font-size: 14px; }
.menu ul a { background: #fafafa; }
.menu ul a:hover { color: #ff4b33; }
.menu a {	padding:9px 13px;	text-decoration:none; }
.menu a, .menu a:visited { color: #666; }
.menu li { display: block; float: left; margin: 0px 20px 0px 0px; background: #fff; }
.menu li:hover, .menu a:focus, .menu a:hover, .menu a:active { background: #fafafa; }
.menu li a:hover { color: black; background-color: #c3c3c3; }
.menu li a, .menu li a:visited { color: #555; background-color: white; }
.menu li ul { display: none; }

/* menu: currently selected item(s) */
.menu>li.current_page_item>a,
.menu>li.current_page_item>a:visited, 
.menu>li.current_page_parent>a,
.menu>li.current_page_parent>a:visited, 
.menu>li.current_page_parent>ul>li.current_page_item>a,
.menu>li.current_page_parent>ul>li.current_page_item>a:visited {
  color: white; background-color: #2d76c4; }

.menu>li>a:hover { color: white; background-color: #2d76c4; }
.menu>li.app_link>a { color: #2d76c4; }
.menu>li.app_link>a:hover { color: white; }

/*
  Button adapted from The Break by Ian Stewart
  source: http://themeshaper.com/wp-content/themes/thebreak/style.css
*/
a.button {
    background:#BEBCAD;
    -moz-border-radius:17px;
    -webkit-border-radius:17px;
    border-radius:17px;
    display:inline-block;
    padding:4px;
    text-align:center;
    text-decoration:none;
    width:10em;
}
a.button span {
    background: #2D76C4; /*#2683ae;*/
    border:2px solid #2683ae;
    border-top:2px solid #31ADDD;
    border-bottom:2px solid #004573;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    -moz-box-shadow:0 0 7px #E4E2D3;
    -webkit-box-shadow:0 0 7px #E4E2D3;
    box-shadow:0 0 7px #E4E2D3;
    color:#fff;
    display:block;
    font: 14px helvetica, arial, sans-serif;
    letter-spacing:0.05em;
    padding:8px 10px;
}
a.button:hover span, a.button:focus span, a.button:active span {
    border-top:2px solid #004573;
    border-bottom:2px solid #31ADDD;
}

/* promotions */
.promo { background-color: #DFFFDF; color: #005F00; border: 2px solid #9FCF9F; padding: 4px 8px; }

/* superfish overrides */
ul.navigation-wrapper.vertical { margin-top: 30px; margin-left: 30px; min-height: 600px; }
ul.navigation-wrapper.horizontal { margin-top: 60px; min-width: 1000px; }

.sf-horizontal.sf-menu>li { width: 100px; height: 57px; }
.sf-horizontal.sf-menu>li>a { height: 40px; }
.sf-horizontal.sf-menu>li>a>span.sf-sub-indicator { right: 0.5em; top: 0.3em; }
.sf-horizontal.sf-menu>li:hover>ul, .sf-horizontal.sf-menu>li.sfHover>ul { top: 57px; } /* match top ul list item height */

.sf-vertical.sf-menu>li { /*width: 100px; */height: 57px; }
.sf-vertical.sf-menu>li>a { height: 40px; }

.sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #fff; padding: 0.7em; }
.sf-menu a, .sf-menu a:visited { color: black; }
.sf-menu li { background: #bbb; }
.sf-menu li li { background: #ccc; }
.sf-menu li li li { background: #ddd; }
.sf-menu li li li li { background: #eee; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #ffffCF; text-decoration: none; }

/*
  tipsy
  source: http://onehackoranother.com/projects/jquery/tipsy/
*/
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-north { background-image: url(images/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(images/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(images/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(images/tipsy-west.gif); background-position: left center; }
img.tooltip { vertical-align: middle; }

/* EOF */