@charset "utf-8"; /* Theme Name: Archane v5 Theme URI: http://www.archane.com/ Description: Custom theme used on Archane.com in March 2009 Version: 5.0 Author: Nick Sumpter Author URI: http://www.archane.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ html, body {margin: 0;border: 0;padding: 0;} body {background: #f5f5f5 url(images/archane_v5_background.jpg) top center no-repeat; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 62.5%;color: #8f8f8f;} .container_12 {margin-left:auto;margin-right:auto;width:960px} img {border:0;} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float:left;margin-left:10px;margin-right:10px;} .container_12 .grid_1 {width:60px;} .container_12 .grid_2 {width:140px;} .container_12 .grid_3 {width:220px;} .container_12 .grid_4 {width:300px;} .container_12 .grid_5 {width:380px;} .container_12 .grid_6 {width:460px;} .container_12 .grid_7 {width:540px;} .container_12 .grid_8 {width:620px;} .container_12 .grid_9 {width:700px;} .container_12 .grid_10 {width:780px;} .container_12 .grid_11 {width:860px;} .container_12 .grid_12 {width:940px;} .container_12 .prefix_1 {padding-left:80px} .container_12 .prefix_2 {padding-left:160px} .container_12 .prefix_3 {padding-left:240px} .container_12 .prefix_4 {padding-left:320px} .container_12 .prefix_5 {padding-left:400px} .container_12 .prefix_6 {padding-left:480px} .container_12 .prefix_7 {padding-left:560px} .container_12 .prefix_8 {padding-left:640px} .container_12 .prefix_9 {padding-left:720px} .container_12 .prefix_10 {padding-left:800px} .container_12 .prefix_11 {padding-left:880px} .container_12 .suffix_1 {padding-right:80px} .container_12 .suffix_2 {padding-right:160px} .container_12 .suffix_3 {padding-right:240px} .container_12 .suffix_4 {padding-right:320px} .container_12 .suffix_5 {padding-right:400px} .container_12 .suffix_6 {padding-right:480px} .container_12 .suffix_7 {padding-right:560px} .container_12 .suffix_8 {padding-right:640px} .container_12 .suffix_9 {padding-right:720px} .container_12 .suffix_10 {padding-right:800px} .container_12 .suffix_11 {padding-right:880px} .alpha {margin-left:0} .omega {margin-right:0} .clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .clearfix:after {clear:both;content:'.';display:block;visibility:hidden;height:0} .clearfix {display:inline-block} * html .clearfix {height:1%} .clearfix {display:block} .container_12 #logo {margin-top:25px;margin-bottom:25px;} .container_12 #search {margin-top:19px;margin-bottom:31px;padding: 3px 0px 3px 5px;background: url(images/archane_v5_searchbox.jpg) top left no-repeat;} form,input {margin:0px;padding:0px;} input.searchbox {float: left;border:0;height:14px;margin:3px 10px 0px 0px;padding:0px 3px;width:140px;} input.searchbutton {border:0;margin:0px;padding:0px;} .container_12 #welcome {margin-top:26px;} .container_12 #browse {margin-top:40px;} .container_12 #social {margin-top:70px;padding-bottom:18px;text-align:center;} .container_12 #social img {margin:auto;} .container_12 #article {float:left;background: transparent url(images/archane_v5_article.jpg) top center repeat-y;padding-bottom:20px;} .container_12 #article_bottom {height:30px; background: transparent url(images/archane_v5_article_bottom.jpg) top center no-repeat;} .container_12 #article #breadcrumb {} .container_12 #article #meta {text-align:right;} .container_12 #article .post {float:left;} .container_12 #article .post .comment_tag {margin-top:20px} .container_12 #article .post .addthis_container {width:auto;float:right;margin-right:10px; padding-top:13px;} .container_12 #article #comments {float:left;} .container_12 #article #comments #comments_list {margin:20px 10px 20px 10px;} .container_12 #article #comments #comments_list img {float: left; margin:10px;} .container_12 #article #comments #comments_reply {margin:30px 10px 0px 10px;} .container_12 #sidebar h2 { margin-left: 10px; } .container_12 #sidebar #recent ul li .excerpt { margin-bottom: 18px; } .container_12 #sidebar #navigation .older { margin-top: 10px;} .container_12 #sidebar #navigation .older a { display:block; width:100%; background-color: #ececec; text-align: center; margin: 0px; padding: 5px 10px; } .container_12 #footer {padding-bottom: 20px;} .container_12 #footer #copy {margin-top: 50px;} .container_12 #footer #wordpress {margin-top: 50px; text-align:right;} /* LIST STYLING */ #comments_list ol {list-style:none;margin-left:0px;padding:0px;border-top: 2px solid #cccccc;border-bottom: 1px solid #ffffff;} #comments_list ol li {list-style:none;margin-left:0px;padding:0px;border-top:1px solid #fcfcfc;border-bottom:1px dotted #999999;min-height:84px;background-color:#fcfcfc; } #comments_list ol li.alt {background-color:#f5f5f5;} #comments_list ol li.authcomment {background-color:#edf7ff;} #archives ul {list-style:none;margin-left:0px;padding:0px;border-top: 2px solid #cccccc;border-bottom: 1px solid #ffffff;} #archives ul li {list-style:none;margin-left:0px;padding:0px;border-top:1px solid #fcfcfc;border-bottom:1px dotted #999999; } #archives ul li a {display:block;padding:3px 10px;} #archives ul li:hover {border-bottom:1px solid #606060;} #categories ul {list-style:none;margin-left:0px;padding:0px;border-top: 2px solid #cccccc;border-bottom: 1px solid #ffffff;} #categories ul li {list-style:none;margin-left:0px;padding:0px;border-top:1px solid #fcfcfc;border-bottom:1px dotted #999999; } #categories ul li a {display:block;padding:3px 10px;} #categories ul li:hover {border-bottom:1px solid #606060;} #recent ul {list-style:none;margin-left:0px;padding:0px;border-top: 2px solid #cccccc;} #recent ul li {list-style:none;margin-left:0px;padding:0px 10px;border-top:1px solid #fcfcfc;} #recent ul li:hover { } #recent ul li a {display:inline;padding:0px;} /* LIFE STREAM */ table.lifestream {border-top: 2px solid #cccccc; background: #ececec; } th {text-align: left; } tr {text-align: left; padding-bottom: 10px;} td.lifestream_icon {padding: 0 5px 0 10px; vertical-align:top;} td.lifestream_text {padding: 0 10px 5px 0;} p.lifestream-paging, p.lifestream_credits {display:none;visibility:collapse} /* IMAGE STYLING */ img.imgfull {width:750px;float:left;margin:10px 0px;border: 5px solid #ececec;} img.imgfull:hover {border: 5px solid #999999;} img.imgleft {width:220px;float:left;margin:0px 20px 10px 0px;border: 5px solid #ececec;} img.imgleft:hover {border: 5px solid #999999;} img.imgright {width:220px;float:left;margin:0px 0px 10px 20px;border: 5px solid #ececec;} img.imgright:hover {border: 5px solid #999999;} img.imgcenter {width:220px;float:left;margin:0px auto;border: 5px solid #ececec;} img.imgcenter:hover {border: 5px solid #999999;} /* FONT STYLING */ #welcome p { font-size: 4.4em; line-height:1.4em; margin:0 0 0 10px; padding:0;} #welcome p { color: #606060; text-decoration: none; font-weight: normal; } #welcome p a:link { color: #606060; text-decoration: underline; font-weight: normal; } #welcome p a:visited { color: #606060; text-decoration: underline; font-weight: normal; } #welcome p a:hover { color: #606060; text-decoration: underline; font-weight: normal; } #welcome p a:active { color: #606060; } #browse p { font-size: 1.8em; line-height:1.4em; margin:0 0 0 10px; padding:0;} #browse p { color: #606060; text-decoration: none; font-weight: normal; } #browse p a:link { color: #606060; text-decoration: underline; font-weight: normal; } #browse p a:visited { color: #606060; text-decoration: underline; font-weight: normal; } #browse p a:hover { color: #606060; text-decoration: underline; font-weight: normal; } #browse p a:active { color: #606060; } #breadcrumb h4, #meta h4 { font-size: 1.0em; line-height:1.4em; margin:20px 10px;} #breadcrumb h4, #meta h4 { color: #999999; text-decoration: none; font-weight: normal; } #breadcrumb h4, #meta h4 a:link { color: #606060; text-decoration: none; font-weight: normal; } #breadcrumb h4, #meta h4 a:visited { color: #606060; text-decoration: none; font-weight: normal; } #breadcrumb h4, #meta h4 a:hover { color: #606060; text-decoration: none; font-weight: normal; } #breadcrumb h4, #meta h4 a:active { color: #606060; } #breadcrumb h4, #meta h4 { text-transform: uppercase; } .post h2 { font-size: 3.2em; letter-spacing: -1px; line-height:1.4em; margin:1.5em 10px 1em 10px} .post h2 { color: #606060; text-decoration: none; font-weight: normal; } .post h2 a:link { color: #000000; text-decoration: none; font-weight: normal; } .post h2 a:visited { color: #000000; text-decoration: none; font-weight: normal; } .post h2 a:hover { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 2px solid #000000;} .post h2 a:active { color: #000000; } .post h3 { font-size: 1.4em; line-height:1.4em; margin:2.5em 10px 0.5em 10px} .post h3 { color: #606060; text-decoration: none; font-weight: bold; } .post h3 a:link { color: #000000; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #999999; } .post h3 a:visited { color: #000000; text-decoration: none; font-weight: bold; } .post h3 a:hover { color: #000000; text-decoration: none; font-weight: bold; border-bottom: 1px solid #000000; } .post h3 a:active { color: #000000; } .post p { font-size: 1.4em; line-height:1.4em; margin:0em 10px 1em 10px} .post p { color: #606060; text-decoration: none; font-weight: normal; } .post p a:link { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #999999; } .post p a:visited { color: #000000; text-decoration: none; font-weight: normal; } .post p a:hover { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px solid #000000; } .post p a:active { color: #000000; } .post ul li { font-size: 1.4em; line-height:1.4em; margin:1.5em 10px 0em 10px} .post ul li { color: #606060; text-decoration: none; font-weight: normal; } .post ul li a:link { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #999999; } .post ul li a:visited { color: #000000; text-decoration: none; font-weight: normal; } .post ul li a:hover { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px solid #000000; } .post ul li a:active { color: #000000; } .post ol li { font-size: 1.4em; line-height:1.4em; margin:1.5em 10px 0em 10px} .post ol li { color: #606060; text-decoration: none; font-weight: normal; } .post ol li a:link { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #999999; } .post ol li a:visited { color: #000000; text-decoration: none; font-weight: normal; } .post ol li a:hover { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px solid #000000; } .post ol li a:active { color: #000000; } #comments h2 { font-size: 1.4em; line-height:1.2em; margin:1.5em 10px 0em 10px} #comments h2 { color: #000000; text-decoration: none; font-weight: bold; } #comments h2 a:link { color: #000000; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #999999;} #comments h2 a:visited { color: #000000; text-decoration: none; font-weight: bold; } #comments h2 a:hover { color: #000000; text-decoration: none; font-weight: bold; border-bottom: 1px solid #000000;} #comments h2 a:active { color: #000000; } #comments p { font-size: 1.2em; line-height:1.2em; margin:1.5em 10px 0em 10px} #comments p { color: #606060; text-decoration: none; font-weight: normal; } #comments p a:link { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #999999; } #comments p a:visited { color: #000000; text-decoration: none; font-weight: normal; } #comments p a:hover { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px solid #000000; } #comments p a:active { color: #000000; } #comments ol li h3 { font-size: 1.2em; line-height:1.2em; margin:10px 10px 10px 90px;} #comments ol li h3 { color: #000000; text-decoration: none; font-weight: bold; } #comments ol li h3 a:link { color: #000000; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #999999;} #comments ol li h3 a:visited { color: #000000; text-decoration: none; font-weight: bold; } #comments ol li h3 a:hover { color: #000000; text-decoration: none; font-weight: bold; border-bottom: 1px solid #000000;} #comments ol li h3 a:active { color: #000000; } #comments ol li h4 { font-size: 1.0em; line-height:1.2em; margin:10px 20px 10px 50px;} #comments ol li h4 { color: #999999; text-decoration: none; font-weight: normal; } #comments ol li h4 a:link { color: #999999; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #999999; } #comments ol li h4 a:visited { color: #999999; text-decoration: none; font-weight: normal; } #comments ol li h4 a:hover { color: #606060; text-decoration: none; font-weight: normal; border-bottom: 1px solid #000000; } #comments ol li h4 a:active { color: #999999; } #comments ol li h4 { text-transform: uppercase; } #comments ol li p { font-size: 1.2em; line-height:1.2em; margin:10px 10px 10px 90px;} #comments ol li p { color: #606060; text-decoration: none; font-weight: normal; } #comments ol li p a:link { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #999999; } #comments ol li p a:visited { color: #000000; text-decoration: none; font-weight: normal; } #comments ol li p a:hover { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px solid #000000; } #comments ol li p a:active { color: #000000; } #comments ol li p.nopic { font-size: 1.2em; line-height:1.2em; margin:35px 10px 10px 20px;} #comments ol li p.nopic { color: #606060; text-decoration: none; font-weight: normal; } #comments ol li p.nopic a:link { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #999999; } #comments ol li p.nopic a:visited { color: #000000; text-decoration: none; font-weight: normal; } #comments ol li p.nopic a:hover { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px solid #000000; } #comments ol li p.nopic a:active { color: #000000; } #sidebar h2 { font-size: 1.2em; line-height:2.0em;} #sidebar h2 { color: #000000; text-decoration: none; font-weight: normal; } #sidebar h2 a:link { color: #606060; text-decoration: none; font-weight: normal; } #sidebar h2 a:visited { color: #606060; text-decoration: none; font-weight: normal; } #sidebar h2 a:hover { color: #000000; text-decoration: none; font-weight: normal; } #sidebar h2 a:active { color: #606060; } #sidebar h2 { text-transform: uppercase; } #sidebar h3 { font-size: 1.0em; line-height:1.4em; margin:10px 0px;} #sidebar h3 { color: #606060; text-decoration: none; font-weight: bold; } #sidebar h3 a:link { color: #606060; text-decoration: none; font-weight: bold; border-bottom: 1px dotted #999999; } #sidebar h3 a:visited { color: #606060; text-decoration: none; font-weight: bold; } #sidebar h3 a:hover { color: #000000; text-decoration: none; font-weight: bold; border-bottom: 1px solid #606060; } #sidebar h3 a:active { color: #606060; } #sidebar ul li p { font-size: 1.1em; line-height:1.4em; margin: 10px 0px;} #sidebar ul li p { color: #606060; text-decoration: none; } #sidebar ul li p a:link { color: #606060; text-decoration: none; } #sidebar ul li p a:visited { color: #606060; text-decoration: none; } #sidebar ul li p a:hover { color: #000000; text-decoration: none; } #sidebar ul li p a:active { color: #606060; } #sidebar ul li { font-size: 1.1em; line-height:1.4em;} #sidebar ul li { color: #606060; text-decoration: none; } #sidebar ul li a:link { color: #606060; text-decoration: none; } #sidebar ul li a:visited { color: #606060; text-decoration: none; } #sidebar ul li a:hover { color: #000000; text-decoration: none; } #sidebar ul li a:active { color: #606060; } #lifestream th h2 { font-size: 1.1em; line-height:1.4em; margin:10px 10px 10px 0px} #lifestream th h2 { color: #606060; text-decoration: none; font-weight: bold; } #lifestream th h2 a:link { color: #606060; text-decoration: none; font-weight: bold; } #lifestream th h2 a:visited { color: #606060; text-decoration: none; font-weight: bold; } #lifestream th h2 a:hover { color: #000000; text-decoration: none; font-weight: bold; } #lifestream th h2 a:active { color: #606060; } #lifestream th h2 { text-transform: none; } #lifestream tr { font-size: 1.1em; line-height:1.4em;} #lifestream tr { color: #606060; text-decoration: none; } #lifestream tr .lifestream_text a:link { color: #000000; text-decoration: none; border-bottom: 1px dotted #999999;} #lifestream tr .lifestream_text a:visited { color: #000000; text-decoration: none; } #lifestream tr .lifestream_text a:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #000000;} #lifestream tr .lifestream_text a:active { color: #000000; } #lifestream tr .lifestream_meta { font-size: 0.9em; line-height:1.8em;} #lifestream tr .lifestream_meta { color: #aaaaaa; text-decoration: none; } #lifestream tr .lifestream_meta a:link { color: #aaaaaa; text-decoration: none; border-bottom:0px; } #lifestream tr .lifestream_meta a:visited { color: #aaaaaa; text-decoration: none; } #lifestream tr .lifestream_meta a:hover { color: #999999; text-decoration: none; border-bottom:0px; } #lifestream tr .lifestream_meta a:active { color: #aaaaaa; } #navigation { font-size: 1.1em; line-height:1.4em;} #navigation { color: #606060; text-decoration: none; font-weight: normal; } #navigation a:link { color: #606060; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #999999; } #navigation a:visited { color: #606060; text-decoration: none; font-weight: normal; } #navigation a:hover { color: #000000; text-decoration: none; font-weight: normal; border-bottom: 1px solid #606060; } #navigation a:active { color: #606060; } #footer { font-size: 1.0em; line-height:1.4em;} #footer { color: #999999; text-decoration: none; font-weight: normal; } #footer a:link { color: #999999; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #999999; } #footer a:visited { color: #999999; text-decoration: none; font-weight: normal; } #footer a:hover { color: #606060; text-decoration: none; font-weight: normal; border-bottom: 1px solid #606060; } #footer a:active { color: #999999; } input.searchbox {color:#606060; font-size:10px;} abbr {text-decoration: none; border-bottom: 0px;}