/*  
Theme Name: A Thematic Child Theme
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* -------------------------------------------------------------- 
  Eric Meyer Reset CSS v1.0 | 20080212
  http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent} body{ background:#fff; line-height:1} ol, ul{list-style:none} blockquote, q{quotes:none} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse; border-spacing:0} a img{border:none}

/* Apply basic typography styles */
/* -------------------------------------------------------------- 
   Set default typography based on Blueprint
   http://code.google.com/p/blueprintcss/
 -------------------------------------------------------------- */ 
body, input, textarea{ color:#000;  font:12px "HelveticaNeue", Helvetica, Arial,sans-serif; line-height:18px}

h1, h2, h3, h4, h5, h6{font-weight:normal; clear:both}

p{ margin-bottom:18px}
ul{margin:0 0 18px 2.5em}
ol{margin:0 0 18px 2.5em}
ul{list-style:disc}
ol{list-style-type:decimal}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}
ul ul, ol ol, ul ol, ol ul{margin-bottom:0}
dl{ margin:0 1.5em}
dt{ font-weight:bold}
dd{margin-bottom:18px}
strong{font-weight:bold}
cite, em, i{font-style:italic}
blockquote{margin:0 3em}
blockquote em, blockquote i, blockquote cite{font-style:normal}
pre{font:11px Monaco,monospace; line-height:18px; margin-bottom:18px}
code{font:11px Monaco,monospace}
abbr, acronym{ border-bottom:1px dotted #333; cursor:help}
ins{text-decoration:none}
sup, sub{height:0; line-height:1; vertical-align:baseline; position:relative}
sup{bottom:1ex}
sub{top:.5ex}

/* Pullquotes
-------------------------------------------------------------- */
blockquote.left{float:left; margin-left:0; margin-right:20px; text-align:right; width:33%}
blockquote.right{float:right; margin-left:20px; margin-right:0; text-align:left; width:33%}

/*
Adapt the following for use in your Child Themes when using
different font-sizes and line-heights
body, input, textarea{  font:--px Arial,sans-serif;   line-height:--px}
p, ul, ol, dd, pre{  margin-bottom:--px}
pre, code{font:--px Monaco,monospace; line-height:--px}

All other styles can be overridden--or ignored!--in Child Theme stylesheets
*/

/*
LAYOUT:One-Column (Right) Fixed
DESCRIPTION:Two-column 950px fixed layout with one sidebar right of content
*/
html, body { height:100% }
body{ min-width:960px; background:#fff url(images/body_bg.png) repeat-x 0 0; }

#wrapper { width:973px; margin:0 auto; position:relative; height:100%; background: url(images/sidebar_bg1.png) repeat-y 100% 140px; }
#wrapper { height:auto; min-height:100%;}

#header{ position:relative}
#branding{ }
#access{ position:relative; overflow:hidden}
.menu{ }
#main{  }
#container{ width:620px; float:left}
#content{ overflow:hidden}
.main-aside{ width:256px; float:right; position:relative; right:15px}
#secondary{ clear:right}
#footer{ clear:both}
#subsidiary{ width:940px; margin:0 auto; overflow:hidden}
#subsidiary .aside{ width:300px; float:left; margin:0 20px 0 0}
#subsidiary #third{ margin:0}
#siteinfo{ clear:both; width:620px; margin:0 }

#search {  }
#search label { position:absolute; left:-9999px; }
#search #s { border:none; background:transparent url(images/search_bg.png) no-repeat 0 0; width:187px; height:17px; padding:2px 2px 2px 10px; color:#fff; font-size:85%; position:absolute; top:0; right:23px; }
#search #searchsubmit { border:none; background:transparent url(images/search_bg.png) no-repeat 100% 0; width:23px; height:21px; text-indent:-9999px; font-size:0; position:absolute; top:0; right:0; }
#search #searchsubmit:hover { cursor:pointer; background:transparent url(images/search_bg.png) no-repeat 100% -21px; }

#text-6 { position:absolute; top:-91px; left:53px; z-index:3; padding:0 !important; background:none !important; }
#apco1 a { display:block; width:146px; height:69px; background: url(images/logo_apco1.png) no-repeat 0 0; text-indent:-9999px; font-size:0; }

#primary * { color:#fff; }
#primary .xoxo > li { padding:15px 0; background: url(images/seperator3.png) no-repeat 50% 100%; }
#primary .xoxo > li#text-2 { padding-bottom:30px; margin-top:-57px }

div.post, div.page { background: url(images/seperator2.png) no-repeat 50% 100%; padding:40px 0 32px 0 !important; }


/* Apply basic image styles */
.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{/* Prevent the smileys from breaking line-height */max-height:12px; margin:0 !important}

/*
Adapt the following for use in your Child Themes when using
different font-sizes and line-heights
.entry-content img, 
.wp-caption{  margin-bottom:--px}
.wp-smiley{  max-height:--px}

All other styles can be overridden--or ignored!--in Child Theme stylesheets
*/













/* Apply default theme styles and colors */

/* =Global Elements
-------------------------------------------------------------- */
body, input, textarea{ font:15px "HelveticaNeue", "Helvetica Neue", Helvetica, arial; line-height:22px}
p, ul, ol, dd, pre{ margin-bottom:15px}
pre, code{font:14px Monaco,monospace; line-height:22px}
blockquote{ color:#666; font-style:italic}
table{ border:1px solid #ccc; border-width:1px 1px 0 1px; font-size:13px; line-height:18px; margin:0 0 22px 0; text-align:left}
caption{ text-align:left}
tr{ border-bottom:1px solid #ccc}
th, td{ padding:.7em 1.25em}
hr{ background-color:#ccc; border:0; color:#ccc; height:1px; margin-bottom:22px}

.entry-content a{ color:#47b5db; text-decoration:none; border-bottom:#47b5db 1px dotted; }
.entry-content a:hover, .entry-content a:focus{  border-bottom:#47b5db 1px solid; }



/* =Header
-------------------------------------------------------------- */
#header{ background: url(images/header_bg.png) no-repeat 100% 0; }
#access { }
#branding{ padding:0; height:101px; }
#blog-title{ padding-top:23px; margin-left:-27px; }
#blog-title a{ display:block; width:639px; height:67px; background: url(images/logo_vvp1.png) no-repeat 0 0; font-size:0; text-indent:-9999px;}
#blog-description{ position:absolute; left:-9999px;}

/* =Menu
-------------------------------------------------------------- */
.skip-link{ display:none}
#access{height:39px; font-size:14px; overflow:visible; z-index:100; width:650px}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:2.5em; /* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:10em; /* match ul width */top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:10em; /* match ul width */top:0}

/*** THEMATIC SKIN ***/
.sf-menu{float:left}
.sf-menu a{ padding:12px 19px; text-decoration:none}
.sf-menu .current_page_item a, 
.sf-menu .current_page_ancestor a, 
.sf-menu .current_page_parent a{ border-bottom-color:#fff}
.sf-menu a, .sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#5c5c5c}
.sf-menu li{}
.sf-menu li li{background:#fff}
.sf-menu li li li{background:#9AAEDB}
.sf-menu li:hover, .sf-menu li.sfHover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{  outline:0; }
.sf-menu ul{ border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{top:32px; /* overriding essential styles */}
.sf-menu ul ul{ margin-top:0}
.sf-menu ul a{ background:#fafafa; border-bottom:none}
.sf-menu a:hover { border-bottom:#999 4px solid !important; padding-bottom:8px; color:#111; }
.sf-menu .current_page_item a { color:#111; }

/* =Content
-------------------------------------------------------------- */
#main{ clear:both; padding:0 0 22px 0}
.page-title{ font-size:15px; line-height:18px; padding:20px 0 10px 0; border-bottom:#f9f9f9 10px solid; }
.attachment .page-title{ font-style:italic}
.page-title a{ color:#666; text-decoration:none}
.page-title a:active, 
.page-title a:hover{ color:#FF4B33}
.page-title span{ font-style:italic}
.page-title .meta-nav{ font-style:normal}
.hentry{ padding:0 0 22px 0}
.single .hentry{ padding:0}
.home #content .sticky{ border:1px solid #ccc; margin:0 0 66px 0; padding:22px 20px 0 20px}

.entry-title{ font-family:Arial,sans-serif; font-size:26px; font-weight:bold; line-height:26px; padding:0 0 7px 0; letter-spacing:-2px; color:#f4793b; font-weight:normal; text-transform:uppercase; word-spacing:4px; }
.entry-title a{ color:#f4793b; text-decoration:none; }
.entry-title a:active, .entry-title a:hover{ color:#f4793b}

.entry-meta{ color:#666; font-size:13px; font-style:italic; line-height:18px}
.entry-meta .author{}
.entry-meta .n{ font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase}
.entry-meta a{ color:#666; text-decoration:none}
.entry-meta a:active, 
.entry-meta a:hover{ color:#FF4B33}
.entry-meta abbr{ border:none; cursor:text; font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase}
.entry-content{ padding:10px 0 0 0}
.entry-content h1, 
.entry-content h2{ font-family:Arial,sans-serif; font-size:19px; padding:15px 0 14px 0}
.entry-content h3{ font-size:17px; font-style:italic; padding:28px 0 14px 0}
.entry-content h4{ font-size:11px; font-family:Arial,sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.05em}
.entry-content table{ margin-left:1px}
.entry-content embed{ margin:0 0 22px 0}
.entry-utility{ color:#959595; font-size:11px; line-height:18px; padding:0}
.entry-utility a{ color:#47b5db; font-weight:bold; text-decoration:none}
.entry-utility a:hover{ text-decoration:underline}
.page-link{ font-size:13px; font-weight:bold; line-height:18px; margin:0 0 22px 0; padding:22px 0 0 0; word-spacing:0.5em}
.page-link a{ border:1px solid #ccc; color:#666; font-weight:normal; padding:0.5em 0.75em; text-decoration:none}
.page-link a:active, 
.page-link a:hover{ color:#FF4B33}
ul#links-page, 
ul#archives-page{ list-style:none; margin-left:0; overflow:hidden}
li.content-column{ float:left; margin-right:20px; width:45%}
.gallery{ padding:0 0 22px 0}
.wp-caption-text, 
.gallery-caption{ color:#666; font-size:13px; line-height:18px}
#author-info{ margin:0 0 44px 0; overflow:hidden}
#author-info .avatar{ float:left; margin:.3em 1em 0 0}

/* =Attachments
-------------------------------------------------------------- */
.attachment-jpeg #container, 
.attachment-png #container{ width:100%}
.attachment-jpeg #content, 
.attachment-png #content{ width:930px}
.attachment-jpeg #comments, 
.attachment-png #comments{ width:540px; overflow:hidden}
.attachment-jpeg .main-aside, 
.attachment-png .main-aside{ display:none}

/* =Navigation
-------------------------------------------------------------- */
.navigation{ color:#666; font-size:13px; line-height:18px; margin:20px 0 12px 0; overflow:hidden}
.navigation a{ color:#666; font-style:italic; text-decoration:none}
.navigation a:active, 
.navigation a:hover{ color:#FF4B33}
.navigation .meta-nav{ font-style:normal}
.nav-previous{float:left; width:50%}
.nav-next{float:right; width:50%; text-align:right}
#nav-above, #nav-below{width:100%}
#nav-above{ display:none}
.paged #nav-above{ display:block; padding:0 0 44px 0}

/* =Comments
-------------------------------------------------------------- */
#comments{ padding:22px 0 0 0}
#comments, 
#comments input, 
#comments textarea{ font-size:13px; line-height:18px}
#comments code{ font-size:12px; line-height:18px}
#comments h3{ font-family:Arial,sans-serif; font-size:15px; font-weight:bold; line-height:22px; padding:0 0 18px 0}
#comments-list{ padding:0 0 18px 0}
#comments-list ol, 
#comments-list ul{ list-style:none; margin:0}
#comments-list ol{ border:1px solid #ccc; border-bottom:none; margin:0 0 18px 0}
#comments-list li{ background:#fafafa; border-bottom:1px solid #ccc; padding:18px 1.5em 0 1.5em; position:relative}
#comments-list li.alt{ background:#fff}
#comments-list li.bypostauthor{ background:#FFC}
#comments-list ul li{ border:1px solid #ccc; margin:0 0 18px 0}
#comments-list li .avatar{ position:absolute; top:22px; left:1.5em; width:36px; height:36px}
#comments-list .comment-author{ font-weight:bold; padding:9px 0 0 46px}
#comments-list .comment-meta{ color:#666; font-size:11px; padding:0 0 9px 46px}
#comments-list .comment-meta a{ color:#666; font-style:italic; text-decoration:none}
#comments-list .comment-meta a:active, 
#comments-list .comment-meta a:hover{ color:#FF4B33}
.comment-reply-link{ font-size:11px; padding:0 0 18px 0; text-align:right}
.comment-reply-link a{ color:#666; font-style:italic; text-decoration:none}
.comment-reply-link a:active, 
.comment-reply-link a:hover{ color:#FF4B33}
.comment-navigation{ font-weight:bold; padding:0 0 18px 0; margin-right:0.5em}
.comment-navigation a{ border:1px solid #ccc; color:#666; font-weight:normal; padding:0.5em 0.75em; text-decoration:none}
.comment-navigation a:active, 
.comment-navigation a:hover{ color:#FF4B33}
.comment-navigation a, 
.comment-navigation span{ margin-right:0.5em}
#trackbacks-list .comment-content{ position:absolute; left:-9000px}
#respond{ background:#fff; margin-bottom:22px; overflow:hidden; padding:18px 0 0 0; position:relative}
#comments-list #respond{ border-bottom:1px solid #ccc; margin:0 0 18px 0; padding:18px 1.5em}
#comments-list ul #respond{ border:1px solid #ccc; margin:0}
#cancel-comment-reply{ font-size:11px; position:absolute; top:18px; right:1.5em}
#cancel-comment-reply a{ color:#666}
#respond .required{ color:#FF4B33; font-weight:bold}
.form-section label{ font-size:11px}
.form-section input{ margin:0 0 18px 0; width:98%}
.form-section textarea{ width:99%}
#form-allowed-tags p{ color:#666; font-size:11px; margin:0}
#form-allowed-tags span{ font-style:italic}
#form-allowed-tags code{ font-size:11px; line-height:normal}
.form-submit{ padding:18px 0 0 0; text-align:right}
.subscribe-to-comments{ color:#666; float:left; font-size:11px; margin:0; padding:18px 0 0 0}
.solo-subscribe-to-comments{ color:#666; font-size:11px; padding:18px 0 0 0}
.comment_license{ color:#666; clear:both; font-size:11px; margin:0; padding:18px 0 0 0}

/* =Asides, Sidebars &Widget-Ready Areas
-------------------------------------------------------------- */
.aside, 
.aside input{ font-size:13px; line-height:18px; margin-bottom:6px}
.aside p, 
.aside ul, 
.aside ol, 
.aside dd, 
.aside pre{ margin-bottom:18px}
.aside pre, 
.aside code{ font-size:12px; line-height:18px}
.aside .current_page_item a{ color:#FF4B33}
.aside .current_page_item .page_item a{ color:#666}
.aside .current_page_item .page_item a:hover, 
.aside .current_page_item .page_item a:active{ color:#FF4B33}
.aside{ color:#666}
.aside a{ color:#666}
.aside a:active, 
.aside a:hover{ color:#FF4B33}
.aside h3{ font-size:16px; font-style:italic; line-height:1.5em; text-transform:uppercase; letter-spacing:-1px }
.aside h3 a{ text-decoration:none}
.aside caption{ font-size:11px; font-family:Arial,sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:0.05em}
.aside ul{ list-style:none; margin-left:0}
.aside ul ul{ list-style:disc; margin:0 0 22px 20px}
.aside ul ul li{ padding:1px 0}
.aside ul ul ul{ margin-bottom:0}
.aside form, 
.aside table{ margin-bottom:22px}
.aside table{ border:none}
.aside thead{ border:1px solid #ccc}
.aside tbody{ border:1px solid #ccc}
.aside th, .aside td{ border-right:1px solid #ccc; padding:.25em .8em}
.aside tfoot tr{ border:none}
.aside tfoot td{ border-color:transparent}
.widget_tag_cloud{ margin:0 0 22px 0}
.aside #searchsubmit{ }
/*
  Main Asides
*/
.main-aside ul{ padding:0 20px}
.main-aside h3{}
.main-aside ul ul{ padding:0}
#primary{ padding:0; margin:-32px 0 22px 0;}
/*
  Content Asides
*/
#content .aside{ margin:0 0 22px 0; padding:18px 0 0 0}
#content .aside ul{ padding:0 20px}
#content .aside h3{ font-family:Georgia,serif; font-weight:normal; font-size:17px; font-style:italic; padding:0 0 7px 0; text-transform:none}
#content .aside ul ul{ padding:0}
/*
  Footer Asides
*/
#subsidiary{ padding:33px 0 0 0}

/* =Footer
-------------------------------------------------------------- */
#footer{ }
#siteinfo{ color:#666; font-size:12px; line-height:18px; padding:0}
#siteinfo a{ color:#666}
#siteinfo a:active, 
#siteinfo a:hover{ color:#FF4B33}

/* =PageNavi
-------------------------------------------------------------- */
/* Using !important to override PageNavi CSS */
.wp-pagenavi{ margin:0 0 0 -.5em; padding:0.5em 0}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span{ border:1px solid #ccc !important; color:#666!important; font-style:normal; margin:0 .375em !important; padding:0.5em 0.25em !important}
.wp-pagenavi a:visited{ border:1px solid #ccc !important; color:#666 !important}
.wp-pagenavi a:hover{ border:1px solid #ccc !important; color:#FF4B33 !important}
.wp-pagenavi a:active{ border:1px solid #ccc !important; color:#FF4B33 !important}
.wp-pagenavi span.pages{ border:none !important; color:#666 !important; margin:0 !important; padding:0 !important}
.wp-pagenavi span.current{ border:none !important; color:#666 !important; font-weight:normal !important; margin:0 !important; padding:0 !important}
.wp-pagenavi span.extend{ background-color:#FFF; border:1px solid #000; color:#000; margin:2px; padding:2px 4px}


/* Prepare theme for plugins */

/* =Ajax Edit Comments
-------------------------------------------------------------- */
.edit-comment{ margin-bottom:18px}

/* =WordPress Stats
-------------------------------------------------------------- */
img#wpstats{ /* hide WordPress Stats smiley */ width:0px; height:0px; overflow:hidden}



.widgetcontainer  { position:relative; }

#subs { position:absolute; top:15px; right:10px; list-style:none; }
#subs li { float:left; padding-left:12px !important; background:none !important; }
#subs li a { display:block; text-indent:-9999px; font-size:0; }
#subs li#rss-feed a { width:16px; height:16px; background: url(images/icons.png) no-repeat 0 -88px; }
#subs li#email-friend a { width:16px; height:16px; background: url(images/icons.png) no-repeat 0 -118px; }

#text-5 .widgettitle { padding-bottom:4px }

.contributor { padding:0 0 0 79px; font-size:11px; line-height:1.1em }

#tara_greco { background: url(images/pht_tara.jpg) no-repeat 0 2px; }
#james_robinson { background: url(images/pht_james.jpg) no-repeat 0 2px; }
#aman_battish { background: url(images/pht_aman.jpg) no-repeat 0 2px; }

#primary .widgetcontainer ul { list-style:none; margin:0; padding:0; }
#primary .widgetcontainer ul li { /*background: url(images/icons.png) no-repeat 0 -179px;*/ padding:0 0 0 1px; font-size:12px }
#primary .widgetcontainer  ul li a { text-decoration:none; }
#primary .widgetcontainer  ul li a:hover { text-decoration:underline; }

#recent-posts-3 li { background: url(images/icons.png) no-repeat 0 -179px; padding:1px 0 1px 18px !important; font-weight:bold; font-size:11px }

#index-bottom ul { margin:0 !important; padding:0 !important;; }

#footer-content { font:bold 90% helvetica,arial; color:#b7b7b7; position:relative; min-height:51px; padding:15px 0; }
#footer-content p { margin:0; }
#footer-content #footer-links { margin:0; padding:0; list-style:none; }
#footer-content #footer-links li { float:left; padding-right:10px; }
#footer-content #footer-links li a { display:block; color:#47b5db; text-decoration:none; }
#footer-content #footer-links li a:hover { text-decoration:underline; }
#footer-content #logo-apco { position:absolute; top:0; right:0; }
#footer-content #logo-apco a { display:block; width:108px; height:51px; background: url(images/logo_apco.png) no-repeat 0 0; text-indent:-9999px; font-size:0; }



.sf-menu ul { display:none }
.addthis_container a { border:none; }
.addthis_container a { border:none; }

.home .post img { max-width:200px; max-height:150px; }

.readMore { color:#777; font-size:80%; }
.readMore a { margin-left:4px; }