/* @ Notes: FooterStickAlt (http://www.themaninblue.com/experiment/footerStickAlt/) is used in this layout. Please remember this when modifying this code. */ /* @ General styles */ body {background:url(images/body.jpg) repeat-x;color:#656565;font:13px/21px Arial, Helvetica, sans-serif;margin:0;} html {background:url(images/footer.jpg) repeat-x bottom left;} a {color:#142044; text-decoration:none;} a:hover {color:#2E46A0;} img {border:none;} /* @ Container */ #container {width:975px;margin:0 auto;padding:0 112px;background:url(images/header.jpg) no-repeat center top; min-height: 400px;} .clear {clear: both;} /* @ Top categories */ #categories {font:10px/34px Arial, Helvetica, sans-serif;height:34px;margin:0;padding:0;text-transform:uppercase;} #categories li {float:right;display:inline;list-style:none;margin:0;padding:0 10px;} #categories a {color:#FFFFFF;text-decoration:none;} #categories a:hover {color:#E9B5D1;} /* @ Right content area */ #content {width:663px;float:left;padding:0 0 88px;} /* @ Header */ #header {height:143px;} h1 {clear:both;display:block;float:left;height:50px;margin:30px 0 0 0;width:210px;} h1 a {display:block;height:50px;text-indent:-4000em;} #slogan {color:#E2E2E2;float:left;font-style:italic;margin:46px 0 0 40px;overflow:hidden;width:370px;} /* @ Breadcrumbs */ #breadcrumbs {color:#091028;font:12px/21px Arial, Helvetica, sans-serif;height:21px;overflow:hidden;text-transform:uppercase;padding:10px 20px;} #breadcrumbs .current {color:#842A68;} #breadcrumbs p {margin:0;} /* @ Post */ .post {border-bottom:1px solid #E5E5E5;padding:45px 0;display:block;width:660px;} .post h2 {font:bold 27px/32px Arial, Helvetica, sans-serif;margin:0;color:#090F27;} .post h2 a {color:#090F27;text-decoration:none;} .post h2 a:hover {color:#3E4B79;} .post .meta {font:bold 11px/21px Arial, Helvetica, sans-serif;margin:0 0 1em;text-transform:uppercase;} .meta .date {color:#BC6100;} .meta .categories {color:#172A65;} .meta .categories a {color:#172A65;text-decoration:none;} .meta .categories a:hover {color:#2E46A0;} /*- Post Lists -*/ .post ul, .post ol {margin: 0 0 1.5em;} .post ul li {margin: 0 0 .4em; padding: 0 0 0 10px;} .post ol li {list-style: decimal; list-style-position: inside; margin: 0 0 .4em;} /*- Post Blockquote -*/ .post blockquote {border-left: 3px solid #cfcfcf; font-size: 13px; font-style: italic; margin: 0 0 1.5em; padding: 5px 0 0 10px;} /* @ Post with image */ .frontpage {padding-left:255px;width:405px;position:relative;} .frontpage .image {background:url(images/preview-shade.jpg) no-repeat center 203px;left:0;margin:0;position:absolute;top:45px;height:225px;} .frontpage .image a img {border: none;} /* @ Social Icons */ ul#social-icons {list-style: none; width: 300px; float: right; margin: 30px 0 0 0; padding: 0; display: inline;} ul#social-icons li {float: left; width: 42px; height: 43px; margin: 0 0 0 8px; display: inline;} ul#social-icons li a {border: none; display: block; width: 42px; height: 43px;} ul#social-icons li#icotwitter {background: url(images/icon-twitter.gif) no-repeat;} ul#social-icons li#icostumble {background: url(images/icon-stumble.gif) no-repeat;} ul#social-icons li#icodigg {background: url(images/icon-digg.gif) no-repeat;} ul#social-icons li#icodelicious {background: url(images/icon-delicious.gif) no-repeat;} ul#social-icons li#icofloat {background: url(images/icon-float.gif) no-repeat;} ul#social-icons li#icotech {background: url(images/icon-tech.gif) no-repeat;} ul#social-icons li#icorss {background: url(images/icon-rss.gif) no-repeat;} /* @ Author Info */ #author {background: #eaeaea; border: 1px solid #cacaca; width: 619px; padding: 10px; margin: 29px 0 29px 0;float: left;} #author p {margin: 0; padding: 0;} #author img {float: left; width: 125px; height: 125px; border: 1px solid #cacaca; padding: 4px; margin: 53px 11px 0 0;} #author #ainfo {float: left; width: 455px;} #author #ainfo h4 {font-weight: bold; font-size: 14px; color: #727272; margin: 0; padding: 0;} #autho #ainfo .a-meta a {font-size: 9px; line-height: 30px; text-decoration: none;} /* @ Related Posts */ #related-posts {width: 620px; margin: 0; padding: 0; display: inline;} #related-posts h3 {color: #090f27; font-size: 27px; font-weight: bold;} #related-posts ul {list-style: none; float: left; margin: 0; padding: 0;} #related-posts ul li {float: left; width: 130px; margin: 0 0 0 27px; text-align:center;} #related-posts ul li.first {float: left; width: 130px; margin: 0 0 0 9px;} #related-posts ul li a img {width: 124px; height: 124px; padding: 3px; border: 1px solid #dedede;} #related-posts ul li h4 a {width: 130px; font-size: 12px; color: #7f7f7f; display: block; margin: -15px 0 0 0; padding: 0;} .img-single {width: 620px; text-align: center; margin: 0; padding: 0;} .img-single a img { width: 600px; border: none; margin: 0 auto; padding: 0;} /* @ Comments */ #comments {width: 537px; margin: 0; padding: 44px 0 0 0;} #comments h4 {font-size: 14px; font-weight: normal; color: #3a556c; padding: 0 0 0 0; line-height: 50px; margin: 20px 0 0 0;} #comments p {margin: 0; padding: 0;} #comments h3 {color: #090f27; font-size: 27px; font-weight: bold; margin: 0;} #comments ul {list-style: none; margin: 0 0 18px 0; padding: 0;} #comments ul li {margin: 5px 0 0 0; padding: 0; list-style: none; float: left; position: relative;} #comments ul li .a-img {float: left; width: 86px; height: 60px; margin: 1px 0 0 0; padding: 0;} #comments ul li .a-img img {width: 50px; height: 50px; border: 1px solid #d4d4d4; padding: 4px; margin: 0;} #comments ul li .comment {float: left; position: relative; border: 1px solid #d4d4d4; margin: 0; padding: 0; width: 449px; background: #e8e8e8;} #comments ul li .alt {background: #f4f4f4;} #comments ul li .comment .comm-author {padding: 15px 0 5px 15px;} #comments ul li .comment .comm-author a {color: #943972; text-decoration: none;} #comments ul li .comment .comm-date {float: right; padding: 15px 15px 5px 5px;} #comments ul li .comment p {margin: 47px 14px 20px 14px;} #respond {width: 537px; background: #eaeaea; border: 1px solid #dfdfdf;} #respond #commentform {width: 418px; margin: 30px 0 0 27px; padding: 0;} #respond #commentform .input {width: 355px;/*365*/ height: 24px;/*31*/ border: 1px solid #cbcbcb; margin: 0 0 13px 0; padding: 8px 0 0 10px; font-size: 12px; color: #6b6b6b;} #respond #commentform textarea {width: 396px;/*416*/ height: 104px;/*120*/ border: 1px solid #cbcbcb; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; margin: 1px 0 7px 0; padding: 8px 10px 8px 10px;} #respond #commentform .submit {float: right;} #respond #commentform .submit input {width: 130px; height: 23px; background: #40577b; border: 2px solid #30415c; color: #ffffff; margin: 0 0 14px 0; } /* @ Left content area */ #aside {background:url(images/sidebar.jpg) repeat-y;float:right;margin:235px 0 88px;width:312px;} /* @ Main sidebar */ #sidebar {background:url(images/sidebar-bottom.jpg) no-repeat center bottom;position:relative;margin-top:-155px;padding:0 18px 24px 23px;} #sidebar h3 {font:bold 15px/26px Arial, Helvetica, sans-serif;margin:0;} /* @ Search form */ #searchform {background:#404D7C;border:4px solid #303A5D;color:#FFF;padding:8px;width:247px;margin:0;} #searchform #s {background:#1C2546;border:1px solid #6174B8;color:#D5D9E7;font:italic 12px/15px Arial, Helvetica, sans-serif;height:15px;margin:0;padding:5px;width:201px;vertical-align:middle;} #searchform #submit {border:1px solid #6174B8;margin:0;padding:0;border-left:none;width:31px;vertical-align:middle;} /* @ RSS and Twitter links */ #social {background:#EAEAEA;border:1px solid #DCDCDC;margin:4px 0 0;padding:0 0 4px;} #social h3 {border-top:1px solid #FFFFFF;color:#2A2A2A;font:bold 19px/26px Arial, Helvetica, sans-serif;padding:5px;margin:0;} #social p {color:#4D4D4D;margin:0;font:12px/22px Arial, Helvetica, sans-serif;} #social a {color:#4D4D4D;text-decoration:underline;} #social a:hover {color:#111111;} #social #rss {background:url(images/rssbg.jpg) no-repeat center center;height:33px;width:185px;margin:0 auto;padding:8px 10px 8px 60px; position: relative;} #social #rss a.rss {width: 40px; height: 40px; display: block; position: absolute; top: 4px; left: 13px;} #social #rss em {display:block;font:italic 14px/14px Arial, Helvetica, sans-serif;} #social #fb {background:url(images/fbbg.jpg) no-repeat center center;font:italic 14px/14px Arial, Helvetica, sans-serif;height:16px;width:185px;margin:0 auto;padding:10px 10px 6px 60px;margin:4px auto 0;} #social #twitter {background:url(images/twitterbg.jpg) no-repeat center center;font:italic 14px/14px Arial, Helvetica, sans-serif;height:16px;width:185px;margin:0 auto;padding:10px 10px 6px 60px;margin:4px auto 0;} /* @ Ad buttons */ #ads {} #ads ul {margin:0;padding:0;} #ads li {display:inline;list-style:none;margin:0;padding:0;} #ads img {padding:0;} /* @ Non-main sidebar area */ /* Prevents the normal background from showing up */ .white {background:#FFFFFF;padding:4px 14px 4px 19px;} .widget {background:#E9E9E9;border:1px solid #DCDCDC;margin:0;padding: 0;} .widget h3 {border-top:1px solid #FFFFFF; color:#2A2A2A;font:bold 19px/26px Arial, Helvetica, sans-serif;padding:10px 10px 0 10px;margin:0;} .widget .w-content {padding: 12px; text-align: center;} .widget ul {margin:0;padding:0; text-align: left;} .widget img {border: 1px solid #e2e2e2;} .widget li {list-style:none;margin:0 0 15px 0;padding:0 0 3px 12px; text-align: left; background: url(images/ico-list1.gif) no-repeat 0 10px; line-height:16px;} .widget p {text-align: left;} /* @ Footer */ #footer {background:url(images/footer.jpg) repeat-x;color:#FFFFFF;clear:both;height:18px;line-height:18px;padding:35px 0; margin: 0;} #footer a {color:#FFFFFF;text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer ul {margin:0 auto;padding:0 130px 0 110px;width:960px;} #footer li {margin:0;padding:0;list-style:none;display:block;} #footer img {} #footer .copy {float:left;} #footer .links {float:right;} #footer em {color:#223562;padding:0 0 0 20px;}