/*
*/
/*
* Default HTML tags
*/
a {
color: #444;
}
a:visited {
color: #444;
text-decoration: underline;
}
a:hover {
color: #1d8dbe;
}
acronym, abbr {
cursor: help;
}
blockquote {
border-left: 3px solid #e6e5e5;
margin-left: 15px;
padding-left: 5px;
}
body {
background: url("images/background.jpg");
color: #444;
font-size: 62.5%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px auto;
padding: 0;
text-align: center;
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
font-size: 12px;
margin: 15px 0 6px 0;
padding: 3px 0 3px 5px;
font-weight: bold;
color: #af265c;
background: url("images/titlebg.jpg");
}
h2 a,
h2 a:visited,
h2 a:hover,
h2 a:visited:hover {
text-decoration: none;
color: #e978ba;
}
h3 {
font-size: 120%;
margin-top: 0;
}
img {
padding: 3px;
border: #444 1px solid;
background: #eeeeee;
}
img.alignleft {
float: left;
margin: 3px 3px 3px 0;
}
img.alignright {
float: right;
margin: 0 3px 3px 3px;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ol#comments li p {
font-size: 100%;
}
ul {
margin: 0;
padding: 0;
}
/*
* Classes
*/
/* The credits at the bottom of the site */
#credit {
width: 900px;
color: #444;
font-size: 11px;
text-align: right;
}
#credit a,
#credit a:hover,
#credit a:visited,
#credit a:visited:hover {
color: #f6a1ce;
padding-right: 20px;
}
/* For the blog tagline */
.description {
float: right;
padding: 0 635px 0 0;
color: #f29bcc;
font-size: 11px;
text-decoration:none;
font-family: Verdana;
font-weight: normal;
}
/* Link to the comments */
.feedback {
color: #ccc;
text-align: right;
clear: both;
text-transform: lowercase;
}
.feedback a,
.feedback a:hover,
.feedback a:visited,
.feedback a:visited:hover {
text-decoration: none;
}
/* The post informations */
.meta {
font-size: 0.9em;
}
.meta li,
ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta a {
color: #1d8dbe;
text-transform: lowercase;
text-decoration: none;
}
.meta {
color: #555;
font-weight: normal;
letter-spacing: 0;
}
.storycontent {
font-size: 115%;
}
/* Comment form design */
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
background: #f6f6f6;
border: 1px solid #333237;
color: #444;
}
#commentform textarea {
width: 99%;
}
#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
}
ol#commentlist li {
list-style: decimal;
}
#content {
float: left;
width: 618px;
margin: 16px 8px 20px 8px;
text-align: left;
}
#content ol li {
list-style: decimal;
}
#content ul {
margin-top: 10px;
margin-left: 35px;
}
#content ul li {
list-style-image: none;
}
#content-big {
float: left;
width: 570px;
margin: 16px 8px 20px 8px;
text-align: justify;
}
#header {
font-size: 28px;
font-weight: bold;
text-decoration:none;
font-family: Verdana;
margin: 0 auto;
height: 300px;
width: 900px;
padding: 0;
background: url("images/header.jpg");
}
#header a,
#header a:hover,
#header a:visited,
#header a:visited:hover {
float: left;
color: #f6f6f6;
padding: 16px 0 0 108px;
text-decoration: none;
}
#footer {
width: 900px;
height: 63px;
margin: 0 auto;
color: #fbf6fa;
background: url("images/footer.jpg") no-repeat;
border-right: 3px solid #f6f6f6;
border-left: 3px solid #f6f6f6;
border-bottom: 3px solid #f6f6f6;
}
#footer a,
#footer a:hover,
#footer a:visited,
#footer a:visited:hover {
color: #ffffff;
}
/*
* Left sidebar
*/
#menu-left {
float: left;
padding: 3px 10px 20px 15px;
width: 230px;
font-size: 11px;
}
#menu-left h2 {
font-size: 12px;
margin: 15px 0 6px 0;
padding: 3px 0 3px 15px;
font-weight: bold;
color: #1d8dbe;
border-top: #edf5f9 1px solid;
border-bottom: #edf5f9 1px solid;
background: url("images/sidemenu.jpg");
}
#menu-left a,
#menu-left a:visited {
text-transform: lowercase;
text-decoration: none;
color: #464646;
}
#menu-left a:hover,
#menu-left a:visited:hover {
color: #1d8dbe;
}
#menu-left ul ul {
margin-left: 15px;
}
#menu-left ul ul li {
list-style-image: url("images/icon.gif");
}
.music {
text-align: center;
}
/* End of left sidebar */
input#s {
width: 160px;
background: #f6fafc;
border: 1px solid #b5d6e9;
color: #333333;
margin-bottom: 5px;
}
#rap {
width: 900px;
margin: 0 auto;
background: url("images/main.jpg") repeat-y;
text-align: left;
border-top: 3px solid #ffffff;
border-right: 3px solid #ffffff;
border-left: 3px solid #ffffff;
}
#searchbutton {
margin-top: 2px;
}