/* 
Theme Name: Refinery
Theme URI: http://inkrefinery.com
Description: None
Version: 0.20
Author: Ninjoe
Author URI: http://inkrefinery.com
*/


/*----------------------------------------------------------------------------------------------- Global Styles-----------------------------------------------------------------------------------------------*/

* { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option { padding:0 5px; }
select, option { color:black; }
.hide, .print-logo, .close-button { display:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; height:1px; font-size:1px; line-height:1px; }
a img { border:none; }

/*----------------------------------------------------------------------------------------------- Layout / Base Page Styling -----------------------------------------------------------------------------------------------*/

body { background: url(images/footer.gif) no-repeat bottom center #000; color:#BFBFBF; font-size:11px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; }

/* This class sets the width and position for all rows */
.inside { width:80%; min-width:65em; max-width:85em; margin:0 auto; }
a { color:#FFF; }h1 { color:#CCC; font-size:1.5em; font-weight:normal; margin:1.5em 0; }
h2, h3 { font-size:1.15em; color:#FFF; font-weight:normal; }
#primary h2 { color:#CCC; }
p { line-height:1.75em; }
#primary ul li { list-style-type:square; margin:0.5em 0 0.5em 2em; }
blockquote { margin-left:1em; padding-left:1em; border-left:2px solid #CCC; color:#CCC; }
pre { width:100%; padding:1em 0; overflow:auto; border-top:1px dotted #333; border-bottom:1px dotted #333; }
table { width:100%; border-spacing:2px; margin:1.5em 0; }
table th, table td { padding:0.3em 0.75em }
table th { background:#CCC; color:#000; text-align:left; }
table td { background:#333; color:#FFF; }
table caption { text-align:left; color:#FFF; margin-bottom:-1em; margin-top:1em; }
.rule { border-top:1px solid #CCC; height:1px; font-size:1px; line-height:1px; margin:1.5em 0; }

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

#header { background: #FFFFFF; }
#header .inside { padding:1em 0; }
#header h2 { font-size:2.25em; margin:0 0.5em 0 0; padding:0 0.5em 0.25em 0; border-right:1px solid #808080; float:left; }
#header h2 a { text-decoration:none; color:#333333; }
#header p { padding:1em 0; margin:0; line-height:1em; }

/*----------------------------------------------------------------------------------------------- Primary Items-----------------------------------------------------------------------------------------------*/

#primary { padding:10px 0 2em 0; color:#666; }
#primary.onecol-stories .primary { float:left; width:50%; }
#primary.onecol-stories .secondary { float:right; width:40%; margin:0 0 0 10%; }
#primary.twocol-stories .story { float:left; width:48%; margin:0 0 0 4%; display:inline; }
* html #primary.twocol-stories .story { margin-left:2%; }
#primary.twocol-stories .first, * html #primary.twocol-stories .first { margin:0 0 0 0; }
.story h3 { font-size:1.15em; margin:0 0 1.5em 0; font-weight:normal; }
.story h3 a { color:#CCC; text-decoration:none; border-bottom:1px dotted #666; }
.story .details { margin:1em 0; text-align:left; border-top:1px solid #999; padding:0.5em 0; font-size:0.95em; color:#999; }
.story .details .read-on { background: none; padding-right:20px; }
.story .details a { color:#999; text-decoration:none; }
.story .details a:hover { color:#999; }

/*----------------------------------------------------------------------------------------------- Single Post Styles -----------------------------------------------------------------------------------------------*/

#primary .primary { float:right; width:65%; }
#primary .secondary { float:right; width:30%; margin-right:5%; padding-top:0.65em; display:inline; }
* html #primary .secondary { margin-right:4%; }
.secondary .featured p { border-bottom:1px solid #333333; border-top: 1px solid #333333; padding:0.5em 0 0.6em 0; line-height:1.5em; margin:1em 0 0 0; }
.secondary .featured dl { margin:0 0; border-bottom:1px solid #333333; padding:0.5em 0 0.6em 0; }
.secondary dt { display:inline; margin:0; padding:0; color:#AAA; }
.secondary dd { display:inline; margin:0; padding:0; }
.secondary dd a { color:#808080; }
.secondary dd a:hover { color:#FFF; }
.single-post h1, .single-post h2 { margin-top:0; }

/*----------------------------------------------------------------------------------------------- Secondary Items-----------------------------------------------------------------------------------------------*/

#secondary { background: none; padding:1px 2em; border-top:1px solid #1C1C1C; }
.comment-head { border-bottom:1px solid #1C1C1C; padding:0.8em 2em 1.0em 2em; }
.comment-head h2 { font-size:1.5em; margin:0; }
.comment-head a { text-decoration:none; color:#868686; }
.comment-head .details { font-size:0.95em; }
ol#comments { list-style-type:none; margin:2em 0; }
ol#comments li { list-style-type:none; margin:2em 0; }
ol#comments li .avatar { border: 1px solid #222; padding: 2px; }
#comments cite { float:left; width:31%; font-style:normal; text-align:right; }
* html #comments cite { width:30.6%; }
#comments cite span { display:block; }
#comments cite span.avatarspan { float: left; }
#comments cite .author { font-size:1.2em; }
#comments cite .author a { text-decoration:none; }
#comments cite .admin-tools { margin:5px 0; }
#comments cite .admin-tools a { float:right; margin:0 5px; padding:0px 3px 3px; background:#666; border:1px solid #999; text-decoration:none; }
#primary .secondary .admin-tools { margin:1em 0; }
#preview { margin:1em 0; padding:0.5em; border:1px solid #333; }
#preview p { margin:1em 0 0 0; }
#errors { color:#FF0000; font-weight:bold; }
#comments .pingback cite .author { display:block; padding-top:68px; background:url(images/trackback_pingback.gif) 100% 0 no-repeat; }
#comments .content { float:left; width:60%; margin-left:1.9%; border-left:1px solid #868686; padding: 0 0 0 2%; }
#comments .content p { margin:0 0 1em 0; }
#comments .content h3 { margin:0; font-size:1em; }
#comment-form { margin:5em 0 5em 35.4%; width:36em; }
input.textfield { width: 15em; margin:5px 0; }
textarea.commentbox { width:28em; height:10em; padding:0.25em; margin:5px 0; font-size:1.25em; font-family:Arial, Helvetica, sans-serif; }label.text { position:relative; left:0.5em; top:-0.5em; }
.formactions input.submit { float:right; margin:-1em 0 0 0; padding:0 0.5em; }
.formactions .spinner { float:right; margin:-8px -20px 0 0; }

/*------------------------------------------------------------------------------------------------Ancillary Items-----------------------------------------------------------------------------------------------*/

#ancillary { padding:2em 0 0 0; border-top:1px solid #1C1C1C; }
#ancillary .block { float:left; width: 30%; margin:0 0 0 5%; }
#ancillary .twice-length { width:65%; }
#ancillary .thrice-length { width:100%; }
* html #ancillary .block { margin:0 0 0 4%; }
#ancillary .first, * html #ancillary .first { clear:both; margin:0; }
#ancillary .block-separator { clear:both; height:2.5em; }
#ancillary .block h2, #ancillary .block h3 { margin:0 0 2em 0; }
ul.dates, ul.counts, ul.blogroll ul, ul.pages { list-style-type:none; margin:1.5em 0 2em 0; border-top:1px solid #3D3D3D; }
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li { list-style-type:none; margin:0; padding:0.5em 0; border-bottom:1px solid #3D3D3D; }
ul.dates .date { color:#858585; padding:0 1.5em 0 0; }
ul.counts .count { float:right; color:#858585; }
ul.dates a, ul.counts a, ul.blogroll a, ul.pages a { color:#BFBFBF; text-decoration:none; }
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover { color:#FFF; }
ul.blogroll { margin-top:0; }
ul.blogroll li { list-style-type:none; margin:0; }
ul.pages ul { margin:0; }
ul.pages ul li { border:none; margin-left:2em; list-style-type:square; }

/*----------------------------------------------------------------------------------------------- Portfolio styles -----------------------------------------------------------------------------------------------*/

.port1 { margin-right: 70px; width: 260px; margin-bottom: 25px; font-size: 10px; line-height: 8px; float: left; }
.port3 { width: 260px; font-size: 10px; line-height: 8px; float: left; }


/*----------------------------------------------------------------------------------------------- Foooter-----------------------------------------------------------------------------------------------*/

#footer { clear:both; color:#939393; margin:2em 0 286px 0; }
#footer .inside { background:url(images/footer_black.gif) 50% 0 repeat-x; padding:1em 0; }
#footer p { margin:0; font-size:0.95em; }
#footer p.copyright { float:left; }
#footer p.attributes { float:right; }
#footer p.attributes a { padding:0 0 0 1em; text-decoration:none; color:#525252; }
#footer p.attributes a:hover { color:#FFF; }

/*----------------------------------------------------------------------------------------------- Search-----------------------------------------------------------------------------------------------*/

#search { float:right; width:200px; margin:1em 0 0 0; -moz-opacity:0.4; text-align:right; }
#search:hover {  }
#search .searchimg { float:left; width:14px; height:13px; background:url(styles/white/search.gif) 0 0 no-repeat; position:relative; top:4px; }
#search input { width:175px; font-size: 0.85em; background:#CCC; margin-top:2px; }
#search input:focus { background:#FFF; }
#searchform { margin:1em 0; }
#searchform #s { background:#222; border:none; border-bottom:1px solid #333; width:30em; color:#666666; padding:0.25em; }
#searchform #searchsubmit { background:#000; color:#666; border:none; font-size:0.9em; text-transform:uppercase; letter-spacing:0.25em; }

/*----------------------------------------------------------------------------------------------- Legacy Typo CSS -----------------------------------------------------------------------------------------------*/

#search-results { width:30%; background:#333; padding:0 0 0 0; float:right; -moz-opacity:0.9; border-top:1em solid #000; }
#search-results h3 { font-weight:bold; text-align:left; margin:0; padding:0 0 1em 0; background:#000; }
#search-results small { display:block; text-align:left; font-size:0.9em; padding:0.5em 1em 0.7em 1em; border-top:1px solid #666; border-bottom:1px solid #555; }
#search-results small a { color:#CCC; }
#search-results ul li { list-style-type:none; padding:0 1em 0.5em 1em; margin:0.5em 0; }
#search-results ul li:hover { background:#202020; }
#search-result ul { margin:0; }
#search-results ul li a { text-decoration:none; border-bottom:1px dotted #CCC; }
#search img.archives-icon { margin:0 7px 0 0; top:1px; }
img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; color: #000; line-height: 17px; padding: 0 4px 5px; margin: 0; }