/*   
Theme Name: Sock It To Me
Theme URI: 
Description: Thematic Child Theme developed for Sock It To Me
Author: Nic Marson
Author URI: http://nicmarson.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

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

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

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

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html { color:#000; background:#FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
body { font:normal 62.5%/1 Arial, Helvetica, sans-serif; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%;
}
legend { color:#000; }
/* @end */

/* =Global Elements
-------------------------------------------------------------- */
body { background:#CCC url(images/page-bg.png) repeat-x; color:#221E1F; font-size:10px; line-height:1.4em; }
input, textarea, select { font-family:tahoma, verdana, arial, sans-serif; }
strong { font-weight:bold; }
em { font-style:italic; }
p { color:#2c2b2b; font-weight:400; margin:0; padding:6px 0; }
ul { list-style-type:none; margin:0; padding:0; }
ol { margin:0; padding:0 0 0 15px; }
ul li, ol li { padding:2px 0; }
div.hr { background:#fff url(images/hr.png); height:4px; margin:1.2em 0; }
div.hr hr { display:none; }
a, a:visited, a:active, #sign_io { color:#303030; }
a, a:visited, a:active, a:hover { cursor:pointer; text-decoration:none; }
a:hover { color:#111; }
a:hover, .tabs ul li a:hover, .calendar-navig a, .calendar-navig a:hover { text-decoration:none; }
/* @end */

/* Forms */
select { border:1px solid #999; padding:1px; }
table label { font-weight:400; width:auto; }
fieldset { margin-bottom:1.5em; }
legend { line-height:1; padding:0 4px; _margin:0 -7px; /* IE Win */ }
label { display:inline-block; vertical-align:top; }
input.text, input[type='text'] { border:solid 1px rgba(0, 0, 0, 0.2); color:#666; padding:5px; font-size:1.1em; }
input.text:focus, input[type='text']:focus { border-width:2px; border-color:#0097D8; color:#444; padding:4px; outline:0; color:#444; }
textarea { border:solid 1px rgba(0, 0, 0, 0.2); color:#666; outline:0; padding:5px; }
textarea:focus { border-width:2px; border-color:#0097D8; color:#444; padding:4px; }
select { background:#fff url(../img/drop_down.png) no-repeat right center; border:solid 1px rgba(0, 0, 0, 0.2); color:#666; -khtml-appearance:none; padding:4px 5px; }
select:focus { border:solid 2px #0097D8; color:#444; padding:3px 4px; }
label { font-size:1.1em; }
/* @end */

/* Content */
#wrapper { background:#FFF; margin:0 auto; padding:0 10px; width:940px; }
#header, #main, #footer { position:relative; }
#main { background:#FFF url(images/girl.gif) no-repeat right bottom; clear:both; }
#container { float:left; font-size:1.4em; line-height:1.5em; min-height:550px; padding:10px; width:590px; }
#container a { color:#0097D8; }
#container a:hover { color:#FB4379; }

/* @end */

/* =Header
-------------------------------------------------------------- */

#header { background:#FFF /* bye bye birdy url(images/header.png) no-repeat 320px 16px */; font-size:1.2em; line-height:1.2em; padding:0; z-index:2; }
#header a:hover { text-decoration:underline; }
#branding {  }
#blog-title { float:left; position:relative; width:201px; z-index:8; }
#blog-title a { background:url(images/logo.gif); display:block; height:154px; line-height:154px; overflow:hidden; text-indent:-900em; width:201px; }
#blog-description { color:#666; float:left; font-size:13px; font-style:italic; width:300px; }
.quick-links { float:none; padding:12px 0; text-align:right; }
.quick-links a { color:#303030; margin-left:10px; padding:0 1px; text-transform:uppercase; }
#header .top-search { border-collapse:separate; border-spacing:15px; margin-top:2.4em; position:absolute; right:10px; top:52px; width:230px; }
.search-advanced { background:url(images/icons/search_advanced_arrow.gif) no-repeat right 10px; padding:5px 8px 0 4px; text-align:right; }
.top-search { padding:5px 0; }

/* =Menu
-------------------------------------------------------------- */
.skip-link { display:none; }
#access { overflow:visible; z-index:100; }
.menu { background:#221E1F url(images/heading-stripes.png); clear:both; padding:10px 0; position:relative; text-align:center; vertical-align:bottom; z-index:7; }
/*** 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 { display:inline-block; padding:0 29px; }
.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 {  }
.sf-menu a { color:#FFF; font-size:22px; font-weight:bold; text-decoration:none; text-transform:uppercase; }
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a { font-weight:bold; }
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#FFF; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color:#C5D02C; text-decoration:none; }
.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: #FF4B33; }


/* =Content
-------------------------------------------------------------- */
.page-title { font-size:13px; line-height:18px; padding:0 0 44px 0; }
.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 #main .sticky { margin:0 0 66px 0; padding:22px 20px 0 20px; }
.entry-title { font-family:Arial, sans-serif; font-size:3em; line-height:1.2em; padding:0 0 7px 0; }
.entry-title a { color:#000; text-decoration:none; }
.entry-title a:active, .entry-title a:hover { color: #FF4B33; }
.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 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: #FF4B33; }
.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 { 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 #main, .attachment-png #main { 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: #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-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:#FFFFCC; }
#comments-list ul li { 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 { 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 { 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:1.4em; 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 { text-decoration:underline; }
.aside h3 { background:#333 url(images/nav-heading-blue.png); color:#FFF; display:block; font-size:14px; font-weight:bold; padding:10px 8px 8px; text-transform:uppercase; margin-bottom:.5em; }
.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 8px 22px 8px; }
.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 { }
.aside tbody { }
.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; }
#searchsubmit { display: none; }
#searchform input { width:148px; }

ul.menu-root-categories { margin:0; }
ul.menu-root-categories li { padding-bottom:8px; }
#main ul.menu-root-categories a { color:#505050; display:block; font-size:1.4em; height:1%; line-height:1.2em; padding:2px 3px; text-transform:uppercase; }
#main ul.menu-root-categories a:hover { color:#111; }
ul.menu-subcategories { padding:5px 0; }
ul.menu-subcategories li { height:1%; line-height:12px; margin-left:-13px; padding:3px 0; }
#main ul.menu-subcategories a { background:#FFF; color:#505050; padding:2px 3px; }
#main ul.menu-subcategories a:hover { color:#111; text-decoration:underline; }
.subcategories-link-active, .subcategories-link-active:visited, .subcategories-link-active:hover, .subcategories-link-active:active { color:#2d2d2d; font-weight:700; }

/*
    Main Asides
*/
.main-aside { bottom:0; font-size:1.3em; overflow:hidden; position:absolute; top:10px; width:160px; }
.main-aside ul { padding:0; }
.main-aside li { padding:0; }
.main-aside h3 { }
.main-aside ul ul { padding:0; }
/*
    Content Asides
*/
#main .aside h3 { background:#221E1F url(images/nav-heading-blue.png); color:#FFF; display:block; font-size:14px; font-weight:bold; margin-bottom:.5em; padding:10px 8px 8px; text-transform:uppercase; }
#primary { right:170px; }
#secondary { right:0; }
#main #secondary h3 { background-image:url(images/nav-heading-pink.png); }
/*
    Footer Asides
*/
#subsidiary { padding:33px 0 0 0; }
/* =Footer
-------------------------------------------------------------- */

#footer { background:#FFF url(images/footer.png) no-repeat center bottom; font-size:1.2em; line-height:1.4em; padding-bottom:170px; }
#footer .left { margin:20px 40px; width:440px; }
#footer h2 { background:#333 url(images/heading-stripes.png); color:#FFF; font-size:2em; font-weight:bold; line-height:1em; padding:12px 8px 10px; text-indent:32px; text-transform:uppercase; }
#footer p { font-size:12px; }
#footer big { color:#666; font-size:1.5em; line-height:1.5em; font-weight:bold; }
#footer ul { float:left; margin:0 25px 1.2em 0; width:130px; }
#footer ul.last { margin-right:0; }
#footer ul li { padding:0; }
#footer div.hr { clear:both; }
#footer a, #footer a:visited { color:#0097D8; padding:2px 0; }
#footer a:hover, #footer a:active, #footer a:focus { color:#FB4379; }
#footer #merchant-logos { float:right; height:32px; margin:0 0 20px; width:130px; }
#footer #merchant-logos li { display:inline; }
#footer #merchant-logos a { display:block; float:left; height:32px; margin-right:10px; text-indent:-900em; width:32px; }
a.facebook { background-image:url(images/facebook-logo.png); }
a.flickr { background-image:url(images/flickr-logo.png); }
a.twitter { background-image:url(images/twitter-logo.png); }
#siteinfo { background:#221E1F; bottom:10px; color:#FFF; left:20px; padding:0; position:absolute; }
#siteinfo a { color:#EEE; }
#siteinfo a:active, #siteinfo a:hover { color: #FFF; }
#footer .quick-links a, #footer .quick-links a:visited, #footer .quick-links a:active, #footer .quick-links a:hover { color:#202219; margin:0 5px; }
#footer .quick-links { float:none; margin-bottom:1px; padding-right:0; text-align:center; }
#footer .quick-links, .bottom-search { padding:11px 0 0; }
/* =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:#FFFFFF; border:1px solid #000000; color:#000000; margin:2px; padding:2px 4px; }

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
}
 @media print {
.sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; }
.sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h3.sidebox-title span { font-family: htf33; visibility: hidden; }
}
h3.sidebox-title span.sIFR-replaced { padding-bottom:4px; }