/*
Theme Name:   Thematic for Volkside
Theme URI:    http://www.volkside.com/
Description:  Thematic theme customised for www.volkside.com. Thematic is © Ian Stewart.
Version:      0.1
Author:       Jussi Pasanen
Author URI:   http://www.jussipasanen.com/
Template:     thematic
Tags:         thematic, child theme, customised
*/


/* Reset browser defaults */
/*@import url('../thematic/library/styles/reset.css');*/

/* Apply basic typography styles */
/*@import url('../thematic/library/styles/typography.css');*/

/* Apply a basic layout */
/*@import url('../thematic/library/layouts/2c-r-fixed.css');*/

/* Apply basic image styles */
/*@import url('../thematic/library/styles/images.css');*/

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
/*@import url('../thematic/library/styles/default.css');*/

/* Prepare theme for plugins */
/*@import url('../thematic/library/styles/plugins.css');*/


/*
  default styles for Images
  Source: ../thematic/library/styles/images.css
*/
.entry-content img { margin: 0 0 18px 0; }
.alignleft, img.alignleft { float: left; margin-right:20px; }
.alignright, img.alignright { display: block; float: right; margin-left:20px; }
.aligncenter, img.aligncenter { margin-left:auto; margin-right:auto; display: block; clear: both; }
.wp-caption { text-align: center; margin-bottom:18px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding:5px; }
.gallery img { margin:0; }
.wp-smiley { max-height:12px; margin:0 !important; }


/*
  CUSTOM LAYOUT '2c-r-fixed-narrow.css'
  One-Column (Right) Fixed
  Two-column 950px fixed layout with one sidebar right of content
*/

body       { min-width:960px; }
#header    { width:960px; margin:0 auto; position:relative;
  padding-top: 40px; padding-bottom: 40px; height: 40px; }
#branding  { width: 180px; margin: 0 0 0 10px; float: left; padding: 0; }
#access    { width: 560px; float: left; }
#search    { margin-top: 2px; float: left; }
#main      { width:960px; margin:0 auto; overflow:hidden; position:relative; padding-top: 0px; padding-bottom: 40px; }
#container { width:700px; float:left; }
#content   { margin:0 0 0 10px; width:700px; /*overflow:hidden;*/ }
.main-aside { width:220px; float:right; position:relative; right:10px; }
#secondary { clear:right; }
#footer    { clear:both; width: 960px; position: relative; margin: 0 auto; padding: 20px; border: 0; }
#sitemap   { width: 960px; margin-left: 10px; }
#copyright { clear: both; width: 940px; margin-left: 10px; }
/*
#subsidiary { width:940px; margin:0 auto; overflow:hidden; }
#subsidiary .aside { width:220px; float:left; margin:0 20px 0 0; }
#subsidiary #third { margin:0; }
#siteinfo { clear:both; width:940px; margin:0 auto; }
*/


/*
  CUSTOM HOME PAGE GRID loosely based on YUI Grids CSS
  Source: http://developer.yahoo.com/yui/grids/
*/
/*
#hwrapper h2 { margin: 5px 0 10px 0; }
#hwrapper h3 { margin: 5px 0 -10px 0; }
#hwrapper .button { margin-left: 10px;}
div.hfourcolumn p { margin-bottom: 10px; }
div.hfourcolumn, div.hthreecolumn { padding: 10px 10px 20px 10px; margin-bottom: 20px; }
.hfourcolumn div.hfirst { margin-left: 0; float: left; }
.hfourcolumn .hgridunit { margin-left: 1%; width: 24%; float: left; }
.hthreecolumn div.hfirst { margin-left: 0; float: left; }
.hthreecolumn .hgridunit { margin-left: 1.99%; width: 32%; float: left; }
div.hfirst { float: left; }
div.service { background: #eeeeee; }
p.listen { font-style: italic; padding: 0; margin: 10px 10px 0em 10px; color: #666666; }
.hgridunit ul { margin: 0; }
p.twitter { margin: 15px 0 10px 0; }
p.twitter a img { float: left; padding: 0 10px 0 0;}
.hgridunit ul, p ol { padding:0 15px 10px 10px; }
.hgridunit ul li { margin-left:15px; padding:3px 0; list-style: square; }
.hgridunit ol li { margin-left:15px; padding:3px 0; }
*/

/* 12/08/2011 new homepage */
/*body.page-template-home-vs-new-php { background-image: none; background-color: #eeeeee; }*/
div.newhome { margin: 50px 0; }
.newhome p, .newhome ul, .newhome li, .newhome span, .newhome input, .newhome textarea, .newhome td { font-family: helvetica, arial, sans-serif; }
.newhome ul li { list-style: square; }
.newhome h1, .newhome h2 , .newhome h3 { padding: 20px 0 30px 0; }
.newhome h1 { font-weight: normal; font-size: 50px; padding-bottom: 0px; }
.newhome h2 { font-weight: normal; font-size: 32px; padding-top: 40px; }
.newhome h3 { font-weight: normal; font-size: 24px; }
.newhome .sticky h3 { padding: 25px 0px 10px 20px;  }
table.clients { width: 100%; }
table.clients td { width: 25%; padding: 10px; vertical-align: middle; }
table.clients, .newhome table.clients tr { border: none; }
a.calendar span { width: 55px; height: 60px; padding: 5px; margin-right: 15px; float: left; font-size: 32px; line-height: 32px; text-align: center; }
a.calendar span.sticky { margin: 0 15px 10px 0; color: #666; }
a.calendar:hover span { background-color: #F4F3DD; }
a.calendar, a.calendar:link, a.calendar:visited { color: #999; text-decoration: none; }
.newhome .blog h3 { display: inline; padding-top: 0; line-height: 28px; /*padding-bottom: 10px;*/ }
.newhome .blog p { margin-top: 5px; /*display: inline;*/ color: #666; }
.newhome .services li { cursor: help; }
.newhome .services li span.detail { position: absolute; left: -999em; }
.newhome #service_detail { text-align: center; font-weight: bold; }
.newhome #service_detail span.detail { font-weight: normal; }
.newhome .products img.product { margin-bottom: 10px; }


/*
  THEMATIC OVERRIDES
*/

body { background: url('images/background.jpg') #eee top center repeat; }
#footer { background-color: #eee; background-color: rgba(238,238,238,0.6); }


/* display grid or background colour */
/*body { background:url('../thematic/library/grids/960_grid_12_col.gif') repeat-y top center; }*/
#header, #main, #siteinfo { background-color: white; padding-left: 20px; padding-right: 20px; }

/* branding */
#blog-title a {
  background: transparent url('images/volkside_logo.gif') no-repeat top left;
  display: block; width: 150px; height: 29px; text-indent: -9000px;
}
#blog-title a:hover {
  background: transparent url('images/volkside_logo_gray.gif') no-repeat top left; }


/* search */
div#search input#s {
  width: 130px; height: 15px; vertical-align: middle;
  border: 1px solid #aaa; padding: 2x; line-height: 15px; }
div#search #searchsubmit {
  color: #666; background-color: #eee; height: 19px;
  vertical-align: middle; border: none; padding: 2px; line-height: 15px; }


/* navigation */
#access { border: 0; }
#nav, #nav a, #nav ul, #nav li { border: none; }
/*#nav>li { margin: 0 19px; }*/   /* 5 top menu items */
/*#nav>li { margin: 0 3px; }*/   /* 6 top menu items */
#nav>li { margin: 0 1px; }   /* JP 06/01/2011: 7 top menu items */
/* slight gap before&after submenu to fix for an
   overlapping issue with rounded parent items on ie */
#nav li ul { margin-top: -1px; border-bottom: 3px solid white; }
#nav>li>ul>li:first-child { border-top: 3px solid white; }

/* JP 17/05/2009 */
/* #nav>li>ul>li:first-child>a { background-image: url('images/corner.gif'); background-repeat: no-repeat; background-position: 16px 0px; } */


/* menu: default item */
#nav li a, #nav li a:visited {
  color: #555; background-color: #eee; }

/* menu: child items */
#nav>li>ul, #nav>li>ul>li { width: 180px; }

/* menu: parent items */
#nav>li>a, #nav>li>a:visited {
  color: #555; background-color: white; }

/* menu: hover for all items */
#nav li a:hover {
  color: black; background-color: #c3c3c3; }

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


/* miscellaneous */
#primary { border: none; padding: 0; }
.aside h3 { font-family: helvetica, arial, sans-serif; font-style: normal; }
.page-title { font-size: 14px; }
#noresults-searchform, #error404-searchform { margin-left: 160px; }
div.contactcell { float: left; width: 48.1%; padding-right: 10px; }
div.contactcell a.big { font-size: 1.4em; }
div.slug-services h3 { display: inline; clear: none; }
div.slug-services img { padding-right: 15px; }
div.slug-services p { margin-top: 10px; }
div.highlight { background: #eeeeee; padding: 10px; margin-bottom:15px; }

/* JP 10/08/2009 */
div.half-width { width: 270px; }
.slug-services-and-products .entry-content img { margin-left: 10px; }
abbr, acronym { border-bottom: 1px dotted #999; }
.highlight { background-color:#FCFD8D; }

.wp-caption p.wp-caption-text { text-align:left; }
li.widgetcontainer ul { list-style: none; margin-left: 0; }
li.widgetcontainer li { margin: 5px 0; }

/* Recent Comments widget */
.recentcomments a{display:inline !important;padding: 0 !important;margin: 0 !important;}


/* headings, also for homepage */
h1 { font: bold 20px helvetica, arial, sans-serif; }
h2 { font: bold 18px helvetica, arial, sans-serif; }
h3 { font: bold 16px helvetica, arial, sans-serif; padding: 14px 0 14px; }
.entry-title { font: bold 20px helvetica, arial, sans-serif; }
h1 a, h2 a, h3 a,
h1 a:link, h2 a:link, h3 a:link,
h1 a:visited, h2 a:visited, h3 a:visited {
  text-decoration: none; color: black; }
h1 a:hover, h2 a:hover, h3 a:hover,
h1 a:visited:hover, h2 a:visited:hover, h3 a:visited:hover {
  text-decoration: none; color: #ff4b33; }
h2.headline { font-style: italic; }
h2.headline span { text-decoration: underline; }
h3.widgettitle { padding-top: 10px; padding-bottom: 0px; }


/* posts */
h1.entry-title { border-bottom: 1px solid #ccc;}
.entry-content h3 { font-style: normal; padding: 15px 0; }
.entry-content p { margin-bottom: 15px; }
.entry-content, .entry-utility { margin-left: 160px; }
.entry-content ul li { list-style: square; }

div#nav-below, div#comments { margin-left: 160px; }
div#nav-above, div#nav-below { width: auto; }
body.single .entry-utility { padding-top: 20px; }

.entry-meta, .entry-meta .n, .entry-meta abbr { font-size: 14px; }
.entry-meta { width: 140px; margin: 24px 20px 0 0; float: left; }
.entry-meta .n { text-transform: none; text-decoration: underline; }
.entry-meta .meta-sep { display: none; }
.entry-meta .author { margin-right: 5px; }

blockquote {
	padding: 0 0 0 2em;	margin: 0 0 0 1em; color: #333;
	background: url('images/quote.png') .5em top no-repeat;
}

/* read more link */
.entry-utility .readmore-link { display: block; margin-bottom: 20px; }
.readmore-link>a { font: normal 16px helvetica, arial, sans-serif; color: #004B91; }
.readmore-link>a:hover { color: #ff4b33; }
.readmore-link>a:visited { color: #743399; }

/* comments */
#comments h3 { font-size: 17px; }
p#login, .form-section label { font-size:14px; }
#comments-list .comment-author { font-family: helvetica, arial, sans-serif; }
#comments textarea { margin-left: 1px; }
.form-section input { width: 50%; }


/* footer: sitemap and copyright */
#sitemap { font-size: 12px; line-height: 110%; }
#sitenav, #sitenav ul { padding: 0; margin: 0;}
#sitenav li { float: left; list-style-type: none; margin-top: 0.4em; }
#sitenav li a, #sitenav li a:visited { color: #333; text-decoration: none; }
/* columns */
#sitenav>li { margin-right: 42px; }
/*#sitenav>li { width: 80px; }*/  /* narrow columns */
#sitenav>li { width: 60px; }  /* narrower columns */
#sitenav>li.page-item-6,  #sitenav>li.page-item-69 { width: 130px; }  /* wide columns: s&p and articles */


/* sitemap: default item */
#sitenav li a, #sitenav li a:visited {
  color: #333; background-color: none; }

/* sitemap: child items */
/*JP 25/01/2011: #sitenav>li>ul, #sitenav>li>ul>li { width: 180px; }*/

/* sitemap: parent items */
#sitenav>li>a, #sitenav>li>a:visited {
  color: #333; background-color: none; font-weight: bold; }

/* sitemap: hover for all items */
#sitenav li a:hover {
  color: white; background-color: #2683ae; }

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

/* copyright */
#copyright { font-style: italic; text-align: right; padding-top: 60px; color: #333; font-size: 12px; }
#copyright img.right { padding-left: 10px;}
#copyright p { line-height: 16px; }
#copyright a, #copyright a:visited { color: black; }


/* contact form for homepage */
.page-template-home-vs-new-php .wpcf7 { width: 460px; }
.page-template-home-vs-new-php .wpcf7 p { margin-bottom: 5px; }
.page-template-home-vs-new-php .wpcf7 input[type="text"], .page-template-home-vs-new-php .wpcf7 textarea { width: 460px; line-height: 20px; font-size: 20px; background-color: #f8f8f8; }
.page-template-home-vs-new-php .wpcf7 input[type="submit"] { line-height: 20px; font-size: 20px; }
.page-template-home-vs-new-php .wpcf7 textarea { height: 150px; }
.page-template-home-vs-new-php div.wpcf7-response-output,
	.page-template-home-vs-new-php div.wpcf7-validation-errors,
	.page-template-home-vs-new-php div.wpcf7-mail-sent-ng { width: 460px; }
.page-template-home-vs-new-php div.wpcf7-validation-errors,
.page-template-home-vs-new-php span.wpcf7-not-valid-tip { color: black; background-color: #F4F39E; font-family: helvetica, arial, sans-serif; border: none; }


/* contact form for contact page */
.page-template-contact-vs-php .wpcf7 { position: absolute; left: 770px; top: -10px; color: #666666; width: 200px; }
.page-template-contact-vs-php .wpcf7 h3 { font: bold 15px helvetica, arial, sans-serif;}
.page-template-contact-vs-php .wpcf7 p { margin-bottom: 5px; }
.page-template-contact-vs-php .wpcf7 input[type="text"], .page-template-contact-vs-php .wpcf7 textarea { width: 170px; line-height: 15px; }
.page-template-contact-vs-php .wpcf7 textarea { height: 150px; }

div.wpcf7-response-output, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng { width: 140px; margin: 0; padding: 0; }

div.wpcf7-response-output, div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked,
div.wpcf7-validation-errors, span.wpcf7-form-control-wrap,
span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip-no-ajax,
span.wpcf7-list-item { font-family: helvetica, arial, sans-serif; color: black; }

div.wpcf7-mail-sent-ok { background-color: #cceecc; }
div.wpcf7-validation-errors { background-color: #fffff0; }


/*
 "Adapt the following for use in your Child Themes when using different font-sizes and line-heights
 All other styles can be overridden--or ignored!--in Child Theme stylesheets"
 Source: ../thematic/library/styles/typography.css
*/
body, input, textarea { font-size: 14px; }
p, ul, ol, dd, pre { font-size: margin-bottom: 14px; }
pre, code { font-size: 14px; }
#comments, #comments input, #comments textarea { font-size: 14px; }


/* float clearing from Agregado */
.clearfloat:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.clearfloat { display: inline-block }
.clearfloat { display: block }

/* float classes */
.left {	float: left; }
.right { float: right; }

/* image alignment */
img.alignnone {	float: none; }
img.alignleft { float: left; padding: 10px 10px 10px 0px; }
img.alignright { float: right; padding: 10px 0px 10px 10px; }

img.annotation { border: none; margin: -3px 0 -3px 0; padding: 0; float: none; }


/*
  Buttons 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:block;
    padding:4px;
    text-align:center;
    text-decoration:none;
    width:10em;
}
a.button span {
    background: #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;
}


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

/* JP 05/01/2011 */
.hidden, .obsolete, .superceded { display: none; }

/* JP 06/01/2011 for yoast breadcrumbs */
#breadcrumbs { float: right; font: 10px/26px helvetica, arial, sans-serif; color: #ccc; }
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:hover #breadcrumbs a:visited { color: #ccc; }
h1.entry-title, h2.entry-title { clear: left; }

/*
	Wirify bookmarklet
	source: wirify style.css
*/
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; }


/*
	Sticky note
	source: http://konigi.com/tools/css-sticky-notes
*/

.sticky {
  -webkit-box-shadow: #DDD 0px 1px 2px;
  position: relative;
  background-color: #F4F39E;
  border-color: #DEE184;
  margin: 2.5em 0px;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
}
.sticky.taped:after {
  display: block;
  content: "";
  position: absolute;
  width: 82px;
  height: 35px;
  top: -21px;
  left: 33%;
  background: transparent url('images/tape_narrow.png') 0 0 no-repeat;
}

.sticky.notea {
  -webkit-box-shadow: -2px 5px 6px rgba(0,0,0,0.25);
  -moz-box-shadow: -2px 5px 6px rgba(0,0,0,0.25);
  box-shadow: -2px 5px 6px rgba(0,0,0,0.25);
}
.sticky.noteb {
  -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
  box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
}
.sticky.notec {
  -webkit-box-shadow: 2px 4px 6px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 4px 6px rgba(0,0,0,0.25);
  box-shadow: 2px 4px 6px rgba(0,0,0,0.25);
}
.sticky.noted {
  -webkit-box-shadow: 6px 6px 6px rgba(0,0,0,0.25);
  -moz-box-shadow: 6px 6px 6px rgba(0,0,0,0.25);
  box-shadow: 6px 6px 6px rgba(0,0,0,0.25);
}

.sticky.taped.notea:after { left: 23%; }
.sticky.taped.noteb:after { left: 33%; }
.sticky.taped.notec:after { left: 30%; }
.sticky.taped.noted:after { left: 35%; }


/* EOF */