/*
Theme Name: The Run Up
Theme URI: http://www.erikmitchel.net
Description: A magazine style blog theme.
Version: 1.2
Author: Erik Mitchell
Author URI: http://www.erikmitchell.net
*/

* {
margin : 0;
padding : 0;
}
body {
background : #a8a8a8;
font-size : 75%;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#wrap {
margin : 0 auto;
width : 900px;
background : #fff;
border : 1px solid #000;
}
#main {
width : 680px;
float : left;
padding : 10px;
}
.footer {
background : #545454;
clear : both;
padding : 5px;
font-size : 75%;
color : #fff;
}
.footer a:link, .footer a:visited {
color : #fff;
text-decoration : none;
}
.footer a:hover, .footer a:active, .footer a:focus {
text-decoration : underline;
}
h1, h2, h3, h4, h5, h6 {
font-family : Georgia, "Times New Roman", Times, serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight : normal;
color : #111;
}
h1 {
font-size : 3em;
line-height : 1;
margin-bottom : 0.5em;
}
h2 {
font-size : 2em;
margin-bottom : 0.75em;
}
h3 {
font-size : 1.5em;
line-height : 1;
margin-bottom : 1em;
}
h4 {
font-size : 1.2em;
line-height : 1.25;
margin-bottom : 1.25em;
height : 1.25em;
}
h5 {
font-size : 1em;
font-weight : bold;
margin-bottom : 1.5em;
}
h6 {
font-size : 1em;
font-weight : bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin : 0;
}
p {
margin : 0 0 1.5em;
}
li ul, li ol {
margin : 0 1.5em;
}
ul, ol {
margin : 0 1.5em 1.5em 1.5em;
}
h1#header {
margin-bottom : 20px;
}
.breaking {
padding : 10px;
margin-bottom : 15px;
width : 660px;
border : 1px solid #3d3d3d;
}
.recent {
float : left;
width : 313px;
padding : 10px;
margin : 5px;
margin-right : 0;
border : 1px solid #3d3d3d;
}
.postimg {
float : right;
width : 200px;
height : 200px;
padding-bottom : 10px;
}
.postimg-s {
float : right;
width : 50px;
height : 50px;
padding-bottom : 10px;
}
.breaking h2 {
font-size : 2em;
line-height : 1em;
margin-bottom : 0;
}
.recent h3 {
font-size : 1.25em;
}
.breaking h2 a, .recent h3 a {
text-decoration : none;
color : #3d3d3d;
}
.breaking h2 a:hover, .recent h3 a:hover {
text-decoration : underline;
}
p.datetime {
font-style : italic;
font-size : 0.9em;
}
.postmeta {
margin : -10px;
padding : 4px;
background-color : #dedbd1;
clear : both;
}
.postmeta p {
margin : 0;
padding-left : 6px;
text-transform : uppercase;
font-weight : bold;
}
.postmeta span.comm {
font-weight : normal;
}
.postmeta a:link, .postmeta a:visited {
color : #3d3d3d;
text-decoration : none;
}
.postmeta a:hover, .postmeta a:active {
text-decoration : underline;
}
#sidebar {
float : right;
width : 200px;
overflow : hidden;
padding-bottom : 5px;
}
#sidebar ul {
margin : 0;
}
#sidebar ul li {
list-style : none;
margin-left : 0;
margin-bottom : 25px;
}
li h3 {
font-size : 1.3em;
line-height : 1.4em;
margin : 5px 0 5px 0;
}
.beer-otw {
margin : 10px;
padding : 0;
padding-top : 10px;
padding-bottom : 10px;
text-align : center;
background : #fbb117;
width : 180px;
}
.beer-otw h1 {
font-size : 1.8em;
}
.beer-otw h2 {
font-size : 1.5em;
}
.beer-otw h3 {
font-size : 1em;
}
.search-form {
margin : 10px;
padding : 0;
width : 180px;
height : 30px;
text-align : center;
background : url('images/search.gif') no-repeat 0 0;
}
.search-form #s {
padding : 0;
margin : 10px 0 0 10px;
border : 0;
width : 160px;
background : none;
}
.search-form input {
color : #000;
}
a img {
border : none;
}
.archive-recent h2 {
padding : 10px;
font-size : 2em;
}
.archive-recent li {
list-style-type : circle;
}
.archive-recent li a {
color : #000;
text-decoration : none;
}
.archive-recent li a:hover {
color : #000;
text-decoration : underline;
}
.archives h2 {
padding : 10px;
font-size : 2em;
}
.archives li {
list-style-type : circle;
}
.wp-pagenavi {
float : right;
}
.wp-pagenavi a, .wp-pagenavi a:link {
padding : 2px 4px 2px 4px;
margin : 2px;
text-decoration : none;
border : 1px solid #0066cc;
color : #0066cc;
background-color : #ffffff;
}
.wp-pagenavi a:visited {
padding : 2px 4px 2px 4px;
margin : 2px;
text-decoration : none;
border : 1px solid #0066cc;
color : #0066cc;
background-color : #ffffff;
}
.wp-pagenavi a:hover {
border : 1px solid #000000;
color : #000000;
background-color : #ffffff;
}
.wp-pagenavi a:active {
padding : 2px 4px 2px 4px;
margin : 2px;
text-decoration : none;
border : 1px solid #0066cc;
color : #0066cc;
background-color : #ffffff;
}
.wp-pagenavi span.pages {
padding : 2px 4px 2px 4px;
margin : 2px 2px 2px 2px;
color : #000000;
border : 1px solid #000000;
background-color : #ffffff;
}
.wp-pagenavi span.current {
padding : 2px 4px 2px 4px;
margin : 2px;
font-weight : bold;
border : 1px solid #000000;
color : #000000;
background-color : #ffffff;
}
.wp-pagenavi span.extend {
padding : 2px 4px 2px 4px;
margin : 2px;
border : 1px solid #000000;
color : #000000;
background-color : #ffffff;
}
a.main-all {
float : right;
text-decoration : none;
}
a:hover.main-all {
text-decoration : underline;
}
#four-o-four-image {
float : left;
background : url('images/404.jpg') no-repeat;
width : 300px;
height : 411px;
}
#four-o-four-text {
float : right;
}
#top-info {
float : left;
padding-left : 30px;
}
#top-info a {
color : #fff;
line-height : 25px;
font-size : 1em;
font-weight : bold;
}
#top-info a:hover, #top-info a:active, #top-info a:focus {
text-decoration : none;
}
h4#comments {
clear : both;
margin : 45px 0 5px 0;
}
.commentlist li {
font-size : inherit;
}
.commentlist li .avatar {
float : right;
}
.commentlist cite {
font-weight : bold;
font-style : normal;
font-size : 0.95em;
}
.commentlist p {
font-size : 0.8em;
font-weight : normal;
line-height : 1.5em;
margin : 10px 5px 10px 0;
text-transform : none;
}
.commentmetadata {
display : block;
font-size : 0.8em;
font-weight : normal;
line-height : 1.1em;
margin : 0;
}
.commentlist .reply {
font-size : 0.8em;
font-weight : bold;
}
.commentlist {
margin : 0 0 20px 0;
}
.commentlist li {
margin : 15px 0 10px;
padding : 10px;
list-style : none;
}
.commentlist li ul li {
margin-right : -5px;
margin-left : 10px;
}
.comms-navigation, .navigation {
clear : both;
display : block;
margin-bottom : 20px;
overflow : hidden;
}
.children {
padding : 0;
}
.nocomments {
text-align : center;
margin : 0;
padding : 0;
}
#respond h4 {
clear : both;
margin : 45px 0 10px 0;
}
form p {
padding-bottom : 10px;
margin : 5px 0;
}
form p label[for="comment"] {
vertical-align : top;
}
input, textarea {
padding : 3px;
}
textarea {
font-family : Arial, Helvetica, sans-serif;
font-size : 0.9em;
overflow : auto;
width : 320px;
}
input#submit {
padding : 5px 3px;
}
#form-wrap {
margin : 0 auto;
border : 0 solid #000;
width : 570px;
padding : 15px;
overflow : hidden;
}
#form-left {
float : left;
width : 200px;
}
#form-right {
float : right;
width : auto;
}
a:link, a:visited {
color : #000;
text-decoration : none;
}
a:hover, a:active, a:focus {
text-decoration : underline;
}
#header {
height : 175px;
}
#header_top {
background : #000;
color : #fff;
height : 25px;
}
#header_middle {
background-image : url('images/header_mid_bg.png');
height : 125px;
}
#header_bottom {
background : #545454;
height : 25px;
}
#title {
padding : 40px;
padding-top : 25px;
text-align : center;
float : right;
}
img.title {
float : left;
text-align : center;
padding-left : 40px;
}
#nav {
padding-right : 30px;
float : right;
}
#nav ul {
margin : 0;
}
#nav ul li {
line-height : 25px;
display : inline;
font-size : 1em;
margin-right : 25px;
}
#nav ul li a:link, #nav ul li a:visited {
display : inline-block;
font-weight : bold;
text-decoration : none;
color : #fff;
}
#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus {
outline : none;
}
#bottom-nav {
float : left;
padding-left : 30px;
}
#bottom-nav ul {
margin : 0;
}
#bottom-nav ul li {
line-height : 25px;
display : inline;
font-size : 1em;
margin-right : 25px;
}
#bottom-nav ul li a:link, #bottom-nav ul li a:visited {
display : inline-block;
font-weight : bold;
text-decoration : none;
color : #fff;
}
#bottom-nav ul li a:hover, #bottom-nav ul li a:active, #bottom-nav ul li a:focus {
outline : none;
}