/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0; padding: 0; } html { background-color: #000000; } body { background: #000000 url(../images/img01.gif) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #999999; } h1 { font-size: 3em; } h2 { letter-spacing: -1px; font-size: 2em; } h3 { font-size: 1.5em; } p, ul, ol, pre { margin-top: 1.8em; line-height: 180%; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { color: #CCCCCC; } a:hover { text-decoration: none; color: #FFFFFF; } hr { display: none; } /* Header */ #header { width: 960px; height: 80px; margin: 0 auto; background: url(../images/img02.jpg); } #header h1, #header h2 { float: left; margin: 0; text-transform: uppercase; color: #FFFFFF; } #header h1 { padding: 30px 0 0 20px; font-size: 3em; } #header h2 { padding: 47px 0 0 8px; font-size: 1.8em; font-style: italic; } #header a { text-decoration: none; color: #FFFFFF; } /* Menu */ #menu { width: 960px; height: 51px; margin: 0 auto; background: url(../images/img03.jpg); } #menu ul { margin: 0; padding: 0; list-style: none; line-height: 51px; } #menu li { float: left; padding: 0 10px 0 20px; line-height: 51px; } #menu a { text-decoration: none; letter-spacing: -1px; font-size: 1.2em; font-weight: bold; line-height: 51px; } #menu a:hover { text-decoration: underline; } /* Page */ #page { width: 920px; margin: 0 auto; padding: 30px 20px 20px 20px; background: url(../images/img04.jpg) no-repeat; } /* Content */ #content { float: left; width: 605px; } .title { border-bottom: 1px solid #454545; margin-bottom: 1em; } .post { margin-bottom: 40px; } .post .title { border-bottom: 1px solid #454545; } .post .title a { text-decoration: none; } .post .entry { padding: 0 20px; } .post .meta { height: 20px; padding: 15px 20px; background: url(../images/img05.gif) no-repeat; line-height: normal; } .post .meta a { text-decoration: none; font-weight: bold; } .post .meta a:hover { text-decoration: underline; } .post .meta .byline { float: left; } .post .meta .comments { float: right; } .post .meta .read-more { float: right; margin-left: 1em; } .post pre { background-color: #191919; border: 1px solid #333333; font-family: Monaco, Lucida Typewriter, Courier New, monospace; margin-bottom: 0.5em; padding: 0.3em 0.5em; } /* Comments */ #comments, #respond { margin-top: 1.8em; } .commentlist { font-weight: bold; } .commentlist li { margin-top: 1em; font-weight: normal; } .comment-title { font-size: 1.2em; font-weight: bold; } .comment-meta { font-size: 0.9em; } .comment-body p { margin-top: 0; margin-bottom: 0.5em; } .user-details { margin-top: 0; } /* Tags */ .tags { margin-top: 1.8em; } .tags p { font-weight: bold; } .tags ul { margin: 4px 0 4px 10px; padding: 0; } .tags ul li { background-color: #454545; cursor: pointer; display: inline; list-style-type: none; margin: 0; padding: 2px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .tags ul li a { text-decoration: none; } /* Sidebar */ #sidebar { float: right; width: 295px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { } #sidebar li ul { padding: 0 0 20px 20px; list-style: square inside; } #sidebar h2 { height: 50px; padding: 13px 20px 0 20px; background: url(../images/img06.gif) no-repeat; font-size: 1.6em; } /* Search */ #search { padding: 20px; text-align: center; } #search input { margin-bottom: 10px; padding: 3px 5px; background: #1F1F1F url(../images/img06.gif) no-repeat center center; border: 1px solid #454545; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; } #search #s { width: 80%; background: #1F1F1F; } /* Calendar */ #calendar { padding-bottom: 20px; } #calendar table, #calendar caption { width: 80%; margin: 0 auto; text-align: center; } #calendar caption { text-transform: uppercase; letter-spacing: .25em; font-weight: bold; } #calendar thead th { background: #333333; } #calendar tbody td { background: #111111; } #calendar tbody td#today { background: #333333; } #calendar a { text-decoration: none; font-weight: bold; } #calendar a:hover { text-decoration: underline; } /* Footer */ #footer { width: 960px; margin: 0 auto; padding: 20px 0; background: url(../images/img07.gif) no-repeat; } #footer p { margin: 0; line-height: normal; text-align: center; } /* Forms */ form { margin-top: 1em; } label { display: block; margin-bottom: 0.3em; } fieldset { border: none; margin: 0; padding: 0; } .form-text, .form-password, .form-textarea { padding: 3px 5px; background-color: #1f1f1f; border: 1px solid #454545; color: #fff; } .form-text { font-size: 1.5em; padding: 4px 6px; width: 593px; } .form-textarea { height: 12em; width: 595px; } .form-button { margin-bottom: 10px; padding: 3px 5px; background: #1F1F1F url(../images/img06.gif) no-repeat center center; border: 1px solid #454545; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; } .form-item { margin-bottom: 1em; } .form-hint { color: #454545; font-size: 0.8em; margin-top: 0.2em; } fieldset.form-details { padding: 10px; } fieldset.form-details legend { background: url(../images/img05.gif) no-repeat left top; color: #fff; font-size: 1.5em; line-height: 50px; margin: 0 -10px; padding-left: 1em; width: 593px; } fieldset.form-details .form-text { width: 573px; } #register-now { margin-left: 1em; } /* Message areas */ #form-errors { background-color: #300; border: 1px solid #900; margin-top: 1.8em; padding: 0.3em 0.5em; } #message { margin-bottom: 1.8em; } #message p { margin: 0; padding: 0.5em 0.7em; } #message.error { background-color: #300; border: 1px solid #900; color: #fff; } #message.success { background-color: #030; border: 1px solid #090; color: #fff; } /* Tag Editor */ .tagEditor { margin: 4px 0; padding: 0; } .tagEditor li { display: inline; background-image: url(/images/minus_small.png); background-color: #454545; background-position: right center; background-repeat: no-repeat; list-style-type: none; padding: 2px 18px 2px 6px; margin: 0 4px; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .tagEditor li:hover { background-color: #eee; color: #000; } /* Pagination */ .pagination { padding-bottom: 0.5em; text-align: right; } /* Miscellaneous Styles */ .hidden { display: none; }