@import url('../thematic/library/styles/reset.css');
@import url('../thematic/library/styles/images.css');

/*   
Theme Name: Outta Bounds
Theme URI: 
Author: Esther S White
Template: thematic
Tags: Thematic
.
Thematic Site is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */

/*
LAYOUT: Two-Column (Right)
DESCRIPTION: Two-column 988px fluid layout with two sidebars right of content
*/

@font-face {
  font-family: "Blackout 2am";
  src: url("includes/Blackout-2am.ttf") format("truetype");
}

@font-face {
  font-family: "Blackout Midnight";
  src: url("includes/Blackout-Midnight.ttf") format("truetype");
}



body { background: #EBE5E7 url('images/polaroid-bkg.jpg') no-repeat center 0; font:normal 16px/1.5em Georgia, serif; }
#wrapper { background: transparent url('images/white-gradient.png') repeat-y; margin:40px auto; padding:0 2em; max-width:61.75em; 
/* 988px / 16px = 61.75em */
}
#header { position:relative; background: url('images/polaroid_03.jpg');}
#branding { width:100%; margin:0 auto; }
#access { position:relative; overflow:hidden; }
.menu { width:100%; margin:0 auto; }
#main { width:100%; margin:0 auto; overflow:visible; position:relative; }
#container { width:65.99%; 
/* 652px / 988px */
float:left; }
#content { margin:0 1.25em 0 0; overflow:visible; }
.main-aside { width:31.98%; 
/* 316px / 988px */
float:right; position:relative; }
#secondary { clear:right; }
#footer { clear:both; }
#subsidiary { width:100%; margin:0 auto; overflow:hidden; }
#subsidiary .aside { width:31%; 
/* 316px / 988px */
float:left; margin:0 1.25em 0 0; }
#subsidiary #third { margin:0; }
#subsidiary h3, #secondary h3, #primary h3 { font-family: "Blackout Midnight"; }
#siteinfo { clear:both; width:100%; margin:0 auto; }

/* =Global Elements
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, sans-serif; font-weight:normal; clear:both;}
h1 { font-size:2.18em; line-height:1.5em; margin:0 0 1em; }
h2 { font-size: 1.5em; line-height:1.2em; margin:1.5em 0 1em; font-weight: bold; }
h3 { font-size: 1.45em; line-height:1em; margin:1.5em 0 1em; }
h4 { font-size: 1.18em; line-height:1em; margin:1.5em 0 1em; }
h5 { font-size: 1em; line-height:1em; margin:1em 0 1em; text-transform: uppercase; }
input,textarea { }
blockquote { color:#666; font-style:italic; }
table { border:1px solid #ccc; border-width:1px 1px 0; text-align:left; font-size:0.9em; }
caption { text-align:left; }
tr { border-bottom:1px solid #ccc; }
th,td { padding:.7em 1.25em; }
a:link { color:#414F77; }
a:visited { color:#6E5787; }
a:active,a:hover { color:#6478B7; }

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


/* =Global Elements
-------------------------------------------------------------- */
#buttons { padding:.75em 0; }
a.button { border:1px solid #ccc; -webkit-border-radius:.7em; -moz-border-radius:.7em; border-radius:.7em; color:#6478B7; font-size:13px; margin:0 10px 0 0; padding:.75em 1.25em; text-decoration:none; font-family: "Blackout Midnight", "Helvetica Neue", Helvetica, Arial, sans-serif; }
a.button:hover,a.button:active { color:#826124; background:#FAFAFA; background:rgba(100,100,100,0.1);}


/* Text elements
-------------------------------------------------------------- */
p { margin-bottom:1.125em; line-height:1.5em; }
ul { margin:0 0 1.125em 0; }
ol { margin:0 0 1.125em 0; }
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; }
li {}
dl { margin:0 1.5em; }
dt { font-weight:bold; }
dd { margin-bottom:1.125em; }
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:.8em Monaco, monospace; }
code { font:.8em 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; _vertical-align:bottom; position:relative; }
sup { bottom:1ex; }
sub { top:.5ex; }

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

/* =Header
-------------------------------------------------------------- */
#header { z-index:2; }

#branding { position:relative; padding:2em 0 1em; }
#blog-title { padding:0 0 0 4em; font-size:1.6em; font-family: "Blackout Midnight", "Helvetica Neue", Helvetica, Arial, sans-serif; }
#blog-title a { color:#000; text-decoration:none; }
#blog-title a:active,#blog-title a:hover { color:#826124; }
#blog-description { line-height:1.25em; margin:0; padding:0 0 0 5em; font-size:1.3em; color:#BFB3CB; font-style:italic;  font-family: "Blackout Midnight", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:2px;}
#branding #searchform { position:absolute; top:3em; right:0; width:27.9%; padding:0 1.25em; }
#branding #searchform label { display:none; }
#branding #searchform input { font-size:0.8125em; line-height:1.384em; color:#666; }
#branding #searchform input#s { width:100%;}
#branding #searchform input#searchsubmit { display:none; }

/* =Menu
-------------------------------------------------------------- */
#nav { float:right; }
.skip-link { display:none; }
#access { height:32px; overflow:visible; z-index:100; }

/*** 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; font-family: "Blackout Midnight","Helvetica Neue", Helvetica, Arial, sans-serif; padding:9px 13px; text-decoration:none; text-transform:uppercase; letter-spacing: 1px; }
.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:right; }
.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:#fff; }
.sf-menu li { background:transparent;}
.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 { background:rgba(4,4,4,0.2); 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 ul a:hover { color:#6478B7; }


/* =Navigation
-------------------------------------------------------------- */
.navigation { color:#666; overflow:hidden; }
.navigation a { color:#666; font-style:italic; text-decoration:none; }
.navigation a:active,.navigation a:hover { color:#6478B7; }
.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-below { margin:0 0 1em;}
#nav-above { display:none; }
.paged #nav-above { display:block; padding:0 0 1em; }

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



/* =Content
-------------------------------------------------------------- */
#main { clear:both; padding:2em 0 1.5em; }
.page-title { }
.attachment .page-title { font-style:italic; }
.page-title a { color:#666; text-decoration:none; }
.page-title a:active,.page-title a:hover { color:#6478B7; }
.page-title span { font-style:italic; }
.page-title .meta-nav { font-style:normal; }
.hentry { padding:0 0 22px; }
.hentry a { background:#F7F7F7; background:rgba(255,255,255,0.5);}
.hentry a:hover { background:#fff; background:rgba(255,255,255,0.8);}
.single .hentry { padding:0; }
.home #content .sticky { border:1px solid #ccc; margin:0 0 66px; padding:22px 20px 0; }
h2.entry-title { margin:0 0 1em; font-weight:bold; }
.entry-title a { color:#000; text-decoration:none; }
.entry-title a:active,.entry-title a:hover { color:#6478B7; }
.aside .entry-meta { color:#fff; }
.entry-ment { font-style:italic; }
.entry-meta .author { }
.entry-meta .n {  font-style:normal; letter-spacing:.05em; text-transform:uppercase; }
.entry-meta a { color:#666; text-decoration:none; }
.entry-meta a:active,.entry-meta a:hover { color:#6478B7; }
.entry-meta abbr { border:none; cursor:text; font-size:0.6875em; font-style:normal; letter-spacing:.05em; text-transform:uppercase; }
.entry-content { padding:1.375em 0 0;  }
.entry-content h1,.entry-content h2 {  }
.entry-content h3 {  }
.entry-content h4 {  }
.entry-content table { margin-left:1px; }
.entry-content embed {  }
.entry-utility { margin:1em 0; }
.entry-utility a { color:#666; font-style:italic; text-decoration:none; }
.entry-utility a:active,.entry-utility a:hover { color:#6478B7; }
.aside .entry-utility .cat-links { display:block; }
.hentry .entry-utility, .hentry .entry-meta { font-size:0.8125em; }
.page-link {  }
.page-link a { border:1px solid #ccc; color:#666; font-weight:normal; padding:.5em .75em; text-decoration:none; }
.page-link a:active,.page-link a:hover { color:#6478B7; }
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 1.25em; }
.wp-caption-text,.gallery-caption { color:#666; }
#author-info { margin:0 0 44px; overflow:hidden; }
#author-info .avatar { float:left; margin:.3em 1em 0 0; }
.search .page-title { display:none; }
.search #main {padding-top:0;}


/* =Leader and Front Page Styles
-------------------------------------------------------------- */
#leader { }
#leader-container { margin:0 auto; overflow:hidden; position:relative; width:100%; }
.home #leader-container { margin:2em 0 0 0; padding: 0 0 2em 0; border-bottom: dashed #CCCCCC 1px; }
#leader h1.entry-title { padding:1em 0 0 0; margin:0; }
#leader .entry-title span {  }
.single #leader .entry-title { width:65.99%; }
#leader .entry-meta { position:absolute; top:3.3125em; left:69.83%; }
h1#blog-description { line-height:1.25em; margin:0; }
.home #container,.home #content { margin:22px 0 0 0; padding:0; width:100%; }
.home #container { padding: 0 0 2em 0; }
.home #main { padding:0;}
.home h2, .home .entry-meta { display:inline; }
.home .p1 h2 { font-size:2.5em; font-weight:bold; line-height:1.2em; margin:0 0 0.5em; padding:0 0 .01em; }
.home .p2, .home .p3 { width:48%; float:left; font-size:0.875em; }
.home .p2 { margin:0 1.8125em 0 0; }
.home #sub-feature { font-size:0.875em; line-height:1em; position:relative; overflow:hidden; clear:both; border-top:1px dashed #CCCCCC; margin-top:22px; }
.home #sub-feature h3 { font-size:1.4em; font-style:italic; padding:0 0 7px; text-transform:none; color:#826124;}
.home #sub-feature h3 img { position:absolute; padding:0 0 0 1em;  }
.home .block { float:left; width:48%; }
#front-block-1 { margin-right:1.8125em; }
.home .block .avatar { float:left; margin:.25em 10px 0 0; }
.home .block ul { border-top:1px solid #ccc; list-style:none; margin:0; }
.home .block ul li { display:inline; }
.home .block ul li a { border-bottom:1px solid #ccc; color:#666; display:block; padding:6px 0; text-decoration:none; }
.home .block ul li a:hover,.home .block ul li a:active { background:#fafafa; background:rgba(100,100,100,0.1); }
.page .entry-content,.single .entry-content { padding-top:0; }

/* =Asides, Sidebars & Widget-Ready Areas
-------------------------------------------------------------- */
.aside,.aside input { font-size:13px; line-height:18px; }
.aside p,.aside ul,.aside ol,.aside dd,.aside pre { }
.aside pre,.aside code { font-size:12px; line-height:18px; }
.aside .current_page_item a { color:#6478B7; }
.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:#6478B7; }
.aside { color:#666; }
.aside a:link, .aside a:visited { color:#666; text-decoration: none;}
.aside a:active,.aside a:hover { text-decoration:underline; color:#958C9F; }
.aside h3 { font-size:1.25em; font-style:italic; line-height:1em; color:#826124;}
.aside h3 a { text-decoration:none; }
.aside caption { font-size:0.6875em; font-family:Arial,sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:.05em; }
.aside ul { list-style:none; margin-left:0; }
.aside ul ul { list-style:disc; margin:0 0 1.25em 1.25em; }
.aside ul ul li { padding:1px 0; }
.aside ul ul ul { margin-bottom:0; }
.aside form,.aside table { margin-bottom:1.25em; }
.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 1.25em; }
.widgetcontainer { font-family: "Helvetica Neue", Helvetica, sans-serif;}
.widget_flickrRSS {
    text-align:left;
    padding: 10px 0 10px 3px;
}

.widget_flickrRSS img {
    width: 58px;
    height: 58px;
    margin: 1px 4px;
    border: 1px solid #666;
}

.widget_flickrRSS img:hover {
    width: 72px;
    height: 72px;
    margin: -6px -3px;
    border: 1px solid #000;
}

.widget_flickrRSS span {
    float:left;
    width: 56px;
    font-size: 14px;
    color: #666;
}

.widget_flickrRSS span a { color: #666; }

.widget_flickrRSS small {
    font-size:9px;
}

.widget_flickrRSS {
    text-align:left;
    padding: 0 0 10px 3px;
}



/*
    Main Asides
*/
.main-aside ul { padding:0 1.25em; }
.main-aside h3 { }
.main-aside ul ul { padding:0; }
#primary { margin:-1.25em 0 0; padding:0; background:rgba(4,4,4, 0.2); color:#fff;}
#primary a:link, #primary a:visited { color:#E4D6F3; }
#primary a:hover{ color:#BFB3CB; }
#primary p.heart { padding:1.25em 0 0; }
/*
    Content Asides
*/
#content .aside {  }
#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; text-transform:none; }
#content .aside ul ul { padding:0; }

/*
    Footer Asides
*/
#subsidiary { padding:33px 0 0; }

#single-bottom { width:100%; }
#single-bottom li.widgetcontainer { width:48%; float:left; }
#single-bottom li.widgetcontainer:first-child { margin:0 1.8125em 0 0; }



/* =PageNavi
-------------------------------------------------------------- */

/* Using !important to override PageNavi CSS */
.wp-pagenavi { margin:0 0 0 -.5em; padding:.5em 0; }
.wp-pagenavi a,.wp-pagenavi a:link { border:1px solid #ccc!important; color:#666!important; font-style:normal; margin:0 .375em!important; padding:.5em .25em!important; }
.wp-pagenavi a:visited { border:1px solid #ccc!important; color:#666!important; }
.wp-pagenavi a:hover { border:1px solid #ccc!important; color:#6478B7!important; }
.wp-pagenavi a:active { border:1px solid #ccc!important; color:#6478B7!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; }

/* =Comments
-------------------------------------------------------------- */
#comments { padding:22px 0 0; }
#comments,#comments input,#comments textarea {  }
#comments code {  }
#comments h3 { }
#comments-list { padding:0 0 1.25em; }
#comments-list ol,#comments-list ul { list-style:none; margin:0; }
#comments-list ol { margin:0 0 1.25em; font-size:0.8125em; }
#comments-list li { background:#fafafa; padding:1.25em 1.5em 0; border:1px solid transparent; position:relative; }
#comments-list li.alt { background:#fff; }
#comments-list li.bypostauthor { background:#FBEDE4; }
#comments-list ul li { margin:0 0 18px; }
#comments-list li .avatar { position:absolute; top:1.5em; left:1.5em; width:2em; height:2em; }
#comments-list .comment-author { font-weight:bold; padding:0 0 0 3em; }
#comments-list .comment-meta { color:#666; font-size:0.9em; padding:0 0 0 3.333em; line-height: 1em;}
#comments-list .comment-meta a:link { color:#666; font-style:italic; text-decoration:none; }
#comments-list .comment-meta a:active,#comments-list .comment-meta a:hover { color:#6478B7; }
#comments-list .comment-meta a:visited { text-decoration:none; font-style:italic; }
#comments-list p { margin:1em 0;}
.comment-reply-link {  padding:0 0 1.25em; text-align:right; }
.comment-reply-link a { color:#666; font-style:italic; text-decoration:none; }
.comment-navigation { font-weight:bold; padding:0 0 18px; margin-right:.5em; }
.comment-navigation a { border:1px solid #ccc; color:#666; font-weight:normal; padding:.5em .75em; text-decoration:none; }
.comment-navigation a,.comment-navigation span { margin-right:.5em; }
#trackbacks-list .comment-content { position:absolute; left:-9000px; }
#respond { background:transparent; margin-bottom:22px; overflow:hidden; padding:18px 0 0; position:relative; }
#comments-list #respond { border-bottom:1px solid #ccc; margin:0 0 18px; 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:#6478B7; font-weight:bold; }
.form-section label {  }
.form-section input { margin:0 0 18px; width:97%; border:#999999 solid 1px; padding:4px; }
.form-section textarea { width:97%; border:#999999 solid 1px; padding:4px; }
#form-allowed-tags p { color:#666; font-size:11px; margin:0; }
#form-allowed-tags span { font-style:italic; }
.form-submit { padding:18px 0 0; text-align:right; }
.subscribe-to-comments { color:#666; float:left; font-size:11px; margin:0; padding:18px 0 0; }
.solo-subscribe-to-comments { color:#666; font-size:11px; padding:18px 0 0; }
.comment_license { color:#666; clear:both; font-size:11px; margin:0; padding:18px 0 0; }



/* =Footer
-------------------------------------------------------------- */
#footer { border-top:1px dashed #ccc; margin-top:22px; }
#siteinfo { color:#666; font-size:11px; line-height:18px; padding:22px 0 44px; }
#siteinfo a { color:#666; }
#siteinfo a:active,#siteinfo a:hover { color:#6478B7; }


/* =Images
---------------------------------------------------------------*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}