html, body { margin: 0; padding: 0; }
body {
background: #000 url(body-bg.jpg) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
padding: 15px 0px;
}
body * {margin: 0px; padding: 0px;}
p {
padding: 10px 0px;
margin: 0px;
}
p, ul, ol, blockquote {color: #333;}
/*********************************************
Link Styles
*********************************************/
a {
color: #669933;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: green;
}
/*********************************************
Horizontal Navigaion Styles
*********************************************/
#menu {
float: right;
font-size: 14px;
width: 660px; height: 24px;
margin: 30px 0px 0px 0px; padding: 0px;
letter-spacing: 1px;
text-transform: lowercase;
position: relative;
z-index: 100;
}
/* This is the style for the first UL (the grey) */
#menu ul {
float: right;
background: transparent;
height: 30px; line-height: 30px;
margin: 0px; padding: 0px;
}
/* This is the style for the top level list items */
#menu ul li {
width: auto;
display: block;
float: left;
list-style-type: none;
height: 30px; line-height: 30px;
margin: 0px; padding: 0px;
}
#menu ul li.home {
background: none;
}
/* The style for all links */
#menu a {
color: #41383C;
text-decoration: none;
font-weight: bold;
}
/* The hover state colors and background for all LI items and links */
#menu li:hover,
#menu li:hover a,
#menu li.sfhover,
#menu li.sfhover a,
#menu li a:hover {
color: #333;
text-decoration: none;
}
/* This is the style for the top level links */
#menu ul li a {
display: block;
height: 30px; line-height: 30px;
margin: 0px; padding: 0px 10px;
text-decoration: none;
}
/* if you want to set a "current page item" style, do it here */
#menu ul li.current_page_item a {
}
/******************************
The second-level stuff
*******************************/
/* This hides the nested UL before you hover */
#menu li ul {
clear: both;
position: absolute;
width: 132px;
left: -999em;
}
/* This shows the nested UL when you hover */
#menu li:hover ul,
#menu li.sfhover ul {
left: auto;
display: block;
z-index: 1000;
}
/* This is the style for the nested UL */
#menu li:hover ul, #menu li.sfhover ul {
background: transparent;
display: block;
border-top: 1px solid #FFF;
margin: 0px; padding: 0px;
}
/* This is the style for the LI items within the nested UL */
#menu li:hover ul li,
#menu li.sfhover ul li {
background: transparent;
width: 130px;
display: block;
padding: 0px; margin: 0px;
height: 25px; line-height: 25px;
overflow: hidden;
text-align: left;
border: 1px solid #FFF;
border-top: none;
}
/* This is the style for the links within the LI items within the nested UL */
#menu li:hover ul li a,
#menu li:hover ul li.current_page_item a,
#menu li.sfhover ul li a,
#menu li.sfhover ul li.current_page_item a {
background: #669933;
width: 120px;
display: block;
margin: 0px; padding: 0px 5px;
height: 25px; line-height: 25px;
border: none;
color: #FFF;
font-weight: bold;
}
/* This is the style for the hover state on the links within the LI items within the nested UL */
#menu li:hover ul li a:hover,
#menu li.sfhover ul li a:hover {
color: #000;
background: #FFF;
text-decoration: none;
margin: 0px; padding: 0px 5px;
height: 25px; line-height: 25px;
font-weight: bold;
}
/*********************************************
Header Styles
*********************************************/
h1 { /* This style used as title on single posts and pages */
font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
font-size: 14px; line-height: 46px;
text-transform: uppercase;
margin: 0px 0px 10px 0px; padding: 0px 15px;
color: #C0C0C0;
background: #000 url('http://footballboots101.com/filmstrip.gif');
}
h2 { /* This style used as header in the sidebars */
background: #333;
font-size: 15px;
color: #FFF;
font-family: Helvetica, Arial, Sans-Serif;
margin: 0px 0px 10px 0px;
padding: 5px;
font-weight: normal;
}
h3 { /* This style used as the post titles on homepage/archive */
font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
font-size: 18px; line-height: 18px;
margin: 0px; padding: 0px 0px 10px 0px;
color: #669933;
}
/*********************************************
Top3 Styles
*********************************************/
#top3 {
margin: 0px; padding: 15px 10px 25px 10px;
width: 960px;
}
#top3 .post {
display: block; float: left;
margin: 0px 5px; padding: 15px;
width: 278px; height: 270px;
overflow: hidden;
border: 1px solid #ACACAC;
background: #FFF;
display: inline;
}
#top3 .post h3 {
font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
font-size: 16px; line-height: 18px;
margin: 0px; padding: 0px 0px 10px 0px;
color: #747474;
}
#top3 .post h3 a {
color: #747474;
text-decoration: none;
}
#top3 .post img {
width: 278px;
margin: 0px; padding: 0px 0px 10px 0px;
}
#top3 .post p {
margin: 0px; padding: 0px;
font-size: 11px;
color: #747474;
}
/*********************************************
bottom3 Styles
*********************************************/
#bottom3 {
margin: 0px; padding: 15px 10px 25px 10px;
width: 960px;
}
#bottom3 .post {
display: block; float: left;
margin: 0px 5px; padding: 15px;
width: 278px; height: 270px;
overflow: hidden;
border: 1px solid #ACACAC;
background: #FFF;
display: inline;
}
#bottom3 .post h3 {
font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
font-size: 16px; line-height: 18px;
margin: 0px; padding: 0px 0px 10px 0px;
color: #747474;
}
#bottom3 .post h3 a {
color: #747474;
text-decoration: none;
}
#bottom3 .post img {
width: 278px;
margin: 0px; padding: 0px 0px 10px 0px;
}
#bottom3 .post p {
margin: 0px; padding: 0px;
font-size: 11px;
color: #747474;
}
#bottom li {
list-style-type: square;
font-size: 10px;
}
#bottom td {
font-size: 10px;
}
#bottom p {
text-align: center;
font-size: 10px;
}
#middle .left {
width: 625px;
}
#middle .right {
padding:20px;
background-image: url('http://footballboots101.com/side-bg.gif');
}
#middle .right div p {
color: #C3C3C3;
}
#main .left {
background-image: url('http://footballboots101.com/left-column-bg.gif');
background-repeat: repeat-y;
bgcolor: white;
padding:25px 50px;
text-align: justify;
width: 525px;
vertical-align: top;
}
#main .left.content {
width: 475px;
}
#main .left.title {
width: 495px;
height: 46px;
background-image: url('http://footballboots101.com/filmstrip.gif');
background-repeat: repeat;
color: #C0C0C0;
font-family: 'Arial Black', Arial, Helvetica, sans-serif;
font-size: 14px;
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
#main .right {
background-image: url('http://footballboots101.com/right-column-bg.gif');
background-repeat: repeat-y;
padding: 0px;
vertical-align: top;
}
#main .right p {
padding: 5px 35px;
}