/*
Theme Name:   Thematic for Tweetpond
Theme URI:    http://www.tweetpond.com/
Description:  Thematic theme customised for www.tweetpond.com. Thematic is © Ian Stewart.
Version:      0.1
Author:       Volkside
Author URI:   http://www.volkside.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: 220px; 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; }


/*
  THEMATIC OVERRIDES
*/

body { background: url('images/background.png') #001646 top center repeat-x; }
/*body { background-color: #34404d; } 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/tweetpond_logo.gif') no-repeat top left;
  display: block; width: 193px; height: 35px; text-indent: -9000px;
}
#blog-title a:hover {
  background: transparent url('images/tweetpond_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; }
/* 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: #2d76c4; }


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


.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; }


/* 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; width: 160px; margin-top: 0.4em; }
#sitenav li a, #sitenav li a:visited { color: #333; text-decoration: none; }


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

/* sitemap: child items */
#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: #2d76c4; }

/* 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: 30px; 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 */
div.wpcf7 { /*position: absolute; left: 770px; top: -10px;*/ color: #666666; /*width: 200px;*/ }
div.wpcf7 h3 { font: bold 15px helvetica, arial, sans-serif;}
div.wpcf7 p { margin-bottom: 5px; }
div.wpcf7 input[type="text"], div.wpcf7 textarea { /*width: 170px; */line-height: 15px; }
div.wpcf7 textarea { height: 150px; }
div.wpcf7-response-output, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng { width: 280px; 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: #2d76c4;
    border:2px solid #2d76c4;
    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;
}

img.addthis_logo {
  vertical-align: bottom;
}

/* JP 05/06/2009 heading and body text font overrides */
h1, h2, h3, .entry-title, .aside h3, #comments-list .comment-author,
div.wpcf7 h3, span.wpcf7-list-item, .readmore-link>a, #nav {
  font-family: lucida grande, helvetica, arial, sans-serif; }
body, input, textarea { font-family: helvetica, arial, sans-serif; }

#nav { font-size: 14px; }

/* JP 06/07/2009 */
.gallery-item { margin: 0; }

/* EOF */