/*
Theme Name: NightLight Idea
Theme URI: http://www.robbiewilliams.pl/wordpress
Description: Very dark, black theme that will work for your blog. Header image of the city is animated. Design by Robbie Williams WP Themes.
Version: 1.0
Author: Nd83
Author URI: http://www.nightday83.art.pl
License: General Public License (GPL)
*/
* {
margin: 0;
padding: 0;
}
body {
background: #000000;
}
body, input, textarea, select {
font: normal small Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin: 0px auto;
}
h1, h2, h3 {
margin-bottom: 1em;
font-weight: normal;
color: #FFFFFF;
}
h1 {
font-weight: bold;
font-size: 2.2em;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1em;
font-weight: bold;
}
p, blockquote, ul, ol, form {
margin-bottom: 1.5em;
}
blockquote, ul, ol {
margin-left: 3em;
}
blockquote {
margin: 5px 5px 0px 5px;
padding: 0px 5px 0px 35px;
background: transparent url(images/blockquote.gif) no-repeat ;
font-style: italic;}
ul {
list-style-type: square;
}
a {
color: #FFFFFF;
}
a:hover {
text-decoration: none;
}
/* Wrapper */
#wrapper {
width: 910px;
margin: 0 auto;
border: 0;
background-color: #000;
}
/* Header */
#header {
height: 250px;
position: relative;
background: #000000 url(images/city.gif) no-repeat;
margin: 0px auto;
}
#header h1, {
}
#header h1 {
position: absolute;
top: 10px;
left: 10px;
font-size: 3em;
letter-spacing: -3px;
background: transparent url(images/bgmenu.png);
padding: 2px;
}
#header a {
text-decoration: none;
color: #FFF;
}
#header:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Menu */
#menu
{
width: 850px;
position: absolute;
margin: -250px 0;
}
#menu ul
{
list-style: none;
text-align: left;
padding: 225px 0px 10px 50px;
margin: 0;
}
#menu li
{
padding: 5px 1px 15px 1px;
display: inline;
}
#menu li a
{
color: #eaeaea;
font-weight: bold;
text-decoration: none;
font-size: 1.1em;
background: transparent url(images/bgmenu.png);
padding: 5px 5px 10px 5px;
}
#menu li a:hover
{
text-decoration: underline;
color: #FFF;
background: black;
}
/* Content */
#content {
background: #000 url(images/wall_all.gif) repeat-y;
margin: 0px auto;
width: 910px;
}
/* Blog */
#blog {
background: #000;
float: left;
width: 689px !important;
width: 686px; /* IE6 3px problem */
margin: 0px auto;
padding: 10px 20px 0px 10px;
}
/* Post */
.post {
margin-bottom: 10px;
padding-bottom: 5px;
}
#title {
height: 37px;
font-size: small;
font-weight: bold;
padding: 5px 5px 5px 10px;
background: transparent url(images/bg-title.gif) no-repeat top right;
}
#htitle {
height: 37px;
font-size: small;
font-weight: bold;
padding: 5px 5px 5px 10px;
}
.maintitle {font-size: 1.6em;}
#titlepage {
color: #FFFFFF;
height: 37px;
font-size: small;
font-weight: bold;
padding: 5px 5px 5px 10px;
}
#title a {
text-decoration: none;
}
#title a:hover {
text-decoration: none;
border-bottom: 1px dashed #656565;
}
#title #date {
text-align: left;
font-size: 13px;
padding: 5px 0px 0px 0px;
color: #9e9e9e;
float:left;
width:60px;
margin:0;
}
#date .mo{color:#9e9e9e;}
#date .day{color:#9e9e9e;}
.post .entry {
padding: 10px 15px 10px 15px;
line-height: 1.8em;
}
.post p {
text-align: justify;
}
.post .meta {
padding: 0px 15px 8px 10px;
line-height: 0.85em;
color: #e2e2e2;
background: transparent url(images/downpost.gif) no-repeat bottom left;
}
.entry h1, .entry h2, .entry h3 {
color: #333;
}
/* Sidebar */
#sidebar {
background: #232323;
float: right;
width: 171px;
padding: 10px 0px 0px 0px;
}
#sidebar ul {
margin: 0;
list-style: none;
padding: 0 10px;
}
#sidebar li {
margin-bottom: 10px;
}
#sidebar li ul {
line-height: 1.5em;
list-style-type: none;
padding-left: 10px;
}
#sidebar li li {
margin: 0;
color: #white;
}
#sidebar h2 {
height: 17px;
background: url(images/side_title.gif) no-repeat;
text-transform: uppercase;
color: white;
font-size: 0.9em;
padding: 1px 5px 0px 0px;
font-weight: bold;
text-align: center;
}
#sidebar a {
font-weight: bold;
text-decoration: none;
color: white;
padding-left: 10px;
padding-right: 4px;
background: transparent url(images/listoff.gif) left center no-repeat;
}
#sidebar a:hover {
text-decoration: none;
color: white;
border-bottom: 1px dashed #656565;
background: transparent url(images/liston.gif) left center no-repeat;
}
caption{font-size: 1.2em;}
#today {padding: 0px 0px 0px 2px;. background: black;
font-weight: bold;
color: #919191;}
#rss a{ border-bottom: 0px;
background: transparent;
overflow: hidden;}
#rss a:hover { border-bottom: 0px;
background: transparent;
overflow: hidden;}
#rss img:hover { border-bottom: 0px;
background: transparent;
overflow: hidden;}
#searchbg {
background: transparent url(images/searchbg.gif) no-repeat center center;
margin-bottom:10px;}
#s {
background: black;
width: 110px;
height: 15px;
color: white;
font-weight: bold;
border: 0px;
}
#go {
background: transparent;
color: white;
font-weight: bold;
border: 0px;
font-size: 1.25em;
outline: none;
height: 15px;}
/* Footer */
#footer{
font: normal small Arial Narrow, Helvetica, sans-serif;
font-size: 0.85em;
background: black url(images/footer.gif) no-repeat right top;
margin: 0px auto;
text-align: right;
padding: 10px 10px;}
#footer #text{
text-align: right;
padding: 0 200px 0 0;}
#footer #text a {text-decoration: none;}
#footer #text a:hover {text-decoration: underline;}
/* Comments Styling */
#comment {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
font: Trebuchet MS, Verdana, Sans-Serif;
}
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}
#commentform {
margin: 1em 0;
background: black;
width: 280px;
}
#commentform textarea {
padding: 2px;
background: black;
border-top: 1px solid #8e8e8e;
border-left: 1px solid #8e8e8e;
border-bottom: 1px solid #2c2c2c;
border-right: 1px solid #2c2c2c;
width: 280px;
}
#commentform textarea:hover {
background: black;
border-top: 1px solid #2c2c2c;
border-left: 1px solid #2c2c2c;
border-bottom: 1px solid #8e8e8e;
border-right: 1px solid #8e8e8e;
}
#commentform textarea:focus {. background: black;
border-top: 1px solid #2c2c2c;
border-left: 1px solid #2c2c2c;
border-bottom: 1px solid #8e8e8e;
border-right: 1px solid #8e8e8e;
}
#commentform #email, #commentform #author, #commentform #url {
padding: 2px;
font-size: 1.1em;
background: black;
border-top: 1px solid #8e8e8e;
border-left: 1px solid #8e8e8e;
border-bottom: 1px solid #2c2c2c;
border-right: 1px solid #2c2c2c;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: black;
border-top: 1px solid #2c2c2c;
border-left: 1px solid #2c2c2c;
border-bottom: 1px solid #8e8e8e;
border-right: 1px solid #8e8e8e;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: black;
border-top: 1px solid #2c2c2c;
border-left: 1px solid #2c2c2c;
border-bottom: 1px solid #8e8e8e;
border-right: 1px solid #8e8e8e;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}
.submit1{
width: 280px;
cursor:hand;
font-size:1.10em;
background: black;
border-top: 1px solid #8e8e8e;
border-left: 1px solid #8e8e8e;
border-bottom: 1px solid #2c2c2c;
border-right: 1px solid #2c2c2c;}
.submit1:hover, .submit1:focus{
background: black;
border-top: 1px solid #2c2c2c;
border-left: 1px solid #2c2c2c;
border-bottom: 1px solid #8e8e8e;
border-right: 1px solid #8e8e8e;}
.book_img {
margin-right: 15px;
}