/*
 * Theme Name:ARC
 * Theme URI:http://wordpress.org/
 * Description:Built on top of the default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
 * Version: $Id: style.css,v 1.19 2011/11/15 22:39:25 darceneaux Exp $
 * Author:DCA
 * 
 *   This theme is based on Kubrick, which was designed and built by Michael Heilemann,
 *   whose blog you will find at http://binarybonsai.com/
 * 
 *   Kubrick v1.5
 *    http://binarybonsai.com/kubrick/
 * 
 *   The CSS, XHTML and design is released under GPL:
 *   http://www.opensource.org/licenses/gpl-license.php
 *
 * reset stylesheet is loaded before this
 */

body          { margin:0 auto; width:1024px; position:relative; }
#header       { height:117px; }
#page         { width:100%;              float:left; clear:left; overflow:hidden; }
#page_sidebar { width:100%; right:291px; float:left; position:relative; }
#sidebar      { width:291px; left:291px; float:left; border-top-width:.6em; overflow:hidden; position:relative; }
#content      { width:607px; left:291px; float:left; border-top-width:1px; overflow:hidden; position:relative; padding:0 63px 1.2em; }
#footer       { width:898px; padding:0 63px; clear:both; position:relative }

h2, legend { margin:1em 0 .25em; } /* scaled */
h3 { margin:2.4em 0 0; }
h3.comments { margin:2.4em auto 1.2em; }
p, .more-link, #content iframe { margin:1.2em 0; }
label { display:inline-block; width:8.4em; }
blockquote { margin:1.2em 2.4em 0 1.2em; padding-left:1.2em; border-left-width:.3em; }
hr, #content hr:last-child { display:none; border:0; }
p img { padding:0; max-width:100%; }
select { width:130px; }
br { clear:both; }
ol li { list-style:decimal outside; }
audio { display:block; margin:1.2em 0; width:320px; }
/* audio::before { content:attr(title); display:block; outline:1px solid #000; height:1.2em; width:320px; margin:1.2em 0; } */

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:0; margin:0 0 .6em .6em; display:inline; }
img.alignleft { padding:0; margin:0 .6em .6em 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left }
.more-link { display:block; width:auto; position:relative; }
.searchbox { width:200px; position:absolute; top:43px; right:0; padding:0 20px 0 0; }
#content .navigation { display:block; text-align:center; margin:1.2em 0; clear:both; overflow:hidden; }
#content .navigation li { list-style:none; margin:0; }

#sidebar a.smoove { display:block; padding:.6em; margin:1.2em auto; }
#ie_lt7 #sidebar a.smoove, #ie_eq7 #sidebar a.smoove, #ie_eq8 #sidebar a.smoove { position:relative; padding:1.2em .6em 0; }
#ie_lt7 #content hr, #ie_eq7 #content hr, #ie_lt7 #sidebar hr, #ie_eq7 #sidebar hr { border-top-width:1px; }
#homelink { display:block; height:74px; width:118px; position:absolute; top:32px; left:63px; }
#headerimg { height:117px; position:relative; }
#headerimg h1 { position:absolute; top:47px; left:410px; width:220px; height:42px; }
#headerimg h1 a { display:block; width:100%; height:100%; }
#headerimg .description { display:none; }
#s { width:108px; padding:2px; }
#searchsubmit { padding:1px; border:none; width:68px; height:25px; }
#searchform legend { display:none; }
#content hr, #sidebar hr { display:block; height:1px; margin:1.2em 0; clear:both; }
#sidebar ul { padding:1.2em; }
#sidebar ul ol { margin:0; padding:0; }
#sidebar ul li { margin-bottom:.6em; }
#sidebar ul li a { margin-left:-8px; padding-left:8px; }
#sidebar ul p, #sidebar ul select { margin:.3em 0 .6em; }
#sidebar ul ul, #sidebar ul ol { padding:0; }
#sidebar ul ul ul, #sidebar ul ol { margin:0 0 0 .6em; }
#sidebar ul ul li, #sidebar ul ol li { margin:.3em 0 0; padding:0; }
#content ul li, #content ol li { margin:.6em 0 .6em 1.8em; }
#content ul.postmetadata { margin:0; }
#ie_0 #content ul.postmetadata li { display:inline-block; }
#content ul.social li { margin:0; }
#content ul.social li.tags { width:240px; }
#content .social iframe { margin:0; }
#content .post { margin:0; }
#content .postmetadata li { display:inline; margin:.6em 0; padding:0 .6em 0 0; }
#content .smallattachment { float:left; width:128px; margin:5px 5px 5px 0px; }
#content .attachment { margin:5px 0px; }
.entry { clear:both; zoom:1; }
.entry:after { content:"."; visibility:hidden; display:block; height:0; clear:both; }
#footer ul { width:607px; position:absolute; top:-3.6em; left:63px; padding:1.2em 0 0; }
#footer ul li { display:inline; border-left-width:1px; padding:0 1.2em; width:auto; }
#footer ul li:first-child { border-left-width:0; }
#footer ul li a { display:inline-block; width:auto; }

/**
 * Colors and backgrounds
 */
body { background:#fff; color:#333; }
a:link, h2 a:hover, h3 a:hover, a:visited, a:focus, a:hover { color:#369; }
h2, h2 a:link, h2 a:visited, h3, h3 a:link, h3 a:visited, legend { color:#890c08; }
h1, h1 a:link, h1 a:hover, h1 a:visited, #headerimg .description { color:#000; }
blockquote { border-left-style:solid; border-left-color:#ddd; }
label { cursor:hand; cursor:pointer; }
hr { background:#808080; color:#808080; border-top-color:#808080; border-top-style:solid; }
acronym, abbr, span.caps { cursor:help; }
acronym, abbr { border-bottom:1px dashed #999; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike { color:#777; }
p[style] { background-color:#f00; }
cite { text-shadow:1px 1px 1px rgba(0,0,0,0.25); }
#page { background:#d9d9d9; }
#page_sidebar { background:#fff; }
#sidebar { border-top-color:#808080; border-top-style:solid; }
#sidebar ul li { list-style:none; }
#header { background:url(images/archeader.png) no-repeat bottom center; }
#header #searchsubmit { background:url(images/button_gradient.png) repeat-y; cursor:hand; cursor:pointer; }
input[type=text]:focus, textarea:focus { background:#ff9; }
input[type=text]:hover, textarea:hover { outline:2px solid #ff9; }
#homelink { background:transparent url(images/arc_logo.gif) no-repeat;  }
#content { background:#fff; border-top-color:#000; border-top-style:solid; }
#content ul li { list-style:disc; }
#ie_0 #sidebar ul ul li > a:hover { background:url(images/arrow.gif) no-repeat 0% 2px; }
#footer { background:#fff; }
#footer ul li { border-style:solid; border-color:#808080; }
.postmetadata ul, .postmetadata li { list-style-type:none; list-style-image:none; }
.entry p a:visited { color:#b85b5a; }
.alt { background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.smoove { border-radius:9px; background:#890c08; text-shadow:rgba(0,0,0,0.7) 0 -1px 1px,rgba(0,0,0,0.7) 0 2px 3px; transition:all .5s linear; -o-transition:all .5s linear; -webkit-transition:all .5s linear; -moz-transition:all .5s linear; 
  box-shadow:rgba(0,0,0,0.5) 3px 3px 5px,inset rgba(0,0,0,0.5) 0 1px 3px,inset rgba(0,0,0,0.7) 0 -5px 15px,inset rgba(0,0,0,0) 0 2px 1px; -webkit-box-shadow:rgba(0,0,0,0.5) 3px 3px 5px,inset rgba(0,0,0,0.5) 0 1px 3px,inset rgba(0,0,0,0.7) 0 -5px 15px,inset rgba(0,0,0,0) 0 2px 1px; -moz-box-shadow:rgba(0,0,0,0.5) 3px 3px 5px,inset rgba(0,0,0,0.5) 0 1px 3px,inset rgba(0,0,0,0.7) 0 -5px 15px,inset rgba(0,0,0,0) 0 2px 1px; 
}
#ie_lt7 .smoove, #ie_eq7 .smoove, #ie_eq8 .smoove { behavior:url(/wp-content/themes/arc/images/PIE.htc); }
.smoove:hover, .smoove:active { background:#ab2e2a; }
#sidebar .smoove, #sidebar .smoove:active { color:#eee; }
#sidebar .smoove:hover { color:#fff; }

/**
 * Typographic settings
 */
body { font-size:62.5%; line-height:1.2; font-family:arial, helvetica, sans-serif; text-align:center; }
h1, h2, h3, legend { font-weight:700; }
h1 { font-size:2.4em; text-align:center; }
h2, legend { font-size:1.2em; }
h2.pagetitle { text-align:center; }
h3 { font-size:1em; }
cite, em { font-style:italic; }
h1 a, h1 a:hover, h1 a:visited, #headerimg .description, h2 a, h2 a:hover, 
h2 a:visited, h3 a, h3 a:hover, h3 a:visited, #sidebar h2,
acronym, abbr, span.caps { font-size:0.9em; letter-spacing:.07em; }
a, h2 a:hover, h3 a:hover { text-decoration:none; }
a:hover { color:#147; text-decoration:underline; }
input[type=text], textarea, code { font-family:consolas, lucida console, courier, monospace; }
#headerimg .description { font-size:1.2em; text-align:center; }
#header #searchsubmit { text-transform:uppercase; font-weight:700; }
#header h1 a { text-indent:-999em; }
#page { text-align:left; font-size:1.5em; }
#homelink { text-indent:-999em; text-decoration:none; }
small, #content .postmetadata { font-size:.74em; }
#content .postmetadata.social { font-size:.82em; vertical-align:top; }
#content .attachment { text-align:center; }
#content .smallattachment { text-align:center; }
#content ul.social li { vertical-align:top; }
#footer ul { text-align:center; }
#footer p { text-align:left; line-height:1; }
.post { text-align:left; }
.linkbuttons, .brand { text-align:right; }
.searchbox, .center { text-align:center; }
.smoove { font-weight:700; }
.smoove:hover { text-decoration:none; }

@media print {
  body { font-size:62.5%; }
  blockquote, body { color:#000; }

  #header, #sidebar, #respond, .navigation, #footer ul, .social, .more-link { display:none; }
  #content, #footer { width:100%; padding:0; }
  #footer { font-size:.5em; }
}