Heres my current stylesheet.
[ Moderator Note: Please post code or markup snippets between backticks or use the code button. Don’t use blockquote. ]
body{
font-family: 'Lato', sans-serif;
font-size: 13px;
font-style: normal;
background-color: #e6e6e6;
}
h2{
font-size:24px;
font-weight:100;
margin-bottom:6px;
}
h3{
text-align:center;
font-size:27px;
font-weight:100;
margin-bottom:6px;
margin-top:0px;
}
h4{
font-size:10px;
font-weight:300;
}
.entry-content{
}
/*
Header and Nav
*/
#header{
width:960px;
height:auto;
margin:0px auto 0px auto;
}
#logo{
position:relative;
float:left;
}
#logo img{
width:120px;
height:auto;
}
#navs {
position:relative;
float:right;
margin-top:30px;
width:586px;
}
#nav li{
display:inline;
}
#nav li a {
font-size:20px;
text-decoration: none;
float:left;
margin-right:50px;
color:#ec1c24;
}
#nav li a:hover {
color:#ec1c24;
-moz-box-shadow: 0px -50px 0px #ec1c24; width:auto; height:5px;
-webkit-box-shadow: 0px -50px 0px #ec1c24; width:auto; height:5px;
box-shadow: 0px -50px 0px #ec1c24; width:auto; height:5px;
}
#here{
-moz-box-shadow: 0px -74px 0px #ec1c24; width:auto; height:5px;
-webkit-box-shadow: 0px -74px 0px #ec1c24; width:auto; height:5px;
box-shadow: 0px -74px 0px #ec1c24; width:auto; height:5px;
}
/*
Slideshow
*/
#slideshow{
width:1000px;
height:auto;
margin:0px auto 0px auto;
}
#slides {
position:relative;
float:left;
clear:both;
top:-20px;
left:0px;
z-index:-1;
}
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
.slides_container {
width:1000px;
overflow:hidden;
position:relative;
display:none;
}
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
.slides_container a {
width:1000px;
height:474px;
}
/*
Pagination
*/
.pagination {
margin:8px auto 0;
width:100px;
}
.pagination li {
float:left;
margin:0 1px;
list-style:none;
}
.pagination li a {
display:block;
width:12px;
height:0;
padding-top:12px;
background-image:url(../img/pagination.png);
background-position:0 0;
float:left;
overflow:hidden;
}
.pagination li.current a {
background-position:0 -12px;
}
/*
Home Page Content
*/
#content{
position:relative;
width:960px;
height:auto;
margin:0px auto 0px auto;
font-weight:300;
}
#web img{
display: block;
margin-left: auto;
margin-right: auto
}
#web{
position:relative;
float:left;
width:200px;
margin:0 90px 0 90px;
padding-top:50px;
}
#print img{
display: block;
margin-left: auto;
margin-right: auto
}
#print{
position:relative;
float:left;
width:200px;
margin:0 90px 0 0;
padding-top:50px;
}
#branding img{
display: block;
margin-left: auto;
margin-right: auto
}
#branding{
position:relative;
float:left;
width:200px;
margin:0 90px 0 0;
padding-top:50px;
}
/*
Footer
*/
#footerContainer{
background-color:#ec1c24;
width:100%;
height:auto;
position:relative;
float:left;
clear:both;
margin-top:70px;
}
#footer{
width:960px;
height:200px;
margin:0px auto 0px auto;
color:#e6e6e6;
font-weight:300;
margin-bottom:300px;
}
#about{
position:relative;
float:left;
width:200px;
margin:0 90px 0 90px;
padding-top:50px;
}
#tweet{
position:relative;
float:left;
width:200px;
margin:0 90px 0 0;
padding-top:50px;
}
#follow{
position:relative;
float:left;
width:200px;
margin:0 90px 0 0;
padding-top:50px;
}