/*   
Theme Name: ronin.coop
Theme URI: 
Description: Developed for ronin.coop
Author: Esther S White
Author URI: http://ronin.coop
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* 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');

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Mårten Nettelbladt
 * @vendorurl:  http://omkrets.se/typografi/
 * @licenseurl: http://www.fontsquirrel.com/license/Miso
 *
 *
 */

@font-face {
	font-family: 'MisoRegular';
	src: url('fonts/miso.eot');
	src: local('Miso Regular'), local('Miso'), url('fonts/miso.woff') format('woff'), url('fonts/miso.otf') format('opentype'), url('fonts/miso.svg#Miso') format('svg');
}

@font-face {
	font-family: 'MisoBold';
	src: url('fonts/miso-bold.eot');
	src: local('Miso Bold'), local('Miso-Bold'), url('fonts/miso-bold.woff') format('woff'), url('fonts/miso-bold.otf') format('opentype'), url('fonts/miso-bold.svg#Miso-Bold') format('svg');
}

/* =Layout
-------------------------------------------------------------- */
body { background:#DFD8C4;}
.fontface { font-family: 'MisoRegular','MisoBold'; } /* minimizes FOUT http://paulirish.com/2009/fighting-the-font-face-fout/ */
#wrapper { }
#wrapper:after { content: "."; display:block; height 0; clear:both; visibility:hidden; }
#header { position:relative; }
#header:after { content: "."; display:block; height 0; clear:both; visibility:hidden; }
#branding { position:fixed; top:60px; left:20px; width:143px; height:282px; margin:0; padding:10px; background:#EEEAE4; }
#access { position:fixed; top:0; background:#DB903B; width:100%; }
.menu { max-width:840px; margin:0; }
	.menu ul { float:right; }
#main { max-width:640px; margin:40px 0 0 200px; position:relative; }
#main:after { content: "."; display:block; height 0; clear:both; visibility:hidden; }
#container { float:left; max-width:640px;  padding:0 0 20px; }
#content { max-width:600px; }
.main-aside { width:300px; float:left; position:relative; }
#secondary { }
#footer { clear:both; max-width:640px; margin:20px 0 20px 200px; }
#subsidiary { margin:0 auto; overflow:hidden; }
#subsidiary .aside { width:200px; float:left; margin:0 20px 0 0; }
#subsidiary #third { margin:0; }
#siteinfo { clear:both;}

/* =Global Elements
-------------------------------------------------------------- */

body,input,textarea{font:14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;}
p,ul,ol,dd,pre{margin-bottom:20px;}
pre,code{font:14px Monaco,monospace;line-height:20px;}
blockquote{}
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:20px;}
a:link,a:visited{color:#962024;}
a:active,
a:hover{color:#DB903B;}

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

#header {
    z-index:2;
}
#branding #blog-title a { display:block; text-indent: -2000em; text-decoration:none; z-index:1000; background:#EEEAE4 url('assets/ronin-tech-collective.png'); width:143px; height:282px;  }
	#branding #blog-description { display:block; text-indent: -2000em; text-decoration:none; z-index:1000; }
	#branding #contact p { margin:0 0 10px; font-size:13px; line-height: 18px; font-weight: bold; }
	#branding #contact .vcard { font:11px/15px Helvetica,sans-serif; margin-right:-5px; }
		.fontface #branding #contact .vcard { font:14px/18px "MisoRegular"; margin-right:0; }
	#branding #contact .vcard .org { display:none; }

/* =Menu
-------------------------------------------------------------- */

.skip-link { display:none; }
#access { overflow:visible; z-index:100; font:20px/20px "MisoRegular";}
	.no-fontface #access { font:14px/20px Helvetica,sans-serif; }
/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu *{list-style:none;margin:0;padding:0;}
.sf-menu{line-height:1.0;}
.sf-menu ul{position:absolute;top:-999em;width:10em;}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;}
.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;z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul,ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul,ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:10em;top:0;}

/*** THEMATIC SKIN ***/
.sf-menu { float:left; }
.sf-menu a { padding:9px 13px; text-decoration:none; }
	.no-fontface .sf-menu a { padding:12px 13px;}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a { }
.sf-menu a, .sf-menu a:visited  { color: #000;  }
.sf-menu li { }
.sf-menu li li { }
.sf-menu li li li { }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color: #EEEAE4; outline: 0; }
.sf-menu ul { }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { top:38px; /* overriding essential styles */ }
.sf-menu ul ul { margin-top:0; }
.sf-menu ul a { background:#EEEAE4; border-bottom:none; }
.sf-menu ul a:hover { color: #DB903B; }

/* =Content
-------------------------------------------------------------- */

#main{clear:both;padding:10px 0 0; }
.page-title{font-size:13px;line-height:18px;padding:0 0 44px;}
.page-title .meta-nav{font-style:normal;}
.single .hentry{padding:0;}
.home #content .sticky {padding:18px;background:#EEEAE4;margin:0 0 0 -18px; }
	.home #content .sticky .entry-title {font:16px/20px 'Helvetica Neue', Helvetica, sans-serif; font-weight:bold; margin:10px 0 0 0; padding:0; background:transparent; clear:both; display:block; }
	.home #content .sticky .entry-title a{color:#000;text-decoration:none;}
	.home #content .sticky .entry-meta {display:none;}
	.home #content .sticky .entry-utility {margin:0;}
	.home #content .sticky .entry-content {margin:0; padding:0; }
	.home #content .sticky .entry-content p {margin:0; padding:0; }
.home .hentry { padding:0; }
.entry-title{font-family:"MisoBold";font-size:32px;font-weight:normal;line-height:26px; background:#EEEAE4; display:inline-block; padding:10px 10px 10px 18px; margin:0 0 0 -18px;  }
	.entry-title a{color:#000;text-decoration:none;}
	.no-fontface .entry-title { font:24px/26px Helvetica,sans-serif; }
.entry-meta{color:#666;font-size:13px;font-style:italic;line-height:18px;display:inline;margin:0 0 0 10px;white-space:nowrap;}
	.entry-meta .n{font-size:11px;font-style:normal;letter-spacing:.05em;text-transform:uppercase;}
	.entry-meta abbr{border:none;cursor:text;font-size:11px;font-style:normal;letter-spacing:.05em;text-transform:uppercase;}
.entry-content{padding:22px 0 0;}
	.entry-content h1,.entry-content h2{font-weight:normal; background:#EEEAE4; display:inline-block; padding:10px 10px 10px 18px; margin:0 0 10px -18px; }
	.entry-content h1 { font:24px/26px 'Helvetica Neue',Helvetica,sans-serif;  }
		.fontface .entry-content h1 { font: 32px/26px "MisoRegular"; }
	.entry-content h2 { font:22px/22px 'Helvetica Neue',Helvetica,sans-serif;  }
		.fontface .entry-content h2 { font: 26px/22px "MisoRegular"; }
	.entry-title a{color:#000;text-decoration:none;}
	.entry-content h3{font-size:17px;font-style:italic;padding:5px 0 10px;}
	.entry-content h4{font-size:11px;font-family:'Helvetica Neue',Helvetica,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
	.entry-content table{margin-left:1px;}
	.entry-content embed{margin:0 0 22px;}
.entry-utility{color:#666;font-size:13px;line-height:18px;margin:0 0 44px;}
	.entry-utility a{color:#666;font-style:italic;text-decoration:none;}
.page-link{font-size:13px;font-weight:700;line-height:18px;word-spacing:.5em;margin:0 0 22px;padding:22px 0 0;}
	.page-link a{border:1px solid #ccc;color:#666;font-weight:400;text-decoration:none;padding:.5em .75em;}
ul#links-page,ul#archives-page{list-style:none;margin-left:0;overflow:hidden;}
li.content-column{float:left;margin-right:20px;width:45%;}
.wp-caption-text,.gallery-caption{color:#666;font-size:13px;line-height:18px;}
#author-info{overflow:hidden;margin:0 0 44px;}
	#author-info .avatar{float:left;margin:.3em 1em 0 0;}
.attachment .page-title,.page-title span{font-style:italic;}
.page-title a,.entry-meta a{color:#666;text-decoration:none;}
.page-title a:active,.page-title a:hover,.entry-title a:active,.entry-title a:hover,.entry-meta a:active,.entry-meta a:hover,.entry-utility a:active,.entry-utility a:hover,.page-link a:active,.page-link a:hover{color:#DB903B;}
.hentry,.gallery{padding:0 0 22px;}
.hentry span.edit-link { margin:-22px 0 0 0; padding:0; float:right; }


/* =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;overflow:hidden;margin:0 0 22px;}
.navigation a{color:#666;font-style:italic;text-decoration:none;}
.navigation a:active,.navigation a:hover{color:#DB903B;}
.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;}

/* =Comments
-------------------------------------------------------------- */

#comments{padding:22px 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:700;line-height:22px;padding:0 0 18px;}
#comments-list{padding:0 0 18px;}
#comments-list ol,#comments-list ul{list-style:none;margin:0;}
#comments-list ol{margin:0 0 18px;}
#comments-list li{position:relative;padding:18px 1.5em 0;}
#comments-list li.alt{}
#comments-list li.bypostauthor{background:#FFC;}
#comments-list ul li{margin:0 0 18px;}
#comments-list li .avatar{position:absolute;top:22px;left:1.5em;width:36px;height:36px;}
#comments-list .comment-author{font-weight:700;padding:9px 0 0 46px;}
#comments-list .comment-meta{color:#666;font-size:11px;padding:0 0 9px 46px;}
.comment-reply-link{font-size:11px;text-align:right;padding:0 0 18px;}
.comment-navigation{font-weight:700;margin-right:.5em;padding:0 0 18px;}
.comment-navigation a{border:1px solid #ccc;color:#666;font-weight:400;text-decoration:none;padding:.5em .75em;}
.comment-navigation a,.comment-navigation span{margin-right:.5em;}
#trackbacks-list .comment-content{position:absolute;left:-9000px;}
#respond{margin-bottom:22px;overflow:hidden;position:relative;padding:18px 0 0;}
#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:#FF4B33;font-weight:700;}
.form-section label{font-size:11px;}
.form-section input{width:98%;margin:0 0 18px;}
.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{text-align:right;padding:18px 0 0;}
.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;}
#comments-list .comment-meta a,.comment-reply-link a{color:#666;font-style:italic;text-decoration:none;}
#comments-list .comment-meta a:active,#comments-list .comment-meta a:hover,.comment-reply-link a:active,.comment-reply-link a:hover,.comment-navigation a:active,.comment-navigation a:hover{color:#FF4B33;}

/* =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 a:active,.aside a:hover{color:#DB903B;}
.aside h3{font-size:15px;font-style:italic;line-height:22px;}
.aside h3 a{text-decoration:none;}
.aside caption{font-size:11px;font-family:Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.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 th,.aside td{border-right:1px solid #ccc;padding:.25em .8em;}
.aside tfoot td{border-color:transparent;}
.widget_tag_cloud{margin:0 0 22px;}
.aside #searchsubmit{display:none;}
.main-aside ul{padding:0 0 0 20px;}
#content .aside{border:1px solid #ccc;margin:0 0 22px;padding:18px 0 0;}
#content .aside ul{padding:0 20px;}
#content .aside h3{font-family:Georgia,serif;font-weight:400;font-size:17px;font-style:italic;text-transform:none;padding:0 0 7px;}
#subsidiary{padding:33px 0 0;}
.aside,.aside a{color:#666;}
.aside form,.aside table,#primary{margin-bottom:22px;}
.aside table,.aside tfoot tr{border:none;}
.aside thead,.aside tbody{border:1px solid #ccc;}
.main-aside ul ul,#content .aside ul ul{padding:0;}

/* =Footer
-------------------------------------------------------------- */

#footer{}
#siteinfo{font-size:11px; line-height:18px; color:#666666;}
#siteinfo a { color:#666666; }
#siteinfo a:hover { color:#DB903B;}

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

.wp-pagenavi{margin:0 0 0 -.5em;padding:.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:.5em .25em!important;}
.wp-pagenavi a:visited{border:1px solid #ccc!important;color:#666!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:400!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;}
.wp-pagenavi a:hover,.wp-pagenavi a:active{border:1px solid #ccc!important;color:#FF4B33!important;}

/*============
Contact Us & Comments Form Incl. Validation Styles
=============*/
.information { color:#4c4c4c; font-size:90%; }
.success { font-size:16px; }
span.required { color:#662d91; }
fieldset { padding:22px 0; margin:22px 0 0; }
fieldset legend { font-size:20px; color:#662d91; }
form#contactform { margin:0 0 60px; }
#contactform ol { margin:0; }
#contactform li { display:block; clear:both; }
#contactform label { margin:0 0; width:15%; float:left; clear:both;  }
#contactform input { margin:0 0 18px; width:40%; float:left; }
#contactform textarea { width:60%; float:left; margin:0 0 22px; }
#contactform li.captcha { margin:0 0 18px 88px; }
#contactform li.inline { margin:0 0 18px;}
#contactform li.inline input { margin: 0 0 0 15%; width:2em; clear:both; border:none; }
#contactform li.inline label { width:60%; clear:none; }
#contactform li.screenReader { display:none; }
#contactform .form-textarea textarea { width:100%; }
.confirmation .form-label { width:auto; margin-right:10px; }
.confirmation .form-input input, .confirmation .form-input { width:40%; }
.form-option { clear:both; margin:11px 0 0;}
.form-submit { text-align:left; background:#962024; cursor:pointer;  margin:18px 0 0 15%; padding:0; float:left; clear:both; }
	.form-submit input, .form-submit button { font-size:17px; border:none; color:white; background:transparent; padding:5px 20px;}
	.form-submit:hover, .form-submit.curFocus input, form-submit.curFocus button { background:#DB903B;}
.form-label label {  }
input, textarea { border:2px solid #C0B9B3; padding:4px; font-size:12px; }
.curFocus input, .curFocus textarea { background:#EEEAE4;}
input.error, textarea.error, .curFocus input.error, .curFocus textarea.error { border-color:#DB903B; }
.comment-content {display:block;}
.comment-content p {margin:0 0 18px 0;}
#comments #form-allowed-tags { clear:both; width:84%; float:right;}
#comments input, #comments textarea {font-size:12px;}
#comments .form-label label { font-weight:bold; display:inline;}
#comments .form-label { margin:0 0; width:15%; float:left; clear:both;  }
#comments .form-input { margin:0; width:84%; float:left; }
#comments .form-input input {width:40%; float:left; }
#comments .form-textarea { width:84%; float:left; }
.unapproved { font-style: italic; }
#comments-list li.bypostauthor { background:#FFF;}
#comments-list ul li { border:none; }
#respond {padding:0;background:transparent;}
#respond span.required { color:#662d91; }
p#comment-notes { color:#4c4c4c; font-size:90%; }
.error { color:#962024; }
	label.error, span.error { float:left; margin:0 0 0 1em; }
	.form-textarea label.error { margin:1em 0 0 0;}
#contactform label.error { clear:none; width:auto; margin:0 0 0 1em; }
#contactform .textarea label.error, #contactform .textarea span.error { margin:-22px 0 0 15%; height:18px; }