User:Magnipica/vector.css

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

/* Elements */

body { background: #EFA389; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: small; color: #7A2B39; }

h1 { }

h2, h3 { margin-top: 0px; }

h4, h5, h6 { }

p, ol, ul, dl, blockquote { }

a { color: #7A2B39; }

a:hover { text-decoration: none; } /* Backgrounds */

.bg1 { background: url(images/img1.gif) no-repeat; height: 150px; } .bg2 { background: url(images/img2.gif) repeat-y center top; } .bg3 { background: url(images/img3.gif) no-repeat center top; }

/* Header */

width: 500px; height: 60px; margin: 0px auto; }
 * 1) header {

float: left; margin: 0px; padding-top: 20px; font-size: 40px; letter-spacing: -1px; }
 * 1) header h1 {

float: right; margin: 0px; padding-top: 36px; font-size: 15px;
 * 1) header h2 {

}

text-decoration: none; color: #823C49; }
 * 1) header a {

/* Menu */

width: 600px; }
 * 1) menu {

margin: 0px 0px 0px 0px; padding: 70px 0px 0px 150px; list-style: none; font-size: 17px; text-transform: lowercase; }
 * 1) menu ul {

display: inline; }
 * 1) menu li {

display: block; float: left; padding: 10px 10px 10px 10px; text-align: center; text-decoration: none; color: #EFA389; }
 * 1) menu a {

color: #D46573; }
 * 1) menu a:hover {

width: 700px; height: 150px; margin: 0px auto; background: url(images/img1.gif) no-repeat; }
 * 1) wrapper {

/* Post */

.latest-post { padding: 0px 2em 1em 3em; }

.latest-post h2 { font-size: 1.6em; color: #F7B0BC; }

.post { padding: 2em 2em 1em 3em; border-top: 1px dashed #823D47; }

.post h3 { margin-bottom: .5em; font-size: 1.2em; color: #F7B0BC; }

.file * { color: #E3A1AD; }

/* Content */

width: 440px; margin: 0px auto; padding: 20px 0px 0px 20px; }
 * 1) content {

/* Footer */

width: 700px; background: url(images/img3.gif) no-repeat; height: 71px; margin: 0px auto; padding: 3px 0px; }
 * 1) footer {

margin: 0px; padding-top: 40px; font-size: 10px; text-align: center; }
 * 1) footer p {

color: #990000; }
 * 1) footer a {