/* Template: nemetral.net Theme Name: nemetral.net Theme URI: http://nemetral.net Version: 4.0 Author: nemetral Author URI: http://nemetral.com/ */ /* ********* CSS reset ********* */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} del {text-decoration: line-through;} ins {text-decoration: none;} /* ********* GENERAL ********* */ .clear {clear: both;} body {text-align: center;} #container {background: #333 url(images/bg_flower.gif);} a {text-decoration: none;} #wrap {background: #ECE3B8; border: 1px solid #111; border-width: 0 1px; margin: 0 auto; text-align: left; width: 960px;} /* ********* TOPNAV ********* */ #topnav {background: url(images/topnavbottom.png) repeat-x bottom; margin: 0 auto; text-align: left; width: 960px;} #topnav p {color: #555; font: 8pt arial,sans-serif; padding: 10px 0 20px;} #topnav a {color: #777; font: bold 8pt arial;} #topnav a:hover {text-decoration: underline;} #topnav strong {font-weight: bold;} /* ********* HEADER ********* */ #header {background: #FFF; border-top: 5px solid #E9E9E9; padding: 0 20px;} #header h1 {color: #CC0011; float: left; font: 20pt helvetica,arial,sans-serif; letter-spacing: -2px; padding: 30px 0 0;} #header img {display: block;} #header h2 {border-bottom: 1px solid #EEE; font: 8pt arial,sans-serif; letter-spacing: 1px; text-transform: uppercase;} #readers {border-left: 1px solid #EEE; float: right; padding: 20px 10px; width: 270px;} #readers a.figure {color: #AAA; font: 28pt arial,sans-serif;} #readers {color: #AAA; font: 12pt arial,sans-serif;} #readers img {float:left; margin: 4px 10px 0 0;} /* ********* CONTENT ********* */ #content {background: url(images/contentbottom.png) repeat-x bottom; margin: 10px 0 0; padding: 0 10px 30px;} .frame {background: #FFF; border: 1px solid #E0D18B; float: left; padding: 0 0 50px; min-height: 1500px; width: 629px} /* ********* Pages ********** */ .page strong {font-weight: bold;} .page h2 {color: #CC0011; font: bold 12pt arial,sans-serif; letter-spacing: 0;} .page ul {margin: 10px 0 20px 20px;} .page li {background: url(images/ie.bullet.png) no-repeat 0 4px; padding-left: 0px;} .page li a {color: #000; font: 10.5pt arial,sans-serif;} .page h3 {margin: 10px 20px 0 20px;} .page h3 a {color: #000; font: 10.5pt arial,sans-serif;} .page h3 a:hover {text-decoration: underline;} .page h3 span {color: #AAA; font: 10.5pt arial,sans-serif;} /* ********* Single ********* */ #post p.info {border-bottom: 1px dashed #ECE3B8; color: #222; font: 9pt arial,sans-serif; margin: 0 0 15px; padding: 10px 20px;} #post p.info a {color: #990000;} #post p.info .share {float: right;} #post p.info a.comments img {margin-right: 3px;} #post p.info a.category {color: #222; font-weight: bold; margin: 0 2px; padding: 2px 4px;} #post p.info a.category:hover {text-decoration: underline;} .text {padding: 20px;} #excerpt {background:; margin-bottom: 20px; padding: 10px;} #excerpt p {border-left: 1px solid #EEE; color: #990000;font: 10pt times new roman; letter-spacing: 1px; line-height: 1.5; margin-top: -200px; margin-left: 300px; padding-left: 20px; text-align: left;} #post h2.top {font: bold 8pt georgia,times new roman, serif; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase;} #post h1 {margin-bottom: 20px;} #post h1 a {background: #FEFADE; color: #990000; font: 24pt georgia,serif; letter-spacing: -2px; word-spacing: 2px; line-height: 1.52; padding: 5px 0;} #post h1 a:hover {color: #CC0011;} .text h2 {border-bottom: 1px dashed #F0F0F0; color: #222; font: bold 14pt arial,sans-serif; margin: 30px 0 15px; padding: 0 0 5px;} .text h2 a {color: #DD0000;} .text p {font: 10.5pt arial,sans-serif; line-height: 1.8; margin-bottom: 20px; text-align: justify;} .text p a, .text ul a, .text ol a {background: #FFF; border-bottom: 1px solid #CC0011; color: #CC0011} .text p a:hover, .text ul a:hover, .text ol a:hover {background: #FFF0FF;} .text ul li strong, .text ol li strong {font-weight: bold;} .text p strong {color:#333;font-weight: bold;} .text p em {font-style: italic;} .text p em strong {font-style:italic;} .text img {border: 1px solid #E0E0E0; display: block; padding: 2px;} .text img.wp-smiley {border: none; display: inline; padding: 0;} .text blockquote {color: #777; font-size: 10pt; margin: 20px 30px;} .text ul, .text ol {color: #777; font: 10.5pt arial,sans-serif; line-height: 1.5;list-style: outside square; margin: 20px 20px 20px 40px; text-align: justify;} .text li {color: #333; margin: 5px 0;} .text embed {margin: 30px 0;} .text iframe {float: left; margin: 5px 20px 10px 0;} .text pre {border: 1px solid #EEE; color:#AA0000; margin: 20px 0;padding: 15px;} .text code {background: #EEE; font: 9pt courier;} .text hr {display:block;height: 1px;margin: 20px 0; _margin: -7px 0 20px; padding: 0; color: #EAEAEA; background-color: #EAEAEA; border: 0;} .meta {border-top: 1px dotted #E0E0E0; color: #777; font: 9pt verdana; margin: 20px 0 0; padding: 5px 0;} .meta .category a {color: #000; padding: 2px;} .meta .category a:hover {background: #000; color: #FFF;} .meta .readon a {color: #000; padding: 2px;} .meta .readon a:hover {background: #000; color: #FFF;} .meta .comments a {color: #000; padding: 2px;} .meta .comments a:hover {background: #000; color: #FFF;} .meta .date {color: #000; padding: 2px;} #sticky {font: 10.5pt arial,sans-serif; margin-bottom: 10px;} #sticky img {border: 0; display: inline; margin-top: 2px; padding: 0; vertical-align: top;} #sticky a {color: #CC0011;} #sticky a:hover {text-decoration: underline;} #viral {border: 1px solid #EEE; padding: 5px;} #viral ul {list-style-type: none; margin: 3px;} #viral img {border: none; float: left;} #related {border: 1px solid #EEE; margin-top: 20px;} #related h2 {color: #990000; font: 13pt georgia,serif; letter-spacing: -1px; margin: 5px; padding: 5px; text-transform: uppercase;} #related ul {list-style-type: circle; margin: 10px 10px 0 25px;} #related a {background: transparent; border-bottom: 0; color: #990000; font-weight: normal;} #related a:hover {border-bottom: none; text-decoration: underline;} /* ********* Home page ********* */ #twit p {color: #990000; font: italic bold 9pt georgia,sans-serif; padding: 20px;} #twit p span.date {color: #222; font: 8pt arial,sans-serif; margin-right: 20px; text-transform: uppercase;} #welcome {border-bottom: 1px solid #EEE; padding: 20px 20px 40px;} #welcome strong {font: 100pt georgia,serif;} #welcome p {font: 12pt arial,sans-serif; margin-left: 10px;} #welcome a {color: #CC0011; margin-bottom: 1px solid #CC0011;} .first {border-bottom: 1px solid #EEE; padding: 30px;} .first .pres {font: 12pt arial,sans-serif; margin-bottom: 20px; text-decoration: underline;} .first h1 a {background: #FEFADE; color: #990000; font: 18pt georgia,serif; letter-spacing: -1px; word-spacing: 2px; line-height: 1.52; padding: 5px 0;} .first h1 a:hover {color: #CC0011;} .first p {font: 11pt arial,sans-serif; line-height: 1.5; margin-top: 10px; text-align: justify;} .first p a {color: #000;} .first p a:hover {color: #990000;} .first .more {margin: 20px 0 30px; text-align: right;} .first .more .date {color: #AAA; float: left; font: 10pt arial,sans-serif;} .first .more a.read {background: #FEFADE; color: #990000; font: 10pt arial,sans-serif; padding: 6px 10px;} .first .more a.read:hover {text-decoration: underline;} .listpres {font: 12pt arial,sans-serif; margin: 30px; text-decoration: underline;} .list {margin: 30px;} .list h1 a {background: #FEFADE; color: #990000; font: 14pt georgia,serif; letter-spacing: -1px; word-spacing: 2px; line-height: 1.52; padding: 5px 0;} .list h1 a:hover {color: #CC0011;} .list p {font: 10pt arial,sans-serif; line-height: 1.5; margin-top: 10px; text-align: justify;} .list p a {color: #000;} .list p a:hover {color: #CC0011;} /* ********* Special pages ********* */ h1.listing {background: #FEFADE; font: 12pt arial,sans-serif; padding: 30px;} div.list .date {color: #AAA; font: 10.5pt arial,sans-serif;} div.list .comments {color: #777; font: bold 10.5pt arial,sans-serif;} ul.posts {list-style-type: none; margin: 0;} ul.posts li.month {color: #222; font: bold 12pt arial,sans-serif;} ul.posts li .date {color: #AAA;} #archives h1 a.rss {background: url(images/feedicon.png) no-repeat 0 2px; color: #CC0011; font: bold 10pt arial,sans-serif; letter-spacing: normal; padding-left: 15px; text-transform: none;} #archives h1 img {margin: 2px 0 0 7px; vertical-align: top;} #catcloud {border: 1px solid #EEE; float: left; width: 270px;} #catcloud h2 {border-bottom: 1px solid #EEE; margin: 0px; padding: 5px;} #catcloud a {color: #CC0011; font: 10.5pt arial,sans-serif;margin: 0 5px;} #tagcloud {border: 1px solid #EEE; float: right; width: 300px;} #tagcloud h2 {border-bottom: 1px solid #EEE; margin: 0px; padding: 5px;} #tagcloud a {color: #CC0011; font: 10.5pt arial,sans-serif;margin: 0 5px;} #message {border-bottom: 1px solid #EEE; font: 12pt arial,sans-serif; padding: 20px 30px;} #message h2 {font-weight: bold;} #message p {margin: 20px 0 0;} #message a {color: #CC0011;} #message a:hover {text-decoration: underline;} #lists {margin: 20px 0 0;} #lists ul {list-style-type: square;} #lists ul li {padding-left: 5px;} #viewed {margin: 20px 20px 20px 30px; float: left; width: 260px;} #viewed h2 {background: #FEFADE; color: #990000; font: 14pt georgia,serif; letter-spacing: -1px; word-spacing: 2px; line-height: 1.52; padding: 5px;} #viewed a {color: #000; display: block; font: 9pt arial,sans-serif; padding: 2px 5px 5px 0;} #recent a:hover {text-decoration: underline;} #recent {margin: 20px 0 20px 20px; float: left; width: 260px;} #recent h2 {background: #FEFADE; color: #990000; font: 14pt georgia,serif; letter-spacing: -1px; word-spacing: 2px; line-height: 1.52; padding: 5px;} #recent a {color: #000; display: block; font: 9pt arial,sans-serif; padding: 2px 5px 5px 0;} #recent a:hover {text-decoration: underline;} #navigation {background: #FEFADE; margin: 50px 30px 30px; padding: 20px 10px;} #navigation a {color: #222; font: 10pt arial,sans-serif;} #navigation a:hover {text-decoration: underline;} /* ********* COMMENTS ********* */ #commentblock {color: #000; float: left; font: 8pt verdana; margin: 30px 20px 0; width: 590px;} p#comments {color: #990000; font: 13pt georgia,serif; letter-spacing: -1px; margin: 20px 20px 10px 0; padding: 5px 0; text-transform: uppercase;} p#comments a {color: #CC0011;} p#comments a:hover {text-decoration: underline;} #commentblock ol {list-style-type: none; margin: 0 0 40px; padding: 0;} #commentblock li {border-top: 1px solid #ECE3B8; display: block; margin: 5px 0;} #commentblock li.admin {background: #FEFADE; color: #990000; } #commentblock .moderation {color: #DD0000; font: bold 8pt arial;} #commentblock .commentinfo {float: left; padding: 15px 5px; width: 150px;} #commentblock .commentdate {color: #777; font: 8pt arial; padding-left: 0;} #commentblock .commentauthor {color: #CC0011; font: 11pt arial; padding-left: 0;} #commentblock .commentauthor a {color: #CC0011; font: bold 11pt arial; padding-left: 0;} #commentblock .commenttext {float: left; font: 9.5pt arial,sans-serif; line-height: 1.5; padding: 15px 10px; width: 400px;} #commentblock .trackback {font: 11pt arial,sans-serif; padding: 15px 10px;} #commentblock .trackback a {color: #CC0011;} #commentblock .trackback a:hover {text-decoration: underline;} p#respond {color: #990000; font: 13pt georgia,serif; letter-spacing: -1px; padding: 5px 0; text-transform: uppercase;} #commentsformheader {padding-left: 0;} #commentsform {margin: 0; padding: 0;} #commentsform form {margin: 0;} #commentsform p {margin: 5px 0;} #commentsform label {font: 9pt arial; text-transform: uppercase;} #commentsform input.text {border: 1px solid #E0E0E0; overflow: visible; padding: 5px; width: 300px;} #commentsform input.text:focus, #commentsform textarea:focus {background: #FAFAFA; border: 1px solid #BBB;} #commentsform textarea {border: 1px solid #E0E0E0; padding: 5px; width: 576px;} #commentsform input#submit {margin: 10px 0 0; padding: 5px;} #commentblock p.comments_link img {margin: 0; padding: 0; border:0} /* ********* SIDEBAR ********* */ #sidebar {color: #222; float: right; padding-bottom: 200px; width: 300px;} #sidebar h2 {color: #990000; font: 13pt georgia,serif; letter-spacing: -1px; padding: 10px; text-transform: uppercase;} #sidebar .box {background: #FFF; border: 1px solid #E0D18B; margin: 0 0 20px 0;} #sponsors #ads {padding: 10px 10px 0;} #sponsors #ads a {display: block; float: left; margin: 0 15px 10px 0;} #about {margin: 20px 0; padding: 0 0 5px;} #about p {color: #222; font: 10.5pt arial,sans-serif; line-height: 1.5; margin: 0 10px 10px;} #about p a {color: #CC0011; border-bottom: 1px solid #CC0011; text-decoration: none;} #about ul li {padding: 0 5px;} #about ul li a {color: #990000; font: bold 8pt arial,sans-serif; margin-left: 5px;} #about ul li a:hover {text-decoration: underline;} #popular .pres {font-style: italic; margin: 0 10px 10px;} #popular ul {margin: 0 10px 10px;} #popular ul li {display:block; margin: 0 0 10px;} #popular ul li a {border-bottom: 1px solid #CC0011; color: #CC0011; font: 10pt arial,sans-serif;} #search h2 {margin-bottom: 0;} #search #s {background:transparent url(images/maglass.gif) no-repeat scroll right center; border: 1px solid #666; border-color: #666 #BBB #BBB #666; color: #AAA; font: 12pt arial,sans-serif; margin: 10px; padding: 2px 35px 2px 2px; width: 240px;} #categories .pres {font-style: italic; margin: 0 10px 10px;} #categories ul {margin: 0 10px 10px;} #categories ul li {display:block; margin: 0 0 10px;} #categories ul li a {border-bottom: 1px solid #CC0011; color: #CC0011; font: 10pt arial,sans-serif;} #subscribe {margin: 20px 0; padding-bottom: 10px;} #subscribe ul {color: #222; font: 10pt arial,sans-serif; margin: 0 10px;} #subscribe li {display: block; margin: 4px 0;} #subscribe li a {color: #CC0011;text-decoration: underline;} #subscribe li a.help {background: url(images/help.gif) no-repeat center left; color: #000; font-weight: normal; padding-left: 18px;} #subscribe form {margin: 5px 0 0 10px;} #subscribe input {background: #FFF url(images/bg_textfield.gif) repeat-x scroll center top; border: 1px solid #666; border-color: #666 #BBB #BBB #666; color: #AAA; font: 12pt arial,sans-serif; padding: 2px; width: 265px;} #elsewhere .pres {font-style: italic; margin: 0 10px 10px;} #elsewhere ul {margin: 0 10px 10px;} #elsewhere ul li {display:block; margin: 0 0 10px;} #elsewhere ul li a {border-bottom: 1px solid #CC0011; color: #CC0011; font: 10pt arial,sans-serif;} /* ********* FOOTER ********* */ #footer {background: #111; text-align: center;} #footerinner {color: #AAA; font: 12pt arial,sans-serif; padding: 40px 10px 20px; text-align: left;} #footer a {color: #CC0011;} #footer a:hover {text-decoration: underline;} #footer div.right {float: right;}