/*---------------------------------------------------- SCREEN.CSS ----------------------------------------------------*/ @import url("reset.css"); @font-face {font-family:'CodeBoldRegular'; src:url('../fonts/code_bold-webfont.eot'); src:local('?'), url('../fonts/code_bold-webfont.woff') format('woff'), url('../fonts/code_bold-webfont.ttf') format('truetype'), url('../fonts/code_bold-webfont.svg#webfontUHaDygsD') format('svg'); font-weight:normal; font-style:normal;} /*--- 00. Common Elements ---------------------------------------------------------------------------*/ body {background:url(../img/_bkg.png) repeat-x #EEEEEE; color:#505050; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;} a {color:#00AEFF;} a:hover {color:#FF00AE; text-decoration:none;} /*--- 01. Headings ---------------------------------------------------------------------------*/ h1 {color:#FFA800; font-size:2.33em; font-weight:bold; margin:30px 0 15px;} h2 {color:#FFA800; font-size:2.5em; margin:30px 0 15px;} h3 {color:#FFA800; font-size:2.2em; font-weight:bold; margin:30px 0 15px;} h4 {color:#666666; font-size:1.8em; margin:30px 0 15px;} h5 {color:#666666; font-size:1.4em; font-weight:bold; margin:30px 0 15px;} h6 {color:#666666; font-size:1.2em; font-weight:bold; margin:30px 0 15px;} /*--- 02. Global Layout Elements ---------------------------------------------------------------------------*/ #main-container {margin:0 auto; padding:0 11px; position:relative; width:940px;} #content-container {padding:220px 0 0 0; position:relative;} /*--- 03. Header ---------------------------------------------------------------------------*/ #header {background:url(../img/_bkg_header.png) no-repeat; height:180px; left:0; position:absolute; top:9px; width:951px;} #logo {background:#333333; color:#717171; display:block; float:left; font-family:'CodeBoldRegular', Arial, Helvetica, sans-serif; font-size:2.4em; height:53px; line-height:1.25em; margin:11px 0 0 11px; overflow:hidden; padding:98px 9px 9px 9px; text-align:right; text-decoration:none; text-transform:uppercase; width:142px;} #logo span {color:#FFFFFF; display:block; font-size:2.5em; margin:0 -3px 0 0;} #link-rss {background:url(../img/_icon_rss.png) no-repeat; color:#ADADAD; float:right; font-size:1.4em; font-weight:bold; margin:6px 0; padding:5px 0 10px 31px; text-decoration:none; text-transform:uppercase;} #link-rss:hover {color:#FFFFFF;} #hdr-banner {clear:right; float:right; margin:12px 0 10px 0;} #nav {background:#333333; clear:right; float:right; width:770px;} #nav form {float:right; margin:5px;} #nav form input[type='text'] {border:0; color:#999999; font-size:14px; font-weight:bold; margin:0 5px 0 0; padding:10px 6px; width:221px;} #nav form input[type='submit'] {background:url(../img/_buttons.png) no-repeat; height:36px; padding:0 0 0 36px; text-indent:-9999px; width:36px;} #nav form input[type='submit']:hover {background-position:-36px 0;} #nav ul {margin:0 0 0 5px;} #nav li {float:left; font-family:'CodeBoldRegular', Arial, Helvetica, sans-serif; font-size:1.9em; line-height:1em; margin:0 5px; text-transform:uppercase;} #nav li a {background:url(../img/_bkg_nav.png) -100px bottom no-repeat; color:#FFFFFF; display:block; padding:15px 0 12px 0; text-align:center; text-decoration:none; width:90px;} #nav li a:hover {color:#FF00AE;} #nav li:first-child a {background-position:0 bottom;} #nav li:first-child a:hover {color:#FFA800;} #nav li:last-child a {background-position:-200px bottom;} #nav li:last-child a:hover {color:#00AEFF;} /*--- 04. Content ---------------------------------------------------------------------------*/ #content {background:#FFFFFF; float:left; font-size:1.2em; padding:0 40px; width:520px; -moz-box-shadow:-1px -1px 5px rgba(0,0,0,0.1), 1px 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow:-1px -1px 5px rgba(0,0,0,0.1), 1px 1px 5px rgba(0,0,0,0.1); box-shadow:-1px -1px 5px rgba(0,0,0,0.1), 1px 1px 5px rgba(0,0,0,0.1);} #content p {line-height:1.5em; padding:9px 0;} #content ul, #content ol {margin:10px 0 20px 40px;} #content ul {list-style:square;} #content ol {list-style:decimal;} #content li {padding:5px 5px;} /*--- 05. Posts ---------------------------------------------------------------------------*/ .post, .page {padding:0 0 14px 0;} .post h2, .page h2 {clear:both; color:#FFA800; font-size:2.33em; font-weight:bold; margin:0 0 15px;} .post h2 a, .page h2 a {text-decoration:none;} .post:nth-child(3n+1) a {color:#FFA800;} .post:nth-child(3n+1) a:hover {color:#00AEFF;} .post:nth-child(3n+2) a {color:#FF00AE;} .post:nth-child(3n+2) a:hover {color:#FFA800;} #content p.post-date {background:url(../img/_bkg_postdate.png) no-repeat; color:#FFFFFF; float:left; font-weight:bold; font-size:1.2em; line-height:1em; padding:3px 6px 7px 5px; margin:29px 0 6px 0;} .entry p:first-child {font-weight:bold;} #content p.post-meta {background:url(../img/_postmeta.png) no-repeat; height:19px; margin:13px 0; padding:8px 0; width:520px;} .post-comments {float:left; margin:0 0 0 10px; text-align:center; width:25px;} .post .post-comments a {color:#484848; display:block; font-size:0.9em; font-weight:bold; text-decoration:none;} .post .post-comments a:hover{color:#999999;} .post-cats {font-size:0.85em; line-height:1em; margin:0 0 0 10px; text-transform:uppercase;} .post .post-cats a {color:#666666; text-decoration:none;} .post .post-cats a:hover {color:#999999;} .alignright {float:right; margin:0 0 10px 10px;} .alignleft {float:left; margin:0 10px 10px 0;} .morelink-container {height:100%; margin:10px 0 20px 0; overflow:hidden;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {clear:both;} blockquote {border-left:5px solid #CCCCCC; padding:0 0 0 10px; margin:10px 0;} cite {font-style:italic;} /*--- 06. Comments ---------------------------------------------------------------------------*/ #comments h3, #commentform h3 {color:#999999; font-size:1.8em;} #content #comments ul {list-style:none; margin:20px 0 40px 0;} #content #comments li {border-top:1px solid #D9D9D9; clear:both; padding:20px 0; position:relative;} #content #comments li:first-child {border-top:0;} #content #comments p {padding:5px 0 0 0;} .avatar {border:10px solid #F0F0F0; float:right; margin:0 0 10px 10px;} .comment-meta {color:#999999; font-size:0.9em; font-style:italic; padding:0;} .comment-meta cite {color:#00AEFF; font-size:1.2em; font-style:normal; font-weight:bold;} .comment-meta cite a {text-decoration:none;} #commentform {padding:0 0 40px 0;} #commentform h3 {margin-bottom:35px;} /*--- 07. Sidebar ---------------------------------------------------------------------------*/ #sidebar {float:right; width:300px;} #sidebar h6 {color:#666666; display:block; font-family:'CodeBoldRegular', Arial, Helvetica, sans-serif; font-size:2.4em; margin:11px 0 3px 8px; text-shadow:#FFFFFF 1px 1px 0;} #sidebar li {padding:0 0 25px 0;} #sidebar li ul {background:#FFFFFF; font-size:1.2em; height:100%; overflow:hidden;} #sidebar li > ul {-moz-box-shadow:-1px -1px 5px rgba(0,0,0,0.1), 1px 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow:-1px -1px 5px rgba(0,0,0,0.1), 1px 1px 5px rgba(0,0,0,0.1); box-shadow:-1px -1px 5px rgba(0,0,0,0.1), 1px 1px 5px rgba(0,0,0,0.1);} #sidebar li li {border-top:1px solid #D6D6D6; font-weight:bold; padding:0; line-height:1.3em;} #sidebar li li:first-child {border:0;} #sidebar li li a {color:#999999; display:block; padding:10px; text-decoration:none;} #sidebar li li a:hover {color:#333333;} .cat-item, #sidebar-archive li {float:left; font-size:0.9em; width:50%;} #sidebar li li.cat-item:nth-child(2), #sidebar #sidebar-archive li:nth-child(2) {border:0;} #sidebar-banners {height:100%; overflow:hidden;} #sidebar #sidebar-banners ul {background:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} #sidebar #sidebar-banners li {border:0; float:right; padding:0; width:140px;} #sidebar #sidebar-banners li:first-child {width:160px;} #sidebar li#sidebar-banners li a {display:block; margin:15px 0 0 0; padding:0;} /*--- 09. Paging ---------------------------------------------------------------------------*/ #content ul.paging {background:url(../img/_border_dotted.gif) left bottom repeat-x; height:100%; list-style:none; margin:0 -18px; padding:22px 0 23px 0; overflow:hidden;} #content ul.paging li {background:url(../img/_buttons.png) 0 -54px no-repeat; float:right; height:16px; margin:0 0 0 5px; padding:0; width:13px;} .paging a {background:url(../img/_buttons.png) 0 -37px no-repeat; display:block; height:16px; text-indent:-9999px; width:13px;} .paging a:hover {background-position:0 -71px;} #content ul.paging li.paging-older {background-position:-15px -54px;} .paging .paging-older a {background-position:-15px -37px;} .paging .paging-older a:hover {background-position:-15px -71px;} #content ul#paging-bottom {background-position:left -6px; padding:23px 0 22px 0;} /*--- 50. Footer ---------------------------------------------------------------------------*/ #footer {clear:both; font-size:1.1em; padding:40px 0; text-align:center; width:600px;} /*--- 51. Form Elements ---------------------------------------------------------------------------*/ #content form p {height:100%; overflow:hidden; padding:5px 0;} label {color:#666666; float:left; font-weight:bold; margin:4px 10px 0 0; width:110px;} label {float:left; margin:3px 10px 0 0; width:100px;} input[type='text'], textarea {border:1px solid #CCCCCC; color:#666666; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 10px 5px 0; padding:9px 5px; width:200px;} textarea {height:150px; width:350px;} input[type='submit'] {background:#333333; border:0; color:#FFFFFF; cursor:pointer; font-family:'CodeBoldRegular', Arial, Helvetica, sans-serif; font-size:18px; height:35px; padding:0 15px;} input[type='submit']:hover {background:#999999;} .formalign {margin-left:110px;} form .optional {background:url(../img/icon_optional.gif) no-repeat; display:block; float:left; height:13px; margin:7px 0 0 0; text-indent:-9999px; width:53px;} form .hidden {background:url(../img/icon_hidden.gif) no-repeat; display:block; float:left; height:13px; margin:7px 0 0 0; text-indent:-9999px; width:44px;} /*--- 53. Skip Link ---------------------------------------------------------------------------*/ #skip-link {float:left; margin:0 0 0 -9999px; text-decoration:none;} #skip-link:focus {background:#333333; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#FFFFFF; font-size:11px; margin:0; padding:3px 7px 3px 5px; position:relative; z-index:1000;}