/*
Theme Name: midlandindoor
Theme URI: http://fractalbrothers.com
Description: Custom theme for <a href="http://midlandindoor.com">midlandindoor.com</a>
Author: Jeffrey Johnson
Author URI: http://fractalbrothers.com
Tags: midland indoor sports center,MISC,midlandindoor.com
*/

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


/*********************| GENERAL |********************************/

html {
  height:100%;
  margin:0;
  padding:0;
  width:100%;
}

body {
  background-color:#222222;
  /*background-image:url();
  background-position:center top;
  background-repeat:repeat-x;*/
  font-family:"Trebuchet MS",sans-serif;
  font-size:11px;
  height:100%;
  margin:0;
  padding:0;
  width:100%;
}

.floatright{
float:right;
}
.floatleft{
float:left;
}

/***********************| VISUAL |----------------------------*/

a:link {
  color:#6ca1dd;
  text-decoration:none;
}

a:visited {
  color:#6ca1dd;
  text-decoration:none;
}

a:hover, a:active {
  border-bottom:1px dotted #6ca1dd;
  color:#6ca1dd;
  text-decoration:none;
}

div.hr {
  height: 15px;
  background: #ffffff url(images/horizontal-divider.jpg) no-repeat scroll center;
  margin-top:5px;
}
div.hr hr {
  display: none;
}

.sectiontitle{
vertical-align: middle;
}

.icon{
vertical-align: middle;
}

img{
border:none;
}

/***********************| LAYOUT |*****************************/

/* solution to div float problem */
div.container {
	overflow: auto;
	width: 100%
}

#page-container{
  width:100%;
}

#header{
  background-image: url(images/header-background.jpg);
  background-position:left top;
  background-repeat: no-repeat;
  height: 297px;
  width:908px;
}

#logo{
  background: transparent url(images/misc-logo.gif) no-repeat scroll 0 0;
  position:absolute;
  top: 143px;
  left: 116px;
  height: 102px;
  width: 226px;
  text-indent:-5000px;
}

#logolink{
  position:absolute;
  top: 143px;
  left: 116px;
  height: 102px;
  width: 226px;
  background-color:transparent;
}

#logolink a{
  text-decoration:none;
  border-bottom:none;
  display:block;
  background-color:transparent;
  height: 102px;
  width: 226px;
}

#navigation{
  position: absolute;
  height: 50px;
  width: 400px;
  left: 450px;
  top: 220px;
}

.menu {
background:transparent none repeat scroll 0 0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.menu li {
background-repeat:no-repeat;
height:25px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 25px 0 0;
padding:0;
}
.menu li a, .menu li a:visited {
background-repeat:no-repeat;
display:block;
height:25px;
text-decoration:none;
/*text-indent:-2000px;*/
}
/*
.nav-schedule {
background-image:url(images/navigation/nav-schedule-fix.png);
width:95px;
}
.nav-schedule a {
background-image:url(images/navigation/nav-schedule-fix.png);
}
.nav-forms {
background-image:url(images/navigation/nav-forms-over.png);
width:67px;
}
.nav-forms a {
background-image:url(images/navigation/nav-forms.png);
}
.nav-info {
background-image:url(images/navigation/nav-info-over.png);
width:50px;
}
.nav-info a {
background-image:url(images/navigation/nav-info.png);
}*/

ul.menu li a:hover {
background:transparent none repeat scroll 0 0;
}
.menu li {
float:left;
}
.menu:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

#content-container{
  background-image: url(images/main-background.png);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #ffffff;
  padding-left: 112px;
  width:100%;
}

#content{
  width: 797px;
}

#miscnews{
  margin-top: 12px;
}

#posts{
  width: 797px;
  height: 104px;
  margin-bottom: 12px;
}

#posts h2{
margin-bottom: 0px;
margin-top: 0px;
color: #e1ff96;
font-size: 15px;
}

#posts p{
font-size: 11px;
color: #fff;
margin-top: 5px;
margin-bottom: 0px;
}

.post-date{
font-size: 10px;
text-transform: uppercase;
color: #fff;
}

.single-post-date{
font-size: 11px;
color: #333;
}

.wp-post-new{
  background-image: url(images/news-background-new.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  width: 227px;
  height: 99px;
  padding-top: 5px;
  padding-right: 20px;
  padding-left: 10px;
  overflow: hidden;
}

.wp-post{
  background-image: url(images/news-background.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  width: 227px;
  height: 99px;
  margin-left: 12px;
  padding-top: 5px;
  padding-right: 20px;
  padding-left: 10px;
  overflow: hidden;
}

/* single.php styles */
.post h2{
font-family: "Lucida grande",sans-serif;
font-weight: bold;
font-size: 20px;
color: #222;
margin-top: 15px;
margin-bottom: 10px;
}

.post h3{
font-family: "Lucida grande",sans-serif;
font-weight: bold;
font-size: 15px;
color: #222;
margin-top: 10px;
margin-bottom: 10px;
}

#comments{
  font-family: "Lucida Grande",sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #222;
  margin-top: 10px;
  margin-bottom: 10px;
}

#respond{
  font-family: "Lucida Grande",sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #222;
  margin-top: 10px;
  margin-bottom: 10px;
}

.post p{
color:#333333;
font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.9;
margin-top: 10px;
}

.post td{
color:#333333;
font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.9;
}

.wp-post-new a,.wp-post a{
color: #E1FF96;
text-decoration: none;
border-bottom: none;
}

#miscflickr{
margin-top: 12px;
}

#flickr-images{
margin-bottom: 12px;
}

#misclinks{
margin-top:12px;
}

#links{
margin-bottom:12px;
overflow: hidden;
}

#links .linksection{
width: 255px;
margin-right: 10px;
float: left;
min-height: 110px;
}

#links .linksection h2{
font-family: "Trebuchet MS",sans-serif;
font-size: 15px;
color: #222;
}

#links .linksection ul{
list-style-type: none;
margin-left: 5px;
}

#miscstatus{
margin-top:12px;
}

#twitterbox{
margin-bottom:12px;
border: 1px solid #e1fca4;
background-color: #f4ffd9;
}

#twitterjunk{
  float: left;
}

.twitterdate{
background-color:#e1fca4;
font-style: italic;
font-face: Georgia,serif;
color: #6d9901;
padding: 3px;
}

#twitterstatus{
float:right;
width: 600px;
padding-right:5px;
margin-top:5px;
color: #88bf00;
font-family: Georgia,serif;
font-size: 30px;
vertical-align:middle;
}

#calendarbox{
margin-bottom:12px;
}

#miscsocial{
margin-top:12px;
}

#socialicons{
margin-bottom:12px;
}

#socialicons a:hover{
border-bottom:none;
}

#footer{
  background-color: transparent;
  background-image: url(images/footer-background.png);
  background-position: left top;
  background-repeat: repeat-x;
  width: 100%;
  min-height: 50px;
}

#footer-navigation{
  background-image: url(images/footer-nav-background.png);
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
  width: 797px;
  min-height: 200px;
  padding-left: 112px;
}

#footer-navigation a:hover{
color: #d6e9ff;
}

#footer-navigation ul{
list-style: none;
line-height: 14px;
padding-left: 0px;
margin: 0px;
}

.footer-links-schedule{
position: absolute;
top: 77px;
left: 117px;
}

.footer-links-forms{
position: absolute;
top: 77px;
left: 270px;
}

.footer-links-info{
position: absolute;
top: 77px;
left: 430px;
}

.footer-links-contact{
color: #eeeeee;
position: absolute;
top: 77px;
left: 629px;
}

/*****************|FORMS|*******************/

div.box{
background:#bfd7f3 none repeat scroll 0 0;
border:1px solid #a7c4e6;
color:#333333;
margin-bottom:20px;
padding:10px;
width: 497px;
}

div.box .input-text{
border:1px solid #a7c4e6;
color:#333;
}

div.box label{
display:block;
margin-bottom:10px;
color:#333;
}

div.box label span{
display:block;
float:left;
padding-right:6px;
width:150px;
text-align:right;
}