Ripe

CSS do Site

/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */

body {

margin
0;
padding
0;
background
#000000 url(images/img03.jpg) repeat-x left top;
font-family
"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size
13px;
color
#999;
}

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
14px;
}

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(images/img06.jpg) repeat-x left bottom;
}

/* Header */

#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-color
#608F30;
background-image
url(images/img02.jpg);
background-repeat
no-repeat;
background-position
left top;
}

/* Menu */

#menu {

float
left;
width
540px;
height
51px;
}

#menu ul {

margin
0;
list-style
none;
line-height
normal;
padding-top
25px;
padding-right
0;
padding-bottom
0;
padding-left
20px;
width
auto;
height
50px;
}

#menu li {

display
block;
float
left;
}

#menu a {

display
block;
float
left;
margin-right
17px;
text-decoration
none;
font
14px Georgia, "Times New Roman", Times, serif;
color
#FFFFFF;
padding-top
5px;
padding-right
12px;
padding-bottom
5px;
padding-left
12px;
width
50px;
}

#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-image
none;
background-repeat
no-repeat;
background-position
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;
}

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

/* Content */

#content {

float
left;
width
570px;
}

/* Post */

.post {

margin-bottom
25px;
}

.post .title {

height
55px;
margin-bottom
3px;
padding
19px 0px 2px 20px;
background
url(images/img07.jpg) no-repeat left top;
color
#000000;
}

.post .date {

float
right;
margin-top
-60px;
padding-right
40px;
font-weight
bold;
font-size
14px;
color
#333333;
}

.post .meta {

margin
-40px 0 3px 25px;
padding
2px 30px 2px 0px;
font-family
Arial, Helvetica, sans-serif;
font-weight
normal;
font-size
10px;
color
#B6ACA2;
}

.post .meta a { color: #B6ACA2; }

.post .entry {

padding
25px 20px;
}

.post .links {

margin
0 250px 0 0;
padding
0 0 0 0px;
}

.post .links .comments { }

.post .links .permalink {

padding-left
17px;
}

/* 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(images/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(images/img05.jpg) no-repeat left top;
border-left
10px solid #FFFFFF;
border-right
10px solid #FFFFFF;
border-bottom
10px solid #FFFFFF;
}

#footer p {

margin
0;
padding
20px 0;
text-align
center;
line-height
normal;
color
#B5ADA5;
}

#footer a {

color
#B5ADA5;
}