lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Template name: Cerulean Elegance Template URI: http://templates.arcsin.se/cerulean-elegance-website-template/ Release date: 2009-04-01 Last updated: 2009-08-10 Description: A dark, clean and simple two-column template. Author: Viktor Persson Author URI: http://arcsin.se/ This template is licensed under a Creative Commons Attribution 2.5 License: http://templates.arcsin.se/license/ */ /* Reset ------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* General ------------------------------------------------------------------- */ html { height: 100%; padding-bottom: 1px; /* force scrollbars */ } body { background: #202020 url('http://img28.xooimage.com/files/7/2/b/body-f2cc93.gif') repeat-x left top; color: #5A5A50; font: normal 0.8em sans-serif; line-height: 1.5em; } /* Typography ------------------------------------------------------------------- */ p {padding: 0.2em 0 1em;} h1 {font: normal 2em sans-serif;} h2 {font: normal 1.8em sans-serif;} h3 {font: normal 1.6em sans-serif;} h4 {font: normal 1.4em sans-serif;} h5 {font: bold 1.2em sans-serif;} h6 {font: bold 1em sans-serif;} h1,h2,h3,h4,h5,h6 { color: #456; margin-bottom: 0.3em; } blockquote { background: #F6F6F6 url('http://img22.xooimage.com/files/8/3/7/quote-f2cc9f.gif') no-repeat; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; color: #332; display: block; margin: 0.6em 0 1.6em; padding: 0.8em 1em 0.2em 46px; } /* Tables ------------------------------------------------------------------- */ table.data_table { border: 1px solid #CCB; margin-bottom: 2em; width: 100%; } table.data_table th { background: #E5E5E5; border: 1px solid #D5D5D5; color: #555; text-align: left; } table.data_table tr {border-bottom: 1px solid #DDD;} table.data_table td, table th {padding: 10px;} table.data_table td { background: #F5F5F5; border: 1px solid #E0E0E0; } /* Lists ------------------------------------------------------------------- */ dl {margin-bottom: 2em;} dt,dd {padding: 8px 10px;} dt { border-bottom: 1px solid #D5D5D5; background: #E5E5E5; color: #555; font-weight: bold; } dd { background: #F5F5F5; border-bottom: 1px solid #E5E5E5; padding-left: 16px; } /* Links ------------------------------------------------------------------- */ a { color: #456; text-decoration: none; } a:hover { color: #D60; text-decoration: none; } /* Images ------------------------------------------------------------------- */ img.bordered,img.alignleft,img.alignright,img.aligncenter { background-color: #FFF; border: 1px solid #DDD; padding: 3px; } img.left,img.alignleft {margin: 0 15px 12px 0;} img.right,img.alignright {margin: 0 0 15px 12px;} /* Floats ------------------------------------------------------------------- */ .left,.alignleft {float: left;} .right,.alignright {float: right;} .center,.aligncenter {margin: 0 auto;} .clear,.clearer {clear: both;} .clearer { display: block; font-size: 0; line-height: 0; height: 0; } /* Misc ------------------------------------------------------------------- */ /* Separators */ .content_separator, .archive_separator { background: #D5D5D5; clear: both; color: #FFE; display: block; font-size: 0; height: 1px; line-height: 0; margin: 12px 0 24px; } .archive_separator {margin: 0 0 14px;} /* Messages */ .error, .notice, .success { border: 1px solid #DDD; margin-bottom: 1em; padding: 0.6em 0.8em; } .error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;} .error a {color: #8A1F11;} .notice {background: #FFF6BF; color: #514721; border-color: #FFD324;} .notice a {color: #514721;} .success {background: #E6EFC2; color: #264409; border-color: #C6D880;} .success a {color: #264409;} /* Layout ------------------------------------------------------------------- */ /* General */ #layout_wrapper_outer {background: url('http://img20.xooimage.com/files/e/1/4/layout_wrapper_outer-fc7052.jpg') no-repeat center top;} #layout_wrapper { color: #FFF; margin: 0 auto; width: 906px; } #layout_top {height: 114px;} #layout_body_outer {background: #373737 url('http://img23.xooimage.com/files/f/8/e/layout_body_outer-11eca17.jpg') repeat-x;} #layout_body { background: url('http://img24.xooimage.com/files/b/2/8/layout_body-fc7057.gif') no-repeat; padding: 8px 8px 0; } /* Site title */ #site_title {padding: 28px 12px 0;} #site_title a { color: #73BCD1; text-decoration: none; } #site_title a:hover {color: #FFF;} #site_title h1 { font-size: 2.4em; margin-bottom: 6px; } #site_title h1 span {color: #C0C6CF;} #site_title h2 { color: #789; font-size: 1.2em; } /* Navigation */ #navigation { background: #3A3A3A url('http://img22.xooimage.com/files/6/5/f/navigation-fc7059.gif') no-repeat; font: bold 1.3em sans-serif; padding: 0 8px; } #navigation ul, #navigation li {display: inline;} #navigation li {display: inline;} #navigation a { float: left; margin-right: 1px; text-align: center; text-decoration: none; } #nav1 a { color: #BBB; padding: 10px 12px 12px; } #nav1 a:hover {color: #EEE;} #nav1 li.current_page_item a,#nav1 li.current_page_parent a { background: url('http://img40.xooimage.com/files/5/9/2/nav1_arrow-fc7061.gif') no-repeat center bottom; color: #ADE7F6; } #nav2 a { color: #D0D6DA; padding: 10px; } #nav2 { background: #5090AE url('http://img44.xooimage.com/files/8/f/1/nav2-fc7064.gif') repeat-x; margin: 0 -8px; padding: 0 8px; } #nav2 a:hover {color: #FFF;} #nav2 li.current_page_item a {color: #FFF;} /* Main */ #main { background: url('http://img24.xooimage.com/files/7/8/9/main-fc706e.gif') repeat-y; border-bottom: 1px solid #C5C5C5; } #main ol, #main ul {margin: 0 0 1.2em 1.6em;} #main ul li {list-style: disc;} #main ol li {list-style: decimal;} #main li {padding: 2px 0;} #content_outer { border-top: 1px solid #FFF; width: 629px; } #content { color: #444; padding: 16px; } /* Sidebar */ #sidebar_outer { border-top: 1px solid #EEE; width: 259px; } #sidebar { color: #555; padding: 16px 12px; } #sidebar a {color: #555;} #sidebar a:hover {color: #000;} /* Dashboard */ #dashboard { background: #CCC; border-top: 1px solid #D5D5D5; font-size: 0.9em; } #dashboard_inner {padding: 16px 20px 6px;} #dashboard .col3 {width: 255px;} #dashboard .col3mid {width: 337px;} #dashboard .col3mid .col3_content { border-left: 1px solid #B5B5B5; border-right: 1px solid #B5B5B5; padding: 0 20px; margin: 0 20px; } #dashboard .col_title { color: #666; font-size: 1.4em; font-weight: bold; padding-bottom: 5px; } #dashboard li { color: #777; padding: 4px 0; } #dashboard li {border-top: 1px solid #BEBEBE;} #dashboard li a { color: #666; text-decoration: none; } #dashboard li a:hover { color: #333; text-decoration: underline; } /* Footer links */ #footer { background: url('http://img28.xooimage.com/files/9/3/6/footer-fc7075.gif') no-repeat; color: #777; font-size: 0.9em; padding: 22px 8px 10px; } #footer a {color: #999;} #footer .right, #footer .right a { color: #666; text-decoration: none; } #footer a:hover {color: #999;} /* Posts ------------------------------------------------------------------- */ .post {margin-bottom: 24px;} .post_title a,.post_date a,.post_meta a {text-decoration: none;} .post_date a:hover,.post_meta a:hover,.post_meta a:hover {text-decoration: underline;} .post_date { border-top: 1px solid #D5D5D5; color: #777; font-size: 0.9em; padding: 8px 0 12px; } .post_date a {color: #444;} .post_meta { background: #E7E7E7; border: 1px solid #D7D7D7; color: #777; font-size: 0.9em; padding: 6px 10px; } .post_meta a {color: #345; } .post_meta a:hover {color: #001;} /* Archives */ .archive_pagination {margin-bottom: 1.6em;} .archive_post {margin-bottom: 14px;} .archive_post_date { background: #F5F5F5; border-bottom: 1px solid #C5C5C5; border-right: 1px solid #CFCFCF; float: left; margin-right: 12px; padding: 2px 0 5px; text-align: center; width: 46px; } .archive_post .post_date { border: none; padding: 0; } .archive_post_day {font: normal 1.6em Georgia,serif;} /* Thumbnails ------------------------------------------------------------------- */ .thumbnails {margin: 0 -0 2em -8px;} .thumbnails a.thumb { background: #D5D5D5; display: block; float: left; margin: 0 0 8px 8px; padding: 3px; } .thumbnails a.thumb:hover {background: #C0C0C0;} .thumbnails .thumb img {display: block;} /* Box ------------------------------------------------------------------- */ .box {margin-bottom: 0.6em;} .box_title { background: #E5E5E5; border: 1px solid #EAEAEA; border-color: #EAEAEA #D5D5D5 #D5D5D5 #E5E5E5; color: #777; font: bold 1.3em sans-serif; padding: 6px 10px; } .box_content {padding: 8px 0 8px;} .box li:first-child {border-top: none;} /* Comments ------------------------------------------------------------------- */ div.comment_list { border-top: 1px solid #D6D6D6; margin: 1em 0 2em; } .comment { border-bottom: 1px solid #D6D6D6; padding-top: 10px; } .comment_date {font-size: 0.9em;} .comment_date a { color: #567; text-decoration: none; } .comment_date a:hover { color: #001; text-decoration: underline; } .comment_body {padding-top: 4px;} .comment_gravatar {width: 48px;} .comment_gravatar img { background: #FFF; border: 1px solid #DDD; padding: 2px; } /* Single Line IE Fixes */ * html #nav1, * html #nav2, * html #layout_body, * html #dashboard_inner, * html #footer {height: 0.01%; min-height: 0.01%;}