Ripe

CSS do Site

body {

margin
0;

padding
0;

background
#000000 url(img03.jpg) repeat-x left top;

font-family
Arial, Helvetica, sans-serif;

font-size
13px;

color
#837669;

}

h1, h2, h3 {

margin
0;

font-family
Georgia, "Times New Roman", Times, serif;

font-weight
normal;

color
#649632;

}

h1 { font-size: 44px; }

h2 { font-size: 26px; }

h3 { }

p, ul, ol {

margin-top
0;

line-height
240%;

text-align
justify;

font-family
Arial, Helvetica, sans-serif;

font-size
11px;

}

ul, ol { }

blockquote { }

a { color: #000000; }

a:hover { text-decoration: none; }

a img {

border
none;

}

img.left {

float
left;

margin
7px 30px 0 0;

}

img.right {

float
right;

margin
7px 0 0 30px;

}

hr { display: none; }

.list1 {

}

.list1 li {

float
left;

line-height
normal;

}

.list1 li img {

margin
0 30px 30px 0;

}

.list1 li.alt img {

margin-right
0;

}

#wrapper {

background
url(img06.jpg) repeat-x left bottom;

}

#header-wrapper {

width
880px; height:404px;
margin
0 auto;

border-left
10px solid #FFFFFF;

border-right
10px solid #FFFFFF;

border-top
10px solid #FFFFFF; background-color: white;

}

#header {

width
880px;

height
100px;

margin
0 auto;

background
#608F30 url(img02.png) no-repeat left top;

}

/* Menu */

#menu {

float
left;

width
900px;

height
51px;

}

#menu ul {

margin
0px;

padding
27px 0 30px 10px;

list-style
none;

line-height
normal;

}

#menu li {

display
block;

float
left;

}

#menu a {

display
block;

float
left;

margin-right
17px; margin-left:17px;
padding
5px 5px;

text-decoration
none;

font
14px Georgia, "Times New Roman", Times, serif;

color
#FFFFFF;

}

#menu a:hover { text-decoration: underline; }

#menu .current_page_item a {

color
#FFFFFF;

}

/* Page */

#page {

width
840px;

margin:0 auto;

padding
30px 20px 0px 20px;

background
#FFFFFF;

border-left
10px solid #FFFFFF;

border-right
10px solid #FFFFFF;

border-bottom
10px solid #FFFFFF;

}

/** LOGO */

#logo {

height
310px;

background
url(ripe3.jpg) no-repeat left top; background-position: center center;

}

#logo h1, #logo p {

float
left;

margin
0;

padding
0 0 0 20px;

line-height
normal;

}

#logo h1 { padding-top: 140px; }

#logo h1 a {

text-decoration
none;

text-transform
uppercase;

color
#FFFFFF;

}

#logo h1 a:hover { text-decoration: underline; }

#logo p {

padding
165px 0 0 15px;

font
italic 13px Georgia, "Times New Roman", Times, serif;

color
#B6ACA2;

}

#logo p a {

text-decoration
none;

color
#B6ACA2;

}

/* Content */

#content {

float
left;

width
570px;

}

#logo p a:hover { text-decoration: underline; }

/* Sidebar */

#sidebar {

float
right;

width
222px;

}

#sidebar ul {

margin
0;

padding
0;

list-style
none;

line-height
normal;

}

#sidebar li {

margin-bottom
30px;

padding
0 0 20px 0px;

}

#sidebar li ul {

line-height
200%;

}

#sidebar li li {

margin
0;

padding
0 20px;

}

#sidebar h2 {

height
33px;

margin
0 0 20px 0px;

padding
15px 0 2px 20px;

background
url(img004.jpg) no-repeat left top;

font-size
18px;

color
#FFFFFF;

}

#sidebar p {

line-height
200%;

}

#sidebar li2 {

text-align
justify;

}

/* Footer */

#footer {

width
880px;

margin
0 auto;

padding
0;

background
#494336 url(img05.jpg) no-repeat left top;

border-left
10px solid #FFFFFF;

border-right
10px solid #FFFFFF;

border-bottom
10px solid #FFFFFF;

text-align: center;

}

#footer p {

margin
0;

padding
20px 0;

text-align
center;

line-height
normal;

color
#B5ADA5;

}

#footer a {

color
#B5ADA5;

}