/*
Theme Name:   Wirify
Theme URI:    http://www.wirify.com/
Description:  Wirify theme by Volkside. A customised version of 960bc theme created by Troy Dean.
Version:      0.1
Author:       Volkside
Author URI:   http://www.volkside.com/
Template:     960bc
Tags:         wirify, 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 */
#product-logo { float: left; margin-left: -5px; margin-top: -3px; }
#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; }
blockquote { color: #555555; }

/* 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: left; }
tr.even td { background: #fafafa; }
tr.odd td { background: #eee; }
th, td { padding: 3px 6px;}

#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: left; margin: 29px 0 0 20px; font-size: 14px; }
.menu ul { border: 1px solid #bbbbbb; }
.menu ul a { background: #fafafa; }
.menu ul a:hover { color: #869eb3; } /*#ff4b33*/
.menu a {	padding:9px 13px;	text-decoration:none; }
.menu a, .menu a:visited { color: #333; }
.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: white; background-color: #869eb3; } /*#c3c3c3*/
/*.menu li a, .menu li a:visited { color: #555; background-color: white; }*/
/*.menu li ul { display: none; }*/
.menu ul li { line-height: 18px;}

/* 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: #869eb3; }

.menu>li:hover, .menu>li>a:hover { color: white; background-color: #869eb3; } /* #2d76c4, #19b9e4, #accce6 */
/*.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: #eeeeee; /*#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: #869eb3; /* #2683ae, #2D76C4, 16a3c9 */
    border:2px solid #869eb3; /* 2683ae */
    border-top:2px solid #aecde8; /* 31ADDD */
    border-bottom:2px solid #4e5c69; /* 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 #4e5c69;
    border-bottom:2px solid #aecde8;
}

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

/*
  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; }

/*
	Wirify
*/

body { background: url("images/wirify/the-age-wireframe.png") repeat scroll center top #bad5ea; };
#product-logo { float: left; margin-left: -5px; margin-top: -2px; }
#content .button { margin-right: 10px; }
.contact-email { font-size: 1.4em; margin: 10px 0 0 20px; }

ul.twitter-list li { list-style: none; clear: left; margin: 0px 0px 15px 0px; }
ul.twitter-list .twitter-avatar { float: left; margin: 5px 10px 0px 0px; }
ul.twitter-list .twitter-avatar img { width: 48px; height: 48px; }

/* homepage */
.feature { margin-bottom: 20px; }
.feature h1 { text-align: center; }
.feature img.browser-frame { margin-top: -10px; margin-bottom: -15px; }
.feature .arrow { position: absolute; }
.feature .arrow.large { left: -68px; top: -10px; }
.feature a.wf-bookmark { font-size: 44px; }
.feature .usage p { color: #666666; font-size: 10px; line-height: 1.25; margin: 10px 0;
  font-family: "Lucida Grande",helvetica,arial,sans-serif; }

/* should match feature .usage */
.entry-meta { display: inline-block; color: #999999; font-style: italic; font-size: 10px; line-height: 1.25; }
.entry-meta a { color: #999999;  }
.entry-meta:before { content: ' - '; }

/* breadcrumbs */
#breadcrumbs { right: 20px; position: absolute; color: #999999; /*float: right; */font: 10px/26px helvetica,arial,sans-serif; /*height: 0; */margin: 10px 10px 0 0; }
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:hover #breadcrumbs a:visited { color: #999999; }
.last-updated { color: #999; font-style: italic; font-weight: normal; margin-top: 20px; }

/* Wirify bookmarklet */
a.wf-bookmark { cursor: move; font-size: x-large; vertical-align: middle; }
.entry div.wf-bookmark { margin-bottom: 20px; }
a.wf-bookmark { font: bold 32px Helvetica, Arial, sans-serif; letter-spacing: -2px;
	text-align: center; color: #333333; text-decoration: underline; cursor: move; vertical-align: middle; }
a.wf-bookmark:hover, a.wf-bookmark:active, a.wf-bookmark:visited, a.wf-bookmark:link { color: #333333; }
a.wf-bookmark:hover, a.wf-bookmark:active { background-color: #ffffb0; }
p.wf-tip { font-style: italic; margin: 10px 0 0 0; }
div.wf-bookmark img { position: absolute; margin-left: -75px; margin-top: -80px; }
div.wf-bookmark p { color: #666666; font-size: 10px; line-height: 1.25; }
input.wf-terms { vertical-align: middle; }
.invisible { visibility: hidden; }

/* reduce gap between h1 and h3, a bit tricky because of mwm-aal anchors */
.entry a:first-child+h3 { margin-top: 0; }
.mwm-aal-container { margin-bottom: 20px; }

/* JP 22/02/2011 use grey theme for wp-jquery-lightbox */
#outerImageContainer, #imageDataContainer {	color: white; background-color: #666; }

/* examples table */
table.examples th, table.examples td { text-align: center; }
table.examples tr { border: 1px solid #ddd; }

/* menu items lists */
/*div.shaded-list { background-color: #F4F4F4; }*/
div.menu-list ul { margin-top: 0; }

/* EOF */