/*
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based Wordpress theme of your own.
Author: Monkey Do!
Author URI: http://monkeydo.biz
Version: 1
*/
/*
HTML5 Reset Wordpress Theme :: style.css
----------------------------------------------------------
We have learned much from/been inspired by/taken code where offered from:
Eric Meyer :: http://ericmeyer.com
HTML5 Doctor :: http://html5doctor.com
and the HTML5 Boilerplate :: http://html5boilerplate.com
Special thanks: The Wordpress theme owes its start to an empty theme authored
by Chris Coyier & Jeff Starr: http://digwp.com
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
div, p {
padding: auto;
margin: auto;
}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
/* Responsive images and other embedded objects
Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers.
There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}
/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}
/* we use a lot of ULs that aren't bulleted.
don't forget to restore the bullets within content. */
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 0px; border: 0; border-top: 1px solid #555; border-bottom: 1px solid #bbb; margin: 1em 0; padding:0;}
input, select {vertical-align: middle;}
pre {
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
/* Accessible focus treatment
people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}
/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}
/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}
/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.alignleft {float:left;}
.alignright {float:right;}
hr {clear:both;}
.clear {height:0; margin:0; padding:0; clear:both;}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Georgia, serif;}
/* using local fonts? make sure to read up on Paul Irish's
Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */
/* we like off-black for text */
body, select, input, textarea {color: #333;}
a {color: #03f;}
a:hover {color: #69f;}
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #800000; color: #fff; text-shadow: none;}
::selection {background: #800000; color: #fff; text-shadow: none;}
/* j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #800000;}
ins {background-color: #800000; color: #000; text-decoration: none;}
mark {background-color: #800000; color: #000; font-style: italic; font-weight: bold;}
/* HTR Styles
-------------------------------------------------------------------------------*/
body {background:#800000;}
#page-wrap {width: 940px; margin: 0px auto; padding:10px; background:#fff;}
#header {margin:0; padding:5px; background:#800000; text-align:center;}
h1 {display:block; margin:0px; padding:0; text-align:center; font-size:18px;}
#navigation .menu-header ul {height:36px; margin:10px 0px; text-align:center; background:url(http://www.horsetrainingresources.com/wp-content/uploads/2011/07/htrmenu.png) left top repeat-x;}
#navigation .menu-header ul li {display:inline;}
#navigation .menu-header ul li a {display:block; margin:0; padding:0px 7px; height:36px; border-left:1px solid #777; color:#fff; text-shadow:1px 1px 3px #444; text-decoration:none; line-height:36px; float:left; background:url(http://www.horsetrainingresources.com/wp-content/uploads/2011/07/htrmenu.png) left top repeat-x;/* font-size: 12px;*/}
#navigation .menu-header ul li a:hover {background-position:left bottom;}
#navigation .menu-header ul li:first-child a {padding-left:11px; border:0;}
#sidebar .menu-sidebar ul {text-align:center;}
#sidebar .menu-sidebar ul li {margin:0px 0px 10px;}
#sidebar .menu-sidebar ul li a {font-weight:bold;}
section {clear: left; width:700px; float:left;}
article {width:700px; clear:both;}
article p {padding-bottom:15px;}
#sidebar {width:200px; padding:10px; background:#eee; float:right;}
#sidebar2 {width:200px; padding:7px;
float:right; border: 3px solid #e0b5b5;
background-color: #ecdada;
}
#sidebar li {list-style-type:none;}
#sidebar2 .button1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 700;
color: #800000;
padding: 7px 12px;
background: -moz-linear-gradient(
top,
#ffe8af 0%,
#ffdd8f 50%,
#ffc43b 50%,
#c5972b);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ffe8af),
color-stop(0.50, #ffdd8f),
color-stop(0.50, #ffc43b),
to(#c5972b));
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #800000;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.4),
inset 0px 0px 4px rgba(255,255,255,0.5);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.4),
inset 0px 0px 4px rgba(255,255,255,0.5);
text-shadow:
0px -1px 0px rgba(000,000,000,0.1),
0px 1px 1px rgba(255,255,255,0.8);
}
#sidebar2 .button2 {color: #fff; padding: 7px 12px; text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0 2px 0 rgba(237, 7, 7, 0.15), inset 0px 0px 4px rgba(255,255,255,0.5); -webkit-box-shadow: 0 2px 0 rgba(237, 7, 7, 0.15), inset 0px 0px 4px rgba(255,255,255,0.5); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42); font: bold 13px Arial, Helvetica, sans-serif; background-image: -webkit-gradient(linear, left top, left bottom, from(#cc0c0c), color-stop(0.488, #f14b4b), color-stop(0.494, #e12221), to(#ed2222)); background-image: -moz-linear-gradient(top, #cc0c0c 0%, #f14b4b 48.8%, #e12221 49.4%, #ed2222 100%); display: block;}
#sidebar2 a {
text-decoration: none;
}
.post {}
.entry ul, .entry-content ul {list-style-type:disc;}
.entry ul li, .entry-content ul li {margin-left:15%;}
ol {margin-left:10%;}
.imgbdr {border:3px solid #800000;}
.imgbdr_blk {border:3px solid #000000;}
.redgrid {width:95%; margin:10px auto; border-top:3px solid #EBB9B2; border-left:3px solid #EBB9B2; border-right:3px solid #680D00; border-bottom:3px solid #680D00;}
.redgrid_left {float:left; padding:5px; border-right:1px solid #EBB9B2;}
.redgrid_right {float:right; padding:5px;}
.graygrid {width:95%; margin:10px auto; border-top:3px solid #c8c8c8; border-left:3px solid #c8c8c8; border-right:3px solid #474747; border-bottom:3px solid #474747;}
.graygrid_left {width:35%; float:left; padding:1%; border-right:1px solid #d8d8d8;}
.graygrid_right {width:58%; float:right; padding:1%;}
.graytable {border-top:3px solid #c8c8c8; border-left:3px solid #c8c8c8; border-right:3px solid #474747; border-bottom:3px solid #474747;}
.graygrid_left .button1 {width: 75px; margin: 0px 7px 7px; padding: 8px 12px; text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0 2px 0 rgba(201, 165, 77, 0.21), inset 0px 0px 4px rgba(255,255,255,0.5); -webkit-box-shadow: 0 2px 0 rgba(201, 165, 77, 0.21), inset 0px 0px 4px rgba(255,255,255,0.5); text-shadow: 0px -1px 0px rgba(000,000,000,0.1), 0px 1px 1px rgba(255,255,255,0.8); font: 700 13px Arial, Helvetica, sans-serif; float: left; background-image: -moz-linear-gradient(top, #fdc234 0%, #fad475 49.3%, #fbc33e 49.5%, #fbd371 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fdc234), color-stop(0.493, #fad475), color-stop(0.495, #fbc33e), to(#fbd371)); color: #4a3d20; display: block;}
.graygrid_left .button1:hover {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; cursor: pointer; background: -moz-linear-gradient(top, #f9cf6f 9.9%, #f6c95e 48.2%, #f6be3c 48.8%, #ffdd8f 100%) #a11818; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.099, #f9cf6f), color-stop(0.482, #f6c95e), color-stop(0.488, #f6be3c), to(#ffdd8f)) #a11818; color: #272020; -moz-box-shadow: 0 2px 0 rgba(218, 169, 50, 0.24), inset 0px 0px 4px rgba(255,255,255,0.5); -webkit-box-shadow: 0 2px 0 rgba(218, 169, 50, 0.24), inset 0px 0px 4px rgba(255,255,255,0.5);}
.graygrid_left .button2 {width: 75px; color: #ececec; margin: 0px 7px 7px; padding: 8px 12px; text-align: center; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0 2px 0 rgba(237, 7, 7, 0.15), inset 0px 0px 4px rgba(255,255,255,0.5); -webkit-box-shadow: 0 2px 0 rgba(237, 7, 7, 0.15), inset 0px 0px 4px rgba(255,255,255,0.5); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42); font: bold 13px Arial, Helvetica, sans-serif; background-image: -webkit-gradient(linear, left top, left bottom, from(#cc0c0c), color-stop(0.488, #f14b4b), color-stop(0.494, #e12221), to(#ed2222)); background-image: -moz-linear-gradient(top, #cc0c0c 0%, #f14b4b 48.8%, #e12221 49.4%, #ed2222 100%); float: right; display: block;}
.graygrid_left .button2:hover {color: #ffffff; cursor: pointer; -moz-box-shadow: 0 2px 0 rgba(211, 30, 30, 0.2), inset 0px 0px 4px rgba(255,255,255,0.5); -webkit-box-shadow: 0 2px 0 rgba(211, 30, 30, 0.2), inset 0px 0px 4px rgba(255,255,255,0.5); background: -moz-linear-gradient(top, #f45d5d 16.7%, #f96665 49.4%, #f84c4b 50%, #fc8282 100%) #500202; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.167, #f45d5d), color-stop(0.494, #f96665), color-stop(0.5, #f84c4b), to(#fc8282)) #500202;}
.graygrid_left .button1, .graygrid_left .button2 {
text-decoration: none;
}
.cutout {width:96%; margin:10px auto; padding:15px 10px; background:#DBE9F0; border:3px dashed #111; text-align:center;}
.note {width:95%; margin:10px auto; padding:5px; background:#FFFFE8; border-top:3px solid #d8d8d8; border-left:3px solid #d8d8d8; border-right:3px solid #474747; border-bottom:3px solid #474747;}
.note2 {width:95%; margin:10px auto; padding:5px; background:#FFFFC0; border-top:3px solid #d8d8d8; border-left:3px solid #d8d8d8; border-right:3px solid #474747; border-bottom:3px solid #474747;}
.quote {width:95%; margin:10px auto; padding:5px; background:#E8FFE8; border-top:3px solid #bbb; border-left:3px solid #aaa; border-right:3px solid #555; border-bottom:3px solid #444;}
.center {text-align:center;}
.quote div {display:block; margin:0px 0px 5px; font-weight:bold; text-align:center;}
.quote_red {width:80%; margin:10px auto; padding:5px; background:#FFFF78; border-top:3px solid #FFBEBE; border-left:3px solid #FFBEBE; border-right:3px solid #8D1616; border-bottom:3px solid #8D1616;}
.entry-content {}
.entry-content a {}
.entry-content a:hover {}
#meta {}
.postmetadata {}
.navgation {}
.next-posts {}
.prev-posts {}
#searchform {}
#s {}
#searchsubmt {}
#footer {padding-top:50px; text-align:center; font-weight:bold; font-size:medium; clear:both;}
.menu-footer ul {width:60%; margin:0 auto;}
.menu-footer ul li {display:inline; margin:0 3px;}
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
ul, ol {margin-bottom:15px;}
/* -_- */
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
}
/* Media queries!
-------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
}
@media all and (orientation: portrait) {
}
@media all and (orientation: landscape) {
}
tlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
ul, ol {margin-bottom:15px;}
/* -_- */
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
}
/* Media queries!
-------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
}
@media all and (orientation: portrait) {
}
@media all and (orientation: landscape) {
}