/*   
Theme Name: SignWithAnE
Theme URI: http://synapses.co.za
Description: A Thematic child theme for Signwithane.com.
Author: Jacques Rousseau
Author URI: http://synapses.co.za/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Global Elements */
body, input, textarea { background: #000 repeat-x url(images/bck.gif); font-family: Arial; font-size: 14px; line-height:22px; }
p, ul, ol, dd, pre { margin-bottom:22px; }
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; }
a:link { color:#004B91; }
a:visited { color:#743399; }
a:active, a:hover { color: #F8F8FF; }
/* =Header */
#header { z-index:2; }
#branding { padding:40px 0 20px 0; }
#blog-title { font-family:Arial, sans-serif; font-size:35px; font-weight:bold; line-height:45px; width:315px; margin-left:100px; color:#AA77AA; border:1px solid #ccc; padding:10px 80px 10px 80px; text-align:center; }
#blog-title a { color:#AA77AA; text-decoration:none; }
#blog-title a:active, #blog-title a:hover { color: #004B91; }
#blog-description { color:#666; font-size:13px; font-style:italic; display: none; }
/* =Menu */
.skip-link { display:none; }
#access { position:relative; border-bottom:1px solid #ccc; height:32px; font-size:13px; overflow:visible; z-index:100; }
#access-search { position:absolute; left:50%; width:260px; margin-left:190px; height:29px; padding:2px 0 0 4px; }
#RSSimage { position:absolute; left:50%; margin-left:450px; padding:8px 0 0 4px; }
.ie7 #access-search { display:none; }
.ie7 #RSSimage { display:none; }
#access form #s { color:#999; text-align:center; font-style:italic; margin:0 2px 0 0; width:220px; }
#access form #s:focus { color:#fff; font-style:normal; }
#access form #searchsubmit { display:none; }

/* 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 { border-right:1px solid #ccc; float:left; }
.sf-menu a { border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:9px 13px; text-decoration:none; }
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a { border-bottom-color:#808080; }
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #666; }
.sf-menu li { background: #000; }
.sf-menu li li { background: #808080; }
.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 { background: #fafafa; outline: 0; border-bottom-color:#ccc; }
.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 ul a:hover { color: #F8F8FF; }
/* =Content */
#main { clear:both; padding:66px 0 22px 0; }
.page-title { font-size:13px; line-height:18px; padding:0 0 44px 0; color:#004B91; }
.attachment .page-title { font-style:italic; }
.page-title a { color:#666; text-decoration:none; }
.page-title a:active, .page-title a:hover { color: #F8F8FF; }
.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; color:#004B91; }
.entry-title a { color:#004B91; text-decoration:none; }
.entry-title a:active, .entry-title a:hover { color: #808080; }
.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: #004B91; }
.entry-meta abbr { border:none; cursor:text; font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase; }
.entry-content { padding:22px 0 0 0; color:#808080; font-family:Arial; }
.entry-content h1, .entry-content h2 { font-family:Arial, sans-serif; font-size:19px; font-weight:bold; padding:28px 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:#666; font-size:13px; line-height:18px; margin:0 0 44px 0; }
.entry-utility a { color:#666; font-style:italic; text-decoration:none; }
.entry-utility a:active, .entry-utility a:hover { color: #004B91; }
.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: #F8F8FF; }
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:0px 0 22px 0; overflow:hidden; }
.navigation a { color:#666; font-style:italic; text-decoration:none; }
.navigation a:active, .navigation a:hover { color: #F8F8FF; }
.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; color: #808080; }
#comments code { font-size:12px; line-height:18px; }
#comments h3 { font-family:Arial, sans-serif; font-size:15px; color:#666; 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:#000; border-bottom:1px solid #ccc; padding:18px 1.5em 0 1.5em; position:relative; }
#comments-list li.alt { background:#000; }
#comments-list li.bypostauthor { background:#000; }
#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:#F0F8FF; font-size:11px; padding:0 0 9px 46px; }
#comments-list .comment-meta a { color:#F0F8FF; font-style:italic; text-decoration:none; }
#comments-list .comment-meta a:active, #comments-list .comment-meta a:hover { color: #F8F8FF; }
.comment-reply-link { font-size:11px; padding:0 0 18px 0; text-align:right; }
.comment-reply-link a { color:#F0F8FF; font-style:italic; text-decoration:none; }
.comment-reply-link a:active, .comment-reply-link a:hover { color: #F8F8FF; }
.comment-navigation { font-weight:bold; padding:0 0 18px 0; margin-right:0.5em; }
.comment-navigation a { border:1px solid #ccc; color:#F0F8FF; font-weight:normal; padding:0.5em 0.75em; text-decoration:none; }
.comment-navigation a:active, .comment-navigation a:hover { color: #F8F8FF; }
.comment-navigation a, .comment-navigation span { margin-right:0.5em; }
#trackbacks-list .comment-content { position:absolute; left:-9000px; }
#respond { background:#000; 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:F0F8FF; }
#respond .required { color:#F8F8FF; 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:#F0F8FF; 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:#F0F8FF; float:left; font-size:11px; margin:0; padding:18px 0 0 0; }
.solo-subscribe-to-comments { color:#F0F8FF; font-size:11px; padding:18px 0 0 0; }
.comment_license { color:#F0F8FF; 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: #F8F8FF; }
.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: #F8F8FF; }
.aside { color:#666; font-size:12px; }
.aside a { color:#579; text-decoration: none; }
.aside a:active, .aside a:hover { color: #F8F8FF; }
.aside h3 { font-size:14px; font-style:bold; line-height:22px; }
.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 { display: none; }
/*
    Main Asides
*/
.main-aside ul { padding:0 20px; }
.main-aside h3 { }
.main-aside ul ul { padding:0; }
#primary { border:none; padding:18px 0 0 0; margin-bottom:22px; }
/*
    Content Asides
*/
#content .aside { border:1px solid #ccc; 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 { border-top:1px solid #ccc; margin-top:22px; }
#siteinfo { color:#666; font-size:11px; line-height:18px; padding:22px 0 44px 0; }
#siteinfo a { color:#666; }
#siteinfo a:active, #siteinfo a:hover { color: #F8F8FF; }
/* =PageNavi
-------------------------------------------------------------- */

/* Using !important to override PageNavi CSS */

/* PageNavi */
/* Using !important to override PageNavi CSS */
.wp-pagenavi { margin:0 0 0 -.5em; padding:0.5em 0 0.5em 0.5em !important; }
.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:#7ca9c8 !important; }
.wp-pagenavi a:active { border:1px solid #ccc !important; color:#7ca9c8 !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:#FFFFFF; border:1px solid #000000; color:#000000; margin:2px; padding:2px 4px; }