Ripe

CSS do Site

body {

margin
0;

padding
0;

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

font-family
"Trebuchet MS", 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
"Trebuchet MS", 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;

margin
0 auto;

border-left
10px solid #FFFFFF;

border-right
10px solid #FFFFFF;

border-top
10px solid #FFFFFF;

}

#header {

width
880px;

height
76px;

margin
0 auto;

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

}

/* Menu */

#menu {

float
left;

width
740px;

height
51px;

}

#menu ul {

margin
0;

padding
25px 0 0 10px;

list-style
none;

line-height
normal;

}

#menu li {

display
block;

float
left;

}

#menu a {

display
block;

float
left;

margin-right
17px;

padding
5px 12px;

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;

}

/* Search */

#search {

float
right;

width
305px;

height
76px;

}

#search form {

float
right;

margin
0;

padding
30px 20px 0 0;

}

#search fieldset {

margin
0;

padding
0;

border
none;

}

#search input {

float
left;

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

border
none;

}

#search-text {

width
135px;

height
18px;

padding
3px 0 0 5px;

background
#ECF9E4;

color
#658453;

}

#search-submit {

height
21px;

margin-left
12px;

color
#39561D;

}

/* 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
250px;

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

}

#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(img04.jpg) no-repeat left top;

font-size
18px;

color
#FFFFFF;

}

#sidebar p {

line-height
200%;

}

/* Calendar */

#calendar {

}

#calendar caption {

padding-bottom
5px;

font-weight
bold;

}

#calendar table {

width
100%;

border-collapse
collapse;

border-right
1px solid #F5F2EF;

}

#calendar thead th {

padding
5px 0;

text-align
center;

border-top
1px solid #F5F2EF;

border-left
1px solid #F5F2EF;

background
#F5F2EF;

}

#calendar tbody td {

padding
5px 0;

text-align
center;

border-top
1px solid #F5F2EF;

border-left
1px solid #F5F2EF;

}

#calendar tfoot td {

padding
5px;

}

#calendar tfoot #next {

text-align
right;

}

#calendar #today {

background
#E7F1E1;

}

/* 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;

}