/*  
Theme Name: Mane Top Stables
Theme URI: http://manetopstables.com
Author: Matt Busse

Description: ManeTopStables.com by Matt Busse: http://mattbusse.com

*/

/* CSS RESET */

*{margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 14px;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;color: #000;background: #fff;}
ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* STYLE */

html{height: 100%;margin-bottom: 0.1em;}
img{border: 0;}
p, span {font-size:1em;}
p{margin: 1em 0;}
dl{margin: 1em 0;}
dt{font-weight: bold;}
dd{margin: 0.5em;padding: 0;}
img.alignright, img.right{
  float: right;margin: 0 0 20px 20px
}
img.alignleft, img.left{
  float: left;margin: 0 20px 20px 0
}
hr{display: none;}
body
{
	background: #fff;
	color: #333;
	font-family:Arial, Geneva, Helvetica, Sans-serif; 
	font-size:14px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: center;
}
a{text-decoration: none;}
a:visited {color:#333;}
strong {font-weight:bold;}

/* These are all declared here in case we want to separate one out later */
a:link, a:active, #footer a, .about a:link, .about a:visited, .side1 a, .side2 a, .side1 ul li ul li a:link, .side1 ul li ul li a:visited,.side2 ul li ul li a:link, .side2 ul li ul li a:visited, .side1 ul li a:hover,.side2 ul li  a:hover,.side1 ul li ul li  a:hover,.side2 ul li ul li  a:hover, .side1 ul li ul li.current_page_item a,.side1 ul li ul li.current-cat a, .side2 ul li ul li.current-cat a, .post h2, .post h2 a:link, .post h2 a:visited, .date, p.meta, p.meta2, p.meta a:link, p.meta a:visited, p.meta2 a:link, p.meta2 a:visited, p.meta a:hover,p.meta2 a:hover, .entry a:link, .entry a:visited, .entry a:hover, .post p a:hover, .navigation a, h3#respond, h3#comments
{
	color: #980323; /* crimson in the MTS logo */
}

a:hover, #footer a:hover, .about a:hover, .side1 a:hover, .side2 a:hover, .side1 ul li a:hover,.side2 ul li a:hover, .side1 ul li ul li a:hover,.side2 ul li ul li a:hover, p.meta a:hover,p.meta2 a:hover, .entry a:hover, .post p a:hover, .textwidget a:hover, .commr a:hover, #sharethis_0 a:hover {
	color:#3AC52C; /* pink */
	background-color:#F7D4D4 !important; /* a nice pale green */
}

br.clear {clear: both;}

/* LAYOUT */
#top {
	background:#2E9B22 url(images/bg/bg-g-top.gif) 0 100% repeat-x;
	margin-bottom: 25px;
}
#page {
	text-align: left;
	width: 950px;
	border-top: none;
	margin: 0 auto;
	/* background: url(images/bg-gradient.gif) 0 bottom repeat-x; */
}

.page-content {
  padding-top:15px;
}

#headr {
	width: 950px;
	margin:0 auto;
	color: #C3EAFB;
	position: relative;
	text-align: left;
}
#header-graphic {
	text-indent:-9999em;
	width:100%;
	height:275px;
	background:#899395 url('images/mts-logo-1.jpg') scroll 50% 0 no-repeat;
	
}

#top-rss {
	position: absolute;
	right: 0;
	top: 0;
}
#top-img {
	width: 930px;
	margin: 20px auto;
	background: #F7FFFF;
	height: 90px;
	border: 10px solid #BBC5C6;
	display: none;
}
#headr #top-menu {
	position: absolute;
	right: 0;
	bottom: 0;
}
/* MENU */

ul#menuv {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}
ul#menuv li {
	float: left;
	margin-right: 4px;
}

ul#menuv li a {
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
ul#menuv li a {
	padding: 8px 12px;
	display: block;
	color: #42713E;
	background: #D7F7D4 url(images/bg/bg-g-menu.gif) top left repeat-x;
}
ul#menuv li a:hover {
	background-color: #f7d4d4 !important;
	color: #000 !important;
}
ul#menuv li.current_page_item a {
	background: #fff;
	color: #2E9B22;
	font-weight: bold;
}

#content-wrap {
	float: left;
	width: 100%;
}

.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu {
  line-height:  1.0;
  float:right;
  padding:0;
  z-index:500;
}
.sf-menu ul {
  background-color:#D7F7D4;
  border:1px solid #2E9B22;
  position: absolute;
  top: -999em;
  width: auto; /* left offset of submenus need to match (see below) */
  padding: 0; /* padding around all menu items collectively */
}
.sf-menu ul li {
  clear: both;
  margin-right:0 !important;
  width: auto;
}
.sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  display: inline;
  float: left;
  font-size: 20px;
  margin: 0px;
  position: relative;
  z-index: 500;
}
.sf-menu a {
  display: block;
  position: relative;
}

.sf-menu li a
{
  display:block;
  padding:15px;
  text-decoration:none;
  width:auto;
}

.sf-menu ul li a {
  background:#D7F7D4 !important;
  margin-left:0 !important;
  padding:10px 20px !important;
  width:180px; /* width of menu items */
  -moz-border-radius-topleft:0px !important;
  -moz-border-radius-topright:0px !important;
}

.sf-menu ul li a:hover {
  background-color:#f7d4d4 !important;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  left: 0;
  top: 30px; /* match top ul list item height. this affects how far down the menu is when it appears. */
  z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  /* affects sub-menus, like third level menu option */
  left: 180px; /* match ul width */
  top: -1px;
}

.sf-menu li ul li ul li a {
  /* items under third level menu option */
  width:180px;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top: -999em;
  left:5em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
  left: 8em; /* match ul width */
  top: 0;
}

/* CONTENT */

#content {margin: 0 440px 0 0;}
.post {
        border-bottom:3px double #D7F7D4;
        margin-bottom:60px;
        padding-bottom:20px;
}
.post2 {}
.post ul li {color:#000}
.side {
	width: 400px;
	margin:4px 0 0 -400px;	
	float: left;
        text-align:left;
}

.side1, .side2 {
	width: 200px;
	float: left;
	color: #333;
}
#content .gap {margin: 0 20px 0 0;overflow:hidden}
.side1 .gap {}
.side2 .gap  {margin: 0 0 0 10px;}
#out-foot {
	background:transparent url(images/bg-gradient.gif) repeat-x scroll 0 bottom;
	border-top:1px solid #3AC52C;
	width: 100%;
	float: left;
}
#footer {
	margin: 0 auto 0;
	width: 950px;
	color: #666;
	text-align: left;
	position: relative;
}

#footer, #footer a {
	font-size: 12px;
}

#footer a, #footer a:hover {
	color:#666;
	text-decoration: none;
}
#footer {
	padding-top: 5px;
}

#footer p.right {
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}

/* SIDEBAR */

.twitter-follow-link {float:right;margin-bottom:36px}

#top-sidebar li {margin:20px 0;}
.side1  ul, .side2  ul, .side ul{list-style: none;}
.linkcat, .widget, .boxy, .side .categories, .widget-sortable {
	padding: 10px;
	border: 1px solid #3AC52C;
	background: url(images/bg-gradient.gif) 0 bottom repeat-x;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.post ul li, .side1  ul li ul li, .side2  ul li ul li {
	padding: 2px 0;
	margin-left: 15px;
	list-style: square;
	color: #C20F0F;
}
.side1  ul li ul li ul li{border: none;}
.side1  ul.children, .side2  ul.children{margin-left: 0;}
.boxy, .side1 .categories, .side2 .categories, .widget, .side1 .linkcat, .side2 .linkcat, .about, .widget-sortable  {margin-bottom: 20px;}
.side2 .boxy, .side2 .linkcat {}
.side1 h2, .side2 h2{
	font-family:Arial,Helvetica,Sans-serif;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color: #C20F0F;
	margin: 5px 0;
	/* background: #F7D4D4 url(images/bg/bg-g-h2.gif) 0 0 repeat-x; */
}

.side1 ul li ul li.current_page_item a,.side1 ul li ul li.current-cat a, .side2 ul li ul li.current-cat a  {
	font-weight: bold;
}

.link-buttons-cell {vertical-align:top;padding:5px;}

/* CALENDAR */

#wp-calendar #prev a, #wp-calendar #next a {font-size: 12px;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {
	font-weight:bold;
	font-size: 12px;
	text-align: center;
	}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
.flickr-photo {text-align:center}
.flickr-photo img {margin:10px 0;}

/* SEARCH */

input#s {
	width: 368px;
	padding: 10px 5px 10px 25px;
	margin: 0 0 10px;
	background: #fff url(images/ico/zoom1.png) 5px 10px no-repeat;
	border: 1px solid #3AC52C;
	color: #2E9B22;
	font-size: 14px;
}
input#s:hover {border: 1px solid #D7F7D4;}
input#s:focus {
	background: #fff url(images/ico/zoom.png) 5px 10px no-repeat;
	color: #C20F0F;
	border: 1px solid #D7F7D4;
}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;
 font-weight:400;}
h1 {font-size:36px;}
h2, h2 a {font-size:30px;}
h3, h3 a {font-size:18px;}
h4 {font-size:16px;}
h2.pagetitle {
	text-align: left;
	font-size:36px;
	border-bottom: 1px solid #D7F7D4;
}
.post h2 {
	font-size:2em;
	line-height:1.2;
	margin:1em 0;	
}
.post h3 {
	font-size:1.6em;
	line-height:1.2;
	margin:1em 0;	
}
p.meta {font-size: 100%;}	
p.meta2 {
        clear:both;
	text-align: left;
	font-size: 100%;
	border-top: 1px solid #D7F7D4;
        margin:0;
	padding: 5px 0 0 0;
}

.post ul.postspermonth{
	list-style:none;
	padding: 0;
	margin: 0;
}
.post ul {margin-left: 35px;}
.post ol {margin-left: 40px;}
.categr, .monthr {margin-bottom: 20px;}
.categr h2, .monthr h2{border-bottom: 1px solid #D7F7D4;}
.rss {
	background: url(images/feed-icon-10x10.png) left center no-repeat;
	padding-left: 12px;
}

.tags a {font-weight: normal;}
.catr, .commr {font-weight:bold}

/* IMAGES */
p img {padding: 0;max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* CAPTIONS */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	background:transparent url(images/bg-gradient.gif) repeat-x scroll 0 bottom;
	border:1px solid #3AC52C;
	padding:10px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption {
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* ETC */
.navigation 
{
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
.navigation .alignleft {float: left;width: 50%;}
.navigation .alignright {
	float:right;
	text-align: right;
	width: 50%;
}
.ileft {float: left;margin-right: 5px;}
#avatr {border: 1px solid #3AC52C;}
p.stats {
	color: #999;
	font-size: 10px;
	border: 1px solid #D7F7D4;
	border-left: none;
	border-right: none;
}
blockquote
{
	background: url(images/blockquote.gif) no-repeat left top;
	color: #666;
	margin: 1em;
	padding: 0 0 10px 40px;
}
#content .commentsfeedr
{
	background: url(images/ico/feed.png) no-repeat left center;
	padding: 2px 2px 2px 20px;
}
#content .trackbackr
{
	background: url(images/ico/arrow_refresh.png) no-repeat left center;
	padding: 2px 2px 2px 20px;
}
input.textbox, textarea, textarea, input#url, input#email, input#author
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border: #D7F7D4 1px solid;
	font: 12px Arial, Verdana, Serif;
	padding: 2px;
}
input.textbox:focus, textarea:focus
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border: #999 1px solid;
}
#submit {
	background: #2E9B22;
	color: #fff;
	padding: 3px 5px;
	border: #227118 solid 2px;
	border-top: 2px solid #34B027;
	border-left: 2px solid #34B027;
}
#submit:focus, #submit:hover {
	background: #2E9B22;
	color: #fff;
	border: #000 solid 2px;
	border-top: 2px solid #2E9B22;
	border-left: 2px solid #2E9B22;
}
.trackbacklist {margin-left: 20px;}
.commentlist .children {margin-left: 30px;}
.commentlist li {
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border-bottom: #ddd 1px solid;
	list-style: none;
	padding: 1em 0.5em;
}
.alt{background: #f9f9f9;}
.MyAvatars
{
	border: 1px solid #D7F7D4;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	float: right;
	margin-left: 5px;
	margin-right: 10px;
	padding: 3px;
}

h3#respond, h3#comments {
	font-size:18px;
	font-weight:bold;
}
#comment {width:360px; border:1px solid #3AC52C; padding:6px}
textarea#cp_message {width: 100%;}
pre {
	width: 95%;
	overflow:auto;
	font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;
	color: #921A14;
	max-height: 350px;
	line-height: 18px;
	margin: 10px 0;
	border: 1px solid #921A14;
	padding: 5px;
	background: #F7D5D4;
}

code {
font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;
color: #921A14;
padding: 2px;
}
.avatar {float: right;margin-left: 10px;}

/* SHARETHIS */

#sharethis_0, #sharethis_1, #sharethis_2, #sharethis_3, #sharethis_4, #sharethis_5, #sharethis_6, #sharethis_7,
#sharethis_8, #sharethis_9, #sharethis_10, #sharethis_11, #sharethis_12, #sharethis_13, #sharethis_14, #sharethis_15
{
  border-top:1px solid #D7F7D4;
  clear:both;
  float:left;
  margin-top:20px;
  padding:10px 0;
  width:100%;
}
.stbutton {margin-right:5px}
.stbuttontext {line-height:14px !important;}
.stico_default {background-image:none important!}