Просмотр файла sicedweb/style.css

body {
margin: 0px;
padding: 0;
background: #FFFFFF;
text-align: justify;
font-family:  Lucida Console;
font-size: 13px;
color: #0000ff;
}
h1, h2, h3 {
margin-top: 0;
font-family: Lucida Console;
}
h1 {
font-size: 1.6em;
font-weight: normal;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1em;
}
ul {
}
a {
text-decoration: none;
color: #000099;
}
a:hover {
border-bottom: none;
}
a img {
border: none;
}
#header {
width: 1000px;
margin: 0 auto;
height: 55px;
background: url('images/img01.jpg') no-repeat left top;
}
 
/* Header */
 
#logo {
float: left;
width: 330px;
padding: 10px 0px 0px 30px;
}
#logo h1, #logo p {
float: left;
margin: 0;
font-family: Lucida Console;
color: #FFFFFF;
}
#logo span {
color: #FFFFFF;
}
#logo h1 {
margin: 0px;
padding: 0px;
letter-spacing: -2px;
text-transform: lowercase;
font-size: 30px;
}
#logo p {
letter-spacing: -1px;
text-transform: lowercase;
margin: 0px;
padding: 18px 0px 0px 3px;
font-size: 18px;
color: #FFFFFF;
}
#logo a {
border: none;
text-decoration: none;
color: #FFFFFF;
}
 
/* Menu */
 
#menu {
float: right;
width: 540px;
height: 40px;
padding: 0;
}
#menu ul {
float: right;
margin: 0px 30px 0px 0px;
padding: 10px 0px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
display: inline;
padding-top: 15px;
}
#menu a {
float: left;
height: 25px;
margin: 0px 1px 0px 0px;
padding: 0 20px 0px 20px;
background: url('images/img06.jpg') repeat-x left; 
list-style: none;
text-decoration: none;
text-transform: lowercase;
font-family: Lucida Console;
font-size: 14px;
font-weight: bold;
color: #0000ff;
}
#menu a:hover {
color: #0000cc;
}
#menu .current_page_item a {
color: #FFFFFF;
}
 
/* Wrapper */
 
#wrapper {
width: 1000px;
margin: 0px;
padding: 0px;
margin: auto;
}
 
/* Page */
 
#page {
width: auto;
margin: 0 auto;
margin: 0px;
padding: 10px 30px;
background: #FFFFFF url('images/img02.jpg') repeat-y left top;
}
 
/* Content */
 
#content {
margin: 0 auto;
margin: 0;
float: left;
width: 480px;
padding: 20px 10px;
text-align: left;
}
.post {
margin: 0 auto;
margin: 0;
padding-bottom: 5px;
padding-left: 10px;
line-height: 200%;
background: url('images/img05.jpg') repeat-x left 30px;
}
.post p{
padding-left: 10px;
}
 
/* Sidebars */
 
#sidebar1 {
margin: 0 auto;
float: left;
width: 210px;
text-align: left;
}
#sidebar2 {
margin: 0 auto;
float: left;
width: 210px;
text-align: left;
}
.sidebar {
float: left;
color: #000066;
}
.sidebar ul {
margin: auto;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
background: url('images/img05.jpg') repeat-x left top;
}
.sidebar li ul {
background: none;
margin-bottom: 40px;
}
.sidebar li li {
margin: auto;
line-height: 220%;
padding: 0px 10px 0px 10px;
background: none;
}
.sidebar p {
margin: auto;
line-height: 220%;
padding: 0px 10px 0px 10px;
background: none;
}
.sidebar li h2 {
height: 32px;
padding: 8px 0px 0px 10px;
background: url('images/img04.jpg') no-repeat left top;
letter-spacing: -1px;
text-transform: lowercase;
font-family: Lucida Console;
font-size: 17px;
font-weight: normal;
color: #0000cc;
}
.sidebar h2 a {
}
.sidebar a {
color: #0000CC;
}
 
/* Search */
 
#searchform {
margin: 0;
padding: 0 0 20px 0;
}
#searchform br {
display: none;
}
#searchform h2 {
}
#s {
margin: 10px 0px 0 15px;
padding: 2px 2px;
width: 165px;
height: 18px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
font-size: 10px;
color: #000000;
}
/* Footer */
 
#footer-wrapper {
width: 100%;
height: 100px;
}
#footer {
width: 1000px;
height: 100px;
margin: 0 auto;
padding: 0px;
background: url('images/img03.jpg') no-repeat left top;
}
#footer p {
margin: 0;
padding: 30px 0 0 0;
text-align: center;
text-transform: uppercase;
font-size: 10px;
font-family: Lucida Console;
color: #0000FF;
}
#footer a {
color: #0000FF;
}
#left_footer { 
float:left; 
padding:30px 0 0 30px; 
color:#0000FF; 
text-transform: uppercase;
font-size: 10px;
font-family: Lucida Console;
}
#left_footer a { 
color:#0000FF;
text-transform: uppercase;
font-size: 10px;
font-family: Lucida Console;
}
#left_footer a:hover { 
text-decoration:none;
}
#right_footer { 
float:right;  
padding:30px 30px 0 0; 
color:#0000FF;  
text-transform: uppercase;
font-size: 10px;
font-family: Lucida Console;
text-align:right;
}
#right_footer a { 
color:#0000FF;
}
#right_footer a:hover { 
text-decoration:none;
}
.b{
background: url(images/img05.jpg) repeat-x left top;
padding: 10px 10px 25px 10px;
}
.img {  
	float:left;
	padding : 0px; 
	margin-right : 5px; 
} 
 
.imgright {  
	float:right;
	margin : 5px; 
} 
input {
font-family: Lucida Console;
color: #0033CC; 
background-color: #FFFFFF;
}
input :hover { 
color: #0033CC;
background-color: #FFFFFF;
}
 select { 
font-family: Lucida Console; 
color: #000; 
background-color: #FFFFFF;
}
textarea { 
color: #000; 
background-color: #FFFFFF;
width: 240px;
}