@charset "utf-8";
/*
Theme Name: Buffalo Soccer Club
Theme URI: http://wordpress.org/
Description: Custom WordPress theme for the Buffalo Soccer Club in Minnesota USA.
Version: 1
Author: Jacob Schulke
Author URI: http://j12media.com/
Tags: purple, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
@import url("reset.css");
/*html*/
body {
background:url(images/bg.gif) repeat;
text-align:center;
margin:o auto;
font-family:Arial, Helvetica, sans-serif;
font-size:84%;
}
p {
line-height:normal;
padding:5px 0 10px 0;
margin:0 0 15px 0;
}
hr {
display:none;
}
a {
color:#59277f;
}
a:hover {
text-decoration:none;
}
h1 {
text-transform:uppercase;
color:#59277f;
font-size:130%;
padding:0 0 15px 0;
}
h2 {
text-transform:uppercase;
color:#59277f;
font-size:120%;
font-style:italic;
padding:0 0 10px 0;
}
h3 {
font-style:italic;
color:#59277f;
font-size:110%;
}
h4, h5, h6 {
font-size:100%;
color:#000000;
padding:5px 0 0 0;
}
ul, ol {
padding:5px 0 5px 15px;
}
li {
padding:2px;
}
ol li {
list-style:decimal inside;
}
ol li ol li {
list-style:lower-alpha inside;
margin:0 0 0 10px;
}
ul li ol {
padding:0 0 10px 35px;
}
blockquote {
width:200px;
float:right;
margin:0 10px 10px 10px;
padding:0 10px 10px 15px;
background:url(images/quote_start.gif) no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333333;
font-size:110%;
font-style:italic;
}
blockquote p strong {
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
font-weight:normal;
font-style:normal;
text-align:right;
display:block;
background:none;
}
/*layout*/
#header {
height:149px;
background:url(images/header_bg.jpg) repeat-x;
position:relative;
}
#header h5 {
text-transform:uppercase;
font-size:21px;
position:absolute;
top:32px;
left:98px;

}
#header h5 a {
color:#FFFFFF;
text-decoration:none;
}
#header img {
position:absolute;
top:4px;
left:-77px;
z-index:100;
}
.description {
background:url(images/run_header.jpg) no-repeat;
height:105px;
width:161px;
position:absolute;
top:0;
right:86px;
text-indent:-999px;
overflow:hidden;
}
#header, #footer {
margin:0 auto;
width:963px;
}
#page {
margin:0 auto;
width:931px;
text-align:left;
background:url(images/page_bg.gif) repeat-y;
padding:3px 16px 0 16px;
position:relative;
}
#content {
background:#FFFFFF;
width:660px;
float:right;
padding:24px 10px 50px 30px;
}
.widecolumn {
float:none;
width:872px;
padding:24px 30px 50px 30px;
background:#FFFFFF;
}
#content ul li {
list-style:url(images/bullet.gif) inside;
}
#commentform {
border:1px solid #999999;
padding:10px;
}
.navigation {
padding:5px;
}
 h2.posts {
color:#FFFFFF;
font-size:12px;
text-transform:uppercase;
font-style:italic;
font-weight:bold;
padding:10px 10px 17px 8px;
background:url(images/panel_head_bg.jpg) repeat-x;
}
 h2.posts a {
color:#FFFFFF;
text-decoration:none;
}
 h2.posts a:hover {
text-decoration:underline;
}
.entry {
padding:5px 10px 5px 10px;
}
.entry p {
padding:0 5px 0 0;
}
.entry #sidebar {
width:320px;
float:right;
border:1px solid #59277f;
margin:0 0px 20px 0px;
}
.wpcf7 {
float:left;
width:525px;
}
.wpcf7 form {
width:345px;
background:#CCCCCC;
padding:10px;
border:1px solid #321648;
}
.postmetadata {
text-align:right;
font-size:80%;
padding:0 20px 20px 0;
}
.postmetadata small {
display:block;
font-size:70%;
}
.cat {
text-align:right;
}
.cat a {
color:#FFFFFF;
font-size:11px;
background:url(images/cat_bg.gif) no-repeat #000000;
background-position:top left;
padding:0 10px 5px 15px;
}
#leftSide h3, #rightSide h4, .entry #sidebar h2, #leftSide h2.sponsors {
color:#FFFFFF;
border:none;
border-top:3px solid #CCCCCC;
font-size:12px;
text-transform:uppercase;
font-style:italic;
font-weight:bold;
padding:10px 10px 17px 8px;
}
#leftSide h2.sponsors {
margin:0;
}
#rightSide h4 {
border:none;
}
#rightSide {
width:220px;
border:1px solid #321648;
float:right;
background:url(images/panel_head_bg.jpg) repeat-x #f4f4f4;
margin:0 0px 0 10px;
padding:0 5px 10px 5px;
position:relative;
}
#rightSide h4 {
text-align:right;
}
#rightSide .shoe {
background:url(images/shoe.png) no-repeat;
height:64px;
width:80px;
position:absolute;
top:-23px;
left:-20px;
}
#leftSide  {
width:227px;
background:#FFFFFF;
float:left;
margin:0 3px 0 0;
}
#leftSide h3, .entry #sidebar h2, #leftSide h2.sponsors {
background:url(images/panel_head_bg.jpg) repeat-x;
border-top:3px solid #CCCCCC;
}
.entry #sidebar h2 {
margin:-10px 0 10px -35px;
border:none;
}
#leftSide h2 {
padding:10px 0 0 0px;
border-bottom:2px solid #59277f;
margin:0 0 -10px 20px;
}
#sidebar h2 {
margin:0 0 10px -14px;
}
#leftSide h3, .entry #sidebar h2,  {
background:url(images/panel_head_bg.jpg) repeat-x;
border-top:3px solid #CCCCCC;
}

#leftSide ul , #sidebar ul {
padding:10px 0 10px 34px;

}
#leftSide li, #sidebar li {
padding:0;
list-style:none;
}
#leftSide a, #sidebar a {
border-left:1px solid #ffffff;
border-bottom:1px solid #59277f;
background:url(images/subnav_bg.gif) repeat-x;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
padding:4px;
display:block;
}
#leftSide a:hover, #sidebar a:hover, #leftSide li.current_page_item a, #leftSide li.current_page_parent a  {
border-left:1px solid #59277f;
background-position:bottom left;
} 

#sidebar a:hover,  {
background-position:bottom left;
}
#myslidemenu {
height:49px;
width:879px;
position:absolute;
top:-49px;
left:-5px;
background:url(images/nav_bg.gif) repeat-x;
padding:11px 0 0 95px;
z-index:80;
}
#sidebar form div {
display:none;
} 
h2.widgettitle {
text-transform:none;
font-size:100%;
padding:0;
border-bottom:2px solid #59277f;
}

#footer {
background:url(images/foot_bg.gif) no-repeat;
color:#333333;
font-size:75%;
text-align:left;
padding:32px 0 15px 0;
}
#footer p {
padding:0 60px 20px 60px;
line-height:1.8em;
}
#footer a {
color:#333333;
}
.footR {
float:right;
text-align:right;
}
.footL {
float:left;
}
a.wp {
background:url(images/wp_logo.gif) no-repeat;
background-position:top right;
padding:0 25px 5px 4px;
}
.clear {
clear:both;
}
.alignleft {
float:left;
margin:0 15px 0 0;
}
.alignright {
float:right;
margin:0 0px 0 15px;
}

/*navigation */
.jqueryslidemenu{
font: bold 15px Arial, Helvetica, sans-serif;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
list-style:none;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
color: white;
padding: 8px 10px;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;

}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
background:url(images/button-nav_bg.png) repeat-x;
_background:none;
background-position:top left;
}

.jqueryslidemenu ul li a:hover{
color: white;
background-position:bottom left;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
padding:0 0 18px 0;
background:#000000;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
padding:0 0 0 25px;
_padding:0;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding:5px 5px 5px 8px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #FFFFFF;
border-left:1px solid #000000;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
border-left:1px solid #ffffff;
}