/* Theme Name:ARC Theme URI:http://wordpress.org/ Description:Built on top of the default WordPress theme based on the famous Kubrick. Version: $Id: style.css,v 1.8 2010/05/18 18:10:11 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 */ 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; position:relative; float:left; } #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 { 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; } /* 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; } #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; } .searchbox { width:200px; position:absolute; top:43px; right:0; padding:0 20px 0 0; } .navigation { display:block; text-align:center; margin:1.2em 0; clear:both; overflow:hidden; } #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; } ol li, #sidebar ul ol li { list-style:decimal outside; } #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 .post { margin:0; } #content .postmetadata li { display:inline; margin:.6em 0; padding:0 .6em; } #content .postmetadata li:first-child { padding-left: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; } #events li { clear:both; } #events li img { float:left; margin:0 .3em .3em 0; } #events li img.no-align { float:none; } #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; } #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; } #events li { background:#ccc; } #events li p { color:#000; } #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; } .MsoNormal { color:red; } /** * Font and text 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; } h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration:none; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration:none; } 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; } @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; } }