/*
Theme Name: Links
Theme URI: 
Description: 
Version: 1.0
Author: John Warne
Author URI: 
Tags: 
*/

@import "style/css/typography.css";
@import "style/css/layout.css";

html { background: url(img/bg.png) repeat-x #fff fixed; font-family: Helvetica, Arial; color: #7c7c7c; }
#header { z-index: 10; background: url(img/header.png) top center no-repeat; height: 193px; position: fixed; width: 100%; text-align: center; top: 0; }
#wrapper { width: 900px; margin: 0 auto; padding: 208px 0 0 64px; }
#sidebar { float: left; width: 280px; font-size: 11px; text-align: center; margin: -18px 0 0 -12px; position: fixed; }
#sidebar h2 { font-size: 18px; font-weight: bold; background: url(img/sidebar-h2.png) no-repeat top center; min-height: 45px; text-align: center; padding: 28px 0 0 0; color: #7c7c7c; }
#sidebar ul { margin: 0; line-height: 1.1em; list-style-type: none; padding: 0 0 2em 0; }
#sidebar a:link { color: #7c7c7c; text-decoration: none; }
#sidebar a:hover { color: red !important; }
#sidebar a:visited { color: #7c7c7c; text-decoration: none; }
#sidebar ul li { padding: 0 0 .7em 0; }
.sidebar-header { font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 .5em 0; }
#content { float: right; width: 600px; }
h2 { font-size: 18px; color: red; text-align: center; font-weight: bold; padding: 0 20px 16px 20px; line-height: 1em; }
p { text-align: center; font-size: 12px; }
.post { background: url(img/post-top.png) top center no-repeat; width: 525px; text-align: center; padding: 20px 0 0 0; }
.post-bottom { background: url(img/post-bottom.png) top center no-repeat; width: 525px; height: 13px; padding: 0 0 20px 0; }
.post h2 { font-size: 18px; font-weight: bold; padding: 0 30px 16px 30px; line-height: 1em; }
.post h2 a { color: #7c7c7c; text-decoration: none; }
.post h2 a:hover { color: red !important; }
.post h2 a:visited { color: #7c7c7c; }
.post p { padding: 0 0 .8em 0; line-height: 1.4em; }
.post p a { color: red; text-decoration: none; }
.post p a:hover { color: red !important; }
.post p a:visited { color: red; }
.post ol li { font-size: 12px; padding: 0 0 .4em 0; line-height: 1.4em; }
.contenttext { width: 460px; margin: 0 auto; }
.top { z-index: 20; background: url(img/top-bg.png) repeat-x; height: 42px; width: 100%; position: fixed; display: none; padding: 8px 0 0 0; font-size: 12px; font-weight: bold; }
.trigger { position: relative; }
.post-ratings { padding: 4px 0 12px 0; }
.post-ratings-image { vertical-align: middle; }
#monthlyarchives { margin: -2px 0 0 0; }
em { font-size: 12px; font-style: italic; }

/*----------wp_pagenavi----------*/
.wp_pagenavi-wrapper { width: 525px; text-align: center; padding: 20px 0 0 0px; text-align: center; }
.wp-pagenavi { margin: 0 auto; width: auto; text-align: center; }
span.current { margin: 0 4px; display: inline; height: 1em; width: 1em; padding: 4px; }
.wp-pagenavi a { text-decoration: none; color: red; display: inline; height: 1em; width: 1em; padding: 4px; }
.wp-pagenavi .first { margin: 0 4px; display: inline; height: 1em; padding: 4px; }
.wp-pagenavi .page { margin: 0 4px; height: 1em; width: 2em; padding: 4px 0px 4px 1px; text-align: center; }
.wp-pagenavi .page a { border: 1px solid red; margin: -1px 2px 0 2px; display: block !important; height: 1em; width: 1em; padding: 4px; }
.wp-pagenavi a.page:hover { background: red; color: white; }
.wp-pagenavi a.previouspostslink { margin: 0 4px; display: inline; height: 1em; width: 1em; padding: 4px; }
.wp-pagenavi a.nextpostslink { margin: 0 4px; display: inline; height: 1em; width: 1em; padding: 4px; }
.wp-pagenavi .extend { display: inline; height: 1em; width: 1em; margin: 1px 0 0 0; }
.wp-pagenavi .last { margin: 0 4px; display: inline; height: 1em; padding: 4px; }